@media screen and (max-width: 1720px) {
    .popup-modal {
        top: -180%;
    }

    .main-header .menu-left,
    .main-header .menu-right {
        gap: 10px;
    }

    .banrheading {
        position: relative;
    }

    .banrheading span {
        transform: rotate(-7deg) translate(10px, 8px);
        font-size: 14px;
        position: absolute;
    }

    .menu-left {
        justify-content: center;
    }

}

@media (max-width: 1620px) {
    :is(.main-header :is(.menu-left, .menu-right)) a {
        font-size: 12px;
    }
}

@media (max-width: 1440px) {

    .main-header .menu-left a {
        padding: 10px 1px;
    }

    .defult-btn {
        height: 40px;
        padding: 0 15px;
    }

    .main-header .menu-right a {
        font-size: 11px;
    }

    .menu-right i {
        font-size: 1.3rem;
    }

    html {
        font-size: 12px;
    }

    .form-wrapper .promo-offer {
        margin: 0 auto 15px;
        padding: 6px 0;
    }

    .form-wrapper .form-grid {
        gap: 7px;
    }

    .timer-offer img {
        width: 25%;
    }

    .form-wrapper::before {
        top: -10px;
    }

    section {
        padding: 3rem 0;
    }

    .banrheading strong {
        margin: 10px 0;
    }

    .main-banner .two-buttons {
        margin-top: 1rem;
    }

    .form-wrapper .form-control {
        padding: 10px;
    }

    .form-wrapper .form-group {
        margin-bottom: 10px;
    }

    .footer-sec .footer-disclaimer {
        font-size: 10px;
    }
}

@media (min-width: 1200px) {

    .container {
        max-width: 1700px
    }

    .container-fluid {
        padding: 0 1rem;
    }
}

@media (max-width: 1280px) {
    :is(.main-header :is(.menu-left, .menu-right)) a {
        font-size: 11px;
    }
}

@media (max-width: 1120px) {
    .sical-icons {
        gap: 30px;
    }

    html {
        font-size: 10px;
    }

    :is(.main-header :is(.menu-left, .menu-right)) a {
        font-size: 9px !important;

    }

    .main-header .menu-left,
    .main-header .menu-right {
        gap: 7px !important;
    }

    .banrheading span {
        font-size: 12px;
    }

    .plaitform li figure {
        padding: 7px;
        width: 30px;
        display: flex;
        height: 30px;
        align-items: center;
        justify-content: center;
    }

    .services .card img {
        height: 200px;
    }

    .content-text {
        padding: 0rem 3rem;
    }

    .merge-badge img {
        border: 5px solid var(--secound-color);
        width: 100px;
        height: 100px;
        transform: translate(0px, -25px);
    }

    .popup-close {
        right: 10px;
    }
}

@media (max-width: 991px) {
    .form-wrapper {
        margin: 0;
    }

    .main-header .menu-left,
    .main-header .menu-right {
        display: none;
    }

    .hamburger {
        display: flex;
        align-items: end;
    }

    .main-header .col-md-7 {
        flex: 0 0 auto;
        width: 83%;
    }

    .main-header .logo {
        position: static;
        transform: none;
    }

    html {
        font-size: 9px;
    }

    .plaitform a,
    .plaitform ul,
    .bannerpoint {
        gap: 6px;
    }

    .popup-content {
        max-width: 70%;
    }

    .popup-close {
        right: -30px;
    }

    .sec-heding p {
        padding: 0;
    }

    .footer-sec .footer-disclaimer {
        margin: 2rem 0 1rem;
        padding: 0;
    }
    .footer-sec .footer-box h5{
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    .form-grid {
        grid-template-columns: 1fr;
    }

    .btn-submit {
        grid-column: span 1;
    }

    .contect-us .form-wrapper {
        margin-top: 3rem;
    }

    .footer-sec .row>.col-md-3:nth-child(2) .footer-box {
        padding-left: 0;
    }

    .footer-sec .footer-box ul {
        columns: 1;
    }

    .footer-box {
        margin: 1rem 0;
    }

    .trustedimg img {
        width: 130px;
        display: block;
    }

    .sical-icons {
        gap: 18px;
    }

    .footer-sec .footer-box ul li a,
    .footer-box a,
    .footer-box p {
        font-size: 12px;
    }

}


@media screen and (max-width: 767px) {
    .services h2 {
        font-size: var(--fontsize32);
    }

    .services .card-title {
        font-size: var(--fontsize18);
    }

    .main-header .col-md-2 {
        max-width: 40%;
        flex: 400%;
    }

    .main-header .col-md-7 {
        flex: 60%;
        max-width: 60%;
    }

    .banrheading p {
        font-size: 13px;
    }

    .main-banner .form-wrapper {
        margin-top: 5rem;
    }

    .main-banner .two-buttons {
        text-align: center;
    }

    .plaitform a,
    .plaitform ul,
    .bannerpoint {
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .merge-badge img {
        display: none;
    }

    .content-img img {
        width: 75%;
        border-radius: 22px;
        margin: auto auto 3rem;
        display: block;
    }

    .content-element .container .row .col-md-6:nth-of-type(2) {
        order: -1;
    }

    .leftsidetext {
        margin-bottom: 3rem;
    }
    .services .card-title{
        font-size: 15px;
    }
    .services .card-text{
        font-size: 13px;
    }
    .footer-sec .footer-bottom{
         font-size: 10px;
    }
    .trustedlogo .owl-carousel .owl-item img {
        margin: auto;
    }
}

@media (max-width: 575px) {}

@media screen and (max-width: 414px) {
        .popup-content {
        max-width: 90%;
    }
        .popup-close {
        right: -10px;
        z-index: 33;
    }
}

@media screen and (max-width: 375px) {}