:root{--yellow: #eca414;}
@media(max-width:1500px) { 
img.img-fluid.logo_light {/* width: auto; *//* height: 90px; */max-width: 60%;filter: brightness(0) invert(1);margin-top: 10px;}
.banner_section .form_box .box h1 {font-size: 36px;}
.navbar .navbar-brand{padding-right:20px}
.navbar .nav-item:not(:last-child){margin-right:10px}
.banner_section .content_col h5,.banner_section .form_box .location,.navbar .navbar-nav a{font-size:16px}
.banner_section .content_box .typo{font-size: 24px;margin-bottom: 3px;}
.banner_section .content_box .price{font-size: 34px;margin-bottom: 18px;}
.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: 31px;}
.banner_section .payment_plan img{max-width: 25px;}
.banner_section .payment_plan .icon{height: 49px;width: 50px;}
.banner_section .brochure_btn{padding:12px 25px;font-size:16px}
.banner_section .content_col p{font-size:20px}
.banner_section .form_box .box{padding: 24px;position: relative;top: 50px;}
.banner_section .project_logo{max-width:250px}
.banner_section .content_box{padding: 15px 0;}
.overview_section .high li{font-size: 27px;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:.5px}
.price_section .card{padding:50px 30px}
.price_section .card .price{font-size:30px}
.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{padding:150px 0}
.amenities_section .link{font-size: 15px;padding: 25px 7px;}
.amenities_section .heading{margin-bottom:40px}
.location_map .content{}
.offer_section .subT{font-size:40px;line-height:42px}
.offer_section .subT span:nth-child(2){margin-left:150px}
div#amenities .container {
    max-width: 88%;
}
.construction_section .construction-img {
    width: 100%;
    height: 221px;
}
section#location-map .container {
    max-width: 92%;
}
.heading {
    font-size: 62px;
    line-height: 85px;
    font-weight: 400;
    margin-bottom: 31px;
    position: relative;
}
}
@media(max-width:1400px) {
.btn_yellow{padding:10px 30px}
.container{max-width:90%}
.banner_section .additional{padding-left:160px}
.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}
.banner_section .arrow_col button{width:50px}
.banner_section .form_heading{font-size:20px}
.offer_section .image_col .possession,.offer_section .image_col .price{font-size:34px}
.overview_section .container{max-width:95%}
.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:100px}
.offer_section .typo h3{font-size:20px;line-height:26px}
.offer_section .typo span{font-size:28px}
.gallery_section .owl-item img{height:500px}
.modal.show .modal-dialog {
    width: 72%;
}
.other_projects .container{
    max-width: 75%;
}
.other_projects .single {
    height: 455px;
}
.mylist {
    font-size: 15px!important;
}
}
@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{width:22px}
#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:.1s ease-in-out;-webkit-transition:.1s ease-in-out;-ms-transition:.1s ease-in-out}
.navbar .navbar-collapse.collapsing,.navbar .navbar-collapse.show{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:.2s ease-in-out}
.navbar .navbar-collapse.collapsing .navbar-nav,.navbar .navbar-collapse.show .navbar-nav{right:0;transition:.3s 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:#333}
.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:.5;font-weight:400}
.banner_section .content_box .price{font-size:50px}
.banner_section .possession h4,.footer_top .form_heading{font-size:30px}
.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 .price span,.price_section .card .typo{font-size:20px}
.price_section .card .price{font-size:29px}
.price_section .card .r{font-size:22px}
.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 .content{top:100px}
.location_map .heading{font-size: 40px;margin-bottom:10px}
.other_projects .single .box_patch,.other_projects .single .box_patch1{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)}
}
@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 .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 .content_col,.offer_section .image_col{max-width:100%;flex:0 0 100%}
.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}
.gallery_section,.price_section{padding-top:100px}
.price_section .card .icon{font-size:150px;top:-50px}
.price_section .card .price{font-size:34px}
.amenities_section .link{font-size:14px}
.floor_plans .nav-tabs{justify-content:center}
.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 .single{height:450px}
.gallery_section .owl-item img{height:350px}
}
@media(max-width:767px) {
.px_sm_10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.d_sm_block{display:block!important}
.banner_section,.navbar{background:#fff}
.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}
.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}
#bannerCarousel .carousel-item:before,.banner_section .additional li:nth-child(2n):before,.navbar .call .mobile_light,.navbar .logo_light{display:none}
.navbar .call .mobile_dark, .navbar .logo_dark {
    display: block;
    /* width: auto; */
    max-width: 100%;
    /* height: 63px; */
    margin-top: 10px;
    /* padding-bottom: 1px; */
}
.banner_section .content_box .box,.navbar .call .l{color:#333}
.navbar .call small{color:#8f8f8f}
#bannerCarousel{flex-wrap:wrap;padding:0}
.banner_section .carousel-inner{position:relative;z-index:1;min-height: 190px;}
#bannerCarousel .carousel-item img{width:100%;height:auto;object-fit:unset}
.banner_section .banner_contents_row{margin-bottom:30px}
.banner_section .content_box{text-align:center;max-width:100%}
.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,.banner_section .form_heading{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: #ffcc00;height: 30px;width: 30px;left:20px;top:50%;transform:translateY(-50%);position:absolute;transition:.2s ease-in-out}
.banner_section .arrow_col button:hover{background:#250000}
.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 .form_box{width:100%;padding-bottom: 50px;}
.banner_section .form_box .box{padding:40px 0 0;text-align:center}
.banner_section .project_logo{max-width:200px}
.offer_section{padding-top:30px}
.overview_section .high li{color:#1a1a24}
.overview_section p{font-size:16px;line-height:26px}
.amenities_section li{max-width:50%;flex:0 0 50%}
.amenities_section .link{padding:20px 15px}
.location_map .heading{margin-bottom:30px;line-height: 50px;}
.other_projects .single{height:450px}
.gallery_section{padding-bottom:0}
.footer_top .left_col p{font-size:16px;text-align: justify;}
.mobile-section{display:flex;z-index:99}
.offer_section .subT,.offer_section .subT span:nth-child(2){margin-left:0}
.modal .left_col .tag h4{font-size:20px}
.gallery_section .single_col {
    margin: 10px 0;
}
.construction_section .col-6.col-sm-6.col-md-4.col-lg-3 {
    margin-bottom: 20px;
}
.construction_section .construction-img {
    width: 100%;
    height: 246px;
    object-fit: cover;
    object-position: right bottom;
}
.location_map li {
    font-size: 16px;
    line-height: 26px;
    /* text-align: justify; */
}
}
@media(max-width:575px) {
.d_xs_block{display:block!important}
.d_xs_flex{display:flex!important}
.pl_xs_15{padding-left:15px!important}
.amenities_section .heading,.heading{margin-bottom:30px}
.sub_heading{font-size:15px;font-weight:500; margin-bottom:15px!important;}
.heading{font-size: 30px; line-height: 30px;}
.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 .left_col .content,.modal .right_col,.offer_section .content_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}
.banner_section .additional li:not(:last-child):before,.navbar .call,.offer_section .content_col:before,.overview_section .high{display:none}
.banner_section .additional .content_col ul{flex-wrap:wrap}
.banner_section .additional .content_col li{margin:0;width:100%;max-width:100%;flex:0 0 100%}
.banner_section .additional li:not(:last-child){margin-bottom:10px}
.banner_section .content_col p{font-size:15px;word-break:break-all}
.banner_section .content_box .typo,.banner_section .possession .l,.offer_section .typo h3{font-size:18px}
.banner_section .content_box .price{margin-top:5px;font-size:30px;margin-bottom:20px}
.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 .content_col h5,.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}
.banner_section .form .col{max-width:100%;flex:0 0 100%}
.banner_section .right_col,.offer_section .image_col .possession{margin-top:15px}
.banner_section .left_col,.offer_section .enquire_btn{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 h4{font-size:20px}
.banner_section .additional .content_col{padding:15px}
.banner_section .banner_contents_row{margin-bottom:0}
.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 .left_texts{bottom:10px;left:10px}
.offer_section .subT{font-size:30px;line-height:35px}
.offer_section .typo span{font-size:24px}
.offer_section .image_col .right_texts{bottom:10px;right:10px}
.overview_section .container{max-width:100%}
.overview_section .right_col img{margin-top:0}
.overview_section .bg_image{background:url(../assets/overview-img2-sm.webp) center/cover no-repeat}
.amenities_section li{padding:5px}
.amenities_section .single{height:100%}
.amenities_section .link{font-size:13px;padding:15px 5px;height:100%;text-align:center}
.location_map .container{padding:0!important}
.location_map li{font-size:16px;line-height:26px}
.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{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}
.price_section .card{margin:10px 0}
.offer_section .heading{margin-bottom:40px}
.modal.show .modal-dialog {
    width: unset;
}
.other_projects .container {
    max-width: unset;
}
.mylist {
    font-size: 12px!important;
    color: #525252!important;
}
.location_map .content {
    /* position: absolute; */
    /* top: 100px; */
    background: var(--yellow);
    padding: 31px 20px;
    /* max-width: 35%; */
}
img.img-fluid.d-none.d_sm_block.locationMapImg {
    height: 290px;
}
.gallery_section .image_row {
    margin-top: 1px;
    margin-bottom: 0;
}
.gallery_section .item:before {
    z-index: -1;
}
}