@media (max-width: 1699px) {
    .custom-container {
        max-width: 100%;
        padding: 0 60px;
    }
    .design-content-wrapper {
        padding: 100px 80px 100px 0;
    }
    .elevator-accordion {
        padding-left: 60px;
    }
    .navbar-nav.custom-navbar-nav {
        gap: 25px;
    }
    .timeline-inner {
        max-width: 1399px;
    }
    .timeline-content-wrapper p {
        max-width: 480px;
        width: 100%;
    }
    .overview-col1 {
        padding: 20px 59px 20px 60px;
    }
    .section-py {
        padding: 45px 0;
    }
    .custom-slider-content-left .btn-wrapper,
    .custom-slider-content-left.custom-slider-content-right .btn-wrapper {
        margin-bottom: 60px;
    }
    .banner-thump-wrapper {
        width: 25.5%;
    }
    .elevator-section-wrapper {
        padding: 45px 0;
    }
}

@media (max-width: 1499px) {
    .design-content-wrapper {
        padding: 20px 30px 20px 0;
    }
    .elevator-section-wrapper .design-content-wrapper p {
        -webkit-line-clamp: unset;
    }
    .elevator-accordion {
        padding-left: 0;
        padding: 0;
    }
    .overview-col1 {
        padding: 20px 20px 20px 70px;
        gap: 20px;
    }
    .navbar-nav.custom-navbar-nav,
    .custom_header_main {
        gap: 25px;
    }
    .custom-navbar-nav .nav-item a {
        font-size: 16px;
    }
    .banner-section .carousel-indicators img,
    .banner-section .carousel-indicators [data-bs-target] {
        width: 64px;
        height: 64px;
    }
    .banner-section .carousel-indicators {
        gap: 10px;
    }
    .custom-slider-content-left.custom-slider-content-right,
    .elevator-slick-arrow.elevator-slick-arrow-right {
        padding-left: 0;
    }
    .custom-slider-carousel-left.custom-slider-carousel-right {
        left: 50%;
        transform: translateX(-50%);
    }
    .custom-slider-content-left {
        max-width: 100%;
    }
    .navbar-nav.custom-navbar-nav,
    .custom_header_main {
        gap: 20px;
    }
    .header-wrapper .navbar-brand img {
        width: 160px;
        height: auto;
    }
}

@media (max-width: 1399px) {
    .custom-slider-content-left {
        gap: 16px;
    }
    .not-found-image {
        background-size: 350px;
    }
    .single-product-wrapper.handrails-woo-section.sticky-new.sticky {
        height: 100%;
    }
}

@media (max-width: 1342px) {
    .navbar-nav.custom-navbar-nav,
    .custom_header_main {
        gap: 12px;
    }
    /* .custom-navbar-nav .nav-item .nav-link,
    .custom-navbar-nav .nav-item a,
    .footer-links-dropdwon .dropdown-menu .dropdown-item {
        font-size: 14px;
    } */
    .header-wrapper .custom-container {
        grid-template-columns: 180px 1fr;
    }
}

@media (max-width: 1299px) {
    .timeline-inner {
        grid-template-columns: 44px 1fr 600px;
    }
    .custom-slider-content-left .btn-wrapper,
    .custom-slider-content-left.custom-slider-content-right .btn-wrapper {
        margin-bottom: 60px;
    }
}

