@media(min-width: 1200px){
  .container{
    max-width: 1260px;
  }
}

@media(min-width: 1500px){
  .container{
    max-width: 1460px;
  }
}

@media(max-width:1500px){

  .section{
    padding:100px 0;
  }

  .sec_heading{
    margin-bottom:60px;
  }

  .sec_heading .tagline{
    font-size: 16px;
    margin-bottom: 20px;
  }

  .sec_heading .title{
    font-size: 50px;
    line-height: 55px;
  }

  /* header */

  .navbar-brand img{
    max-width: 94px;
    margin: 0px auto;
    display: block;
  }
  
  .navbar .navbar-collapse .top{
    padding: 30px 0;
  }

  .navbar .navbar-collapse .bottom{
    padding: 30px 0;
  }

  /* end of header */


  /* hero */

  .hero_section{
    padding-bottom: 40px;
    padding-top: 120px;
  }

  .hero_section .content .hero_title{
    font-size: 90px;
  }

  .hero_section .content .hero_type{
    font-size: 24px;
    /* margin-bottom: 30px; */
    letter-spacing: 1px;
    max-width: 74%;
  }

  /* .hero_section .content .btn{
    margin-top: 30px;
  } */

  /* 11-09 */

  .hero_section .content .hero_title{
    font-size: 60px;
    line-height: 60px;
  }

  .hero_section .content .price{
    /* font-size: 24px; */
    align-items: center;
  }

  .hero_section.micro_hero .content .price{
    font-size: 24px;
  }

  .hero_section .content .price h2{
    font-size: 60px;
    line-height: 60px;
    margin: 0 10px 0 10px;
    font-weight: 400;
  }

  .hero_section.micro_hero .content .price h2{
    font-size: 27px;
    line-height: 40px;
  }
  .hero_section .content .price span {
    font-size: 27px;
    line-height: 40px;
  }

  .hero_section .price_col p{
    font-size: 16px;
  }

  .hero_section.micro_hero .price_col p{
    font-size: 12px;
  }

  .hero_section.micro_hero .content .btn{
    background:var(--color2);
    color: #fff;
    font-size: 12px;
    padding: 12px 32px;
    margin-top: 40px;
  }


  /* end of hero */

  /* projects_section */

  .projects_section .box{
    height: calc(100vh - 71px);
    /* max-height:800px; */
  }

  /* end of projects_section */

  /* experience_section  */

  .experience_section iframe{
    max-width: 65%;
    height: 440px;
  }

  /* end of experience_section  */

  /* micro page */

  /* header */

  .navbar{
    padding: 20px 0;
  }

  /* hero section */

  .hero_section.micro_hero .project_logo{
    margin-bottom: 30px;
  }

  .hero_section.micro_hero .project_logo img{
    max-width: 300px;
    /* max-height: 45px; */
  }

  .hero_section.micro_hero .hero_type{
    font-size: 16px;
    max-width: 100%;
    line-height: 25px;
    font-weight: 500;
  }

  /* overview section */

  .overview_section .leave_img{
    max-width: 300px;
  }

  /* amenity section */

  .amenities_section .title{
    font-size: 36px !important;
    line-height: 42px !important;
  }

  .amenities_section .vector_top{
    max-width: 200px;
  }
  .amenities_container .container {
    max-width: 92%;
    margin-bottom: 80px;
}
.amenities_container .custom-control {
    display: flex;
    bottom: 29px;
    left: 56%;
    transform: translate(-50%, -50%);
    width: 200px;
    margin-bottom: 30px;
}
.bridge img{
  min-height: 700px;
}

}

/* end of 1500 */

