:root{
    --yellow:#491130;
}


@media(max-width:1500px){

    .navbar .navbar-brand{
        padding-right: 20px;
    }

    .navbar .nav-item:not(:last-child){
        margin-right: 10px;
    }

    .navbar .navbar-nav a{
        font-size: 16px;
    }

    .banner_section .content_box .typo{
        font-size: 32px;
    }

    .banner_section .content_box .price{
        font-size: 53px;
    }

    .banner_section .payment_plan{
        margin: 20px 0 30px;
    }

    .banner_section .payment_plan .text{
        margin-left: 10px;
        line-height: 20px;
    }

    .banner_section .payment_plan h4{
        font-size: 34px;
    }

    .banner_section .payment_plan img{
        max-width: 30px;
    }

    .banner_section .payment_plan .icon{
        height: 55px;
        width: 55px;
    }

    .banner_section .brochure_btn{
        padding: 12px 25px;
        font-size: 16px;
    }

    .banner_section .content_col h5{
        font-size: 16px;
    }

    .banner_section .content_col p{
        font-size: 20px;
    }

    .banner_section .form_box .box{
        padding: 40px;
    }

    .banner_section .project_logo {
        max-width: 150px;
    }

    .banner_section .form_box .location{
        font-size: 16px;
    }

    .banner_section .content_box{
        padding: 20px 0;
    }

    /* overview section */

    .overview_section .high li{
        font-size: 50px;
        line-height: 40px;
    }

    .overview_section .high li:not(:first-child) {
        margin-left: 20px;
    }

    .overview_section .high li:before{
        font-size: 50px;
        line-height: 50px;
    }

    .overview_section .high li span{
        font-size: 16px;
        letter-spacing: 0.5px;
    }


    /* price section */

    .price_section .card{
        padding: 50px 30px;
    }

    .price_section .card .price{
        font-size: 40px;
    }

    .price_section .card .price span{
        font-size: 22px;
    }

    .price_section .card ul{
        margin: 15px 0 30px;
    }

    .price_section .card .l{
        font-size: 20px;
        letter-spacing: 1px;
    }

    .price_section .card .r{
        font-size: 26px;
    }

    .price_section .card .btn{
        padding: 10px 30px;
        font-size: 16px;
    }

    .price_section .card .typo{
        font-size: 21px;
    }

    /* amenities section */

    .amenities_section{
        padding: 150px 0;
    }

    .amenities_section .link{
        font-size: 18px;
        padding: 26px 15px;
    }

    .amenities_section .heading{
        margin-bottom: 40px;
    }

    /* location map */

    .location_map .content{
        padding: 22px 40px;
        max-width: 40%;
    }

    /* offer section */

    .offer_section .subT{
        font-size: 40px;
        line-height: 42px;
    }

    .offer_section .subT span:nth-child(2) {
        margin-left: 80px;
    }

}

/* end of 1500 */

@media(max-width:1400px){

    .btn_yellow{
        padding: 10px 30px;
    }

    .container{
        max-width: 90%;
    }

    /* banner section   */

    .banner_section .additional{
        padding-left: 0px;
    }

    .banner_section .additional .image_col{
        width: 160px;
    }

    .banner_section .additional li:not(:last-child){
        margin-right: 40px;
    }

    .banner_section .additional li:not(:last-child):before{
        right: -20px;
    }

    .banner_section .content_col p{
        font-size: 18px;
		color: #fff;
    }

    .banner_section .arrow_col button{
        width: 50px;
    }

    .banner_section .form_heading{
        font-size: 20px;
    }

    /* offer section */

    .offer_section .image_col .possession,
    .offer_section .image_col .price{
        font-size: 34px;
    }

    /* overview */

    .overview_section .container{
        max-width: 95%;
    }

    /* location map */

    .location_map .heading{
        font-size: 60px;
        margin-bottom: 30px;
    }

    .offer_section .subT {
        font-size: 36px;
        line-height: 40px;
    }

    .offer_section .subT span:nth-child(2) {
        margin-left: 30px;
    }

    .offer_section .typo h3{
        font-size: 20px;
        line-height: 26px;
    }

    .offer_section .typo span{
        font-size: 24px;
    }

    /* gallery section */

    .gallery_section .owl-item img{
        height: 500px;
    }

    .locationMapImg{
        max-height: 500px;
    }

}

/* end of 1400 */

