@media (max-width: 980px){
	 section.featured-pro .row .col-md-3 {
    width: 100%;
    }
    section.featured-pro .row {
    gap: 30px 0%;
}
section.featured-pro img.img-fluid{
    height: 350px;
}
}
@media (max-width: 540px){
    section.featured-pro img.img-fluid {
    height: 300px;
}
section.featured-pro h3.title{
    font-size: var(--f17);
    height: auto;
}
section.featured-pro ul li {
    font-size: var(--f15);
}
section.featured-pro p.adr{
     font-size: var(--f14);
}
      .search-bar-inner {
        position: relative;
        bottom: 0;
    }
      .search-bar form {
        padding: 0 0;
        max-width: 100%;
        box-shadow: 0 0 0px rgba(0, 0, 0, .1);
    }
      .search-bar .row {
        gap: 15px;
    }
      .search-bar .check {
        width: 100%;
        padding: 0;
    }
      .search-bar-inner .col-4.datepicker-common-2.datepicker-main {
        width: 100%;
    }
  .search-bar input#demo17 {
        height: 120px !important;
    }
      .search-bar-inner .check-detail, .search-bar-inner .guest-detail {
        border-right: 0px solid;
    }
      .search-bar button.main-btn {
        width: 100%;
        font-size: var(--f14);
    }
      .search-bar .col-3 {
        width: 100%;
    }
  .hero-content{
   padding:30px 12px; 
  }
  .search-bar{
    width:100%;
  }
  section.property-sec{
    background-size: 100px;
        background-position: 98% bottom;
    padding-bottom: 50px;
  }
  section.property-sec .container{
  padding-left:0;
    padding-right:0;
}
  section.property-sec .sec-pro {
    width: 100%;
  }
      section.property-sec .sec-pro-content {
        width: 100%;
        padding: 10px 15px;
    }
}