@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {}

@media(max-width:991px) {

    header .navbar-nav {
        text-align: start;
        align-items: start;
    }

    header .nav-link {
        color: #000;
    }

    #hero-banner .hero-btns {
        justify-content: center;
        flex-wrap: wrap;
    }



    header .navbar .whatsapp {
        margin-top: 20px;
    }

    #hero-banner .hero-content {
        text-align: center;
        margin: auto;
    }

    #hero-highlights .highlight-item {
        /* justify-content:flex-start; */
        border-right: none;
        border-bottom: 1px solid #ececec;
        padding: 15px;
    }

}

@media(max-width:767px) {


    header .navbar-brand {
        width: 80px;
    }


    header .whatsapp li a {
        display: inline;
    }


    #hero-banner {
        padding: 110px 0 50px;
        background-position: left;
    }

    header .call-btn {
        margin-left: 0;
    }

    #hero-banner .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(255 255 255 / 42%) 0%, rgb(255 255 255 / 47%) 35%, rgb(255 255 255 / 50%) 60%, rgb(255 255 255 / 46%) 100%);
        z-index: 1;
    }

    #hero-banner .hero-content h1 {
        font-size: 55px;
    }

    #hero-banner .hero-content h3 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    #hero-banner .hero-content p {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #about-project h2 {
        font-size: 38px;
        line-height: 1;
    }

    #project-highlights .section-heading h2 {
        font-size: 38px;
    }

    #project-highlights .highlight-box h4 {
        font-size: 14px;
    }

    #about-project .about-content {
        padding-right: 0;
    }

    #world-amenities .section-title h2 {
        font-size: 38px;
    }

    #gallery .section-title h2 {
        font-size: 38px;
    }

    #gallery .gallery-item img {
        width: 100%;
        height: 200px;
    }

    #testimonials .section-title h2 {
        font-size: 38px;
    }

    #floor-plan .sub-title {
        font-size: 38px;
    }

    #why-choose .section-title h2 {
        font-size: 38px;
        margin-bottom: 0;
    }

    #location-advantage .location-content ul li {
        gap: 10px;
        font-size: 14px;
    }

    #site-visit .visit-heading span {
        text-align: center;
    }

    #site-visit .visit-heading h2 {
        text-align: center;
        font-size: 25px;
    }

    #location-advantage .section-title h2 {
        font-size: 38px;
    }

    #site-visit {
    padding: 15px;
}
}

@media(max-width:643px) {}

@media(max-width:576px) {

    #hero-highlights {
        margin-top: -25px;
    }



    #hero-highlights .highlight-item {
        gap: 12px;
    }

    #hero-highlights .highlight-item img {
        width: 34px;
    }

    #hero-highlights .highlight-item h4 {
        font-size: 16px;
        line-height: 22px;
    }

    #hero-banner .hero-btns {
        flex-direction: column;
        margin:5px 0;
    }

    #hero-banner .hero-btns a {
        width: 100%;
    }
}

@media(max-width:480px) {

    .sticky .headermn .navbar .navbar-brand {
        width: 50px;
    }

    header .header-top {
        display: none;
    }

    header .navbar-nav {
        gap: 10px;
    }

    header .headermn .navbar .navbar-brand {
        width: 50px;
    }

    header .navbar .offcanvas {
        width: 300px;
    }


    footer .footertop .about img {
        width: 100px;
    }

    footer .row {
        row-gap: 20px;
    }

    footer .footertop {
        padding: 25px 0 0px;
    }

    footer .footertop .about p {
        width: 100%;
    }

    footer .footerboo ul {
        display: block;
        text-align: center;
    }

    footer .footerboo ul li:first-child {
        margin-bottom: 10px;
    }



}

@media(max-width:400px) {}

@media(max-width:359px) {}