/* ==== Responsive NAVIGATION ==== */
@media (max-width: 1199px) {
    .nav-area {
        display: none !important; /* You must show a mobile nav/hamburger here */
    }

    .header-two-wrapper, .header-end {
        flex-direction: column;
        align-items: stretch;
    }

    .header-two-main-wrapper {
        padding: 0 10px;
    }
}

@media (max-width: 991.98px) {
    .header-top-wrapper, .header-two-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

        .header-top-wrapper .left, .header-top-wrapper .right {
            flex-direction: column;
            gap: 8px;
        }

    .header-two-wrapper {
        gap: 8px;
    }
}

/* ==== HERO / BANNER ==== */
@media (max-width: 991.98px) {
    .swiper-slide, .banner-two-inner {
        min-height: 350px !important;
        padding: 32px 0 !important;
    }

        .banner-two-inner .title {
            font-size: 2.1rem !important;
            max-width: 95vw;
        }

        .banner-two-inner p.disc {
            max-width: 98vw;
            font-size: 1rem !important;
        }

    .button-wrapper {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* ==== SERVICES SECTION ==== */
@media (max-width: 991.98px) {
    .title-area-wrapper-main-two {
        flex-direction: column;
        gap: 18px;
        align-items: flex-start;
    }

    .g-24 {
        --bs-gutter-x: 1.2rem;
        --bs-gutter-y: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    .single-service-area-3 {
        padding: 16px !important;
        margin-bottom: 24px;
    }

    .rts-section-gap {
        padding: 40px 0 !important;
    }

    .container-1730,
    .container {
        max-width: 99vw !important;
        padding: 0 6px !important;
    }

    .service-bg_image-3 {
        height: 180px !important;
    }
}

/* Service Card Grid: Stack columns */
@media (max-width: 991.98px) {
    .row.g-24 > .col-lg-4,
    .row.g-24 > .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ==== CONTACT PAGE ==== */
@media (max-width: 767.98px) {
    .contact-section .row {
        flex-direction: column;
        gap: 36px;
    }

    .contact-section .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/* ==== FOOTER ==== */
@media (max-width: 767.98px) {
    .rts-footer-area .row {
        flex-direction: column !important;
        gap: 24px;
        text-align: center;
    }

    .footer-float-nav {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    .social-area-wrapper-one {
        justify-content: center !important;
        gap: 18px !important;
    }

    .footer-links {
        align-items: center;
    }
}

/* ==== NEWSLETTER INPUT BUTTON ==== */
.news-letter input[type="email"] {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 10px;
}

.news-letter .rts-btn {
    width: 100%;
    font-size: 1rem;
}

/* ==== GLOBAL TYPOGRAPHY ==== */
@media (max-width: 575.98px) {
    h1, .h1 {
        font-size: 2rem !important;
    }

    h2, .h2 {
        font-size: 1.5rem !important;
    }

    h3, .h3 {
        font-size: 1.18rem !important;
    }

    .banner-section h1.title, .banner-two-inner .title {
        font-size: 1.6rem !important;
    }

    p, .lead {
        font-size: 1rem !important;
    }
}