@media (max-width: 1199px) {
    .navbar .navbar-collapse.show .header-dropdown-menu .dropdown-item {
        color: #ffffff;
    }
    .navbar-sticky .header-search form {
        margin-bottom: 40px;
    }
    /* .navbar .navbar-collapse.show .header-search {
        margin-bottom: 40px;
    } */
    .navbar-nav.custom-navbar-nav,
    .custom_header_main {
        gap: 25px;
    }
    .banner-section .carousel-caption-content h4 {
        font-size: 20px;
    }
    .close-icon {
        display: block;
    }
    div#navbarScroll {
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        padding: 26px 16px;
        background-color: #323232bf;
        height: 100vh;
    }
    .custom-navbar-nav .nav-item .nav-link {
        color: #ffffff;
    }
    /* Always show scrolled-style header on mobile — no transition, no initial flash */
    .header-wrapper .navbar {
        transition: none;
        border-bottom: 0;
    }
    .navbar-brand img {
        width: 120px;
        height: auto;
    }
    nav.navbar.navbar-sticky a.navbar-brand {
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    nav.navbar.navbar-sticky a.navbar-brand.brand-hidden {
        opacity: 0;
        pointer-events: none;
    }
    nav.navbar.navbar-sticky a.navbar-brand img {
        width: 108px;
    }
    .navbar-nav.custom-navbar-nav,
    .custom_header_main {
        padding-top: 10px;
    }
    .btn-wrapper {
        margin-top: 20px;
    }
    .custom-header-links-main,
    .header-search {
        align-items: start;
        gap: 30px;
    }
    .navbar-toggler {
        padding: 6px 8px;
        font-size: 15px;
        color: #000000;
        border: 0;
    }
    div#navbarSupportedContent {
        position: absolute;
        left: 0;
        top: 134px;
        padding: 20px;
        background-color: #ffffff;
        width: 100%;
        left: 0;
    }
    .overview-grid {
        grid-template-columns: 399px 1fr;
    }
    .overview-col1 {
        padding: 20px 40px 20px 40px;
    }
    h1 {
        font-size: 56px;
    }
    .carousel-caption-content .hs-title { font-size: 56px !important; }
    .heading-links .hs-title { font-size: 56px !important; }
    .carousel-caption-content .hs-subtitle { font-size: 20px !important; }
}

@media (max-width: 1125px) {
    .timeline-inner {
        grid-template-columns: 35px 1fr 480px;
    }
}

@media (max-width: 991px) {
    .custom-container {
        padding: 0 30px;
    }
    .elevator-accordion .accordion-body img {
        aspect-ratio: 21 / 9;
    }

    .elevator-section-wrapper .design-content-wrapper p {
        -webkit-line-clamp: unset;
    }

    .elevator-accordion .accordion-content,
    .elevator-accordion .accordion-body {
        padding: 0;
    }

    .elevator-accordion .accordion-header h6 {
        font-size: 22px;
        line-height: 20px;
    }

    .elevator-accordion .accordion-header {
        padding: 15px 0;
    }

    .elevator-section-wrapper .design-content-wrapper {
        padding-top: 0;
    }

    .elevator-accordion {
        padding: 0;
        margin: unset;
        padding-left: 0;
        padding-top: 10px;
    }

    .contact-popup-img {
        width: 100%;
    }

    .btn-wrapper {
        z-index: 9;
    }

    .contact-popup-img:after {
        content: "";
        position: absolute;
        background-color: #f4f1eec7;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .not-found-image {
        background-size: 290px;
    }

    .page-not-found-content h3 {
        margin-bottom: 32px;
    }

    .search-box input {
        min-width: unset;
        width: 100%;
    }

    .timeline-inner {
        grid-template-columns: 44px 1fr 420px;
        gap: 28px;
    }
    .elevator-accordion .accordion-header {
        padding: 10px 0;
    }

    .eleveator-arrows:after {
        top: 4.5px;
    }

    .design-content-wrapper .btn-wrapper {
        padding-bottom: 10px;
        margin: 0;
    }

    .design-content-wrapper {
        padding: 20px 0 0 0;
        gap: 8px;
    }

    .design-content-wrapper:after {
        border-left: unset;
        width: 100%;
        border-bottom: 2px solid #ffffff;
        height: 100%;
        position: relative;
        transform: unset;
        top: unset;
        right: unset;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
        line-height: 38px;
    }
    h3 {
        font-size: 26px;
        line-height: 34px;
    }
    h4 {
        font-size: 20px;
        line-height: 28px;
    }
    h6 {
        font-size: 18px;
        line-height: 26px;
    }
    p {
        font-size: 14px;
        line-height: 20px;
    }
    h1.cat_sub_heading p,
    span.hs-title.cat_sub_heading p {
        font-size: 40px;
    }
    .custom-accordion-button {
        font-size: 18px;
    }
    .custom-slider-content {
        gap: 15px;
    }
    .banner-section .carousel-caption-content {
        left: 35px;
    }
    .overview-grid {
        grid-template-columns: 290px 1fr;
    }
    .overview-col1 {
        padding: 20px;
    }
    /* Heading strategy: responsive parity at 991px */
    h2.hs-label { font-size: 18px !important; line-height: 26px !important; }
    h3.hs-sub { font-size: 18px !important; line-height: 26px !important; }
    h3.hs-name, .series-content-wrapper h3.hs-name { font-size: 30px !important; line-height: 38px !important; }
    span.hs-name { font-size: 30px !important; line-height: 38px !important; }
    span.hs-tab { font-size: 18px !important; line-height: 26px !important; }
    .carousel-caption-content .hs-title { font-size: 40px !important; }
    .heading-links .hs-title { font-size: 40px !important; }
    .carousel-caption-content .hs-subtitle { font-size: 20px !important; line-height: 28px !important; }
}