@media(max-width:1400px){

  .sec_heading .title{
    font-size: 50px;
    line-height: 55px;
  }

  /* navbar */

  .navbar .navbar-collapse .logo{
    max-width: 120px;
  }

  .navbar .navbar-collapse .top{
    padding: 20px 0;
  }

  .navbar .navbar-collapse .bottom{
    padding:20px 0;
  }

  .navbar .navbar-collapse .nav-item{
    margin-right: 20px;
  }

  .navbar .navbar-collapse .img_col .txt li{
    margin: 20px;
    font-size: 20px;
  }

  /* hero section */

  .hero_section .content .hero_title{
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }

  .hero_section .content .hero_type{
    /* font-size: 30px; */
    font-size: 22px;
    margin-bottom: 35px;
  }

  .hero_section .content .price_col{
    padding: 10px;
  }

  .hero_section .content .price h2{
    font-size: 45px;
    line-height: 60px;
  }

  .hero_section .content .price{
    font-size: 28px;
    line-height: 50px;
  }

  .hero_section .price_col p{
    font-size: 14px;
  }

  .hero_section .content .btn{
    margin-top: 35px;
    padding: 12px 36px;
    font-size: 12px;
  }

  /* project section */

  .projects_section .box{
    /* height: 700px; */
  }

  .projects_section .box .name{
    font-size: 36px;
  }

  /* end of projects section */

  /* experience_section */

  .experience_section iframe{
    max-width: 60%;
    height: 400px;
  }

  /* end of experience_section */

  /* footer */

  footer:after{
    font-size: 180px;
    line-height: 130px;
  }

  /* end of footer */

  

  /* custom_modal */

  .custom_modal .modal_nav .logo{
    max-width: 160px;
  }

  .custom_modal .modal-body{
    padding-bottom: 25px;
  }

  .custom_modal .contact{

  }

  .custom_modal .left_col .title{
    font-size: 60px;
  }

  .custom_modal .form-group{
    margin-bottom: 25px;
  }

  .custom_modal form .submit_btn{
    margin-top: 20px;
  }

  /* micro page */

  .hero_section.micro_hero .project_logo img{
    max-width: 250px;
  }

  .hero_section.micro_hero .hero_type{
    font-size: 15px;
    margin-bottom: 25px;
  }

}

/* end of 1400 */

@media (max-width:1280px){
  .bridge_content {
    bottom: 16%;
}
}

