body {
  overflow-x: hidden;
  font-family: "Lato", sans-serif;
  /*background-color: rgb(248 249 250) !important;*/
}
.container-fluid{
  padding-left: 0px !important; 
  padding-right: 0px !important;
}
.list_data_container > a{
  text-decoration: none;
  color:black;
}
.property_list_add_container{
  margin-top: 81px;
  background-color: white;
}
.property_list_add_container > img{
 /* width:100%;*/
}

/*section 1 starts*/

.property_list_container{
  margin-top:40px;
}
.property_list_title{
/*  font-size: 20px;*/
  width: 85%;
  /*margin: 25px 0px 0px 0px;*/
}
.each_property_container{
    margin: 35px 0px;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 16px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    border-radius: 8px;
    background-clip: padding-box;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .24), 0 1px 4px 0 rgba(0, 0, 0, .12);
    transition: box-shadow .3s ease;
    position: relative;
    padding: 16px 16px;
}

.each_button{
  width:43%;
}
.each_property_container:hover{
    border: 1px solid transparent;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1), 0 2px 8px 0 rgba(0, 0, 0, .12);
}
.each_property_list {
    width: 100%;
    padding: 1px 5px 0px 23px;
}
.label_cover_container{
  top: 10%;
  left: 0%;
  position: absolute;
}
.label_container{
  color:white;
  font-size: 13px;
}
.each_label {
    color: #FFF;
    display: table;
    margin: 3px 0px;
    font-size: 11px;
    font-weight: 400;
    padding: 3px 7px;
    background-color: #303030;
    border-radius: 0px 4px 4px 0px;
}
.list_img_container{
  position: absolute;
  width:32% !important;
} 
.list_img_container > img {
    border-radius: 11px;
    height: 197px;
    width: 99%;
    box-shadow: 0 0 5px 0px rgba(21, 28, 34, 0.5);
}
.property_tagline {
    font-size: 19px;
    text-align: left;
    font-weight: 600;
    color: rgb(69 69 69);
    transition: 0.3 ease;
    /* margin: 10px 0px 10px 6px; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* margin: 10px 0px 10px 6px; */
    white-space: nowrap;
    width: 438px;
}
.project-name{
  font-size: 15px;
}
.each_property_container:hover  .property_tagline{
  text-decoration: underline;
}
.property_tagline > a{
  color:#000000d6;
  
}  
.each_prices_container {
    background-color: #f5f5f5;
    border-radius: 0px 0px 26px 26px;
}
.each_data_group {
/*   width: 40%; */
       /* height: 45px; */
/*       padding: 5px ;*/
/*       overflow: hidden;*/
       /* position: relative; */
       /* border-radius: 4px; */
       /* display: inline-block; */
       margin: 5px;
       /* padding: 0px 41px 0 0px; */
       /* margin: 8px 0; */
       border-right: 1px solid #bfbfbfad;
}
.Agents-box-icons {
    position: absolute;
    top: 12px;
    right: 9px;
}
.Agents-box-icons-based{
    text-align: right !important;
    display: flex;
}

.Agents-box-icons1 > i {
    color: #ff2727;
    font-size: 22px;
    margin-right: 5px;
}
.data-border{
  border-right: 1px solid #f1f1f1;
}
.each_data_subtitle{
  color:gray;
  font-size: 12px;
  font-weight:600;
}
.each_data_subtitle_data {
    font-size: 14px;
    font-weight: 500;
}
.each-data-based{
  padding-bottom: 12px !important;
}
.each_flex_button{
  padding-top: 35px;
}
.each_button_container {
    height: 130px;
    text-align: center;
    align-content: center;
    background-color: #ffffff;
    border-radius: 26px 26px 0px 0px;
}

