/* XL Device :5000px. */
@media screen and (min-width: 1921px) and (max-width: 5000px) {
  .testimonial-img {
    left: auto;
    right: 60%;
  }
}


/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1800px) {
  .testimonial-img {
    left: 5%;
  }
}
/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-img {
    left: 1%;
  }
}

/* XL Device :1356px. */
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .slider-height {
    min-height: 100vh;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .intro-feature-area {
    margin-top: -230px;
    clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    padding-top: 190px;
  }
  .intro-feature-text-style {
    top: 75px;
  }
  .testimonial-img {
    left:0;
    bottom: -24%;
  }
  .feature-margin {
    margin-top: -230px;
    clip-path: polygon(0 31%, 100% 0, 100% 100%, 0% 100%);
  }
  .about-margin {
	margin-top: -350px;
	padding-top: 340px;
  clip-path: polygon(-12% 0, 100% 26%, 100% 100%, 0% 100%);
}
.service-margin {
	clip-path: polygon(0 0, 100% 31%, 100% 100%, 0% 100%);
	margin-top: -440px;
	padding-top: 230px;
}
.process-margin {
	clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%);
}
.choose-us-area {
	padding-top: 240px;
	margin-top: -420px;
	clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
}
.testimonial-bg {
	clip-path: polygon(0 33%, 100% 0, 100% 100%, 0% 100%);
}
.brand-margin {
	margin-top: -370px;
	clip-path: polygon(0 0, 100% 72%, 100% 100%, 0% 100%);
	padding-top: 150px;
}
.contact-padding {
	padding-top: 340px;
}
  .portfolio-margin {
    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
    margin-top: -440px;
  }
  .contact-margin {
    clip-path: polygon(-9% 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -170px;
  }
  .blog-margin {
    clip-path: polygon(0 26%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -400px;
    padding-top: 200px;
  }
  .footer-bg-img img {
    width: 80%;
  }
  .blog-margin {
    padding-bottom: 220px;
  }
  .footer-margin {
    margin-top: -330px;
    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
  }
  .slider-content h1 {
    font-size: 72px;
  }


}




/* XL Device :1280px. */
@media screen and (min-width: 1200px) and (max-width: 1370px) {
  .slider-height {
    min-height: 100vh;
  }
  .slider-wrapper {
    margin-top: 135px;
  }
  .slider-content h1 {
    font-size: 58px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 21px;
    margin-right: 50px;
    padding-bottom: 18px !important;
  }
  .intro-feature-area {
    margin-top: -100px;
    padding-top: 100px;
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .testimonial-img {
    bottom: -28%;
  }
  .testimonial-img img {
    width: 80%;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .about-margin {
    clip-path: polygon(-25% 0, 100% 24%, 100% 100%, 0% 100%);
    margin-top: -330px;
    padding-top: 320px;
    padding-bottom: 360px;
  }
  .portfolio-margin {
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);
    margin-top: -360px;
    padding-top: 170px;
  }
  .intro-feature-text-style {
    font-size: 200px;
    top: 0px;
  }
  .portfolio-area .intro-feature-text-style {
    top: 60px;
  }
  .intro-feature-area {
    clip-path: polygon(0 0, 100% 11%, 100% 100%, 0% 100%);
    padding-top: 110px;
  } 
  .feature-padding {
    padding: 350px 15px;
  }
  .feature-margin {
    margin-top: -130px;
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -270px;
    padding-top: 170px;
  }
  .service-area .intro-feature-text-style {
    top: -110px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    margin-top: -70px;
    padding-top: 170px;
  }
  .choose-us-area.over-hidden {
    padding-top: 170px;
    margin-top: -360px;
    clip-path: polygon(0 0, 100% 26%, 100% 100%, 0% 100%);
  }
  .team-area .intro-feature-text-style {
    top: 5px;
  }
  .contact-margin {
    clip-path: polygon(-9% 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -180px;
  }
  .testimonial-margin {
    padding-bottom: 420px;
    padding-top: 170px;
    margin-top: -140px;
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .brand-margin {
    clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%);
    margin-top: -370px;
  }
  .testimonial-area .intro-feature-text-style {
    top: 60px;
  }
  .blog-margin {
    clip-path: polygon(0 24%, 100% 0, 100% 100%, 0% 100%);
    padding-top: 170px;
  }
  .blog-area .intro-feature-text-style {
    top: 60px;
  }
  .blog-margin {
    padding-bottom: 200px;
  }
  .process-text-style {
    top: 65px;
    font-size: 180px;
  }
  .contact-padding {
    padding-top: 330px;
  }
  .brand-margin {
    padding-top: 150px;
    margin-top: -400px;
  }
  .footer-bg-img img {
    width: 68%;
  }
  .process-wrapper,.feature-wrapper,.team-wrapper,.contact-info-wrapper,.blog-wrapper,.single-intro-feature-wrapper,.single-intro-feature-wrapper ,.portfolio-margin-top{
    padding-top: 40px;
  }
  .footer-area {
    padding-bottom: 70px;
  }

}




/* LG Device :992px. */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height {
    min-height: 600px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 125px;
  }
  .slider-content h1 {
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 21px;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 165px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 30px 0;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 105px;
    left: -122px;
  }
  .port-over-content h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .single-portfolio:hover .port-content {
    top: 40%;
  }
  .about-margin {
    margin-top: -210px;
    padding-top: 250px;
    padding-bottom: 250px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .portfolio-margin {
    margin-top: -218px;
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%);
    padding-top: 165px;
  }
  .title h2 {
    font-size: 40px;
  }
  .abt-img2 {
    right: -182px;
    top: 125px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 22px;
  }
  .feature-margin {
    margin-top: -90px;
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-padding {
    padding: 300px 15px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 165px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    padding-top: 170px;
    margin-top: -40px;
  }
  .process-text-style {
    top: 80px;
    font-size: 172px;
  }
  .choose-us-area {
    padding-top: 165px;
    margin-top: -320px;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
  }
  .choose-us-content {
    padding-bottom: 80px;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
    margin-top: -130px;
    padding-bottom: 250px;
    padding-top: 165px;
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .testimonial-area .intro-feature-text-style {
    top: 100px;
  }
  .team-area .intro-feature-text-style {
    top: 60px;
  }
  .single-intro-feature-content h4 {
    font-size: 21px;
  }
  .service-area .intro-feature-text-style {
    top: -60px;
  }
  .brand-margin {
    margin-top: -225px;
    clip-path: polygon(0 0, 100% 60%, 100% 100%, 0% 100%);
    padding-top: 110px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    margin-top: -110px;
  }
  .testimonial-content h4 {
    font-size: 42px;
  }
  .testimonial-text, .testi-info h6 {
    font-size: 21px;
  }
  .contact-padding {
    padding-top: 260px;
    padding-bottom: 290px;
  }
  .blog-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 160px;
    padding-bottom: 220px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a, .blog-modal-wrapper .blog-meta li span,.blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -230px;
  }
  .footer-bg-img img {
    width: 60%;
  }
  p {
    font-size: 16px;
  }
  .process-wrapper,.feature-wrapper,.team-wrapper,.contact-info-wrapper,.blog-wrapper,.single-intro-feature-wrapper,.single-intro-feature-wrapper ,.portfolio-margin-top{
    padding-top: 30px;
  }
  .footer-area {
    padding-bottom: 60px;
  }
  .single-feature-service h5,.choose-us-service-text h3,.single-process h4{
    font-size: 18px;
  }
}








/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-menu .logo {
    margin: 15px 0;
  }
  .slider-height {
    min-height: 520px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .title h4 {
    font-size: 24px;
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 130px;
  }
  .slider-content h1 {
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 35px;
  }
  .intro-feature-area {
    margin-top: -100px;
    padding-top: 80px;
  }
  .slider-content .sub-heading {
    font-size: 21px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  p {
    font-size: 16px;
  }
  .slick-dots {
    right: 50px;
    bottom: 60px;
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 110px;
  }
  .slider-content h1 {
    font-size: 52px;
    line-height: 1.1;
    margin-bottom: 20px;
  }
  .slider-content p {
    font-size: 21px;
    margin: 0 50px;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 140px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 30px 0;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 65px;
    left: -122px;
  }
  .about-margin {
    margin-top: -270px;
    padding-top: 230px;
    padding-bottom: 250px;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
  }
  .portfolio-margin {
    margin-top: -230px;
    clip-path: polygon(0 9%, 100% 0, 100% 100%, 0 100%);
    padding-top: 165px;
  }
  .title h2 {
    font-size: 36px;
  }
  .abt-img2 {
    /* right: -182px; */
    top: 130px;
  }
  .about-content {
    margin-top: 60px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    right: -150px;
    top: 15px;
  }
  .feature-margin {
    margin-top: -20px;
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-img {
    margin-top: 60px;
  }
  .feature-padding {
    padding: 250px 15px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    margin-top: -185px;
    padding-top: 165px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    padding-top: 150px;
    margin-top: -60px;
  }
  .process-text-style {
    top: 50px;
    font-size: 172px;
  }
  .service-area .intro-feature-text-style {
    top: -75px;
  }
  .choose-us-area {
    padding-top: 160px;
    margin-top: -240px;
    clip-path: polygon(0 0, 100% 12%, 100% 100%, 0% 100%);
  }
  .choose-us-content {
    padding-bottom: 30px;
  }
  .team-area {
    margin-bottom: 0;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
    margin-top: -240px;
    padding-bottom: 280px;
    padding-top: 170px;
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .testimonial-area .intro-feature-text-style {
    top: 95px;
  }
  .team-area .intro-feature-text-style {
    top: 40px;
  }
  .portfolio-area .intro-feature-text-style {
    top: 90px;
  }
  .testi-wrapper {margin-top: 30px;}
  .slider-single-margin {
    margin-left: 0;
  }
  .testimonial-text, .testi-info h6 {
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 21px;
  }
  .testimonial-content h4 {
    font-size: 36px;
  }
  .single-feature-service h5 {
    font-size: 21px;
  }
  .testi-avatar img {
    width: 52px;
  }
  .slick-arrow .l-a, .slick-arrow .r-a {
    top: 30%;
  }
  .slider-nav-margin {
    margin-left: 0;
  }
  .brand-margin {
    margin-top: -240px;
    clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%);
    padding-top: 110px;
  }
  .map-padding {padding-left: 15px;}
  .contact-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -135px;
  }
  .contact-padding {
    padding-top: 270px;
    padding-bottom: 290px;
  }
  .blog-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 160px;
    padding-bottom: 170px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a, .blog-modal-wrapper .blog-meta li span,.blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -240px;
  }
  .footer-bg-img img {
    width: 60%;
  }
  .title p {
    font-size: 16px;
  }
  .single-intro-feature-content h4 {
    font-size: 21px;
  }
  .port-margin-top2 {
    margin-top: 0;
  }
  .port-margin-top1 {
    margin-top: 0;
  }
  .port-margin-top3 {
    margin-top: 0;
  }
  .single-intro-feature-wrapper,.section-margin-top,.process-wrapper, .blog-wrapper, .team-wrapper,.portfolio-margin-top {
    padding-top: 40px;
  }
  .single-team {
    margin-bottom: 45px;
  }
  .s-p3 {
    margin-top: 0;
  }
  .s-p2, .s-p4 {
    margin-top: 35px;
  }
  .subscribe-info {
    margin-top: 25px;
  }
  .footer-widget.f-subscriber-area {
    margin-bottom: 30px;
  }
  .single-process {margin-bottom: 0;}
  .single-intro-feature-content h4,.single-process h4,.choose-us-service-text h3 {
    font-size: 21px;
  }
  .side-mobile-menu img {
    width: 130px;
  }
  .mean-container .mean-nav ul li a:hover {
    color: var(--main-color);
    background: transparent;
  }
  .mean-container .mean-nav ul li a:hover {
    background: black;
  }
}










/* Extra small Device. */
@media screen and (max-width: 767px) {
  .slider-height {
    min-height: 480px; 
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
    padding-bottom: 30px;
  }
  .side-mobile-menu img {
    width: 100px;
  }
  .abt-img img{
    width: 75%;
  }
  .abt-img2 img{
    width: 65%;
  }
  .slider-wrapper {
    margin-top: 90px;
  }
  .slider-content h1 {
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 18px;
    margin-bottom: 0;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 115px;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 8px 30px 7px 30px;
    font-size: 14px;
  }
  .blog-modal-wrapper .blog-meta li {
    margin-right: 8px;
  }
  .slick-dots {
    right: 35px;
    bottom: 80px;
  }
  .slick-dots button {
    width: 12px !important;
    height: 12px;
    margin: 10px auto;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 20px 0;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .single-intro-feature-content {
    margin-bottom: 35px;
  }
  .s-ser-cnt4,.s-ser-cnt6 {
    margin-top: 0;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 25px;
    left: -122px;
  }
  .about-margin {
    margin-top: 0;
    padding-top: 70px;
    padding-bottom: 150px;
    clip-path: none;
  }
  .portfolio-margin {
    margin-top: -115px;
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
    padding-top: 115px;
  }
  .title h2 {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .single-intro-feature-wrapper {padding-bottom: 0;}
  .abt-img2 {
    /* right: -182px; */
    top: 100px;
    right: -150px;
  }
  .about-content {
    margin-top: 60px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    right: -150px;
  }
  .feature-margin {
    margin-top: 40px;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-img {
    margin-top: 50px;
  }
  .feature-padding {
    padding: 140px 15px;
  }
  .single-process h4,.choose-us-service-text h3, .single-feature-service h5, .contact-text h6 {
    font-size: 18px;
  }
  .footer-widget h5, .footer-widget .social-link a {
    font-size: 21px;
  }
  .footer-widget p, .footer-widget li a, .footer-widget span {
    font-size: 16px;
  }
  .testimonial-content h4 {
    font-size: 24px;
  }
  .single-process span {
    font-size: 36px;
  }
  .service-area .intro-ft-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
    margin-top: -80px;
    padding-top: 115px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    padding-top: 170px;
    margin-top: -70px;
  }
  .process-text-style {
    top: 75px;
    font-size: 172px;
  }
  .choose-us-area {
    padding-top: 115px;
    margin-top: -240px;
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
  }
  .choose-us-ser-icon span {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .choose-us-content {
    padding-bottom: 5px;
  }
  .feature2-padding {
    padding-top: 65px;
    padding-bottom: 40px;
  }
  p {
    font-size: 14px;
  }
  .fact-counter {
    font-size: 24px;
    margin-bottom: 2px;
  }
  .avatar-info p {
    font-size: 14px;
  }
  .fact-icon {
    width: 30px;
    margin: 5px auto;
  }
  .choose-us-content {
    padding-bottom: 10px;
  }
  .team-area {
    margin-bottom: 0;
    padding-top: 65px;
    padding-bottom: 20px;
  }
  .team-content {
    margin-top: 12px;
  }
  .team-content h6{
    font-size: 17px;;
  }
  .team-content span{
    font-size: 14px;;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%); */
    margin-top: -90px;
    padding-top: 115px;
    padding-bottom: 280px;
  }
  .testimonial-bg {
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
  }
  .testi-wrapper {
    margin-top: 12px;
  }
  .title h3 {
    font-size: 24px;
  }
  .slider-single-margin {
    margin-left: 0;
  }
  h4 {
    font-size: 24px;
  }
  .testimonial-text, .testi-info h6 {
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .slider.slider-nav {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    margin-top: 30px;
}
.testi-avatar {
	transform: rotate(0);
}
.testimonial-text, .testi-info h6 {
	margin-top: 20px;
	margin-bottom: 0;
}
  .testi-avatar img {
    width: 52px;
  }
  .slick-arrow .l-a, .slick-arrow .r-a {
    top: 30%;
  }
  .slider-nav-margin {
    margin-left: 0;
  }
  .brand-margin {
    margin-top: -280px;
    clip-path: polygon(0 0, 100% 32%, 100% 100%, 0% 100%);
    padding-top: 70px;
  }
  .testimonial-wrapper {
    margin-right: 0;
  }
  .brand6 {
    margin-top: 40px;
  }
  .brand5 {
    margin-top: 0;
  }
  .brand4 {
    margin-top: -40px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%);
    margin-top: -30px;
  }
  .map-padding {padding-left: 12px;}
  .contact-padding {
    padding-top: 130px;
    padding-bottom: 140px;
  }
  .map-wrapper {
    min-height: 250px;
    margin-top: 30px;
  }
  .pr6 {
    padding-right: 12px;
  }
  .pl6 {
    padding-left: 12px;
  }
  .leaflet-marker-icon {
    width: 50px !important;
    height: 50px !important;
  }
  .contact-info-wrapper {
    margin-top: 35px;
  }
  .contact-padding {
    padding-top: 140px;
    padding-bottom: 200px;
  }
  .blog-margin {
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -140px;
    padding-top: 115px;
    padding-bottom: 70px;
  }
  .footer-widget.f-adress p.mb-25 {
    margin-bottom: 10px;
  }
  .footer-widget .social-link {
    margin-top: 30px;
  }
  .footer-widget.f-adress {padding-bottom: 20px;}
  .blog-pd1, .blog-pd2 {
    padding-top: 0;
  }
  .single-blog {
    margin-bottom: 35px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a, .blog-modal-wrapper .blog-meta li span,.blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: none;
    margin-top: 0;
  }
  .footer-bg-img img {
    width: 60%;
  }
  .title p {
    font-size: 14px;
  }
  .title h4 {
    font-size: 21px;
  }
  .single-intro-feature-content h4 {
    font-size: 18px;
  }
  .port-margin-top2 {
    margin-top: 0;
  }
  .port-margin-top1 {
    margin-top: 0;
  }
  .port-margin-top3 {
    margin-top: 0;
  }
  .single-intro-feature-wrapper,.portfolio-margin-top,.process-wrapper, .blog-wrapper, .team-wrapper {
    padding-top: 20px;
  }
  .s-i-f-c2,.s-i-f-c3 {
    margin-top: 5px;
  }
  .s-ser-cnt3,.s-ser-cnt2,.s-ser-cnt3 {
    margin-top: 0;
  }
  .single-team {
    margin-bottom: 30px;
  }
  .video-play {
    font-size: 21px;
  }
  .feature-content1 p{margin-bottom:15px;}
  .s-p3,.s-p2, .s-p4 {
    margin-top: 0;
  }
  .subscribe-info {
    margin-top: 25px;
  }
  .footer-widget.f-subscriber-area {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .footer-area {
    padding-bottom: 60px;
    padding-top: 65px;
    overflow: hidden;
  }
  .single-process {margin-bottom: 30px;}
  .process-margin {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    padding-top: 115px;
    margin-top: 0;
  }
  /* modal css start */
  .modal-content h2 {
    font-size: 21px;
    padding: 20px 0px 15px 0px;
  }
  .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .meta-wrapper {
    padding: 25px 25px 25px 25px;
    margin-top: 35px;
  }
  .item-meta li {
    padding-bottom: 14px;
    padding-bottom: 10px;
  }
  .modal-tags li a, .pro-modal-footer h6,.item-meta li span, .item-meta li {
    font-size: 14px;
  }
  .social-link li a {
    padding-left: 10px;
  }
  .pro-modal-footer {
    margin-top: 10px;
    margin-bottom: 20px;
  }
/* modal css end */
.single-facts span {
	font-size: 24px;
}
.single-facts p {
	font-size: 16px;
}
.abt-badge {
	width: 60px;
	height: 60px;
	line-height: 60px;
	top: 20px;
	right: 20px;
}
.abt-badge img {width:25px;}
.about-img-over,.about-img {
	width: 275px;
}
.about-img-wrapper {
	display: flex;
	justify-content: center;
}
.abt-img img {
	width: 60%;
}
.abt-img2 img {
	width: 58%;
}
.abt-img2 {
	top: 101px;
	right: -114px;
}
/* menu css start */
.side-mobile-menu {
	width: 100%;
}
.side-mobile-menu img {
	margin-bottom: 20px;
}
.side-mobile-menu h5 {
	font-size: 21px;
}
.mean-container .mean-nav ul li a {
	padding-left: 0;
}
.mean-container .mean-nav {
	background: transparent;
}
/* menu css end */
.header-search-content h3 {
	font-size: 21px;
}
.header-search-details .header-search-form {
	width: 80%;
}
.close-menu span {
	line-height: 28px;
	width: 28px;
	height: 28px;
	font-size: 15px;
}
.slick-dots {
	right: 35px;
	bottom: 100px;
}
.single-feature-service {
	margin-bottom: 25px;
}
.mean-container .mean-nav ul li a {
	font-size: 14px;
}
.contact-add li {
	font-size: 14px;
}
.team-img .social-link li a {
	font-size: 21px;
	padding: 0 6px;
}
.single-portfolio {
	margin-bottom: 15px;
}
.port-btn {
	margin-top: 50px;
}
.pr-12,
.pr-6 {
	padding-right: 12px;
}
.pl-12,.pl-6 {
	padding-left: 12px;
}
.side-mobile-menu .social-link li a {
	font-size: 18px;
	padding-left: 0;
}
.mean-container .mean-nav ul li a:hover {
	color: var(--main-color);
	background: transparent;
}
}





@media screen and (max-width: 915px) and (orientation : landscape) {
  .slider-wrapper {
    margin-top: 100px;
  }
  
}





@media screen and (min-width: 0) and (max-width: 360px) {
  .s-ser-cnt6 {
    margin-top: 0;
  }
  .slick-dots {
    right: 35px;
    bottom: 80px;
  }
  .team-img .social-link li a {
    font-size: 18px;
    padding: 0 4px;
  }
  .slider-content p {
    font-size: 16px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content h1 {
    font-size: 42px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
  .brand-margin {
    margin-top: -250px;
  }
  .testimonial-text, .testi-info h6 {
    margin-top: 25px;
    margin-bottom: 2px;
    font-size: 18px;
  }
  .testimonial-margin {
    margin-top: -70px;
  }
  .title p {
    font-size: 16px;
  }
  .port-over-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-img-over, .about-img {
    width: 370px;
  }
  .abt-img img {
    width: auto;
  }
  .abt-img2 img {
    width: 80%;
  }
  .abt-img2 {
    top: 101px;
    right: -55px;
  }
  .abt-img2 {
    top: 170px;
    right: -55px;
  }
  .single-facts span {
    font-size: 30px;
  }
  .abt-badge {
    top: 65px;
  }
  .side-mobile-menu {
    width: 480px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%);
  }
  .portfolio-margin {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
  }
  .single-portfolio {
    margin-bottom: 0;
  }
  .port-btn {
    margin-top: 60px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 400px) and (max-width: 576px) {
 
}

/* SM Small Device :550px. */
@media screen and (min-width: 500px) and (max-width: 576px) {
 
}