:root{
    --yellow:#ffdc73;
    --bg-gray:#EEEEEE;
    --text-gray:#555;
    --sec_head:#D7D7D7; --green: #20a839;    --blue: #1f5191;
  }
  
  @media(min-height:900px) and (max-width:1199px){
      .banner_slider .item img{min-height:unset;}
  }
  
  @media(max-width:1500px){
      .banner_section .left_col .project_logo {
          font-size: 43px;
          line-height: 44px;
      }
      .banner_slider .count {
          font-size: 140px;
      }
      .banner_section .left_col .form{margin-top:40px;}
      .banner_section .left_col .price{margin-top:10px;}
      .query_section .container{max-width: 80%!important;}
      .price_section .box .title{font-size:22px;}
      .banner_section {
          padding-top: 79px;
      }
  }
  
  @media(max-width:1366px){
      .price_section .box .title{font-size:20px;}
      .btn_yellow {
       
        font-size: 14px;
    }
  }

  @media(max-width:1280px){
    .btn_yellow {
     
      font-size: 12px;
  }
}
  
  @media(max-height:720px){
      .banner_section{height:auto; }
  }
  
  @media(max-width:1199px){
      .header .nav-link{font-size:14px;}
      .header .navbar-brand img{max-width: 100px;}
  
      .query_section .right_col{padding: 20px;}
      .banner_section{height:auto;}
      .amenities_section .section_heading{left:0;}
      .amenities_section .amenities_content .title{font-size:16px;}
      .gallery_section .section_heading{right:0;}
  }
  
  @media(max-width:991px){
      .header .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}
      .header .navbar-collapse.show,
      .header .navbar-collapse.collapsing{display:block; height:100%!important;  visibility: visible!important; opacity: 1!important; display:block!important;}
      .header .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;}
      /* .overlay1{position:fixed; top:0; left:0; width:100%; height:100vh; content:''; background-color:rgba(0 0 0 / 90%); z-index:99;} */
      .header .navbar-collapse .navbar-nav{position: fixed; top: 0; right: -40%; width:100%; max-width:40%; height:100%; background-color:#b39363;  z-index: 99; padding-top:15px; transition:all 200ms ease-in-out;}
      .header .navbar-collapse.show .navbar-nav,
      .header .navbar-collapse.collapsing .navbar-nav{right:0; transition:0.3s all ease-in-out}
      .header .navbar-toggler{height: 35px; margin-right: 10px; background-color: #333; color: #fff; font-weight: 100; text-shadow: none; border-radius:0; }
      .header .navbar-collapse .navbar-nav li{margin-right:0!important;}
      .header .navbar-toggler img{filter:invert(1); max-width:20px;}
      .header .navbar-collapse li a{padding:10px 20px; font-size: 18px; font-weight: 600;} 
      .header .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{height:auto; padding-top: 100px;}
      .banner_section .container{max-width: 95%!important; margin-right: auto; padding-right: 15px;} 
      .banner_section .left_col{padding-right:15px; order:2; margin-top: 40px;}
      .banner_section .right_col{order:1;}
      .banner_slider .carousel-item img{min-height: unset; height: auto;}
  
      .highlights_section .container{max-width: 90%!important;}
  
      .price_section .box .title{font-size:22px;}
      .price_section .box .size, .price_section .box .price{font-size:20px;}
  
      .gallery_section .floor_content .item{height:200px; max-width:33.33%; flex:0 0 33.33%;}
      .gallery_section .floor_content{flex-wrap:wrap;}
  
      .query_section .left_col{padding:30px;}
      .query_section .right_col .mobile{font-size:18px;}
  
      .modal .modal-dialog{max-width: 95%;}
      .submenu_version .main-menu ul > li > a.show-submenu:hover:after {
          color: #b18e4e;
      }
      .submenu_version .main-menu ul > li > a.show-submenu:after {
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          font-family: "bootstrap-icons";
          font-size: 18px;
          font-size: 1.125rem;
          content: "\F282";
          line-height: 1;
          float: right;
          transform: rotate(0);
      }
       a.show-submenu.show_normal:after {
          transform: rotate(180deg);
      }
      .submenu ul {
          border-left: 1px solid #ededed;
          margin: 0 0 15px 25px;
      }        
      .submenu_version .main-menu #mainNav ul li ul li a {
          text-transform: none !important;
          font-weight: 500;
          font-size: 14px;
          font-size: 0.875rem;
      }
      .submenu_version .main-menu .show-submenu + div {
          opacity: 0;
          display: none;
      }
      .submenu_version .main-menu a.show-submenu.show_normal + div {
          opacity: 1;
          display: block;
      }
      .submenu_version .main-menu #mainNav a.show-submenu.show_normal {
          color: #b18e4e !important;
      }
      .footer-bottom{
          text-align: center;
      }
  }
  
  @media(max-width:767px){
    .dis {
        padding-bottom: 40px;
    }
      .d_sm_none{display:none!important;}
      .d_sm_block{display:block!important;}
      .mb_sm_15{margin-bottom:15px!important;}
      .mb_sm_20{margin-bottom:20px!important;}
      .my_sm_10{margin-top:10px!important; margin-bottom:10px!important;}
      .px_sm_10{padding-left:10px!important; padding-right:10px!important;}
      .px_sm_5{padding-left:5px!important; padding-right:5px!important;}
      .py_sm_5{padding-top:5px!important; padding-bottom:5px!important;}
      .header{padding:10px 0;}
      .header .navbar-brand{top:0;}
      .header .navbar-collapse .navbar-nav{max-width: 55%; right: -55%;}
      .header .navbar-brand img {max-width: 100px;}
  
      .banner_slider .count{font-size: 120px; line-height: 100px; display:None;}
      .banner_section{padding-top:60px;}
      .banner_section .left_col .project_logo{font-size: 50px; line-height: 50px;}
      .banner_section .left_col .price{font-size:22px;}
      .banner_section .left_col .form .animated_form{padding:20px;}
      .banner_section .left_col .form_heading{margin-top: -40px; margin-bottom: 20px; font-size: 18px;}
      .banner_section:before{display:none;}
      .banner_section{background-image:none;}
      .banner_section:after{display:none;}
      .banner_section .banner_slider .carousel-item{padding:0;}
      .animated_form .form-group{max-width: calc(50% - 5px); flex: 0 0 calc(50% - 5px); margin-bottom: 15px;}
      .animated_form .form-input,
      .animated_form input.btn{height:45px;}
      .about_section,
      .highlights_section{padding:40px 0;}
      .about_section .left_col{max-width:100%; flex:0 0 100%; margin-left:0;}
      .about_section .left_col figure{position:relative; width: 100%; height: auto;}
      .about_section .container{z-index: 9; position: relative;}
      .about_section .right_col{padding-left:50px;}
      .about_section .section_heading{left: -20px;}
      .about_section .right_col .content{padding:30px;}
      .highlights_section .left_col{padding:0px 15px; }
      .highlights_section .right_col{margin-top:40px;}
      .highlights_section .right_col figure{position: relative; top: unset; transform: unset; height: auto;}
      .highlights_section .container{background:transparent; padding-right: 50px;}
  
      .price_section .section_heading{margin-bottom:20px;}
      .floor_plan_section .floor_content{max-width:100%; padding-left:50px;}
      .floor_plan_section{padding: 40px 0 ;}
  
      .query_section .container{position: relative; top: unset; left: unset; transform: unset; max-width: 100%!important; padding:15px;}
  
      .query_section .left_col{padding:30px; order:2;}
      .query_section .right_col{order:1; text-align: center; justify-content: center;}
      .query_section .right_col .mobile{font-size: 20px; margin-top: 20px;}
  
      .highlights_section{padding-bottom:0;}
  
      footer{padding:15px 0 60px;}
  
      .mobile-section{display:flex; z-index: 99;}
  
      .modal .modal-body{flex-wrap:wrap;}
      .modal .left_col, .modal .right_col{max-width:100%; flex:0 0 100%; padding: 20px;}
  
      .floor_plan_section .floor_content .box{padding:0;}
      .price_section{padding-bottom:0;}
  
      .floor_plan_section .section_heading{left:0;}
      .gallery_section .section_heading{right:0; left:unset;}
      .amenities_section .amenities_content{max-width: 100%; padding-left: 50px;}
      .gallery_section .floor_content{padding-left:0; padding-right:50px;}
  
      .banner_section .left_col .content, .banner_section .left_col .content, .banner_section .left_col .form {
          text-align: center;
          padding-right: 0px;
      }
      
  }
  
  @media(max-width:575px){
      .px_sm_10{padding-left:10px!important; padding-right:10px!important;}
      .my_xs_5{margin-top:5px!important; margin-bottom:5px!important;}
      .px_xs_5{padding-left:5px!important; padding-right:5px!important;}
      p{font-size:14px; line-height:20px;}
      .container,
      .banner_section .container,
      .highlights_section .container{max-width:100%!important;}
      .header .navbar-collapse .navbar-nav{max-width: 300px; right: -300px;}
      .banner_section:before{max-width:35%;}
      .banner_slider .count { font-size: 90px; line-height: 80px; }
      .banner_section .left_col{margin-top:30px;}
      .banner_section .left_col .location{font-size:18px;}
      .banner_section .left_col .project_logo{font-size: 40px; line-height: 40px;}
      .banner_section .left_col .price { font-size: 18px; }
      .banner_section .left_col .price span {font-size: 30px;}
      .banner_section .left_col .amenity{font-size: 17px; margin-top: 8px;}
      .banner_section .left_col .form_heading{font-size:16px;}
      .animated_form .form-group{max-width:100%; flex:0 0 100%;}
      .animated_form .form-input, .animated_form input.btn{height:40px;}
      .about_section .section_heading{left: 0px; font-size: 50px;}
      .about_section .right_col .content{padding:20px;}
      .about_section .heading{font-size:30px;}
      .about_section .location{font-size:16px; margin-top: 5px; margin-bottom: 15px;}
      .about_section .right_col .content button{margin-top:20px; height: 46px; font-size: 15px; padding: 5px 40px 5px 20px;}
      .highlights_section .left_col li{font-size:14px;}
      .highlights_section .section_heading,
      .price_section .section_heading,
      .floor_plan_section .section_heading,
      .amenities_section .section_heading{font-size: 50px; line-height:50px;}
      .highlights_section .right_col { margin-top: 20px; }
  
      .price_section{padding: 20px 0 0px;}
      .price_section .box .title{font-size: 20px; margin-bottom: 20px;}
      .price_section .box .size, .price_section .box .price{font-size: 18px;}
      .price_section .box span{font-size:14px;}
      .price_section .box button{margin-top:0; height: 45px; font-size: 14px;}
  
      .floor_plan_section .section_heading{left:10px;}
  
      .gallery_section .floor_content .item{max-width:50%; flex:0 0 50%;}
  .price_section:before {
      content: '';
      position: absolute;
      content: '';
      width: 100%;
      height: 150px;
      background-color: #b39363;
      left: 0;
      top: 0%;
  }.highlights_section .right_col figure {
      position: relative;
      /* top: -28px; */
      transform: unset;
      height: auto;
  }
      .query_section .right_col img{max-width: 130px;}
      .query_section .right_col .mobile{font-weight:normal;}
      .query_section .left_col{padding:20px;}
      .animated_form .form-label,
      .animated_form .form-input{font-size:14px;}
      .animated_form input.btn{font-weight:500;}
      .query_section .left_col .form_heading{font-size: 18px;}
      
  
      .banner_section .banner_slider .owl-nav{bottom: 10px; right: 10px;}
      .banner_slider .owl-nav button.owl-prev, .banner_slider .owl-nav button.owl-next{height: 30px; width: 40px; border: 1px solid #fff!important;}
      .banner_slider .owl-nav span{width:15px; height:15px;}
      .banner_slider .owl-nav button i{font-size:14px;}
  
      .mobile-section .btn{font-size:12px; padding:10px 5px; height:auto;}
      .mobile-section .btn:not(:last-child):before{height:15px;}
      footer {padding: 15px 0 50px;}
  
      .banner_section .left_col .call a{font-size: 18px;}
      .banner_section .left_col .call .fa{font-size: 20px; height: 30px; width: 30px;}
  
      .gallery_section .section_heading{left:unset; right:10px;}
      .amenities_section .amenities_content .title{font-size: 15px; line-height: 18px;}
      .amenities_section .section_heading{left:10px;}
  
  
  
  }