@media screen and (max-width: 1680px){
    .container {max-width: calc(100% - 200px);}
}

@media screen and (max-width: 1366px){
    .heading2 h2{ font-size: calc(25px + (42 - 25) * ((100vw - 320px)/(1920 - 320)));}
    .counterblock .heading2 h2 {font-size: calc(30px + (62 - 30) * ((100vw - 320px)/(1920 - 320)));}
    .mainslider .title3 h1, .mainslider .title3 h1 span {font-size: calc(28px + (60 - 28) * ((100vw - 320px)/(1920 - 320)));}
    .mainslider .title3 p {font-size: calc(18px + (24 - 18) * ((100vw - 320px)/(1920 - 320))); line-height: 1.3;}
    .hero-2-image {max-width: 360px;}  
    .main-menu ul li {padding: 5px 0;}  
}


@media screen and (min-width: 992px) and (max-width: 1280px){
    .section-padding {padding: 80px 0;}
    .img-text-wrap .mr50 {margin-right: 25px;}
    .img-text-wrap .ml50 {margin-left: 25px;}
    .slick-prev:before, .slick-next:before {font-size: 28px; line-height: 14px;}
    .slick-prev, .slick-next {width: 45px; height: 45px; padding: 8px;}
    .welcome-3 {padding-top: 120px;}
}
@media screen and (max-width: 1280px){
    body, .heading2 p {font-size: 18px; line-height: 1.4;}
    .counter2 .single-counter p {font-size: 18px;}
    .counter2 .corner-shape2-left{top: -80px;}
    .heading2 {margin-bottom: 40px;}
    
    .img-text-wrap .button-group {margin: 35px 0 0;}
    .contact-box-content a {font-size: 16px;}
    .main-form input, .main-form textarea {margin-bottom: 16px; padding: 12px 20px;}
    .frm-grp {margin-bottom: 18px; }
    .main-menu ul li a{
        padding: 5px 6px;
    }
}

@media screen and (max-width: 1199px){
    .logo {
        margin-right: 19px;
        width: 110px;
    }
    .header-btn .theme-btn-11 {
        font-size: 13px;
        padding: 13px 6px;
    }
    .main-menu ul li a{
        padding: 5px 4px;
    }
}

@media screen and (max-width: 991px){
    .container {max-width: calc(100% - 120px);}
    .copyright2 p {justify-content: center; text-align: center;}
    .social ul {text-align: center; margin-top: 15px;}
    .footer-2 .single-footer h3 {margin-bottom: 15px;}
    .footer-area .row:first-child {row-gap: 30px;}
    .copyright2 {margin-top: 40px;}
    .footer-menu li{line-height: 1;}
    .mobile-logo {width: 140px;}
    .testimonial-3 .owl-nav button {height: 35px; width: 35px;}
    .testimonial-3 .owl-nav button.owl-prev{left: -45px;}
    .testimonial-3 .owl-nav button.owl-next {right: -45px;}
    .moneymantrablock p {font-size: 20px;}
    .counter2 .corner-shape2-left {left: -40px; top: -60px; width: 120px;}
    .counter2 {margin: 35px 0 20px;}
    .inner-title h2 {font-size: calc(36px + (72 - 38) * ((100vw - 320px)/(1920 - 320)));}
    .corner-right-bottom-shape2 {width: 35px; bottom: -45px;}
    .contact-info-row {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;}
    .main-form input, .main-form textarea {margin-bottom: 14px; padding: 11px 16px;}
    .single-contact-box{padding: 75px 25px 25px;}
    .contact-box-icon {top: 25px; width: 30px; height: 30px;}
    .contact-info-row .single-contact-box:last-child {grid-column: 1 /span 2;}
    .mainslider .small, .mainslider small {font-size: 16px; margin-bottom: 15px;}
    .mainslider .title3 {padding-top: 70px; text-align: center; height: 330px;}
    .hero-2-image {margin: auto;}
    .slick-prev:before, .slick-next:before {font-size: 24px; line-height: 12px;}
    .slick-prev, .slick-next {top: 40%; width: 40px; height: 40px; padding: 8px;}
    .slick-prev {left: -2%;}
    .slick-next {right: -2%;}
}


@media screen and (max-width: 767px){
    .footer-area .row:first-child {row-gap: 0px;}
    .counter2 .single-counter:last-child {margin-bottom: 30px;}
    .investblock h5, .moneymantrablock p {font-size: 18px;}
    .theme-btn-11 {padding: 12px 18px;}
    .team-row {flex-direction: column; gap: 0;}
    .heading2 {margin-bottom: 35px;}
    .inner-title h2 span {font-size: 18px;}
    .img-text-wrap .button-group {margin: 30px 0 0;}
    .corner-right-bottom-shape2 {display: none;}
    .counter2 .corner-right-bottom-shape2 {display: block;}
    .hero-2-image {max-width: 370px;}
    .text-card {font-size: 17px;}
}

@media screen and (max-width: 640px){
    .corner-shape2 {width: 90px;}
    .top-right-polygon-1:after {border-left: 110px solid transparent; border-top: 110px solid #ffffff;}
    .top-left-polygon-1:after {border-right: 105px solid transparent; border-top: 105px solid #ffffff;}
    .corner-shape2-left {width: 87px; top: -17px; left: -5px;}
    .counter2 .corner-shape2-left {left: -9px; top: -50px; width: 90px;}
    .frm-grp {margin-bottom: 12px; }
}
@media screen and (max-width: 575px){
    .container { max-width: calc(100% - 40px);}
    .subscribe-from-wrap input{width: 100%; padding-bottom: 70px;}
    .subscribe-from-wrap button {margin-bottom: 8px; right: 8px; left: 8px; text-align: center; justify-content: center; height: 42px;}
    .testimonial-3 .owl-nav button.owl-prev{top: auto; bottom: -60px; left: calc(50% - 40px);}
    .testimonial-3 .owl-nav button.owl-next {top: auto; bottom: -60px; right: calc(50% - 40px);}
    .testimonials-3 {margin-bottom: 70px;}
    .testimonial-3 .shape-007 {top: 15%;}
    .moneymantrablock p {font-size: 18px;}
    .mvp-row .single-service {padding: 40px 24px;}
    .contact-info-row {grid-template-columns: 100%;}
    .contact-info-row .single-contact-box {grid-column: 1;}
    .modal-dialog {margin: 30px auto;}
    .modal-content {padding: 35px 15px 20px;}
    .wizardmodal .modal-dialog {max-width: 90%;}
    .hero-2-image {max-width: 260px;}

}

@media screen and (max-width: 480px){
    .container {max-width: calc(100% - 20px);}
    .mesonry-item {width: 100%;}
    .mainslider .title3 h1 br{display: none;}
}