@media(max-width:1199px){

    .pl_lg_40{
        padding-left:40px!important;
    }

    .heading{
        font-size: 60px;
        line-height: 60px;
    }

    .navbar .top_row{
        display: flex;
        justify-content: flex-end;
        height: 70px;
        align-items: center;
    }

    .navbar .navbar-brand{
        max-width: 200px;
        margin-top: -60px;
    }

    .navbar.active .navbar-brand {
        max-width: 180px;
        margin-top: -60px;
    }

    .navbar .navbar-toggler{
        height: 40px;
        width:40px;
        padding:0;
        margin-left: 10px;
        background-color: var(--yellow);
        color: #fff;
        font-weight: 100;
        text-shadow: none;
        border-radius: 0;
    }

    .navbar .navbar-toggler img {
        /* filter: invert(1); */
        width: 22px;
    }

    /* banner section */

    #bannerCarousel{
        padding: 70px 0 108px;
    }

    .navbar .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh!important;
        width: 100%;
        z-index: 99;
        visibility: hidden!important;
        opacity: 0!important;
        display: block!important;
        transition: all 100ms ease-in-out;
        -webkit-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
    }

    .navbar .navbar-collapse.show,
    .navbar .navbar-collapse.collapsing {
        display: block;
        height: 100%!important;
        visibility: visible!important;
        opacity: 1!important;
        display: block!important;
    }

    .navbar .navbar-collapse .navbar-nav {
        position: fixed;
        top: 0;
        right: -40%;
        width: 100%;
        max-width: 40%;
        height: 100%;
        background-color: var(--yellow);
        z-index: 99;
        padding-top: 15px;
        transition: all 200ms ease-in-out;
    }

    .navbar .navbar-collapse.show .navbar-nav,
    .navbar .navbar-collapse.collapsing .navbar-nav {
        right: 0;
        transition: 0.3s all ease-in-out;
    }

    .navbar .navbar-collapse .navbar-nav li {
        margin-right: 0!important;
    }

    .navbar .navbar-collapse li a {
        padding: 10px 20px;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
    }

    .navbar .navbar-collapse .backdrop {
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(0 0 0 / 90%);
        height: 100%;
        width: 100%;
        margin-left: unset;
        overflow: hidden;
        z-index: 9;
    }

    .navbar .navbar-collapse .close {
        position: fixed;
        top: 20px;
        left: 20px;
        font-size: 50px;
        color: #fff;
        z-index: 9;
        opacity: 0.5;
        font-weight: normal;
    }

    /* banner section */

    .banner_section .content_box .price{
        font-size: 50px;
    }

    .banner_section .possession h4{
        font-size: 30px;
    }

    /* price section */
    .price_section .card:before{
        height: 100px;
        width: 100px;
        right: -100px;
        bottom: -100px;
    }

    .price_section .card .btn {
        padding: 10px 25px;
        font-size: 14px;
    }

    .price_section .card .typo{
        font-size: 20px;
    }

    .price_section .card .price{
        font-size: 29px;
    }

    .price_section .card .price span{
        font-size: 20px;
    }

    .price_section .card .r{
        font-size: 22px;
    }

    /* amenities section */

    .amenities_section{
        padding: 100px 0;
    }

    .amenities_section li{
        max-width: 33.33%;
        flex: 0 0 33.33%;
        padding: 10px;
    }

    .amenities_section .link{
        font-size: 16px;
    }

    /* location map */

    .location_map .content{
        top: 100px;
    }

    .location_map .heading{
        font-size: 50px;
        margin-bottom: 10px;
    }

    /* other projects */

    .other_projects .single .box_patch{
        max-width: 100px;
    }

    .other_projects .logo{
        max-width: 170px;
        max-height: 80px;
    }

    .other_projects .price{
        font-size: 36px;
    }

    .other_projects .add li{
        max-width: calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
    }

    .footer_top .form_heading{
        font-size: 30px;
    }



}

/* end of 1199 */