.short_overview{
  font-size: 13px;
  color: rgb(0 0 0 / 70%);
  margin-top: 9px;
/*  padding-bottom: 9px;*/
/*  max-height: 3.2em;*/
/*  overflow: hidden;*/
  /* white-space: nowrap; */
  /* width: 422px; */
/*  text-overflow: ellipsis;*/
/*  display: -webkit-box;*/
/*  -webkit-line-clamp: 2;*/
/*  -webkit-box-orient: vertical;*/
}
.property_right_container {
    /* margin-top: 9px; */
    overflow: hidden;
    /* background-color: white; */
    /* border: 1px solid lightgray; */
    border-radius: 0 26px 26px 0px;
    /* box-shadow: 0px 1px 2px 0px #d5cbcb; */
}
.Multistorey-subtext {
    font-size: 14px;
    font-weight: 600;
    padding-top: 3px;
    color: #555555;
    padding-top: 7px;
}
.Multistorey-subtext > span{
  font-size: 15px;
  font-weight: 700;
  color: #000000;
}
.list_data_right {
    width: 100%;
    height: 92%;
    display: flex;
    background-color: #ffffff;
    flex-direction: column;
    border-radius: 0px 5px 5px 0px;
    justify-content: space-between;
}
.each_data_main_group{
  justify-content: left;
/*  display:flex;*/
}
.price_container {
    width: 14%;
    height: 57px;
    text-align: center;
    align-content: center;
    color: rgb(2 34 59);
    border-radius: 0px 26px 0px 26px;
    background-color: rgb(223 223 223 / 64%);
    position: absolute;
    top: 16px;
    right: -6px;
    font-size: 18px;
}
.data-group {
/*    padding: 0 65px 0 0;*/
}
.property_price{
  font-size: 14px;
  font-weight: bold;
}
.price_per_sqft{
/*  font-size: 13px;*/
  font-weight: 500;
}
.posted_by_duration {
    margin-top: 104px;
}  
/*.wp_and_contact{
  margin:20px 0px 10px 0px;
}*/

