/* ====================================================
   SkyView Responsive Styles
   Full Multi-Device Breakpoints (1540, 1440, 1360, 991, 767, 460)
   ==================================================== */

/* ----------------------------------------------------
   1. Wide Laptops & High-DPI Displays (max-width: 1540px)
   ---------------------------------------------------- */
@media (max-width: 1540px) {
    .location-combined-container {
        padding: 48px 40px 0 40px;
    }

    .location-split-content {
        max-width: 280px;
    }

    .about-ust-split-col {
        padding-left: 32px;
    }

    .floating-enquiry-card {
        max-width: 360px;
    }
}

/* ----------------------------------------------------
   2. Standard Desktops & Large Laptops (max-width: 1440px)
   ---------------------------------------------------- */
@media (max-width: 1440px) {
    .header-container {
        padding: 0 40px;
    }

    .hero-left-pane {
        padding: 110px 30px 25px 56px;
    }

    .location-combined-container {
        padding: 40px 32px 0 32px;
    }

    .floating-enquiry-card {
        max-width: 340px;
        padding: 29px 22px;
    }

    .ust-years-num {
        font-size: 32px;
    }

    .ust-projects-num {
        font-size: 23px;
    }

    .footer-content-shrink {
        max-width: 1100px;
    }
}

/* ----------------------------------------------------
   3. Standard 1366x768 & 1360px Laptops (max-width: 1366px)
   ---------------------------------------------------- */