@media(max-width:991px){

.mt_md_30{
    margin-top:30px!important;
}

.mt_md_50{
    margin-top:50px!important;
}

.pr_md_15{
    padding-right:15px!important;
}

.d_md_none{
    display:none!important;
}

.d_md_block{
    display:block!important;
}

/* banner section */

.banner_section .additional .content_col{
    padding:20px;
}

.banner_section .additional .image_col{
    width: 130px;
    padding: 10px;
}

.banner_section .additional{
    padding-left:130px;
}

.banner_section .additional li:not(:last-child){
    margin-right: 30px;
}

.banner_section .content_col h5{
    font-size: 15px;
}

.banner_section .content_col p{
    font-size: 16px;
}

.banner_section .arrow_col img{
    max-width: 14px;
}

/* offer section */

.offer_section .image_col,
.offer_section .content_col{
    max-width: 100%;
    flex: 0 0 100%;
}

/* overview section */

.overview_section .container{
    max-width: 90%;
    margin-right:auto;
}

.overview_section .bg_image{
    width:100%;
}

.overview_section .high li:before{
    display:none;
}

.overview_section .high li{
    font-size: 40px;
    line-height: 30px;
}

.overview_section .right_col img{
    height: auto;
    position: relative;
    margin-top: -50px;
}

/* price section */

.price_section {
    padding-top: 100px;
}

.price_section .card .icon{
    font-size: 150px;
    top: -50px;
}

.price_section .card .price{
    font-size: 34px;
}

/* amenities section */

.amenities_section .link{
    font-size: 14px;
}

/* floor plan */

.floor_plans .nav-tabs{
    justify-content: center;
}

/* location map */

.location_map{
    padding-bottom: 0;
}

.location_map .container{
    max-width: 100%;
    padding:0;
}

.location_map .content{
    position: relative;
    top: unset;
    max-width: 100%;
}

/* other projects */

.other_projects .single{
    height: 450px;
}

/* gallery section */

.gallery_section{
    padding-top:100px;
}

.gallery_section .owl-item img{
    height: 350px;
}

}

/* end of 991 */

@media(max-width:767px){

.d_sm_none{
    display:none!important;
}

.d_sm_block{
    display:block!important;
}

.mt_sm_30{
    margin-top:30px!important;
}

.mb_sm_7{
    margin-bottom:7px!important;
}

.custom_section{
    padding:60px 0;
}

.heading{
    font-size: 50px;
    line-height: 50px;
}

.navbar{
    position: relative;
    background: #fff;
}

.navbar.active .top_row{
    height:60px;
}

.navbar.active{
    position:fixed;
    background: rgba(255 255 255 / 95%);
}

.navbar .navbar-brand{
    max-width: 180px;
}

.navbar.active .navbar-brand{
    max-width: 160px;
    margin-top: -50px;
}

.navbar .logo_light{
    display:none;
}

.navbar .logo_dark{
    display:block;
}

.navbar .call .l{
    color: #333;
}

.navbar .call small {
    color: #8f8f8f;
}

.navbar .call .mobile_light{
    display: none;
}

.navbar .call .mobile_dark{
    display: block;
}

/* banner carousel */

.banner_section{
    background:#fff;
}


#bannerCarousel{
    flex-wrap: wrap;
    padding: 0;
}

#bannerCarousel .carousel-item:before{
    display:none;
}

.banner_section .carousel-inner{
    position:relative;
    z-index: 1;
    order:1;
}

#bannerCarousel .carousel-item img{
    width:100%;
    height:auto;
    object-fit: unset;
}

.banner_section .banner_contents_row{
    order:3;
    margin-bottom: 30px;
}

.banner_section .content_box{
    text-align: center;
    max-width: 100%;
}

.banner_section .content_box .box{
    color:#333;
}

.banner_section .content_box .price{
    font-size: 40px;
}

.banner_section .payment_plan{
    background: #252531;
    max-width: fit-content;
    margin: 15px auto;
    padding: 10px 40px;
    color: #fff;
}

.banner_section .payment_plan .icon{
    height: 50px;
    width: 50px;
}

.banner_section .payment_plan img{
    max-width: 25px;
}


.banner_section .brochure_btn{
    border-color:var(--yellow);
    color:var(--yellow)
}

.banner_section .form{
    max-width:100%;
}

.banner_section .additional{
    order:2;
    position: relative;
    padding-left: 0;
    flex-wrap: wrap;
    margin-top: 15px;
    width:100%;
}

.banner_section .additional .image_col{
    position: relative;
    width: 100%;
    order: 2;
    padding:0;
    margin: 30px 0 20px;
}

.banner_section .content_box .typo{
    font-size: 24px;
}

.banner_section .possession{
    margin: 15px auto 0;
    max-width: 100%;
    justify-content: center;
}

