@media all and (max-width: 1200px) {

    .container,
    .container-sm {
        max-width: 100%;
    }

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


}

@media all and (max-width:1024px) {}

@media (min-width: 992px) {
    .mobile-menu {
        width: min(380px, 34vw);
    }
}

@media all and (max-width:991px) {
    .lite-header-contact {
        gap: 12px;
    }

    .lite-nav-menu {
        display: none;
    }

    .lite-nav-slot {
        display: none;
    }

    .lite-navbar__inner {
        grid-template-columns: auto 1fr;
        place-items: flex-end;
    }

    .hero-overlay-layout {
        padding: 80px 16px;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
    }

    .hero-copy-content {
        max-width: 100%;
        display: none;
    }

    .hero-copy-title {
        font-size: clamp(1.8rem, 7.4vw, 2.7rem);
    }

    .booking-section {
        justify-content: center;
        width: 100%;
    }

    .booking-widget-wrapper {
        width: 100%;
    }

    .gallery-main {
        min-height: 40vh;
        height: 60vh;
    }

    .hero-slide-image {
        height: 100%;
    }

    .page-hero {
        min-height: 40vh;
        padding: var(--space-10) var(--space-4);
    }

    .contact-section-content {
        grid-template-columns: 1fr;
    }

    .contact-map-section {
        min-height: 360px;
    }
}

@media all and (max-width: 767px) {
    .page-hero {
        min-height: 20vh;
    }

    .page-hero-label {
        font-size: var(--text-xl);
    }

    .gallery-container {
        border-radius: 0;
    }

    .hero-overlay-layout {
        padding: 20px 12px 52px;
    }

    .hero-copy-cta {
        margin-top: 14px;
    }

    .booking-widget-wrapper {
        border-radius: 12px;
        padding: 14px;
    }

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

}

@media all and (max-width:575px) {
    .lite-header-contact a span {
        display: none;
    }

    .gallery-card {
        padding: 0.9rem;
    }

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

    .gallery-item-inner img {
        min-height: 210px;
    }

    .contact-card-inner {
        padding: 0.9rem;
    }

    .contact-section-title {
        text-align: left;
    }
}