/*contact section starts*/
.view_download {
    width: 80%;
    margin: auto;
    display: flex;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pitch_button {
    width: 163px;
    padding: 0px 10px;
    line-height: 33px;
    /* margin-right: 10px; */
    border-radius: 5px;
    color: rgb(255 255 255);
    display: inline-block;
    transition: 0.3s ease;
    border: 1px solid #032946;
    background-color: rgb(3 41 70);
}

.pitch_button:hover{/**/
  color: rgb(97 76 9); 
  background-color: white;
  border:1px solid rgb(97 76 9);
}
.download_button {
    width: 45px;
    height: 35px;
    line-height: 33px;
    padding: 0px 10px;
    border-radius: 5px;
    color: rgb(255 255 255);
    transition: 0.3s ease;
    align-content: center;
    border: 1px solid #032946;
    background-color: rgb(3 41 70);
}
.download_button:hover{/**/
  color: rgb(97 76 9); 
  background-color: white;
  border:1px solid rgb(97 76 9);
}
.each_button {
    width: 93%;
    margin: 5px 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
    padding: 0px 10px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}
.each-data-based {
   margin-top: 14px;
/*    display: flex;*/
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #e8e8e8;
    
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding-left: 9px;
    padding-bottom: 19px;
    padding-top: 6px;
}

.whatsapp_button{/**/
  color: white;
  transition: 0.3s ease;
  background-color: rgb(24, 128, 56);
  border: 1px solid rgb(24, 128, 56);
}
.contact_button{/**/
  color: rgb(34 36 51);
  transition: 0.3s ease;
  background-color: white;
  border: 1px solid rgb(34 36 51);
}
.whatsapp_button > i, .contact_button > i{/**/
  font-size:20px;
  margin-right:5px;
  vertical-align: sub;
}
.whatsapp_button:hover{/**/
  color: #ffffff;
  background-color: rgb(20 102 45);
  border:1px solid rgb(20 102 45);
}
.contact_button:hover{/**/
  color: white;
  background-color:rgb(34 36 51);
  border:1px solid rgb(34 36 51);
}
/*contact section ends*/


/*section 1 ends*/ 
/*responsive property list*/

.res-property-title{
 padding-left: 15px;
 padding-bottom: 20px;
}
.res-img > img{
  width: 100%;
  height: 165px;
}
.res-property-location,.res-project-location{
  background-color: #D9D9D9;
}
.res-property-location{
  display: flex;

}
.res-title-permission{
  margin-left: auto;
  margin-left: 11px;
  padding-left: 19px;
   font-size: 13px;
   line-height: 30px;
}
.res-project-location{
   width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 3px;
  background: #D9D9D9;
}
.res-property-loc{
  width: 62%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 3px;
  background: #D9D9D9;
}
.res-property-result{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .24), 0 1px 4px 0 rgba(0, 0, 0, .12);
  border-radius: 7px;
}
.res-property-list-container{
  margin: auto;
  width: 94%;
  height: auto;
  flex-wrap: wrap;
  margin-bottom: 16px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  border-radius: 8px;
  background-clip: padding-box;
  
  transition: box-shadow .3s ease;
  position: relative;
  padding: 16px 16px;
}
.res-project-list{
  margin: auto;
  width: 94%;
  height: auto;
  flex-wrap: wrap;
  margin-bottom: 16px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  border-radius: 8px;
  background-clip: padding-box;  
  transition: box-shadow .3s ease;
 
  
}
.res-sub-title{
  padding-left: 12px;
  line-height: 33px;
  font-size: 13px;
  color: black;
  font-size: 14px;
}
.res-size-price{
  display: flex;
}
.border-line{
  width:2px;
  background-color: #000000a1;
  height:39px;
}
.res-size-property{
  flex:1;
  text-align: center;
}
.res-price-property{
  flex:1;
   text-align: center;
}
.res-size-title{
  font-size: 12px;
}
.res-posted{
  padding-left: 12px;
  padding-top: 7px;
}
.res-detail{
  display: flex;
  padding-top: 20px;
  padding-bottom: 10px;
}
.res-whatsapp > img{
  width:32px;
  height: 32px;
}
.contact-img{
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 30px;
  background: #1da1f2;
  border-radius:4px;
  margin-left: 16px;
}
.contact-img > img{
  width:67%;
}
.res-contactDetail{
  margin-left: auto;
  display: flex;
  margin-right: 23px;
}
.res-view-contact{
  margin-left: -4px;
}
.postedby{
  line-height: 15px;
}
.res-img > img {
    border-radius: 7px 7px 0 0;
}
.res-img{
  position: relative;
}
.res-possesion-property{
 position: absolute;
 bottom: 0px;
 right: 1px;
 background: #000000bf;
 color: white;
 font-size: 12px;
 width: 45%;
 text-align: center;
 line-height: 24px;
}
.res-project-img > img{
  width: 100%;
    height: 165px;
    border-radius: 17px ;
    
    padding: 10px;
}
.res-project-img{
  position: relative;
}
.res-projectname{

  background-color: #D9D9D9F5;
  position: absolute;
  bottom:13px;
  left: 29px;  
  border-radius: 10px;
  width: 82%;
 
  text-align: center;
  line-height: 35px;
  font-weight: 600;
}
.res-industrial-title{
  padding-left: 19px;
 line-height: 42px;
}
.res-project-detail{
  display: flex;
}
.res-project-possession{
  flex: 1;
  font-size: 14px;
  padding-left: 13px;
  flex:1;
}
.res-title-per{
  padding-left: 19px;
  font-size: 13px;
  line-height: 30px;
}
.res-price-dec{
  padding-top: 6px;
  display: flex;
}
.res-project-price{
      margin-left: auto;
    margin-right: 21px;
}
.res-project-size{
  padding-left: 19px;
  font-size: 14px;
  flex:1;
}
.res-project-posted{
  display: flex;
  padding-top: 12px;
      padding-bottom: 11px;
}
.res-project-contact{
  display: flex;     
  margin-left: auto;
  margin-right: 33px;
}
.res-develop{
  font-size: 12px;
   padding-left: 20px;
   color:gray;
}
.res-develop-name{ 
  padding-left: 20px;
  font-size: 14px;
  margin-top: -4px;
}
.res-search-title{
  display: flex;
}
.res-filter{
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .24), 0 1px 4px 0 rgba(0, 0, 0, .12);
 height: 30px;
 margin-left: auto;
 margin-right: 20px;
 text-align: center;
 width: 8%;
 background: #ececec59;
 z-index: 9999999;
}
#resfilter-form{
  position: fixed;
   top: 138px;
   left: 1px;
    width:94%;
   background: #fff;
   transform: translateX(-100%);
   transition: transform 0.3s ease;
   z-index: 9999;
}
 .rs_filter_open{
  transform: translateX(0) !important;
}
/*col-*/


