@media(max-width:1500px){

    .price_section .single_col{
        max-width:50%;
        flex:0 0 50%;
        margin:15px 0;
    }

    /* fixed sidebar */

    .rightFixedImage .sidebar_title{
        font-size:80px;
    }
    
    /* floor plan */

    .floorPlan_section .left_col{
        padding: 0 0px 0 15px;
    }

    .about_section .right_col h4 {
        margin-bottom: 12px;
        font-size: 18px;
    }

    .leftPageContents section {
        padding: 80px 10px;
    }

    section#overview {
        padding-bottom: 0px;
    }

    .banner_section .banner_top_row .right{
        max-width:100%;
    }

    .banner_section .tagline p{
        letter-spacing: 1px;
        font-size: 14px;
    }

    .banner_section .tagline{
        padding: 20px 25px;
    }

    .banner_section .tagline h3{
        font-size: 22px;
    }

}

/* end of 1500px */



@media(max-width:1400px){

    .navbar .navbar-brand img{
    }

    /* banner section */

    .banner_section .left_col{
        padding-right: 80px;
        padding-top: 80px;
    }

    .banner_section .right_col{
        padding: 60px 80px 60px;
    }

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

    .banner_section .tagline h3{
        font-size: 25px;
    }

    .banner_section .tagline p{
        letter-spacing: 2px;
        font-size: 16px;
    }

    .leftPageContents .section_title{
        font-size: 50px;
    }

    /* floor plan */


    .floorPlan_section .nav-link{
        font-size: 15px;
        line-height: 20px;
    }

}

/* end of 1400px */


@media(max-width:1366px){
    .banner_section .right_col {
    padding: 60px 65px 60px;
}
}

@media(max-width:1199px){

    .container{
        max-width:90%!important;
    }

    .navbar{
        max-width: 100%;
        flex: 0 0 100%;
        height: auto;
        width: 100%;
        position:relative;
        padding:15px 0;
        transition: all 200ms ease-in-out;
    }

    .navbar.fixed{
        position:fixed;
        padding: 8px 0;
        box-shadow: 0 3px 8px rgb(0 0 0 / 7%);
    }

    .navbar .container{
        flex-wrap: unset;
        align-items: center;
    }

    .navbar .navbar-brand{
        padding:0;
    }

    .navbar.fixed .navbar-brand img{
        width: 120px;
        transition: all 200ms ease-in-out;
    }

    .navbar .navbar-call{
        justify-content: flex-end;
    }

    .navbar .call_btn{
        transform: unset;
        writing-mode: unset;
    }

    .navbar .call_btn .btn{
        padding: 5px 15px;
        transition: all 200ms ease-in-out;
    }

    .navbar.fixed .call_btn .btn{
        padding: 2px 10px;
    }

    .navbar .call_btn .icon{
        transform:unset;
        width: 25px;
        height: 25px;
        margin-right: 10px;
        margin-bottom:0;
        transition: all 200ms ease-in-out;
    }

    .navbar.fixed .call_btn .icon{
        width: 20px;
        height: 20px;
    }

    .navbar .call_btn p{
        font-size: 15px;
        transition: all 200ms ease-in-out;
    }

    .navbar.fixed .call_btn p{
        font-size: 14px;
        line-height: 18px;
    }

    .navbar .call_btn span{
        font-size: 14px;
        transition: all 200ms ease-in-out;
    }

    .navbar.fixed .call_btn span{
        font-size: 12px;
    }

    .navbar.fixed .hamburger_menu{
        height: 43px;
        width: 43px;
    }

    .navbar.fixed .hamburger_menu img{
        max-width: 25px;
    }

    .navbar .hamburger_menu{
        display:flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .right_body{
        max-width: 100%;
        flex: 0 0 100%;
    }

    .pages_lists{
        display:none;
    }

     /* bottom contents */

    .bottom_contents .leftPageContents {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .bottom_contents .rightFixedImage{
         display:none;
    }

    /* banner section */

    .banner_section{
        min-height:unset;
    }

    .banner_section .left_col:before{
        display:none;
    }

    .banner_section .left_col{
        padding-right: 30px;
        padding-top: 0px;
    }

    .banner_section .right_col{
        padding: 0px 30px 30px;
    }

    .banner_section .hamburger_menu{
        display:none;
    }


    .banner_section .tagline{
        padding: 10px 20px;
    }

    .banner_section .tagline h3{
        font-size: 24px;
    }

    .banner_section .tagline p{
        font-size: 15px;
    }

    .banner_section .price{
        font-size: 50px;
        margin-top: 20px;
    }

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

    #banner_carousel button{
        height: 60px;
        width: 90px;
        position:relative;
    }

    #banner_carousel button img{
        max-width: 25px;
    }

    #banner_carousel .carousel_btns{
        position: absolute;
        right: 10px;
        bottom: 10px;
        top: unset;
        height: auto;
        display:flex;
    }

    #banner_carousel .carousel-control-next{
        left:unset;
    }

    .leftPageContents section{
        padding: 80px 0px;
    }

}