@media(max-width:1199px){

  .mx_lg_-30{
    margin-left:-30px;
    margin-right:-30px;
  }

  .px_lg_30{
    padding-left:30px;
    padding-right:30px;
  }

  .pb_lg_0{
    padding-bottom:0!important;
  }

  .bordert_lg_none:before{
    display:none;
  }

  .sec_heading .title{
    font-size: 40px;
    line-height: 45px;
  }

  .navbar{
    padding: 8px 0;
  }

  /* .navbar-brand img{
    max-width: 160px;
  } */

  /* .navbar .navbar-nav{
    gap: 20px;
  } */

  .navbar .navbar-collapse .img_col{
    width: 30%;
  }

  .navbar .navbar-collapse .right_col{
    max-width: 70%;
    flex: 0 0 70%;
    padding-left: 60px;
  }

  .navbar .navbar-collapse .nav-item{
    /* max-width: calc(50% - 20px); */
  }

  .navbar .navbar-collapse .nav-link{
    font-size: 14px;
  }

  .navbar .left,
  .navbar .right{
    flex:1;
  }

  .navbar .left .navbar-nav{
    flex-direction: unset;
  }

  .navbar .right{
    display: flex;
    justify-content: flex-end;
  }

  .navbar .collapse2.navbar-collapse{
    position: fixed;
    top: 0;
    background: #fff;
    padding: 35px;
    width: 100%;
    max-width: 30%;
    height: 100vh;
    box-shadow: 0 5px 10px rgba(0 0 0 / 5%);
    right: -30%;
    z-index: 9999;
    display: block!important;
    transition: all 400ms ease-in-out;
  }

  .navbar .collapse2.navbar-collapse.show{
    right:0;
  }

  .navbar .navbar-collapse .top{
    padding:0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0 0 0 / 08%);
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .navbar .navbar-collapse .top .logo{
    max-width: 110px;
  }

  .navbar .navbar-collapse .top .close{
    margin-left: auto;
    font-size: 35px;
    font-weight: normal;
    cursor: pointer;
  }

  .navbar .navbar-collapse .navbar-nav{
    align-items: flex-start;
  }

  .navbar .navbar-collapse .nav-link{
    padding: 10px 0;
    color:#000;
    text-align: left;
  }

  .navbar .collapse2 .nav-item{
    max-width: 100%;
    margin:0;
    width:100%;
  }

  .navbar .collapse2 .header_btn{
    margin-top:20px;
  }

  .navbar .collapse2 .header_btn .nav-link{
    background:var(--color2);
    padding: 10px 20px;
    color: #fff;
  }

  .navbar.design2.fixed .nav-link{
    color: #000;
  }

  .navbar .collapse2 .header_btn .nav-link{
    color:#fff;
  }

  .navbar.design2 .header_btn .nav-link{
    border: 1px solid var(--color2);
    color: var(--color2);
    font-size: 12px;
  }

  .navbar.design2 .navbar-toggler span{
    background:var(--color2);
  }

  .navbar.design2.fixed .header_btn .nav-link{
    border-color:#fff;
    color:#fff;
  }

  .navbar.fixed .navbar-toggler span{
    background:#fff;
  }

  /* hero section */

  .hero_section .content{
    /* max-width: 70%; */
  }

  .hero_section .content .hero_title{
    /* font-size: 70px;
    line-height: initial; */
  }

  .hero_section .content .hero_type{
    /* font-size: 26px;
    margin-bottom: 30px; */
  }

  /* end of hero esction */

  /* about section */

  .about_section .content{
    padding:0;
  }

  .about_section .content .txt:before{
    display:none;
  }

  .about_section .content .txt{
    padding-left:0;
  }

  /* projects */

  .projects_section .box{
    /* height: 500px; */
    padding: 25px;
  }

  .projects_section .box .location{
    font-size: 12px;
  }

  .projects_section .box .location img{
    width: 14px;
  }

  .projects_section .box small{
    font-size: 12px;
    margin-bottom: 5px;
  }

  .projects_section .box .name{
    font-size: 28px;
    letter-spacing: 1px;
  }

  .projects_section .box .typology{
    font-size: 14px;
  }

  .projects_section .box .price h4{
    font-size:26px;
  }

  .projects_section .box .price span{
    font-size: 10px;
  }

  .projects_section .box .btn{
    padding: 7px 25px;
    font-size: 11px;
  }



  /* galllery section */

  .gallery_section .gallery_wrapper{
    gap:15px;
  }

  /* experience_section */

  .experience_section iframe{
    max-width: 70%;
    height: 350px;
  }

  /* footer */
  
  footer{
    padding: 60px 0 0;
    /* padding-bottom: 60px; */
  }

  footer:after{
    font-size: 130px;
    line-height: 100px;
  }

  footer .footer_title{
    height: 45px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
  }

  footer .links_details li a{
    line-height: initial;
  }

  footer .contact_details .txt{
    word-break: break-all;
    line-height: initial;
  }

  footer .social_links a{
    height: 30px;
    width: 30px
  }

  footer .social_links img{
    width: 14px;
  }


  /* micro page */

  /* hero section */

  /* overview section */

  .overview_section .leave_img{
    max-width: 200px;
  }

  /* highlight section */

  .higlights_section .img_col{
    width: 50%;
  }

  /* plans */

  .pricing_section .item{
    max-width:100%;
  }

  .amenities_carousel .item .content{
    padding: 50px;
  }

  .amenities_carousel .item .title{
    font-size: 32px;
    margin-bottom: 15px;
  }

  .amenities_carousel .item p{
    font-size: 16px;
    max-width: 80%;
  }

}

/* end of 1199 */