@media only screen and (max-width: 576px){
  .postrequire-title{
    font-size: 15px !important;
  }
  .post-require-title-two, .post-require-title-one {
    font-size: 13px;
  }
  .property_list_title{
    display: none !important;
    height: 0;
   overflow: hidden;
/*   pointer-events: none !important;*/
   position: static;
   visibility: hidden !important;

  }
  .location_input {
    width: 100% !important;
  }
  .res-property-list{
    display: block !important;
  }
  .post-require-container{
    width:100% !important;
    margin-top: 0 px !important;
  }
  .post-required-form{
    width:100%;
  }
  .post-require-title-two, .post-require-title-one{
    font-size: 12px;
  }
  .main-cheap-container{
    display: flex;
    flex-wrap: wrap;
  }
 
  .property_list_container{
    margin: 0px !important;
  }
  .pitch_button {
    width: 95%;
    padding: 0px 44px;
  } 
  .property_list_title {
    text-align: center;
  } 
  .list_img_container > img {
    width: 100%;
  }
  .list_img_container{
    top: 8%;
    text-align: center;
    position: relative;
  }
  .wp_and_contact {
    display: flex;
  } 
  .each_property_list{
    padding: 5px 15px 10px 15px;
  }
  .each_data_group {
    padding: 5px 3px;
    width: 100%;
  } 
  .list_data_right{
    justify-content: center;
    width:100%;
  }
  .each_prices_container{
   justify-items: center;
  }
  .price_container {
    height:70px;
    margin:0px 0px 30px 0px;
  } 
  .each_button_container{
    margin-top:10px;
  }
  .each_data_main_group {
    justify-content: center;
  } 
  .property_right_container {
    margin: auto;
    margin-top: 10px;
    width: 95%;
    border-radius: 5px 5px 26px 26px;
  }  
  .view_download{
    width: 100%;
    justify-content: center;
  } 
  .each_button{
    width: 66%;
    margin: 5px 5px;
  }
}


/*col-sm*/
@media only screen and (min-width: 576px) and (max-width : 768px){
  .property_list_title{
    display: none !important;
    height: 0;
   overflow: hidden;
   /*   pointer-events: none !important;*/
   position: static;
   visibility: hidden !important;

  }
  .each-filter{
    padding-top: 24px !important;
  }
  .property_list_container {
    margin-top: 0px !important;
  }
  .res-property-loc{
    width:73%;
  }

  .res-property-list-container {
    width:84%;
  }
  .res-title-per{
    margin-left: auto;
        margin-right: 15px;
  }
  .res-property-list{
    display: block !important;
  }
  .list_img_container{
    position: relative;
  }
  .property_tagline {
    width: 82%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px
  }
  .each_property_list{
    padding: 5px 15px 10px 15px;
  }
  .each_data_main_group {
    justify-content: center;
  }
  .each_data_group {
    width: 40%;
  } 
  /*.short_overview {
    width: 82%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }*/
  .short_overview .text {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* show max 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em; /* approximate line height × 2 */
    position: relative;
  }

  .short_overview .view-link {
    display: inline-block;
    margin-left: 5px;
    color: #0d6efd;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
  }
  .price_container {
    height: 85px;
    margin: 0px 0px 30px 0px;
  } 
  .each_button_container{
    margin-top: 10px;
    align-content: center;
  }
  .each_button{
    width: 92%;
  }
  .download_button {
    width: 57px;
  }  
  .each_flex_button{
    display: flex;
    justify-content: center;
  }
}