.banner_section .possession .l span{
    font-size: 15px;
}

.banner_section .possession h4{
    font-size: 26px;
}

.banner_section .additional .content_col{
    width: 100%;
    order: 1;
}

.banner_section .additional .content_col li{
    flex-grow: 1;
}

.banner_section .arrow_col button{
    background:rgb(37 37 49 / 50%);
    height: 40px;
    width:40px;
    left: 20px;
    top:50%;
    transform:translateY(-50%);
    position:absolute;
    transition:all 200ms ease-in-out
}

.banner_section .arrow_col button:hover{
    background:rgb(37 37 49);
}

.banner_section .arrow_col .carousel-control-next{
    left:unset;
    right:20px;
}

.banner_section .image_col img{
    max-width: 150px;
    height:auto;
    object-fit: unset;
}

.banner_section .content_box{
    padding:0;
    width: 100%;
}

.banner_section .left_col{
    flex-wrap: wrap;
    justify-content: center;
}

.banner_section .additional .content_col ul{
    flex-wrap: wrap;
    justify-content: space-between;
}

.banner_section .additional .content_col li{
    max-width:calc(50% - 15px);
    flex:0 0 calc(50% - 15px);
    margin-right:0;
}

.banner_section .additional li:before{
    right: -15px;
}

.banner_section .additional li:nth-child(even):before{
    display:none;
}

.banner_section .form_box{
    width:100%;
}

.banner_section .form_box .box{
    padding: 40px 0 0;
    text-align: center;
}

.banner_section .project_logo{
    max-width: 200px;
}

.banner_section .form_heading{
    font-size: 24px;
}

.offer_section{
    padding-top:30px;
}



/* overview section */

.overview_section .high li{
    color:#1a1a24
}

.overview_section p{
    font-size:16px;
    line-height: 26px;
}

/* amenities section */

.amenities_section li{
    max-width: 50%;
    flex: 0 0 50%;
}

.amenities_section .link{
    padding: 20px 15px;
}

/* location map */

.location_map .heading{
    margin-bottom:30px;
}

.other_projects .single{
    height: 450px;
}

/* gallery section */

.gallery_section{
    padding-bottom: 0;
}

.footer_top .left_col p{
    font-size: 16px;
}

.mobile-section{display:flex; z-index: 99;}
#modal1 .right_col{padding: 20px 20px;}


}

/* end of 767 */


