@media (max-width: 1199px) {
    .trust-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .footer-top {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}

@media (max-width: 991px) {
    .section {
        padding: 84px 0;
    }

    .luxury-navbar {
        background: rgba(11, 11, 11, .96);
        padding: 12px 0;
    }

    .navbar-collapse {
        padding: 20px 0 12px;
    }

    .navbar-nav {
        align-items: flex-start !important;
        gap: 10px;
    }

    .hero-section .row {
        min-height: 760px !important;
        padding-top: 44px;
    }

    .hero-overlay {
        background:
            linear-gradient(90deg, rgba(11, 11, 11, .92), rgba(11, 11, 11, .62)),
            linear-gradient(180deg, rgba(11, 11, 11, .1), rgba(11, 11, 11, .95));
    }

    .cta-panel,
    .final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 40px;
    }

    .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .counter-row,
    .spec-grid,
    .process-grid,
    .fleet-page-grid,
    .gallery-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spec-grid div:nth-child(2) {
        border-right: 0;
    }

    .spec-grid div:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: clamp(3.1rem, 15vw, 4.8rem);
    }

    h2 {
        font-size: clamp(2.1rem, 10vw, 3.2rem);
    }

    .btn {
        width: 100%;
    }

    .section {
        padding: 70px 0;
    }

    .navbar-brand img {
        height: 48px;
        max-width: 180px;
    }

    .footer-logo img {
        height: 54px;
        max-width: 190px;
    }

    .hero-section .row {
        min-height: 700px !important;
    }

    .hero-actions,
    .cta-actions {
        width: 100%;
    }

    .trust-grid,
    .why-grid,
    .counter-row,
    .footer-top,
    .spec-grid,
    .detail-gallery,
    .process-grid,
    .fleet-page-grid,
    .gallery-page-grid {
        grid-template-columns: 1fr;
    }

    .trust-grid div {
        min-height: 74px;
    }

    .feature-card,
    .service-body,
    .fleet-body,
    .testimonial-card,
    .blog-card,
    .booking-form {
        padding: 28px;
    }

    .image-frame::before {
        display: none;
    }

    .fleet-card {
        width: 82vw;
    }

    .fleet-body p {
        min-height: auto;
    }

    .cta-panel,
    .final-cta-inner {
        padding: 30px;
    }

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

    .gallery-grid img,
    .gallery-tile img,
    .gallery-tile:nth-child(4n + 1) img {
        grid-column: auto;
        height: 300px;
    }

    .gallery-tile:nth-child(4n + 1) {
        grid-row: auto;
    }

    .testimonial-card p {
        font-size: 1.55rem;
    }

    .footer-bottom {
        flex-direction: column;
    }

    .spec-grid div,
    .spec-grid div:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .spec-grid div:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 420px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-section .row {
        min-height: 660px !important;
    }

    .section-kicker {
        font-size: .7rem;
        letter-spacing: .12rem;
    }

    .fleet-card {
        width: 86vw;
    }
}