/*col-md*/
@media only screen and (min-width: 768px) and (max-width : 992px){
  .each_flex_button {
    padding-top: 5px;
  }
  .each-filter{
    margin-left: 15px;
  }
    .each-option-filter {
      font-size: 13px !important;
    }
     .property_list_title{
      width:96%;
     }
    .list_img_container{
      position: relative;
      width: 100% !important;
    }
    .price_container{
      width: 23%;
      height: 40px;
      line-height: 19px;
      top: 110px;
      right: 21px;
      padding-top: 2px;
      font-size: 14px;
      border-radius: 0px 0px 11px 0px;
      background-color: rgb(33 37 41 / 81%);
      color:white;
    }
    .list_img_container > img{
      height: 134px;
    }
    .price_container > span{
      color:white !important;
    }
    .property_tagline {
      width: 82%; 
      font-size: 15px;  
    }
    .each_data_subtitle_data {
      font-size: 13px;
    }
    .each_property_list{
      padding: 5px 15px 0px 15px;
    }
    .each_data_main_group {
      justify-content: center;
    }
   .short_overview{
      display: none;
    }
   .each_data_subtitle{
    padding-bottom: 5px;
   }
   .plotarea{
    padding-bottom: 2px !important;
   }
   .selectUnit{
    font-size: 15px !important;
   }
   .each_button {
    width:100%;
    line-height: 24px;
   }
   .contactBtn{
    padding-left: 12px;
   }
   .whatsapp_button > i, .contact_button > i{
    font-size: 19px;
    margin-left: 0px;
   }
   .each_property_container {
    margin:13px 0px;
    padding: 16px 16px 0px 16px;
   }

  .short_overview {
    width: 82%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .price_container {
/*    height: 85px;*/
    margin: 0px 0px 30px 0px;
  }  
  
  .download_button {
    width: 57px;
  }  
  .each_flex_button{
    display: flex;
    justify-content: right;
  }
  .each_button_container {
    margin-right: 20px;
    height:65px;
  }
  .Multistorey-subtext{
    position: absolute;
    bottom: 18px;
    padding-left: 16px;
  }
  .each-data-based{
    margin-top: 7px;
    padding-left: 14px;
    padding-bottom: 5px;
  }
  .rs-md{
    display: none;
  }
 
 .each-data-based{
  padding-bottom: 6px;
 }
}

/*col-lg*/
@media only screen and (min-width: 992px) and (max-width : 1200px){
  .list_img_container{
    left: 0%;
  }
  .list_data_right{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
  } 
  .price_container{
   /* width:80%;*/
   margin: 1px 11px 10px 4px;
   font-size: 15px;
  }
  .each_button_container{ 
    margin:0px;
  }
  .property_list_title{
    width:100%;
  }
  .show-filter-property{
    margin-left: 20px;
  }
  .each-option-filter{
    font-size: 14px !important;
  }
  .each_property_container{
    margin: 8px 0px;
  }
  .list_img_container {
    left: 16px;
  }
  .follow_shortlisted_property{
    left:-89px !important;

  }
  .list_img_container > img{
    width:55%;
    height: 131px;
  }
  .Agents-box-icons{
    right: 119px;
  }
  .each_data_subtitle_data{
    font-size: 12px;
  }
  .follow_property{
    background: white;
    border-radius: 3px;
  }
  .property_tagline{
    width:350px;
  }
  .whatsapp_button > i, .contact_button > i{
    font-size: 18px;
  }
  
  .each_button{
    width:75%;
    margin-left: 8px;
     font-size: 12px;
  }
  .each_button > span{
    display:none !important;
  }
  .rs-md{
    display: none;
  }
  .selectUnit{
    font-size: 14px !important;
  }
  .each_data_subtitle {
    padding-bottom: 3px;
  }
  .plotarea{
    padding-bottom: 0px;
  }

}

/*col-xl*/
@media only screen and (min-width: 1200px) and (max-width : 1400px){  
  .each_flex_button {
    padding-top: 0px;
  }
  .property_tagline {
    width:389px;
  }
  .Multistorey-subtext {
    padding-top: 0px;
  }
  .each_data_subtitle_data {
    font-size: 13px;
  }
  .property_list_title{
    width:100%;
  }
  .list_img_container{
    left: 1%;
  }
  .list_data_right{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } 
  .price_container{
/*    width:80%;*/
    margin: 0px 23px 23px 22px;
  }
  .each_button_container{ 
    border-radius: 10px 10px 0px 0px;
    margin: 0px; 
    padding-top: 20px;
    height: 186px;
  }
} 

/*col-xxl*/
@media only screen and (min-width: 1400px){
  .property_list_title{
    width:100%;
  }
  .property_tagline {
    width:403px;
  }
  .price_container {
        margin: 0px 23px 0px 22px;
    }
}