@media(max-width:991px){

  .navbar .right_content{
    gap:30px;
  }

  .navbar .navbar-collapse .img_col .txt li{
    margin: 10px;
    font-size: 18px;
  }

  .navbar .right_content .navbar-nav li:first-child{
    display:none;
  }

  .navbar .navbar-collapse .right_col{
    padding-left: 40px;
  }

  .navbar .collapse2.navbar-collapse{
    max-width: 45%;
    right:-45%;
  }

  .navbar .collapse2.navbar-collapse.show{
    right:0;
  }

  

  /* hero */

  .hero_section .content{
    max-width: 100%;
  }

  .hero_section .content .hero_title{
    font-size: 40px;
    margin-bottom: 15px;
    line-height: initial;
  }

  .hero_section .content .price h2{
    /* font-size: 50px;
    line-height: 60px; */
  }

  .hero_section .price_col p{
    font-size: 14px;
  }

  .hero_section .content .btn {
    font-size: 13px;
    padding: 14px 40px;
  }

  .sec_heading{
    margin-bottom: 50px;
  }

  .sec_heading .tagline{
    font-size: 14px;
  }

  .sec_heading .title{
    font-size: 40px;
    line-height: 40px;
  }

  /* projects */

  .projects_section .box{
    padding: 25px 10px;
  }

  .projects_section .box .typology{
    letter-spacing: 0.5px;
  }

  .projects_section .box .name{
    font-size: 20px;
  }

  .projects_section .price .left{
    font-size: 10px;
  }

  .projects_section .box .price h4 small{
    padding-bottom:3px;
    margin-bottom: 0;
    font-size: 16px;
  }


  /* footer */

  footer .col1 .logo{
    max-width: 150px;
    margin-bottom: 20px;
  }

  footer .top .title{
    font-size: 30px;
  }

  footer:after{
    font-size: 100px;
    line-height: 70px;
  }

  footer .col1{
    flex: 0 0 50%;
    max-width: 50%;
  }

  footer .col2, footer .col3{
    flex: 0 0 25%;
    max-width: 25%;
  }

  footer .col4,
  footer .col5{
    margin-top:30px;
    flex: 0 0 50%;
    max-width: 50%;
  }

  footer .footer_title{
    margin-bottom:20px;
  }

  footer .copyright .content_col{
    display:unset;
    text-align: center;
  }

  footer .copyright_links{
    justify-content: center;
  }

  /* custom_modal */

  .custom_modal .left_col .title{
    font-size: 50px;
  }

  .custom_modal .left_col .sub_title{
    font-size: 16px;
  }

  .custom_modal .contact p, .custom_modal .contact p a{
    line-height: initial;
  }

  /* micro page */

  /* hero section */

  .hero_section .content .hero_type{
    /* font-size: 22px;
    margin-bottom: 25px; */
    max-width: 100%;
  }

  .hero_section.micro_hero .content .btn{
    margin-top: 35px;
  }

  .higlights_section .content li{
    font-size: 14px;
    gap: 40px;
  }

  .higlights_section .content li span:first-child{
    font-size: 14px;
  }

  .higlights_section .content li:after{
    left: 38px;
  }

  .higlights_section .content li:before{
    left: 34px;
  }

  /* pricing  */

  .pricing_section .tab-pane{
    max-width: 100%;
  }

  .pricing_section .content .price_title{
    font-size:18px;
  }

  .pricing_section .content .price h3{
    font-size:40px;
    font-weight: 400;
  }

  .pricing_section .left_col .content{
    padding:35px;
  }

  .amenities_section .title{
    max-width: 80%;
  }

  /* location advantage */

  .location_advantage_section .map{
    top: 240px;
  }

  .location_advantage_section .data h3{
    font-size: 16px;
  }

  .location_advantage_section .data p{
    font-size: 14px;
  }

  .location_advantage_section .points .data:before{
    height: 18px;
    width: 18px;
  }

  .location_advantage_section .points .data:after{
    height: 8px;
    width: 8px;
  }

  .location_advantage_section .points li:not(:last-child):before{
    top: 30px;
    left: 8px;
  }

  .location_advantage_section .points .data{
    padding-left: 40px;
  }

  .about_developer .form_style2{
    margin-top: 50px;
  }


}

/* end of 991 */