/* end of 1199px */

@media(max-width:991px){

    .banner_section .left_col{
        padding-right:0;
    }

    .banner_section div, .banner_section .carousel-item img{
        height:auto;
    }

    .banner_section .carousel-item img{
        height:400px;
        width:100%;
        object-fit: cover;
    }

    .banner_section .right_col{
        padding:0;
        margin:40px 0;
        text-align: center;
    }

    .banner_section .tagline{
        margin:15px auto 0;
    }

    .banner_section .price{
        margin:20px auto 0px;
    }

    .leftPageContents .section_title:before{
        top: -40px;
    }

    .about_section video{
        height:auto;
        object-fit: unset;
    }

    .about_section .right_col{
        padding:0 15px;
        margin-top:40px;
    }

    .price_section .single_col{
        max-width: 100%;
        flex: 0 0 100%;
    }

    .floorPlan_section .right_col {
        margin-bottom:30px;
    }

    .floorPlan_section .nav-pills{
        flex-direction: row!important;
        background:transparent;
    }

    .floorPlan_section .nav-link{
        background:#f2f2f2;
        font-size: 12px;
        margin: 3px;
        padding: 10px 15px;
    }

    .amenities_carousel img{
        height: 400px;
    }

    .leftPageContents section .left_col ul{
        display: flex;
        flex-wrap: wrap;
    }

    .locationMap_section ul li{
        max-width:calc(33.33% - 10px);
        flex:0 0 calc(33.33% - 10px);
        padding:20px;
        margin:5px;
    }

    .locationMap_section iframe{
        margin-top:30px;
        height:400px;
    }

    .contact_section .left_col li{
        width:100%;
    }

    .contact_section .left_col {
        margin-top:50px;
    }

    footer{
        padding:15px 0;
        padding-bottom: 50px;
    }

}

/* end of 991px */

@media(max-width:767px){
 .map-img{ width:100%; height:auto;}
    .d_sm_block{
        display:block!important;
    }

    .d_sm_none{
        display:none!important;
    }

    .navbar .navbar-brand img {
        width: 120px!important;
    }

    .navbar .call_btn span{
        font-size: 12px;
    }

    .navbar .call_btn .btn{
        padding: 5px 10px;
    }

    .navbar .call_btn p{
        font-size: 14px;
        line-height: 18px;
    }

    .leftPageContents .section_title{
        font-size: 40px;
    }

    .about_section .right_col h4{
        font-size: 30px;
    }

    .navbar .navbar_links .navbar-nav {
        max-width: 75%;
    }

    .navbar .navbar_links a {
        font-size: 20px;
    }

    .locationMap_section li p {
       font-size: 12px;
    }

    .banner_section #banner_carousel, .banner_section #banner_carousel div, .banner_section .carousel-item img{
        height:unset;
    }

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

    .banner_section .banner_top_row .right{
        padding-left: 0px;
        margin-left:0;
        margin-top:15px;
    }

    .banner_section .status, .banner_section .status:hover{
        max-width:100%;
        padding: 15px 30px;
        line-height: 30px;
    }

    .banner_section .status span{
        font-size: 28px;
    }

    .banner_section .banner_top_row .right:before{
        display:none;
    }

    .mobile-section a:first-child{
        position:relative;
    }

    .mobile-section a:first-child:before{
        position:absolute;
        content:'';
        height:100%;
        width:2px;
        background:rgba(255 255 255 / 10%);
        right:0;
        top:0;
    }

    .contact_section .social_links{
        display: inline-flex!important;
        flex-wrap: unset!important;
    }

    .contact_section .social_links li:not(:last-child) {
        margin-right: 10px;
    }

    .contact_section .social_links a{
        height: 38px;
        width: 38px;    
    }

    .contact_section .social_links img{
        max-width: 15px;
        max-height: 15px;
    }
}

