@media (min-width: 1600px) {
    #hero .qr-code {
        bottom: 0;
    }
}

@media (min-width: 1024px) {

    #hero .carousel-control-prev,
    #hero .carousel-control-next {
        width: 5%;
    }
}

@media (max-width: 992px) {
    #hero {
        height: 75vh;
    }

    .navbar-mobile ul {
        height: fit-content;
    }

    .navbar li:nth-child(7),
    .navbar li:nth-child(8) {
        display: none;
    }

    #hero .carousel-container {
        text-align: center;
        top: 74px;
    }
}

@media (max-width: 767px) {
    .qr-rera-wrapper {
        width: 260px;
        float: left;
    }
    .follow-title{
        display: none;
    }

    #hero .qr-code img {
        width: 90px;
    }
    body {
        background-size: contain;
        background-color: #ebebeb;
    }
    
    #c-17-img {
        top: 81% !important;
        width: 60% !important;
    }

    section {
        overflow: hidden;
    }

    .para {
        text-align: left;
    }

    #hero p {
        font-size: 14px;
    }

    #hero .carousel-item.slider-3 h3 {
        width: 163px;
    }

    #hero .carousel-item.slider-1 {
        background-image: url(../img/hero/feb-25/slider-1-m.webp);
    }

    #hero .carousel-item.slider-2 {
        background-image: url(../img/hero/15-jan/banner-m-2.jpg);
    }

    #hero .carousel-item.slider-3 {
        background-image: url(../img/hero/15-jan/banner-m-3.jpg);
    }

    #hero .carousel-item.slider-4 {
        background-image: url(../img/hero/25-aug-2025/1-m.jpg);
    }

    .carousel-item.slider-1 .banner-content {
        display: flex;
        flex-direction: row;
        background-color: #ffefce;
        width: fit-content;
        padding: 15px 15px 5px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .carousel-item.slider-1 .banner-content img {
        width: 134px;
    }

    .price-text {
        margin-left: 15px;
    }

    .carousel-item.slider-1 .banner-content p {
        color: #000 !important;
        font-size: 12px !important;
    }
    .carousel-item.slider-1 .banner-content h5 {
        font-size: 13px;
        border: 1px solid #000;
        padding: 10px;
    }
    .section-padding {
        padding: 3em 0;
    }

    ul.mobileNav.d-none {
        bottom: 0;
        display: flex !IMPORTANT;
        justify-content: space-between;
        left: 0;
        padding: 0;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 99;
        list-style: none;
        margin: 0;
    }

    ul.mobileNav.d-none li {
        text-align: center;
        width: 49%;
        padding: 10px 0;
        background: rgb(143, 41, 139);
        background: linear-gradient(90deg, rgba(143, 41, 139, 1) 16%, rgba(42, 35, 98, 1) 58%);
    }

    ul.mobileNav.d-none a.getstarted {
        display: block;
        margin: 0 !important;
        width: 100%;
        color: #fff;
    }

    h2.section-title {
        text-align: center;
    }

    h2.key-distance-title:before {
        display: none;
    }

    #hero .slider-1 .carousel-container {
        text-align: left;
        top: 50px;
        align-items: start;
        left: 0;
        width: 100%;
    }

    #hero .carousel-container {
        text-align: left;
        top: 100px;
        align-items: start;
        left: 25px;
    }

    #hero h2 {
        font-size: 26px;
    }

    #hero h2:before {
        width: 60px;
        top: auto;
        bottom: -18px;
    }

    #hero h3 {
        font-size: 14px;
    }

    img.drop-shadow {
        width: 150px;
    }

    #hero h2 span {
        font-size: 30px;
    }

    ul.quick-overview-list {
        flex-direction: column;
    }

    #hero .qr-code {
        bottom: 0;
        right: 15px;
    }
    #hero p.watermark-text {
        font-size: 9px;
    }

    ul.quick-overview-list:last-child {
        margin-bottom: 0;
    }

    section#connectivity p.para {
        margin-bottom: 0;
    }

    section.key-distance .accordion {
        margin-bottom: 2em;
    }

    section#about .content-wrapper.border-left:after {
        display: none;
    }

    .key-distance .accordion-body ul {
        padding: 0;
        padding-left: 3em;
    }

    .mainForm_wrapper {
        position: relative;
        width: 100%;
        right: 0;
    }

    #amenities .accordion {
        margin-bottom: 2em;
    }

    img.w-100.about-full-img.mt-5.pt-4 {
        margin-top: 0 !IMPORTANT;
        height: auto;
    }

    ul.quick-overview-list li {
        width: 60%;
        margin: 0 auto 30px;
    }

    ul.quick-overview-list li:last-child {
        margin-bottom: 0;
    }

    .back-to-top {
        bottom: 4em;
    }

    footer {
        padding: 40px 0 40px;
    }

    p.Disclaimer-text {
        margin-bottom: 35px !important;
        font-size: 8px;
        line-height: 13px;
    }

    footer .col-lg-4.contact {
        padding-left: 15px;
    }
}

@media (max-height: 500px) {
    #hero {
        height: 120vh;
    }
}