@media (max-width: 1366px) {
    /* Reduce heading font sizes by 4px */

    .header-nav-list {
        gap: 20px;
    }

    .header-nav-list a {
        font-size: 11px;
    }

    .hero-main-title {
        font-size: 36px;
        line-height: 1.08;
    }

    .section-title {
        font-size: 30px;
    }

    .overview-title,
    .residences-title,
    .location-section-title,
    .amenities-section-title,
    .master-plan-title,
    .contact-header-banner h1 {
        font-size: 30px;
    }

    .feature-glance-card h4 {
        font-size: 14px;
    }


    .hotspot-card-title,
    .modal-title {
        font-size: 14px;
    }

    .hero-left-pane {
        padding: 100px 24px 20px 40px;
        width: 52%;
    }

    .residences-section::after {
        width: 110px;
    }

    .residences-desc {
        margin-bottom: 10px;
    }

    .res-highlight-item img {
        width: 30px;
        height: 30px;
    }

    .residences-highlights-strip {
        margin-bottom: 16px;
    }

    /* Residences */
    .residences-content-col {
        padding: 32px 40px 32px 24px;
        max-width: 620px;
    }

    .res-highlight-item p {
        font-size: 12px;
    }

    .residences-highlights-strip {
        gap: 12px;
    }

    /* Location / UST / Contact */
    .location-split-col {
        padding: 32px 12px 32px 24px;
    }

    .location-split-content {
        max-width: 250px;
    }

    .location-main-title {
        font-size: 40px;
    }

    .location-address-title {
        font-size: 18px;
    }

    .location-desc-text {
        max-width: 240px;
    }

    .about-ust-split-col {
        padding: 32px 16px 32px 24px;
    }

    .about-ust-split-content {
        max-width: 310px;
    }

    .ust-years-num {
        font-size: 27px;
    }

    .ust-years-word {
        font-size: 14px;
    }

    .ust-projects-num {
        font-size: 20px;
    }

    .ust-brand-name {
        font-size: 10px;
    }

    .ust-logo-img {
        width: auto;
        height: 38px;
    }

    .ust-stats-logo-row {
        gap: 19px;
    }

    .about-form-split-col {
        padding: 32px 16px 32px 8px;
    }

    .floating-enquiry-card {
        max-width: 320px;
        padding: 26px 19px;
    }

    .footer-content-shrink {
        max-width: 1040px;
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-logo-title {
        font-size: 15px;
    }

    .footer-logo-subtitle {
        font-size: 10px;
    }

    /* Hero Widget & Highlights Responsiveness */
    .info-bar-container {
        min-height: 60px;
        width: min(100%, 620px);
    }

    .info-bar-item {
        min-height: 60px;
        padding: 6px 8px;
        gap: 6px;
    }

    .info-bar-icon {
        width: 32px;
        height: 32px;
    }

    .info-bar-icon img {
        width: 24px;
        height: 24px;
    }

    .info-bar-text span {
        font-size: 9px;
        letter-spacing: 0.5px;
    }

    .info-bar-text .icon-arrow {
        font-size: 10px;
    }

    .residences-highlights-strip {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    /* Amenities Section Layout Fixes on Laptops */
    .amenities-content-overlay {
        padding: 40px 0 30px !important;
    }

    .amenities-top-block {
        margin-top: 0 !important;
    }

    .amenities-main-title {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .amenities-main-desc {
        font-size: 13px !important;
        margin-top: 8px !important;
    }

    .amenities-col-icon {
        margin-bottom: 8px !important;
    }

    .amenities-list-styled li {
        font-size: 11px !important;
        margin-bottom: 6px !important;
    }

    .amenities-right-action .btn-solid-dark-blue {
        min-width: 220px !important;
    }
}

@media (max-width: 1359px) {

    .overview-desktop-img,
    .residences-desktop-img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}

/* ----------------------------------------------------
   3.5. Navigation Breakpoint (max-width: 1190px)
   ---------------------------------------------------- */
@media (max-width: 1190px) {

    .header-actions-col {
        padding-left: 0;
        gap: 12px;
    }

    .phone-link .phone-text {
        display: none;
    }

    .phone-icon-wrapper {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    #rmp_menu_trigger-21 {
        display: none !important;
    }
}

/* ----------------------------------------------------
   4. Tablets & Small Laptops (max-width: 1170px)
   ---------------------------------------------------- */
@media (max-width: 1170px) {

    /* Align all left and right padding to 40px (same as header) */
    .container,
    .container-fluid {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .header {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 55;
        background: transparent;
        box-shadow: none;
        border-bottom: none;
        padding: 10px 0;
    }

    .header-row {
        min-height: 56px;
    }

    .logo-wrapper {
        width: auto;
        height: auto;
    }

    .header-logo-img {
        height: 48px;
        max-width: 140px;
    }

    /* Force mobile images to show and desktop images to hide below 1170px */
    .hero-mobile-image-wrap,
    .overview-mobile-image-wrap,
    .residences-mobile-image-wrap,
    .amenities-mobile-image-wrap {
        display: block !important;
    }

    .hero-right-pane,
    .overview-image-layer,
    .residences-image-layer,
    .amenities-image-layer {
        display: none !important;
    }

    /* Stack split columns below 1170px */
    .overview-left-col,
    .overview-right-col,
    .residences-content-col,
    .location-split-col,
    .about-ust-split-col,
    .about-form-split-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Hero Section Tablet */
    .hero-section-new {
        min-height: auto;
        position: relative;
        padding-top: 75px;
    }

    .hero-split-layout {
        position: relative;
        min-height: auto;
        width: 100%;
        flex-direction: column;
    }

    .hero-mobile-image-wrap {
        width: 100%;
        order: 1;
    }

    .hero-mobile-img {
        width: 100%;
        height: auto;
        display: block;
    }

    .hero-left-pane {
        position: relative;
        z-index: 2;
        width: 100%;
        min-height: auto;
        order: 2;
        padding: 30px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .hero-left-pane::before {
        display: none;
    }

    .hero-main-title {
        font-size: 36px;
        line-height: 1.1;
        max-width: inherit;
    }

    .hero-main-title br {
        display: none;
    }

    .hero-desc {
        max-width: inherit;
    }

    .project-glance-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    /* Overview Section Tablet */
    .overview-section {
        padding: 0 0 60px;
    }

    .overview-mobile-image-wrap {
        width: 100%;
    }

    .overview-mobile-img {
        width: 100%;
        height: auto;
        display: block;
    }

    .overview-container {
        padding-top: 32px;
    }

    /* Residences Tablet */
    .residences-section {
        min-height: auto;
        padding: 0 0 50px;
    }

    .residences-mobile-image-wrap {
        width: 100%;
    }

    .residences-mobile-img {
        width: 100%;
        height: auto;
        display: block;
    }

    .residences-section::before,
    .residences-section::after {
        width: 89px;
        z-index: 5;
        top: 280px;
    }

    .residences-desc {
        max-width: inherit;
    }

    .residences-content-col {
        max-width: 100%;
        padding: 0;
    }

    .overview-title br,
    .residences-title br {
        display: none;
    }

    /* Amenities Section Tablet */
    .amenities-section {
        padding: 0 0 0;
    }

    .amenities-mobile-image-wrap {
        width: 100%;
    }

    .amenities-mobile-img {
        width: 100%;
        height: auto;
        display: block;
    }

    .amenities-section .container {
        padding-top: 32px;
        background: #031e3d;
    }

    .amenities-main-title br,
    .amenities-main-desc {
        display: none;
    }

    .amenities-left-card {
        width: 100%;
        max-width: 100%;
    }

    .amenities-3col-grid {
        max-width: 100%;
    }

    .amenities-right-action {
        margin-top: 32px;
        align-items: flex-start;
    }

    .residences-content-inner {
        max-width: inherit;
    }

    .residences-highlights-strip {
        grid-template-columns: repeat(5, 1fr);
        max-width: inherit;
    }

    .location-about-section {
        min-height: auto;
    }

    .location-bg-layer {
        position: relative;
        height: 340px;
        inset: auto;
    }

    .location-combined-container {
        padding: 0 40px 0 40px;
    }

    .location-combined-row {
        min-height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .location-split-col,
    .about-ust-split-col,
    .about-form-split-col {
        width: 100%;
        padding: 29px 0 0 0;
    }

    .location-split-content,
    .about-ust-split-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .floating-enquiry-card {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .footer {
        padding-top: 196px;
        padding-bottom: 40px;
    }

    .footer-content-shrink {
        padding-left: 40px;
        padding-right: 40px;
    }

    .footer-info-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-contact-info-col {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        padding-left: 0;
        padding-top: 24px;
    }

    .amenities-section .btn-solid-dark-blue {
        border-color: var(--white-color);
        width: 100%;
    }

    .overview-title,
    .overview-desc,
    .overview-features-row {
        max-width: inherit;
    }

    .overview-feature-text p br,
    .overview-left-col h5 br {
        display: none;
    }

    .residences-highlights-strip {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        max-width: 100%;
        margin-bottom: 24px;
    }

    .residences-row {
        min-height: inherit;
        padding-top: 30px;
    }

    .about-ust-split-content {
        background-color: transparent;
    }
}

/* ----------------------------------------------------
   4.5. Tablets & Medium Screens (max-width: 960px)
   ---------------------------------------------------- */
@media (max-width: 960px) {
    .project-glance-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-bottom: 30px;
    }
}

/* ----------------------------------------------------
   5. Mobile Devices (max-width: 767px)
   ---------------------------------------------------- */
@media (max-width: 767px) {

    .container,
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-container {
        padding: 0 20px;
    }

    .hero-left-pane {
        width: 100%;
        min-height: auto;
        padding: 24px 20px 24px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .hero-main-title {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 1.1;
    }

    .hero-desc {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 14px;
    }

    .hero-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        margin-bottom: 14px;
    }

    .hero-buttons .btn-solid-primary,
    .hero-buttons .btn-outline-primary {
        width: 100%;
        padding: 12px 18px;
        font-size: 12px;
        letter-spacing: 0.05em;
        text-align: center;
        justify-content: center;
    }

    .hero-floating-info {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }

    .info-bar-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        min-height: auto;
        border-radius: 6px;
    }

    .info-bar-item {
        min-height: 52px;
        padding: 6px 8px;
        gap: 6px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .info-bar-icon img {
        width: 26px;
        height: 26px;
    }

    .info-bar-text span {
        font-size: 10px;
    }

    .hero-rera-box {
        margin-top: 6px;
    }

    .section-title {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 32px;
    }

    .section-subtitle-wrapper {
        margin-bottom: 10px;
    }

    .project-glance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .feature-glance-card {
        padding: 24px 12px;
    }

    .project-glance-grid {
        margin-bottom: 0;
    }

    .overview-section {
        padding: 0 0;
    }

    .overview-title,
    .residences-title,
    .location-section-title,
    .amenities-section-title,
    .master-plan-title,
    .contact-header-banner h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    .residences-highlights-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .res-highlight-item.has-divider {
        border-left: none;
    }

    .amenities-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .residences-row {
        margin-bottom: 32px;
    }

    .amenities-section .container>.row {
        margin-left: 0;
        margin-right: 0;
    }

    .amenities-left-card {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .amenities-main-title {
        font-size: 24px !important;
        line-height: 1.5;
    }

    .amenities-3col-grid {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0;
        box-sizing: border-box;
    }

    .amenities-col {
        padding: 12px 4px;
    }

    .amenities-col:not(:first-child) {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        padding-top: 20px;
    }

    .location-combined-container {
        padding: 24px 20px 0 20px;
    }

    .location-combined-row {
        margin-left: 0;
        margin-right: 0;
    }

    .location-split-col,
    .about-ust-split-col {
        padding: 29px 0 0 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .location-split-content,
    .about-ust-split-content {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .location-desc-text {
        max-width: 100%;
        width: 100%;
    }

    .ust-years-img {
        max-width: 125px;
        margin: 0 auto;
    }

    .ust-stats-logo-row {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 19px;
    }

    .ust-trust-sub {
        font-size: 20px;
        text-align: center;
    }

    .ust-logo-badge {
        flex: 1;
        max-width: 100%;
    }

    .location-cyan-bar {
        margin-left: auto;
        margin-right: auto;
    }

    .ust-tagline-row {
        max-width: 100%;
        width: 100%;
    }

    .ust-tagline-row br {
        display: none;
    }

    .location-split-content .btn-solid-dark-blue,
    .about-ust-split-content .btn-solid-dark-blue {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .about-form-split-col {
        padding: 16px 0 0 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .floating-enquiry-card {
        max-width: 100%;
        width: 100%;
    }

    .footer {
        padding-top: 72px;
        padding-bottom: 32px;
    }

    .footer-content-shrink {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-brand-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer-rera-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 19px 19px;
    }

    .footer-rera-value {
        font-size: 16px;
        letter-spacing: 0.02em;
    }

    .footer-bottom-bar {
        flex-direction: column;
        gap: 12px;
        align-items: center;
        text-align: center;
    }

    .footer-legal-links {
        margin-left: 0;
        justify-content: center;
    }

    .footer {
        background-image: url(../img/footer-bg-m.webp) !important;
    }

    .footer-btn-outline {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.1em;
        padding: 13px 26px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        width: 100%;
        display: block;
    }
}

/* ----------------------------------------------------
   6. Compact Mobile Screens (max-width: 480px / 460px)
   ---------------------------------------------------- */
@media (max-width: 480px) {

    .mobile-nav-toggle {
        width: 35px;
        height: 35px;
    }

    .footer-site-info-col {
        flex-direction: column;
        align-items: stretch;
    }

    .footer-site-text {
        width: 100%;
    }

    .footer-btn-outline {
        display: block !important;
        width: 100% !important;
        text-align: center;
        box-sizing: border-box;
    }

    .container,
    .container-fluid {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-logo-img {
        max-height: 42px;
        max-width: 120px;
    }

    .header-container {
        padding: 0 16px;
    }

    .hero-left-pane {
        padding: 20px 16px 20px 16px;
        min-height: auto;
    }

    .hero-main-title {
        font-size: 24px;
        line-height: 1.5;
    }

    .hero-title-divider {
        margin: 6px 0 14px 0;
    }

    .residences-container {
        padding: 0 16px;
    }

    .glance-icon-wrap img {
        width: 44px;
        height: 44px;
        max-width: 45px;
        object-fit: contain;
    }

    .feature-glance-card h4 {
        margin-bottom: 5px;
    }

    .feature-glance-card:not(:first-child) {
        border-left: 0;
    }

    .overview-container {
        padding-bottom: 32px;
    }

    .amenities-section .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .location-combined-container {
        padding: 0;
    }

    .footer-content-shrink {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-rera-card {
        padding: 16px 16px;
    }

    .footer-rera-value {
        font-size: 15px;
    }

    .footer {
        padding-top: 61px;
    }

    .project-glance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .feature-glance-card {
        padding: 0;
    }

    .glance-card-title {
        font-size: 12px;
    }

    .glance-card-desc {
        font-size: 11px;
    }

    .residences-bg-layer {
        height: 240px;
    }

    .residences-content-col {
        padding: 0;
    }

    .residences-highlights-strip {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

    .residences-section {
        padding-bottom: 0;
    }

    .res-highlight-item img {
        width: 38px;
        height: 38px;
    }

    .res-highlight-item p {
        font-size: 12px;
    }

    .amenities-main-title {
        font-size: 13px;
    }

    .hotspot-pin-core {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }

    .hotspot-radar-ring {
        width: 36px;
        height: 36px;
    }

    .amenity-hotspot-card {
        width: 92%;
        max-width: 320px;
    }

    .hotspot-card-media {
        height: 160px;
    }

    .hotspot-card-info {
        padding: 12px 14px 14px;
    }

    .hotspot-card-title {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .location-bg-layer {
        height: 220px;
    }

    .amenities-list-styled li {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    .location-split-col,
    .about-ust-split-col,
    .about-form-split-col {
        padding: 0;
        margin-bottom: 25px;
    }

    .location-main-title {
        font-size: 34px;
    }

    .location-address-title {
        font-size: 18px;
    }

    .ust-years-num {
        font-size: 23px;
    }

    .ust-years-word {
        font-size: 12px;
    }

    .ust-projects-num {
        font-size: 18px;
    }

    .ust-brand-name {
        font-size: 9px;
    }

    .ust-stats-logo-row {
        flex-wrap: wrap;
        gap: 16px;
    }

    .floating-enquiry-card {
        padding: 22px 16px;
    }

    .location-desc-text {
        margin-bottom: 14px;
    }

    .about-ust-split-content {
        box-shadow: inherit;
    }

    .footer {
        padding-top: 216px;
        padding-bottom: 32px;
    }

    .footer-content-shrink {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-logo-title {
        font-size: 34px;
    }

    .footer-logo-subtitle {
        font-size: 15px;
    }

    .footer-label {
        font-size: 14px;
    }

    .footer-site-icon {
        display: none;
    }

    .footer-contact-number,
    .footer-email {
        font-size: 24px;
    }

    .btn-solid-primary {
        width: 100%;
    }

    .footer-rera-card {
        padding: 16px;
    }

    .footer-rera-value {
        font-size: 16px;
    }

    .footer-bottom-bar {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .footer-legal-links {
        margin: 0 auto;
    }

    .amenity-hotspot-card,
    .amenity-hotspot-card.pos-pergola1,
    .amenity-hotspot-card.pos-pergola2,
    .amenity-hotspot-card.pos-pool,
    .amenity-hotspot-card.pos-court, 
    .amenity-hotspot-card.pos-party-deck,
    .amenity-hotspot-card.pos-meditation {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.9) !important;
        max-width: 320px;
    }

    .amenity-hotspot-card.is-visible,
    .amenity-hotspot-card.pos-pergola1.is-visible,
    .amenity-hotspot-card.pos-pergola2.is-visible,
    .amenity-hotspot-card.pos-pool.is-visible,
    .amenity-hotspot-card.pos-court.is-visible,    
	.amenity-hotspot-card.pos-party-deck.is-visible,
    .amenity-hotspot-card.pos-meditation.is-visible  {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    .amenities-mobile-image-wrap,
    .amenities-section {
        overflow: inherit;
    }
}

/* ----------------------------------------------------
   7. Fullscreen Navigation Menu Responsive Adaptations
   ---------------------------------------------------- */
@media (max-width: 1200px) {
    .fullscreen-menu-info-col {
        padding: 40px 30px 40px 40px;
        width: 38%;
    }

    .fullscreen-menu-nav-col {
        padding: 35px 40px 40px 40px;
    }

    .fullscreen-nav-link .nav-text {
        font-size: 32px;
    }
}

@media (max-width: 991px) {

    /* Disable Ambient Continuous Animations on Tablet & Mobile */
    .hero-clouds-layer {
        display: none !important;
    }

    .phone-icon-wrapper,
    .menu-phone-icon,
    .hero-location-icon,
    .info-bar-item .info-bar-icon img,
    .glance-icon-wrap img,
    .res-highlight-item img,
    .amenities-col .amenities-col-icon,
    .hotspot-pin-core,
    .footer-site-icon i,
    .fullscreen-nav-link .nav-arrow i,
    .menu-social-facebook,
    .menu-social-linkedin,
    .menu-social-instagram,
    .menu-social-youtube {
        animation: none !important;
    }

    .fullscreen-menu-overlay {
        background-color: #f6f8fb;
    }

    .fullscreen-menu-inner {
        flex-direction: column;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .fullscreen-menu-nav-col {
        padding: 24px 24px 44px 24px;
        min-height: 100vh;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background-color: #f6f8fb;
    }

    .fullscreen-menu-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 8px;
        opacity: 0;
        transform: translateY(-16px);
        transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
    }

    .fullscreen-menu-overlay.is-open .fullscreen-menu-topbar {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.08s;
    }

    .menu-brand-wrap-mobile .menu-logo-img {
        max-height: 58px;
        max-width: 210px;
        width: auto;
        display: block;
        object-fit: contain;
    }

    .fullscreen-menu-close {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .fullscreen-menu-nav {
        flex: 0 0 auto;
        margin-top: 0;
    }

    .fullscreen-nav-item:first-child {
        border-top: none;
    }

    .fullscreen-nav-link {
        padding: 18px 4px;
    }

    .fullscreen-nav-link .nav-text {
        font-size: 26px;
    }

    .fullscreen-nav-link .nav-arrow {
        font-size: 20px;
    }

    .fullscreen-menu-mobile-info {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 22px;
        text-align: left;
        opacity: 0;
        transform: translateY(20px);
        transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
    }

    .fullscreen-menu-overlay.is-open .fullscreen-menu-mobile-info {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.48s;
    }
}

@media (max-width: 480px) {
    .fullscreen-menu-nav-col {
        padding: 18px 18px 36px 18px;
    }

    .fullscreen-menu-topbar {
        padding-bottom: 16px;
    }

    .menu-brand-wrap-mobile .menu-logo-img {
        max-height: 50px;
        max-width: 180px;
    }

    .fullscreen-menu-close {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .fullscreen-nav-link {
        padding: 10px 2px;
    }

    .fullscreen-nav-link .nav-text {
        font-size: 23px;
    }

    .fullscreen-nav-link .nav-arrow {
        font-size: 18px;
    }

    .fullscreen-menu-mobile-info {
        margin-top: 26px;
        gap: 18px;
    }

    .glance-section {
        background-size: 297% auto;
    }

    .location-about-section {
        padding-top: 50px;
    }

    .fullscreen-menu-mobile-info .menu-directions-btn {
        width: 100%;
        text-align: center;
        padding: 12px 18px;
    }
}

/* ----------------------------------------------------
   8. Inner Pages (Location, Amenities, Master Plan & Floor Plans)
   ---------------------------------------------------- */
@media (max-width: 991px) {
    /* Location Page */
    .location-section-title {
        font-size: 32px;
    }

    .map-card-wrapper {
        margin-bottom: 30px;
    }

    .location-connectivity-section::after {
        display: none;
    }

    /* Amenities Page */
    .amenities-section-title {
        font-size: 32px;
    }

    .amenities-grid-section::after {
        display: none;
    }

    .amenity-download-card {
        min-height: 200px;
        padding: 40px 20px;
    }

    /* Master Plan Page / Section */
    .master-plan-section {
        padding: 30px 0;
    }

    .master-plan-card {
        padding: 25px 15px 20px;
        border-radius: 12px;
    }

    .master-plan-title {
        font-size: 28px;
    }

    .master-plan-desc,
    .floor-plan-desc {
        margin: 10px auto 20px;
    }

    .master-plan-img-wrap {
        margin: 0 auto 20px;
    }

    .master-plan-section::after {
        display: none;
    }

    /* Floor Plan Tabs Section */
    .floor-plan-tabs-section {
        padding: 30px 0;
    }

    .floor-plan-tabs-scroll-wrap {
        padding: 2px 0 12px;
        margin-bottom: 14px;
    }

    .floor-plan-nav {
        margin: 0;
        padding: 0 16px;
        justify-content: flex-start;
        width: max-content;
        gap: 8px;
    }

    .floor-plan-nav::after {
        content: '';
        display: block;
        width: 8px;
        flex: 0 0 8px;
    }

    .floor-tab-btn {
        font-size: 13px;
        padding: 8px 16px;
    }
}

@media (max-width: 575px) {
    .master-plan-section,
    .floor-plan-tabs-section {
        padding: 22px 0;
    }

    .master-plan-card {
        padding: 18px 10px 15px;
        border-radius: 10px;
    }

    .master-plan-title {
        font-size: 24px;
        margin-top: 4px;
    }

    .master-plan-desc,
    .floor-plan-desc {
        margin: 8px auto 16px;
        font-size: 13px;
        line-height: 1.5;
    }

    .floor-plan-tabs-scroll-wrap {
        padding: 2px 0 10px;
        margin-bottom: 10px;
    }

    .master-plan-img-wrap {
        margin: 0 auto 15px;
    }

    .master-plan-btn-wrap {
        margin-top: 8px;
    }

    .btn-download-brochure {
        width: 100%;
        padding: 12px 18px;
        font-size: 13px;
    }
}