﻿
    @media(max-width:1400px) {

        .main-banner {
            padding-top: 150px;
        }

        .packages-box .package-header::before {
            width: 50px;
            right: -20px;
        }

        .packages-box {
            padding: 16px 20px;
        }

        #tabs-toprated .nav-link {
            font-size: 18px;
            padding: 12px 4px;
            width: 280px;
        }
    }

    @media(max-width:1199px) {

        .brand-logo img {
            max-width: 200px;
        }

        .header-btn {
            font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
            padding: 6px 6px;
            margin-bottom: 0;
        }

        .single-box {
            min-height: 290px;
            height: 100%;
        }

        .packages-box .package-header::before {
            width: 42px;
            right: -20px;
        }

        .packages-box .package-header span {
            font-size: 16px;
        }

        .packages-box .package-header label {
            font-size: 34px;
        }

        .packages-box .package-footer a {
            padding: 6px 20px;
        }

        .cta-img-holder {
            left: 40px;
        }

        .footer-sec:before {
            min-height: 130px;
        }

        .footer-sec {
            padding-top: 170px;
        }
    }

    @media(max-width:991.5px) {

        .ctafo-content {
            padding-left: 0;
        }

        .space-p-tb {
            padding: 60px 0;
        }

        .space-p-t {
            padding-top: 60px;
        }

        .space-p-b {
            padding-bottom: 60px;
        }

        .header-right {
            display: none;
        }

        .nav-holder {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }

        .counter-bg {
            padding: 25px 0px;
        }

        .main-banner .banner-form {
            padding: 10px 10px;
            min-height: auto;
        }

        .testimonial-box {
            min-height: 272px;
        }

        .cta-img-holder {
            display: none;
        }

        .ctafo-content {
            min-height: 270px;
            padding: 30px;
        }

     

        .footer-sec:before {
            min-height: 112px;
        }

        .footer-sec:before {
            min-height: 130px;
        }

        .footer-sec {
            padding-top: 170px;
        }

        .foo-link {
            font-size: 14px;
            gap: 10px;
        }

        .footer-logo img {
            max-width: 160px;
        }


        .footer-sec .copyright p {
            font-size: 14px;
        }

        .terms-policy a {
            font-size: 14px;
        }

        .single-box {
            min-height: 220px;
        }

        .cta-content {
            padding: 40px 10px;
        }
    }

    @media (max-width:767.5px) {

            .space-p-tb {
                padding: 30px 0;
            }

            .space-p-t {
                padding-top: 30px;
            }

            .space-p-b {
                padding-bottom: 30px;
            }

            .main-banner {
                padding-top: 90px;
                padding-bottom: 30px;
            }

            .packages-box .package-list {
                height: auto;
            }

            .work-box {
                border-right: none;
                min-height: auto;
            }

            .work-box::before {
                    display: none;
                }

            .counter-box {
                border-right: none;
                margin-bottom: 10px;
            }

            .testimonial-box {
                min-height: auto;
            }

            .single-box {
                min-height: auto;
                padding: 20px 20px 20px 20px;
                margin-bottom: 10px;
            }

            .packages-box .package-header h3 {
                font-size: 30px;
            }

            .packages-box .package-header::before {
                width: 64px;
                right: -25px;
            }

            .packages-box .package-header label {
                font-size: 50px;
            }

            .packages-box .package-header span {
                font-size: 20px;
            }

            .ctafo-content {
                min-height: 255px;
                padding: 10px;
            }

            .button-ctafo {
                font-size: 14px;
                padding: 6px 12px;
            }

            .ctafo-content h3 {
                font-size: calc(22px + (48 - 22) * ((100vw - 300px) / (1920 - 300)));
            }

            .cta-content {
                padding: 20px 10px;
            }

            .cta-btns {
                padding-top: 0px;
            }

            .cta-button-div {
                padding: 4px 20px;
            }

            .cta-button {
                font-size: 14px;
            }

            .footer-logo {
                text-align: center;
                padding-bottom: 20px;
            }

            .footer-logo img {
                    max-width: 190px;
                }

            .footer-sec {
                padding-top: 140px;
            }

            .footer-sec .border-line {
                    bottom: 60px;
                }

            .cr-box {
                padding: 20px 18px;
                margin-bottom: 10px;
            }

        }

    @media(max-width:575.5px) {

    .space-p-tb {
        padding: 10px 0;
    }

    .space-p-t {
       padding-top: 10px;
     }

        .pkg-btn {
            padding: 4px 16px;
        }


        .space-p-b {
            padding-bottom: 10px;
        }

    

        .trade-logos-slider .trade-item {
            padding: 0px 20px;
        }

        .lg-text {
            margin-bottom: 6px;
        }


    .testimonial-box {
         padding: 20px 8px;
         min-height: auto;
    }

     .testimonial-box .testimonial-box-img img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

        .banner-form input {
            height: 34px;
            font-size: 12px;
        }

        .banner-form textarea {
            height: 60px;
            font-size: 12px;
        }

        .iti__selected-flag {
            padding: 0 2px 0 2px;
        }

        .iti--separate-dial-code .iti__selected-dial-code {
            margin-left: 2px;
            font-size: 14px;
        }

        .banner-form .btn-sbt {
            font-size: 14px;
            padding: 6px 14px;
        }

        .packages-box .package-header span {
            font-size: 18px;
        }

        .packages-box .package-header label {
            font-size: 42px;
        }

        .packages-box .package-header label {
            font-size: 40px;
        }

        .cta-content {
            padding: 20px 10px;
        }

        .cta-btns {
            padding-top: 0px;
        }

        .cta-button-div {
            padding: 4px 16px;
        }

        .cta-sec h2 {
            font-size: 22px;
        }

        .cta-sec p {
            font-size: 14px;
            margin-bottom: 6px;
        }

        .cta-button {
            font-size: 14px;
        }

        .single-btn {
            padding: 6px 10px;
            font-size: 14px;
        }

        .image-div {
            margin-top: 0px;
            padding-top: 10px;
        }

        .ctafo-content h3 {
            font-size: calc(20px + (48 - 20) * ((100vw - 300px) / (1920 - 300)));
        }

        .ctafo-content p {
            font-size: 14px;
        }

        .footer-logo {
            text-align: left;
        }

        .footer-sec .border-line {
            bottom: 70px;
        }

        .footer-button {
            width: 220px;
            font-size: 14px;
            padding: 6px;
        }

        .footer-sec:before {
            min-height: 90px;
        }

        .footer-sec {
            padding-top: 100px;
        }

        .ctafo-content {
            min-height: 202px;
            padding: 16px;
        }

}