@media(max-width:575px){
    .floorPlan_section.custom_section.container-fluid.m-view.mobile_section_floorplans {
    margin-top: 60px;
}

    .p_xs_5{
        padding:5px!important;
    }

    .pages_lists{
        display:none;
    }

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

    .banner_section .carousel-item img{
        height: 280px;
    }

    #banner_carousel button{
        height: 40px;
        width: 60px;
        margin: 0 2px;
    }

    #banner_carousel button img{
        max-width: 22px;
    }
    .banner_section .tagline{
        padding:10px;
    }

    .banner_section .tagline h3{
        font-size: 21px;
    }

    .banner_section .tagline p{
        font-size: 15px;
    }

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

    .banner_section .price span{
        font-size: 20px;
        letter-spacing: 10px;
    }

    .leftPageContents section{
        padding: 40px 0px;
    }

    .leftPageContents .section_title {
        font-size: 34px;
        margin-bottom: 40px;
    }

    .leftPageContents .section_title:after{
        bottom: -15px;
    }

    .about_section .right_col h4 {
        font-size: 24px;
    }

    .price_section .single{
        padding: 25px;
    }

    .price_section .title{
        font-size: 22px;
    }

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

    .price_section li .left{
        font-size: 14px;
    }

    .price_section li .right{
        font-size: 18px;
    }

    
    .amenities_carousel{
        max-width: 90%;
    }

    .amenities_carousel .content{
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }

    .amenities_carousel .content h3{
        font-size: 26px;
    }

    .amenities_carousel .content li{
        font-size: 14px;
    }

    .gallery_section .gallery_content{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
        padding:0;
    }

    .locationMap_section ul li{
        max-width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        padding: 15px 10px;
    }

    .locationMap_section .icon{
        height: 40px;
        width: 40px;
    }

    .contact_section .form .form-control{
        height: 45px;
    }

    .contact_section .form button{
        height: 50px;
    }

    .contact_section .logo{
        max-width: 150px;
    }

    .contact_section .left_col ul{
        margin-top: 30px;
    }

    .contact_section li .icon{
        width: 25px;
        height: 25px;
    }

    .contact_section li p{
        font-size: 14px;
        line-height: 20px;
    }

    footer p{
        font-size: 13px;
        line-height: 20px;
    }

    .amenities_carousel .owl-nav{
        display: flex;
        justify-content: center;
        margin: 30px 0 0;
    }

    .amenities_carousel .owl-nav button{
        position:relative;
        margin: 0;
        top: unset;
        left: unset;
        transform: unset;
        background: rgb(255 255 255 / 70%)!important;
        margin: 0 5px;
        width: 70px;
        height: 40px;
    }

    .amenities_carousel .owl-nav button:hover{
        background:#fff!important;
    }

    .amenities_carousel .owl-nav button span{
        color:#333;
        opacity:0.8;
        font-size:40px;
    }

    .amenities_carousel .owl-nav .owl-next {
        right:unset;
    }

    .amenities_section{
        padding-bottom: 90px;
    }

    .modal .project_logo{
        max-height: 130px;
        max-width: 150px;
    }

    .modal .left_col .title{
        padding: 10px 20px;
        font-size: 16px;
    }

    .modal .right_col {
        padding: 20px;
    }

    .mobile-section {
        display:block;
    }

    img.img-fluid.paymentplan_img {
        position: absolute;
        width: 33%;
        left:unset;
        bottom: 26%;
        right: 0%;
    }
}

.pricelist-container .custom-main-heading {
    display: inline-table;
    margin-bottom: 30px;
    font-size: 30px;
    position: relative;
  }
  
  .pricelist-container .custom-main-heading span {
    font-size: 24px;
    display: block;
  }
  
  .pricelist-container .custom-main-heading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    width: 49%;
    height: 3px;
    background-color: #080807;
  }
  
  .pricelist-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .pricelist-box .size-heading {
    display: grid;
    margin-bottom: 15px;
    font-size: 18px;
  }
  
  .pricelist-box span {
    font-size: 20px;
    padding-top: 10px;
  }
  
  .pricelist-box .price-heading {
    display: grid;
    margin-bottom: 15px;
    font-size: 18px;
  }
  
  .pricelist-box {
    padding: px;
    box-shadow: 0 3px 6px rgb(150 150 150 / 16%), 0 3px 6px rgb(125 125 125 / 23%);
    border: 1px solid rgba(0 0 0 / 10%);
    text-align: center;
    margin-bottom: 25px;
  }
  
  .pricelist-box .btn.btn-custom {
    color: #fff;
    background-color: #fbad26;
    width: 100%;
  }