@media(max-width:767px){  

  body{
    font-size:14px;
  }



  .btn_style1{
    padding: 10px 24px;
    border-radius: 8px;
  }

  .sec_heading .tagline{
    font-size: 12px;
  }

  .border_sm_top:before{
    position: absolute;
    content: '';
    height: 1px;
    width: 80%;
    top: 0;
    left: 50%;
    background: rgb(49 49 49 / 30%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  .d_sm_none{
    display:none!important;
  }

  .btn{
    font-size:10px;
  }

  .mx_sm_-15{
    margin-left:-15px;
    margin-right:-15px;
  }

  .px_sm_15{
    padding-left:15px;
    padding-right:15px;
  }

  .mb_sm_30{
    margin-bottom:30px; 
  }

  .pt_sm_0{
    padding-top:0!important;
  }

  .pt_sm_60{
    padding-top:60px!important;
  }

  .pb_sm_60{
    padding-bottom:60px!important;
  }

  body{
    padding-bottom: 60px;
    background: #FFF8F6;
  }

  .sec_heading.center{
    text-align: left;
  }

  .sec_heading.right{
    text-align: left;
  }

  .section{
    padding:60px 0;
    position:relative;
  }

  .sec_heading{
    margin-bottom: 40px;
  }

  .sec_heading .mini{
    font-size: 12px;
    margin-bottom: 15px;
  }

  .sec_heading .title{
    font-size: 26px;
    line-height: 30px;
  }

  .sec_heading.center .title{
    max-width: 100%;
    margin-left:unset;
    margin-right:unset;
  }


  /* header */

  .navbar{
    padding:10px 15px;
  }

  .navbar-brand img{
    margin: 0;
    max-width: 70px;
  }

  .navbar .navbar-toggler span{
    width: 26px;
    background: #414141;
    margin: 6px 0;
  }

  .navbar.fixed .navbar-toggler span{
    background:#fff;
  }

  .navbar .navbar-toggler span:nth-child(2){
    width: 20px;
    margin-left: auto;
  }

  .navbar .navbar-collapse .left_col{
    display:none;
  }

  .navbar .navbar-collapse .right_col{
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 15px;
    background: url(../images/menus/main_img.png) no-repeat calc(100% + 180px) center;
    background-size: cover;
  }

  .navbar .navbar-collapse .right_col:before{
    position: absolute;
    content: '';
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 90%);
  }

  .navbar .navbar-collapse .close{
    font-size: 30px;
  }

  /* .navbar .navbar-collapse:before{
    position: absolute;
    content: '';
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 90%);
  } */

  .navbar .navbar-collapse .nav-item{
    max-width: 100%;
    flex:0 0 100%;
    border-bottom:1px solid #f3f3f3;
  }

  .navbar .navbar-collapse .nav-link{
    font-size: 14px;
    padding: 12px 0;
  }

  .navbar .navbar-collapse .bottom .location{
    font-size: 12px;
    margin-bottom: 10px;
  }

  .navbar .navbar-collapse .social_links img{
    width: 14px;
  }

  .navbar .navbar-collapse .social_links li{
    margin-right: 15px;
  }

  .navbar .navbar-collapse .navbar-nav{
    max-height: calc(100vh - 79px - 73px );
    overflow: auto;
  }

  .navbar .collapse2.navbar-collapse{
    max-width: 100%;
    right:-100%;
    padding: 25px;
  }

  .navbar .collapse2.navbar-collapse.show{
    right:0;
  }

  .navbar .navbar-collapse .top{
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .navbar .collapse2 .header_btn{
    margin-top: 30px;
  }

  .navbar .collapse2 .header_btn .nav-link{
    text-align: center;
    color: #fff;
  }

  /* hero section */

  .hero_section{
    padding-top: 150px;
    padding-bottom: 40px;
    /* height: calc(100vh - 60px); */
    /* height: calc(100vh); */
    height: auto;
    z-index: 991;
    min-height: 438px;
  }

  .hero_section:after{
    height: 230px;
    background-image: linear-gradient(0, #ffffff00, #ffffff75, rgb(255 255 255));
  }

  .hero_section video{
    width: 100%;
    left: 0;
  }

  .hero_section .content .hero_title .slider-top-logo{
    width: 150px;
  }

  .hero_section .content .hero_title{
    font-size: 40px;
    color:var(--color4);
    text-align: center;
  }

  .hero_section .content .hero_type{
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 16px;
    max-width: 100%;
  }

  .hero_section.micro_hero .hero_type{
    font-size:10px;
  }

  .hero_section .content .price{
    font-size: 20px;
  }

  .hero_section .content .price_col{
    padding: 5px;
  }

  .hero_section .content .price h2{
    font-size: 29px;
    line-height: 53px;
  }

  .hero_section .price_col p{
    font-size: 9px;
  }

  .hero_section .price_col p:before{
    height: 25px;
  }

  .hero_section .content .btn{
    font-size: 10px;
    padding: 10px 30px;
    margin-top:30px;
  }

  .hero_section .price_col p{
    padding-right: 20px;
    margin-right: 20px;
  }

  .hero_section.micro_hero .content{
    max-width: 300px;
    padding: 0 20px;
    padding-top: 130px;
    padding-bottom: 40px;
  }

  .hero_section.micro_hero .price_col p{
    font-size: 9px;
  }

  .hero_section.micro_hero .content .price{
    font-size: 20px;
  }

  .hero_section.micro_hero .content .price h2{
    font-size: 29px;
      line-height: 40px;
  }
  .hero_section.micro_hero .project_logo{
    margin-bottom: 20px;
  }

  .hero_section.micro_hero .content .btn{
    font-size: 10px;
    padding: 10px 30px;
    margin-top: 25px;
  }

  .about_section .img_col{
    margin-bottom: 30px;
  }

  .about_section .content .txt p{
    line-height: 22px;
    margin-bottom: 30px;
  }

  /* projects_section */

  .projects_section .single_col:not(:last-child){
    margin-bottom:5px;
  }

  .projects_section .box{
    height: 400px;
  }

  /* amenity section */

  .amenity_carousel{
    max-width: calc(100% - 50px);
  }

  .amenity_carousel .item .image{
    height: 250px;
  }

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

  .amenity_carousel .item .title{
    font-size:15px;
    line-height:24px;
    letter-spacing: 0.5px;
  }

  .amenity_carousel .item p{
    font-size:10px;
  }

  /* gallery section */

  .gallery_section{
    overflow:hidden;
  }

  .gallery_carousel{
    padding:0 20px;
  }

  .gallery_carousel .owl-stage-outer{
    overflow:visible;
  }

  /* experience_section */

  .experience_section .thumbnail{
    max-width: 100%;
  }

  .experience_section iframe{
    max-width: 100%;
    height: 230px;
  }

  .experience_section:after{
    height: 150px;
  }

  .experience_section .thumbnail .play{
    height: 50px;
    width: 50px;
  }

  .experience_section .thumbnail .play img{
    width: 15px;
  }

  .experience_section .thumbnail p{
    font-size: 10px;
  }

  .video_modal .close{
    height: 25px;
    width: 25px;
    font-size: 20px;
  }

  /* footer */

  footer{
    padding-top: 40px;
    padding-bottom: 60px;
  }

  footer .col1 p{
    font-size:13px;
  }

  footer .col1 .logo{
    max-width: 130px;
  }

  footer .top .title{
    font-size: 24px;
  }

  footer .top .btn_content{
    justify-content: start;
    margin-top: 15px;
  }

  footer .middle{
    margin: 50px 0 40px;
  }

  footer .middle .footer_logo{
    max-width: 200px;
    padding: 0 20px;
  }

  footer .bottom .contact_details li:not(:last-child){
    margin-bottom: 5px;
  }

  footer .bottom .col2{
    display: unset;
    margin: 40px 0;
  }

  footer .footer_title{
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 400;
    height:auto;
  }

  footer .bottom .location_details h5{
    font-size: 14px;
  }

  footer:after{
    font-size: 46px;
    line-height: 40px;
  }

  footer .links_details li a{
    font-size:12px;
  }

  footer .social_links{
    margin-top: 15px;
  }

  footer .social_links a{
    height: 24px;
    width: 24px;
  }

  footer .social_links img{
    width: 10px;
  }


  /* .enquire_fixed_btn */

  .enquire_fixed_btn{
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    top:unset;
    opacity:1;
    visibility: visible;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -5px 10px  rgba(255 255 255 / 8%);
  }
  

  .enquire_fixed_btn .side-b{
    flex:1;
    width:auto;
    position:relative;
  }

  .enquire_fixed_btn .side-b:not(:first-child):before{
    position:absolute;
    content:'';
    left:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    height:30px;
    width:1px;
    background:#ffffff38;
  }

  .enquire_fixed_btn .side-b a{
    padding: 14px 15px;
    border: none;
  }

  .enquire_fixed_btn .side-b .icon{
    width: 18px;
  }

  .enquire_fixed_btn .side-b p br{
    display:none;
  }

  .enquire_fixed_btn .side-b p{
    font-size: 9px;
    /* font-family: var(--futura_bt_medium); */
    letter-spacing: 0.5px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .location_map_section .badge{
    position: relative;
    right: unset;
    top: unset;
  }

  .location_map_section .badge a{
    font-size: 10px;
  }

  .location_map_section .badge img{
    width: 20px;
  }

  .video_modal .modal-body iframe{
    height: 270px;
  }

  footer .disclaimer{
    font-size: 10px;
    margin-top: 8px;
  }

  footer .col1{
    flex: 0 0 100%;
    max-width: 100%;  
    margin-bottom: 25px;
  }

  footer .col2,
  footer .col3{
    flex: 0 0 30%;
    max-width: 30%;  
  }

  footer .col4{
    flex: 0 0 40%;
    max-width: 40%;  
    margin-top: 0;
  }

  footer .location_details h5, footer .contact_details h5{
    font-size: 10px;
  }

  footer .location_details p, footer .contact_details a{
    font-size: 10px;
  }

  footer .location_details .icon, footer .contact_details .icon{
    width: 12px;
  }

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

  footer .contact_details .icon img{
    width: 10px;
  }

  footer .copyright_links{
    display: unset;
  }

  footer .copyright_links li{
    padding-right: 0!important;
    margin-right: 0!important;
  }

  footer .copyright_links li:before{
    display:none;
  }

  footer .copyright_links li, footer .copyright_links a{
    font-size: 11px;
  }

  footer .disclaimer small{
    font-size: 10px;
    line-height: 12px;
  }

  /* micro page */

  .navbar.design2 .navbar-toggler span{
    background:#5d5d5d;
    width: 28px;
    margin: 6px 0;
  }

  .navbar.design2 .navbar-toggler span:nth-child(2){
    width:18px;
    margin-left: auto;
  }

  .navbar.design2.fixed .navbar-toggler span{
    background:#fff;
  }

  /* hero section */

  .hero_section.micro_hero .project_logo img{
    max-width: 180px;
  }

  /* overview section */

  .overview_section .leave_img{
    max-width: 150px;
  }

  .projects_section .box .typology{
    font-size: 12px;
  }

  .projects_section .box .name{
    font-size: 24px;
  }



  /* highlight section */

  .higlights_section .right_col{
    padding:0;
  }

  .higlights_section .img_col{
    position: relative;
    width: 100%;
    height: auto;
    top: unset;
    right: unset;
  }

  .higlights_section .img_col img{
    height: auto;
    object-fit: unset;
  }

  .higlights_section .content li{
    /* gap: 50px; */
    font-size: 13px;
    margin-bottom: 8px;
  }

  .higlights_section .content li:before{
    left: 30px;
    height: 6px;
    width: 6px;
  }

  .higlights_section .content li:after{
    height: calc(100% + 10px);
    width: 1px;
    left: 32px;
    top: 13px;
  }

  .higlights_section .content li span:first-child{
    font-size: 12px;
    margin-top: 3px;
  }

  /* .bridge{
    display:none;
  } */

  .pricing_section .img_col{
    position:relative;
  }

  .pricing_section .img_col{
    padding: 20px;
  }

  .pricing_section .left_col .content{
    padding: 40px 30px;
  }

  .pricing_section .content .btns{
    margin-bottom: 5px;
  }

  .pricing_section .content .price{
    margin-bottom: 15px;
    font-size: 22px;
  }

  .pricing_section .content .price h3{
    font-size: 32px;
    line-height: 38px;
  }

  .pricing_section .content ul{
    margin-bottom:30px;
  }

  .pricing_section .floorplan_carousel .img_col{
    position:relative;
  }

  .pricing_section .img_col img{
    max-height: 250px;
    height:auto;
  }

  .pricing_section .content ul li{
    font-size: 11px;
  }

  .pricing_section .content .btn{
    font-size: 10px;
  }

  .floorplan_carousel button{
    height: 40px;
    width: 40px;
  }

  .pricing_section .floorplan_carousel, .pricing_section .floorplan_carousel div{
    height:auto;
  }

  .pricing_section .content .price_title{
    font-size: 14px;
  } 
  .pricing_section .content .starting-price {
    font-size: 12px;
    margin-bottom: 4px;
    padding-top: 10px;
}

  .pricing_section .nav-tabs .nav-link{
    font-size: 10px;
    padding: 5px 10px;
  }

  .pricing_section .nav-tabs .owl-nav button{
    height: 30px;
    width: 30px;
  }

  /* amenities section */

  .amenities_section .title{
    max-width: 100%;
    font-size: 28px;
    line-height: 30px;
  }

  .amenities_section .title.w-90{
    max-width: 100%;
  }

  .amenities_section .amenities_carousel{
    padding-right: 50px;
  }

  .amenities_carousel .item .content{
    padding:20px;
  }

  .amenities_section .design2 .vector_top{
    left:-60px;
  }

  .amenities_section .vector{
    display:none;
  }

  .amenities_section .vector_top{
    max-width: 130px;
  }

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

  .amenities_carousel .item .title{
    font-size: 22px;
    margin-bottom: 10px;
  }

  .amenities_carousel .item p{
    max-width: 100%;
    font-size: 12px;
    line-height: initial;
    letter-spacing: 1px;
  }

  .amenities_section .title{
    font-size: 22px !important;
    line-height: 32px !important;
    height: 64px;
  }

  /* location map */

  .location_advantage_section{
    padding-bottom:40px;
    background: url(../assets/images/location-advantage/sea_sm.webp) no-repeat center center;
    background-size: cover;
  }

  .location_advantage_section .boat_img{
    max-width: 110px;
    position: absolute;
    top: 150px;
  }

  .location_advantage_section .map{
    position: relative;
    width: calc(100% + 40px);
    top: unset;
    height: auto;
    margin-bottom: 40px;
    right: calc(40px - 15px);
    /* margin-top: 30px; */
  }

  .location_advantage_section .map img{
    height:auto;
    object-fit: unset;
  }

  .location_advantage_section .map1{
    width: calc(100% + 30px);
    right: 15px;
  }

  .location_advantage_section .points .data:before{
    height: 16px;
    width: 16px;
    border: 1px solid #C19444;
  }

  .location_advantage_section .points .data:after{
    height: 6px;
    width: 6px;
  }

  .location_advantage_section .points .data{
    padding-left: 28px;
  }

  .location_advantage_section .data h3{
    font-size: 16px;
    margin-bottom: 5px;
  }

  .location_advantage_section .data p{
    font-size:12px;
  }

  .location_advantage_section .points{
    display:flex;
    flex-wrap: wrap;
  }

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

  .location_advantage_section .points li:not(:last-child):before{
    display:none;
  }

  .location_advantage_section.location1 .map{
    width: 100%;
    top: unset;
    height:auto;
    right: -8%;
  }

  /* about developer */

  .about_developer .right_col{
    margin-top:40px;
  }

  .about_developer .form_style2{
    padding: 30px;
    margin-top:0;
  }

  .about_developer .form_style2 .title{
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 25px;
  }

  .form_style2 label{
    font-size: 12px;
    margin-bottom: 2px;
  }

  .form_style2 .enquire_btn{
    margin-top: 10px;
  }


  /* custom modal */

  .custom_modal .modal_nav{
    padding: 15px 0;
  }

  .custom_modal .modal_nav .logo{
    max-width: 120px;
  }

  .custom_modal .modal_nav .close{
    font-size: 30px;
  }

  .custom_modal .modal-body{
    padding: 30px;
  }

  .custom_modal .title{
    font-size: 28px;
  }

  .custom_modal .left_col .title{
    font-size: 24px;
    letter-spacing: 2px;
    /* font-family: var(--futura_bt_medium); */
    margin-bottom: 15px;
  }

  .custom_modal .left_col .sub_title{
    font-size: 14px;
  }

  .custom_modal .form-group{
    margin-bottom: 15px;
  }

  .custom_modal form .submit_btn{
    padding: 8px 30px;
    font-size: 14px;
  }

  .custom_modal .contact{
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .custom_modal .contact h6{
    font-size: 12px;
  }

  .custom_modal .contact p, .custom_modal .contact p a{
    font-size: 14px;
  }

  .custom_modal .form-control::placeholder{
    font-size:14px;
  }

  .custom_modal .form button.btn{
    width:100%;
  }

    .amenities_section .title {
        font-size: 22px !important;
        line-height: 32px !important;
        height: auto;
    }
    .navbar.fixed .navbar-brand .logo.white {
      height: unset;
      margin: unset;
      max-width: 60px;
    }
.navbar-brand .microsite-logo {max-width: 110px;margin: unset;display: block;}
.navbar .navbar-toggler{
  padding:0;
  border:none;
  outline:none;
}
footer .copyright {
  text-align: center;
}

.d_view{
  display: none;
}
.m_view{
  display: block;
}
.hero_section .hero_img{
  min-height: 438px;
}
.hero_section.micro_hero .content:before {
  min-height: 438px;
}
.hero_section .price_sec h6{
  font-size: 19px;      
}
.hero_section .price_sec p{
  font-size: 20px;
}
.hero_section .price_sec span{
  font-size: 20px;
}

.pricing_section .left_col .content .pricing{
  font-size: 16px;
  color: #fff;
}

.bridge img {
  min-height: 600px;
  object-fit: cover;
}
.bridge_content {
  bottom: 11%;
}
.bridge_content h6{
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}
.bridge_content .col-lg-3 {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.bridge_content .col-lg-3:nth-child(odd) {
  border-right: 0 !important;
}
.bridge_content  .payment_div{
  padding: 15px 0;
  text-align: center;
}
.bridge_content .payment_div h2 {
  margin-bottom: 6px;
  padding: 0;
  color: #fff;
  font-size: 22px;
  font-variant-numeric: lining-nums;
}
.bridge_content .payment_div h5{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}
.bridge_content .payment_div p{
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
}


/* end of 767 */