@media screen and (max-width: 1441px) {
    .ameni__sec .owl-theme .owl-nav button.owl-prev {
        left: -3%;
    }

    .ameni__sec .owl-theme .owl-nav button.owl-next {
        right: -3%;
    }

    .ameni_left {
        top: 38%;
    }
}

@media screen and (max-width: 1210px) {

    .nav-tabs .nav-link,
    .floor__sec .nav-tabs .nav-link {
        margin-right: 0;
    }

    .high_box img {
        width: 70px;
    }

    .high_box p {
        font-size: 13px;
    }
}


@media screen and (max-width: 990px) {
    .navbar-brand img {
        width: 130px;
    }

    .navbar-light .navbar-toggler {
        border: none !important;
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .accordion-button p {
        font-size: 17px;
    }

    .accordion-body p,
    .conf_area p,
    .know_btn p {
        font-size: 13px;
    }

    .config_details {
        bottom: -20%;
    }

    .conf_area h3 {
        font-size: 23px;
    }

    .know_btn img {
        width: 20%;
    }

    .ameni_box img {
        width: 30% !important;
    }

    .ameni_box p {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-collapse {
        background-color: #fff;
    }

    .navbar-nav .nav-item a {
        color: #000 !important;
    }

    .over__div h2,
    .conf_div h2,
    .abt_div h2,
    .cont__box h2,
    .flr_div h2,
    .vir__div h2 {
        font-size: 50px;
    }

    .cont__box .cont__subtitle {
        font-size: 17px;
    }

    .over_dwnld img {
        width: 9%;
    }

    .over__section {
        padding: 40px 0;
    }

    .over_form_box {
        padding: 25px 20px;
    }

    .over_form_title {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .over_form_sub {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .high__sec {
        padding: 40px 0 60px;
    }

    .abt__section {
        padding-bottom: 40px;
    }

    /* Bar is side-by-side here - the full label no longer fits */
    .cta_label_full {
        display: none;
    }

    .cta_label_short {
        display: inline;
    }

    .high_box {
        justify-content: start;
        gap: 15px;
    }

    .high_box img {
        width: 55px;
    }

    .config__sec {
        padding: 50px 0;
    }

    .config_details {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        margin-bottom: 3%;
    }

    .config_det1 {
        margin-bottom: 0;
    }

    .conf_area h3 {
        font-size: 30px;
    }

    .conf_area p {
        font-size: 15px;
    }

    .ameni_left,
    .footer_left {
        display: none;
    }

    .ameni__sec .owl-theme .owl-nav button {
        position: relative;
        top: 0;
    }

    .ameni__sec .owl-theme .owl-nav button.owl-next {
        right: 0;
    }

    .ameni__sec .owl-theme .owl-nav button.owl-prev {
        left: 0;
    }

    .map_img {
        margin-top: 20px;
    }

    .mySwiper {
        width: 95%;
    }

    /* Gallery arrows - smaller and tucked in on phones */
    .gal__sec .swiper-button-next,
    .gal__sec .swiper-button-prev,
    .gal__sec .main-slider .owl-nav .prev,
    .gal__sec .main-slider .owl-nav .next {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .gal__sec .swiper-button-prev,
    .gal__sec .main-slider .owl-nav .prev {
        left: 8px;
    }

    .gal__sec .swiper-button-next,
    .gal__sec .main-slider .owl-nav .next {
        right: 8px;
    }

    .gal__sec .swiper-button-next::after,
    .gal__sec .swiper-button-prev::after {
        font-size: 13px;
    }

    .contbtn {
        margin: 0 auto;
        display: flex;
    }

    .footer__sec {
        padding: 10px 0 90px;
    }

    .foo_logo img {
        width: 50%;
    }

    .cpy_rght p {
        font-size: 13px;
    }

    /* Side-by-side CTA row instead of two opposite corner pills */
    .cta_bar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        gap: 10px;
        padding: 4px 6px;
        /* padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); */
        background-color: #112b23;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
    }

    .cta_float {
        position: static;
        flex: 1 1 0;
        min-width: 0;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 12px 10px;
        font-size: 13px;
        gap: 7px;
        letter-spacing: 0.4px;
        /* the bar carries the elevation now */
        box-shadow: none;
    }

    .cta_float i {
        font-size: 13px;
    }

    /* No lift inside the bar — sticky :hover on touch would misalign the row */
    .cta_float:hover {
        transform: none;
        box-shadow: none;
    }

    /* Stop the fixed row from covering the end of the footer.
       Scoped so pages without the CTA row (thank-you) get no dead space. */
    body:has(.cta_bar) {
        padding-bottom: 72px;
    }

    .main-slider .owl-thumb-item {
        height: auto;
    }

    .floor__sec .nav-tabs .nav-link {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {

    .thank_wrap {
        margin: 50% 0;
    }
}

@media screen and (max-width: 480px) {

    .cta_bar {
        gap: 4px;
        /* padding-left: 10px;
        padding-right: 10px; */
    }

    .cta_float {
        padding: 11px 8px;
        font-size: 12.5px;
        gap: 6px;
        letter-spacing: 0.2px;
    }

    .cta_float i {
        font-size: 12.5px;
    }
}

@media screen and (max-width: 376px) {

    .over__div h2,
    .conf_div h2,
    .abt_div h2,
    .cont__box h2,
    .flr_div h2,
    .vir__div h2 {
        font-size: 40px;
    }

    .cont__box .cont__subtitle {
        font-size: 15px;
    }

    .cta_float {
        padding: 6px 6px;
        font-size: 11.5px;
    }

    .cta_float i {
        font-size: 11.5px;
    }
}