@media (max-width: 1200px) {
    .air-card-title {
        font-size: 21px;
    }

    .air-card {
        padding: 33px 19px;
    }
}

@media (max-width: 1100px) {
    .testimonial-card {
        padding: 25px;
    }

    .experience-card-glass {
        padding: 14px 23px;
    }
}

@media (min-width: 321px) and (max-width: 403px) {
    .rating-badge-glass {
        padding: 6px 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        gap: 8px;
        /* Control gap directly */
    }

    .rating-num {
        font-size: 15px;
    }

    .rating-stars {
        font-size: 10px;
        margin: 0 !important;
        /* Reset margins used in desktop */
        display: flex;
        white-space: nowrap;
        gap: 2px;
    }

    .rating-text {
        font-size: 13px;
        white-space: nowrap;
    }
}

@media (min-width: 321px) and (max-width: 370px) {
    .rating-badge-glass {
        padding: 5px 8px;
        gap: 5px;
    }

    .rating-num {
        font-size: 14px;
    }

    .rating-stars {
        font-size: 9px;
    }

    .rating-text {
        font-size: 11px;
    }

    .hero-title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .hero-section {
        min-height: auto !important;
        /* Prevents large empty gaps at top and bottom */
    }

    .heading-content {
        margin-top: 146px !important;
        /* Reduces large top gap inside the card */
    }
}

@media (min-width: 321px) and (max-width: 482px) {
    .testimonial-slider {
        padding: 8px 0;
    }

    #bf-images {
        padding: 63px 0px;
        padding-bottom: 20px;
    }

    .before-after-section {
        padding: 32px 0;
    }

    .form-subtitle {
        font-size: 16px;
    }

    .form-title {
        font-size: 29px;
    }

    #expertise {
        padding: 51px 0;
    }

    .expertise-icon {
        width: 54px;
        height: 52px;
        font-size: 25px;
    }

    .expertise-card-title {
        font-size: 23px;
    }

    .expertise-card {
        padding: 32px 28px;
    }

    .rating-stars {
        font-size: 11px;
    }

    .hero-bg-card {
        /* min-height: 650px;  */
        background-image: url('../images/mobile_banner.png') !important;
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        /* Centers text vertically in the image */
        height: 98vh;
    }

    .hero-bg-card.drone-mobile {
        background-image: url('../images/drone_mobile.png') !important;
    }

    .hero-bg-card.deep-mobile {
        background-image: url('../images/deep_mobile.png') !important;
    }

    .hero-bg-card.general-mobile {
        background-image: url('../images/general_mobile.png') !important;
    }

    .hero-bg-card.commercial-mobile {
        background-image: url('../images/cmrcl_mobile.png') !important;
    }



    .hero-section {
        padding: 5px 0;
        min-height: auto !important;
    }

    .btn-hero-quote {
        font-size: 15px;
    }

    .section-subtitle {
        font-size: 16px;
    }

    #imp_signs {
        padding: 54px 0;
    }

    .air-icon-circle {
        width: 62px;
        height: 62px;
        font-size: 28px;
        margin: 0 auto 17px;
    }

    .air-card {
        padding: 23px 19px;
    }

    .air-card-title {
        margin-bottom: 12px;
    }

    #air-quality {
        padding: 65px 0;
    }

    .air-card-title {
        font-size: 20px;
    }

    #why-choose {
        padding: 52px 0;
        padding-bottom: 40px;
    }

    .why-text {
        font-size: 16px;
    }

    .why-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .why-card {
        padding: 19px 21px;
    }

    .rating-num {
        font-size: 17px;
    }

    .fade-logo {
        width: 51px;
    }

    .sticky-contact-container {
        padding: 7px;
    }

    .contact-btn {
        width: 46px;
        height: 46px;
        font-size: 22px;
    }

    /* ==========================================deep cleaning========================================= */
    .deep-break {
        display: none;
    }

    #imp-signs-modern .container.text-center.mb-5 {
        display: none !important;
    }

    #health-premium-section {
        margin-top: 0px;
    }

    .health-premium-title-v2 {
        font-size: 27px;
        text-align: center;
    }

    .health-bg {
        background-color: transparent;
        box-shadow: none;
    }

    #health-premium-section {
        padding-top: 1rem !important;
    }

    .imp-section {
        margin-top: 0 !important;
    }

    #imp-signs-modern {
        padding-bottom: 46px;
        padding-top: 46px;
    }

    .offer-glass-bar.duct-version .bar-headline {
        font-size: 24px;
    }

    .bar-headline .for-sme {
        font-size: 25px;
    }

    .save-text-highlight {
        font-size: 24px;
    }

}

@media (min-width: 1500px) and (max-width: 1900px) {
    .experience-card-glass {
        position: absolute;
        right: 87px;
    }
}