/* =========================================
   RESPONSIVE DESIGN
   Breakpoints: 1200px, 992px, 768px, 576px
   ========================================= */

@media (max-width: 1200px) {
    .about-images { padding-right: 0; }
    .bt-grid, .service-content-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .test-content { padding-left: 0; }
    .logo-img { height: 52px; max-width: 240px; }
    .footer-logo-img { height: 42px; }
}

@media (max-width: 992px) {
    .logo-img { height: 48px; max-width: 220px; }
    .footer-logo-img { height: 40px; }
    .stats-container { flex-direction: column; }
    .stats-left { width: 100%; justify-content: center; text-align: center; }
    .stats-right { width: 100%; justify-content: center; }

    .about-grid { grid-template-columns: 1fr; gap: 3rem; }
    .about-images { padding: 0; margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto; }

    .bt-grid, .blog-grid, .service-content-grid { grid-template-columns: 1fr; gap: 3rem; }
    .booking-test-section { padding: 5rem 0; }
    .service-sidebar { position: static; }

    .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem;}

    .steps-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .steps-grid::before { display: none; }
    .testimonials-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .cta-inner { flex-direction: column; text-align: center; }
    .cta-actions { justify-content: center; }
}

@media (max-width: 768px) {
    .logo-img { height: 44px; max-width: 200px; }
    .footer-logo-img { height: 36px; }
    .top-bar .container { justify-content: center; text-align: center;}
    .top-bar-item { font-size: 0.8rem; }
    .trust-items { gap: 1rem; }
    .trust-item { font-size: 0.8rem; }

    .nav-links {
        position: absolute; top: 90px; left: -100%; width: 100%; background: var(--bg-white);
        flex-direction: column; padding: 1.5rem; box-shadow: var(--shadow-md); transition: var(--transition);
        align-items: flex-start; gap: 1rem; max-height: calc(100vh - 90px); overflow-y: auto;
    }
    .nav-links.active { left: 0; }
    .nav-links .btn { width: 100%; margin-top: 1rem; }
    .mobile-toggle { display: block; }

    .dropdown-menu {
        position: static; box-shadow: none; opacity: 1; visibility: visible; transform: none;
        display: none; padding: 0.5rem 0 0 1rem; border: none; min-width: 100%; background: transparent;
    }
    .dropdown.active .dropdown-menu { display: block; }
    .mobile-dropdown-toggle { display: inline-flex; margin-left: auto; padding: 0.5rem; background: var(--bg-light); border-radius: 4px; }

    .hero { padding: 8rem 0 10rem; }
    .hero h1 { font-size: 2.5rem; }

    .stats-right { flex-direction: column; align-items: flex-start; gap: 2rem; }
    .feature-list { grid-template-columns: 1fr; }

    .form-row { grid-template-columns: 1fr; gap: 0;}
    .booking-form-wrapper { padding: 2rem; }

    .blog-card-small { flex-direction: column; align-items: flex-start; }
    .blog-card-small img { width: 100%; height: 200px; }

    .footer-grid { grid-template-columns: 1fr; gap: 2.5rem;}
    .footer-bottom .container { flex-direction: column; text-align: center; }

    .link-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 576px) {
    .hero h1, .service-hero h1 { font-size: 2rem; }
    .hero-btns { flex-direction: column; width: 100%; }
    .hero-btns .btn { width: 100%; }
    .about-img-sub { width: 70%; }
    .booking-form-wrapper, .mini-lead-body { padding: 1.5rem; }
    .brands-container { justify-content: center; text-align: center; flex-direction: column;}
    .not-found .code { font-size: 5rem; }
    .link-grid { grid-template-columns: 1fr; }
    .logo-img { height: 38px; max-width: 180px; }
    .footer-logo-img { height: 32px; max-width: 170px; }
}

@media (max-width: 400px) {
    .logo-img { height: 34px; max-width: 160px; }
    .footer-logo-img { height: 28px; }
}