@media(max-width:575px){

    .d_xs_block{
        display:block!important;    
    }

    .d_xs_flex{
        display:flex!important;    
    }

    .pl_xs_15{
        padding-left:15px!important;
    }

    .heading{
        margin-bottom: 30px;
    }

    .sub_heading{
        font-size:15px;
        font-weight: 500;
    }

    .container{
        max-width:100%;
        padding:0 15px!important;
    }

    .btn_yellow{
        padding: 10px 30px;
        font-size: 16px;
    }

    .modal .project_logo{
        max-height: 130px;
        max-width: 130px;
    }
    
    .modal .left_col .title{
        padding: 10px 20px;
        font-size: 16px;
    }
    
    .modal .right_col {
        padding: 20px;
    }

    .navbar .top_row{
        height: 60px;
    }

    .navbar .navbar-collapse .navbar-nav{
        max-width: 80%;
        right: -80%;
    }

    .navbar .navbar-brand{
        max-width: 160px;
        margin-top: -50px;
    }

    .navbar .navbar-collapse .close{
        top: 10px;
        font-size: 35px;
    }

    .navbar .call{
        display:none;
    }

    .banner_section .additional .content_col ul{
        flex-wrap: wrap;
    }

    .banner_section .additional .content_col li{
        /* text-align: center; */
        margin:0;
        width:100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .banner_section .additional li:not(:last-child){
        margin-bottom:10px;
    }

    .banner_section .additional li:not(:last-child):before{
        display:none;
    }

    .banner_section .content_col p{
        font-size: 15px;
        word-break: break-all;
    }

    .banner_section .content_box .typo{
        font-size: 18px;
    }

    .banner_section .content_box .price{
        margin-top: 5px;
        font-size: 30px;
    }

    .banner_section .payment_plan .icon{
        height: 40px;
        width: 40px;
    }

    .banner_section .payment_plan{
        margin:15px 0;
        padding: 10px 20px;
        max-width:100%;
        justify-content: center;
    }

    .banner_section .payment_plan img{
        max-width: 20px;
    }

    .banner_section .payment_plan h4{
        font-size:26px;
    }

    .banner_section .payment_plan p{
        font-size:14px;
    }

    .banner_section .call{
        display: flex;
        color: var(--yellow);
        align-items: center;
        margin: 15px 0;
        justify-content: center;
    }
    
    .banner_section .call .l {
        line-height: 18px;
        font-size: 18px;
        color:#252531;
        font-weight: 500;
    }
    
    .banner_section .call small {
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 14px;
        color: #333;
    }
    
    .banner_section .call .mobile_icon {
        width: 30px;
        height: 30px;
        filter:invert(1)
    }

    .banner_section .brochure_btn{
        padding: 10px 20px;
        font-size: 14px;
        margin-top: 10px;
    }

    .banner_section .form .col{
        max-width:100%;
        flex:0 0 100%;
    }

    .banner_section .form_heading{
        font-size: 20px;
    }

    .banner_section .right_col{
        order: 1;
    }

    .banner_section .left_col{
        order: 2;
        margin-top: 20px;
    }

    .banner_section .form_box .box{
        padding:0;
    }

    .banner_section .project_logo{
        max-width: 140px;
    }

    .banner_section .form_heading{
        margin: 10px 0;
        font-size: 18px;
    }

    .banner_section .possession{
        margin: 10px auto 0;
        padding: 8px 10px;
    }

    .banner_section .possession .l{
        font-size: 18px;
    }

    .banner_section .possession h4{
        font-size: 20px;
    }

    .banner_section .additional .content_col{
        padding:15px;
    }

    .banner_section .content_col h5 {
        font-size: 14px;
    }

    .banner_section .banner_contents_row{
        margin-bottom:0;
    }

    /* offer section */

    .offer_section .image_col .builder_logo{
        max-width: 150px;
    }
    .offer_section .image_col .possession, .offer_section .image_col .price{
        font-size: 22px;
    }
    .offer_section .image_col .possession{
        margin-top: 15px;
    }
    .offer_section .content_col:before{
        display:none;
    }
    .offer_section .image_col .left_texts{
        bottom: 10px;
        left: 10px;
    }
    .offer_section .content_col{
        padding: 20px;
    }
    .offer_section .subT{
        font-size: 24px;
        line-height: 30px;
    }
    .offer_section .subT span:nth-child(2){
        margin-left: 0;
        font-size: 22px;
        line-height: 30px;
    }
    .offer_section .typo h3{
        font-size:18px;
    }
    .offer_section .typo span{
        font-size: 20px;
    }
    .offer_section .enquire_btn{
        margin-top:20px;
    }
    .offer_section .image_col .right_texts{
        bottom: 10px;
        right: 10px;
    }


    /* overview section */

    .overview_section .container{
        max-width: 100%;
    }

    .overview_section .high{
        display:none;
    }

    .overview_section .right_col img{
        margin-top:0;
    }
    .overview_section .bg_image{
        background: url(../assets/overview-img2-sm.html) no-repeat center;
        background-size: cover;
    }

    .amenities_section li{
        padding:5px;
    }

    .amenities_section .link{
        font-size: 13px;
        padding: 15px 0px;
    }

    .amenities_section .heading{
        margin-bottom:30px;
    }

    .location_map .container{
        padding:0!important;
    }

    .location_map li{
        font-size:16px;
        line-height:26px;
    }

    /* gallery */

    .gallery_section .owl-item img{
        height: 220px;
    }

    .gallery_carousel .owl-nav button{
        height: 40px;
        width: 40px;
        left: -30px;
    }

    .gallery_carousel .owl-nav button.owl-next{
        right:-30px;
    }

    /* footer */

    footer{
        padding-bottom: 40px;
    }

    .footer_top .right_col .box:before{
        left: -15px;
        top: -15px;
    }

    footer p{
        font-size: 13px;
    }

    .backToTop{
        width: 40px;
        height: 40px;
        bottom: 40px;
        right: 20px;
    }

    .nav-tabs .nav-item{
        margin:5px;
    }

    .nav-tabs .nav-link{
        padding: 10px 25px;
        font-size: 14px;
    }

    .modal .left_col .content{
        padding:20px;
    }

    .price_section .card{
        margin: 10px 0;
    }

    .offer_section .heading{
        margin-bottom: 40px;
    }



}