@media (max-width: 899px) {
    .timeline-content-wrapper {
        gap: 16px;
    }
    .timeline-inner {
        grid-template-columns: 44px 1fr 320px;
    }
}

@media (max-width: 767px) {
.overview-description p {
    -webkit-line-clamp: 2 !important;
}
.timeline-content-wrapper {
    gap: 15px;
}
.elevator-series-wrapper.section-py {
    padding: 70px 0 70px !important;
}
.series-content-wrapper p {
    font-size: 20px;
}
    section.elevator-section-wrapper.sticky-new.sticky,
    .all-finishes-slider.finishes-timeline-section.section-py.bg-sky.sticky-new.sticky {
        height: 100%;
    }
    .elevator-section-wrapper {
        min-height: auto;
        padding: 0;
    }
    .elevator-section-wrapper .row > .col-12 {
        min-height: 100svh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 16px;
    }
    .elevator-section-wrapper .row > .col-12:last-child {
        height: 100svh;
        min-height: unset;
        overflow-y: auto;
        align-items: stretch;
    }
    .design-content-wrapper:after {
        display: none;
    }
    .elevator-accordion .accordion-body img {
        aspect-ratio: auto;
    }
    .elevator-section-wrapper .elevator-accordion {
        width: 100%;
        border-top: none;
        margin: auto 0;
    }
    .elevator-accordion .accordion-content.open {
        padding: 0;
    }
    section.elevator-slick-slider-wrapper {
        overflow-x: hidden;
    }
    .footer-links-wrapper {
        margin-top: 0;
    }
    .column-slider-image.notification-image .zoom-icon {
        width: fit-content;
        height: fit-content !important;
    }
    .header-wrapper a.navbar-brand img {
        width: 108px;
    }
    /* elevator slick slider arrows style start  */
    .elevator-slick-slider-wrapper .col-md-6.col-12.d-md-block.d-none .elevator-slick-arrow {
        display: block !important;
        z-index: 1;
    }
    .elevator-slick-slider-wrapper .col-md-6.col-12.d-md-block.d-none {
        display: block !important;
    }
    .elevator-slick-slider-wrapper .col-md-6.col-12.d-md-block.d-none .custom-slider-content {
        display: none !important;
    }
    /* elevator slick slider arrows style end  */
    .elevetor-slick-mobile-content a h2,
    .elevetor-slick-mobile-content a h3.hs-name,
    .elevetor-slick-mobile-content a span.hs-name {
        border-bottom: 1px solid #ffffff;
        width: fit-content;
        margin: 0 0 0 auto;
        padding-bottom: 7px;
    }
    /* html,
    body {
        overflow-x: hidden;
    }
    html .timeline-main,
    body .timeline-main {
        overflow-x: unset;
    } */
    .gallery-swiper-heading-arrows {
        display: grid;
        grid-template-columns: 1fr 85px;
    }
    .elevator-slick-slider-main .light-panels-overview .btn-wrapper,
    .timeline-inner .content-wrap .btn-wrapper {
        display: none;
    }
    .elevetor-slick-mobile-content p,
    .timeline-content-wrapper p,
    .overview-description p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .elevetor-slick-mobile-content p,
    .elevetor-slick-mobile-content p span {
        color: inherit !important;
    }
    .overview-description p {
        max-width: calc(100% - 100px);
    }
    .gallery-swiper-heading-arrows .notification-swiper-arrows {
        position: absolute;
        bottom: 0;
        right: 0;
        /* top: unset; */
        top: 0;
    }
    .series-content-wrapper h2,
    .series-content-wrapper h3.hs-name {
        font-size: 27px;
    }
    .banner-slick-section.elevator-slick-slider-main
        .custom-slick-navigator
        button.custom-slick-arrow.custom-slick-arrow-left,
    .banner-slick-section.elevator-slick-slider-main
        .custom-slick-navigator
        button.custom-slick-arrow.custom-slick-arrow-right {
        bottom: 10px;
    }
    .page-not-found-wrapper.download-specification-section.section-py {
        padding: 180px 0;
    }
    .not-found-image {
        background-position: center;
    }
    .download-specification-section {
        background-image: unset;
        padding: 0 !important;
    }
    .download-specification-section .custom-container {
        padding: 0;
    }
    .page-not-found-wrapper.download-specification-section:after {
        content: "";
        position: absolute;
        background-color: #f4f1eec7;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .page-not-found-content {
        max-width: 100%;
        text-align: center !important;
    }
    .custom-slick-navigator button.custom-slick-arrow.custom-slick-arrow-left,
    .custom-slick-navigator button.custom-slick-arrow.custom-slick-arrow-right {
        bottom: 0;
    }
    .custom-container {
        padding: 0 16px;
    }
    .interior-design-swiper-section .elevator-swiper-image img {
        aspect-ratio: 2 / 3;
    }
    .see-things-content {
        top: unset;
        left: unset;
        transform: unset;
        bottom: 10px;
    }
    .custom-slider-content-left-mobile {
        position: absolute;
        bottom: 0;
        padding: 20px 25px;
        text-align: right;
        background-color: #32323280;
        color: #ffffff;
        width: 100%;
        left: 0;
        z-index: 2;
    }
    .elevetor-slick-mobile-content {
        max-width: 600px;
        margin: 0 0 0 auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .elevator-slick-slider-main {
        position: relative;
        overflow: hidden;
    }
    /* Mobile section arrows: right-aligned, just above the text overlay.
       Wrapper selector ensures specificity 0-2-0, overriding all desktop
       variants (.elevator-slick-arrow-right and :not(-right)). */
    .elevator-slick-slider-wrapper .elevator-slick-arrow {
        position: absolute;
        top: auto;
        height: auto;
        bottom: 180px;
        right: 16px;
        left: auto;
        display: flex;
        gap: 2px;
        padding: 0;
        z-index: 3;
    }
    .elevator-slick-slider-wrapper .elevator-slick-arrow svg {
        width: 27px;
        height: 27px;
    }
    .elevator-slick-arrow .custom-slick-arrow-left svg path,
    .elevator-slick-arrow .custom-slick-arrow-right svg path {
        fill: #ffffff;
    }
    .elevator-slick-slider-wrapper .custom-container,
    .elevator-slick-slider-wrapper .elevator-slick-mobile-p {
        padding: 0;
    }
    /* Fix flex collapse: section is display:flex, but with padding:0 there is
       no intrinsic width for the flex algorithm — everything collapses to 0.
       width:100% breaks the circular percentage dependency. */
    .elevator-slick-slider-wrapper > .custom-container {
        width: 100%;
    }
    .elevator-slick-slider-main > .row {
        --bs-gutter-x: 0;
    }
    .elevator-slick-slider-wrapper.section-py {
        padding: 0;
    }
    /* Mobile svh overrides: prevent CLS from browser chrome show/hide */
    .banner-section,
    .bannerswiper,
    .banner-slick-section,
    .banner-slick-section .slider-for,
    .banner-slick-section .slider-nav,
    .banner-slick-images,
    .slick-slide img {
        height: 100svh;
    }
    .banner-section .carousel-caption-content {
        left: 16px;
    }
    .elevator-accordion .accordion-header {
        padding: 16px 0;
    }
    .banner-section .carousel-caption-content h4 {
        font-size: 18px;
    }
    .carousel-caption-content .hs-subtitle { font-size: 18px !important; }
    .accordion-body {
        flex-direction: column;
    }
    button.custom-slick-arrow.custom-slick-arrow-left {
        right: 50px;
    }
    button.custom-slick-arrow.custom-slick-arrow-right {
        /* right: 16px; */
        right: 0;
    }
    .banner-slick-images {
        position: relative;
    }
    .light-panel-mobile-content h1 {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 12px;
        width: fit-content;
    }
    .light-panel-mobile-content {
        position: absolute;
        bottom: 0;
        color: var(--white-color);
        right: 0;
        text-align: left;
        background-color: #32323280;
        width: 100%;
        left: 0;
        max-width: 100%;
        padding: 10px 30px;
        display: flex !important;
        flex-direction: column;
        gap: 16px;
    }
    .slick-slide .desktop-image {
        display: none !important;
    }
    .gallery-top .desktop-image {
        display: block;
    }
    .slick-slide .mobile-image {
        display: block !important;
    }
    .vline {
        position: absolute;
        z-index: 9;
        left: 55px;
        height: 70%;
    }
    .timeline-inner {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .timeline-content-wrapper {
        justify-content: end;
        align-items: end;
        text-align: right;
    }
    .timelineimage {
        height: 100svh;
        aspect-ratio: unset;
    }
    .timelineimage img {
        object-fit: cover;
    }
    .content-wrap {
        position: absolute;
        z-index: 9;
        bottom: 0;
        padding: 10px 27px;
        background-color: #ffffff2b;
        width: 100%;
    }
    .content-item {
        max-width: 100%;
    }

    .slider-mobile-content-width ul {
        direction: rtl;
        padding-right: 20px;
    }
    .all-finishes-slider .timeline-content-wrapper p {
        max-width: 100%;
    }
    .notification-image {
        position: relative;
    }
    .overview-banner-arrows .carousel-control-prev {
        right: unset;
        bottom: 25px;
    }
    .overview-banner-arrows .carousel-control-next {
        right: unset;
        bottom: 25px;
        left: 30px;
    }
    .notification-image:after {
        content: "";
        position: absolute;
        background-color: #f4f1eeb0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .notification-content {
        position: absolute;
        z-index: 9;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        width: 90%;
    }
    .section-py {
        padding: 60px 0;
    }
    .see-things-image img {
        height: 100svh;
    }
    .overview-slider-main .slider-mobile-content-width {
        margin: unset;
        text-align: right;
    }
    .timeline-section-wrapper .slider-mobile-content h2 {
        border-bottom: 2px solid var(--orange-color);
        padding-bottom: 10px;
    }
    .custom-container.timeline-container,
    .timeline-section-wrapper {
        padding: 0;
    }
    .timeline-image img {
        width: 100%;
    }
    .timeline-section-wrapper {
        position: relative;
    }
    .timeline-position-mobile {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 54px;
        z-index: 9;
    }
    .timeline-image img {
        height: 100svh;
    }
    .banner-thump-wrapper {
        display: none;
    }
    .before-after-image-wrapper,
    .before-after-image-wrapper img {
        height: 100svh;
    }
    .overview-grid {
        grid-template-columns: 1fr;
    }
    .desktop-image {
        display: none;
    }
    .custom-carousel-mobile,
    .mobile-image {
        display: block;
    }
    .accordion-image-wrapper img {
        aspect-ratio: 758 / 532;
    }
    .elevator-section-wrapper .accordion-body {
        padding: 0;
        padding-top: 24px;
    }
    .section-py.slider-section-py {
        padding: 0;
    }
    .custom-slider-carousel-left.custom-slider-carousel-right {
        position: absolute;
        left: unset;
        transform: unset;
    }
    .custom-slider-arrow-mobile {
        position: absolute;
        bottom: 20px;
    }
    .custom-slider-carousel-left.custom-slider-arrow-mobile .carousel-control-next {
        width: 45px;
        left: 35px;
    }
    .custom-slider-carousel-left.custom-slider-arrow-mobile .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .custom-slider-carousel-left.custom-slider-arrow-mobile .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .slider-mobile-content-width {
        max-width: 500px;
        margin: 0 0 0 auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .slider-mobile-content h2 {
        border-bottom: 2px solid var(--white-color);
        padding-bottom: 10px;
    }
    .slider-mobile-content {
        position: absolute;
        bottom: 0;
        color: var(--white-color);
        right: 0;
        text-align: right;
        background-color: #32323280;
        width: 100%;
        left: 0;
        max-width: 100%;
        padding: 10px 30px;
    }
    .custom-slider-content.slider-mobile-content p {
        color: var(--white-color);
    }
    .custom-container.custom-container-slider {
        padding: 0;
    }
    .banner-section .carousel-indicators,
    .banner-section .carousel-item .banner-img-wrapper img {
        display: none;
    }
    .banner-section .carousel-caption {
        right: 0;
        left: 0;
    }
    .header-search input {
        font-size: 14px;
    }
    .btn-wrapper {
        margin-top: 30px;
    }
    .white-btn {
        font-size: 16px;
    }
    .custom-accordion-button {
        font-size: 18px;
        padding: 12px 0;
    }
    .footer-wrapper {
        background-image: url("../images/footer/mobile/mobile-footer-bg.webp");
        background-position: center;
        background-size: cover;
    }
    .footer-order-1 {
        order: 2;
    }
    .footer-detail-links {
        /* padding-top: 200px; */
        padding-top: 0;
    }
    .column-slider-image img {
        /* aspect-ratio: 758/1348; */
        aspect-ratio: unset;
        height: 100svh !important;
        overflow: hidden;
    }
    .woocommerce-loop-product__title {
        font-size: 22px;
    }
    .sub_categpry_title {
        font-size: 28px;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 699px) {
    div#navbarScroll {
        width: 60%;
    }
    .elevetor-slick-mobile-content p {
        max-width: 520px;
        margin: 0 0 0 auto;
    }
}

@media (max-width: 599px) {
    .elevetor-slick-mobile-content p {
        max-width: 420px;
    }
    /* .interior-design-swiper-section .elevator-swiper-image img {
        aspect-ratio: 1 / 1;
    } */
}

@media (max-width: 499px) {
     .interior-design-swiper-section .elevator-swiper-image img {
        aspect-ratio: 2 / 3;
    }
    .header-search input {
        min-width: 100px;
    }
    .vline {
        left: 25px;
    }
    div#navbarScroll {
        width: 70%;
    }
    .elevetor-slick-mobile-content p {
        max-width: 360px;
    }
    .accordion-header h6 {
        font-size: 16px;
    }
    span.hs-tab { font-size: 16px !important; }
    .elevator-accordion .accordion-header a {
        gap: 6px;
    }
}

@media (max-width: 440px) {
    .elevetor-slick-mobile-content p {
        max-width: 330px;
    }
}

@media (max-width: 415px) {
    .elevetor-slick-mobile-content p {
        max-width: 300px;
    }
}

@media (max-width: 390px) {
    .elevetor-slick-mobile-content p {
        max-width: 236px;
    }
}

/* ============================================================
   Contact Map — Responsive
   ============================================================ */
@media (max-width: 767px) {
    .contact-map-section {
        padding: 100px 0 100px;
    }
    .contact-map-heading {
        font-size: 22px;
    }
    .contact-map-section #info-panel {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 12px 14px;
    }
    .contact-map-section .info-right {
        margin-left: 0;
        text-align: left;
    }
    .contact-map-section .info-sep {
        display: none;
    }
    .contact-map-section .info-rep-contact a {
        display: block;
        margin-top: 2px;
    }
    .contact-map-section .legend-label {
        font-size: 7.5px;
    }
    .territory-directory {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .contact-map-container {
        padding: 0 12px;
    }
    .contact-map-heading {
        font-size: 20px;
    }
    .contact-map-section .map-controls p {
        font-size: 11px;
    }
}