@media (max-width: 1024px) {
    .see-more .col-4 {
        width:50%
    }
    section.home-list{
      padding: var(--p60) 0;
    }
  .search-bar-inner .row{
    /* gap: 10px; */
  }
}

@media (max-width: 980px) {
    section.properties-list {
        padding-top:30px
    }

    .see-more {
        margin-top: 50px;
        padding: 0
    }

    .see-more .col-4 {
        width: 50%
    }
}

@media (max-width: 540px) {
  .common-banner-section .guides{
    padding-left:12px;
    padding-right:12px;
  }
  .common-banner-section .c-hero__background {
        height: 300px;
    }
      .common-banner-section .guides h1 {
        font-size: 26px;
    }
  div#exampleModal .modal-header{
    padding-left: 20px;
    padding-right: 20px;
  }
  div#exampleModal .modal-body{
    padding:0 20px;
  }
  div#exampleModal .place-type, div#exampleModal .bed-rooms, div#exampleModal .amenities-info{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  div#exampleModal h3 {
    font-size: 18px;
}
  div#exampleModal .place-type ul{
    flex-wrap: wrap;
  }
  div#exampleModal .amenities-info h5{
   font-size:15px; 
  }
  div#exampleModal .modal-footer{
    padding: 13px 20px;
  }
  section.pro-list-sec .pro-list-left {
    width: 100%;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
  section.search-sec{
    padding-left:0;
    padding-right:0;
  }
  .hero-content{
   padding:0;
   flex-direction: column;
   gap: 20px;
  }
    section.properties-list .property-list img {
        height: 220px;
    }

    .pro-list-info,section#rvws h2,section.list-banner h1 {
        text-align: center;
        margin-bottom: 0px;
    }
    section.list-banner h1{
        display: none;
    }

    section.list-banner {
        height: 250px;
        padding: 40px 0 10px;
    }
    .search-info{
        padding: 0;
    }

    section.properties-list .list-btn {
        flex-direction: column;
        align-items: flex-start;
    }

    section.properties-list {
        padding-top: 40px
    }

    section.properties-list .item {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .see-more {
        margin-top: 40px;
        padding: 0
    }

    .see-more .col-4 {
        width: 100%;
        padding: 0
    }

    .search-head h4 {
        border-bottom: 1px solid #ffffff38;
        font-size: 20px;
        padding-bottom: 15px;
        color: var(--white-color);
        font-weight: 400;
        font-family: var(--secondary-font);
        text-transform: capitalize;
        letter-spacing: 0
    }

    .search-head i.fa.fa-times.close2 {
        font-size: 20px;
        color: rgba(255,255,255,.5);
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 15px
    }
    .search-bar-inner input[type=text]{
        /* padding-left: 0; */
    }
    .adult-btn{
        right: 0;
    }
    .search-bar-inner .guest-detail{
        /* padding-top: 0; */
        /* padding-right: 0; */
    }
    .search-bar button.main-btn{
        background:var(--white-color);
        border-radius:0;
        color:#2a2a2a;
    }
  .search-bar.pro-srch {
    top: 20px;
    bottom: 0;
    width: 100%;
}
      section.home-list {
        padding: var(--p40) 0;
    }
  .property-list-view-scroll {
    max-height: max-content;
    overflow-y: auto;
}
  iframe {
    height: 350px;
}
  .search-bar {
        /* bottom: 0 !important; */
        top: 0;
  }
  .search-bar-inner{
    /* background: var(--territiary-color); */
  }
  section.pro-list-sec .pro-list-head {
    padding-top: 20px;
    padding-bottom: 15px;
}
  section.pro-list-sec h1 {
    font-size: 24px;
  }
  section.pro-list-sec .pro-list-content .row {
    gap: 30px 0%;
}
  section.pro-list-sec .pro-list-content .col-6 {
    width: 100%;
    padding: 0;
}
  .pro-list-details .pro-cont{
    padding: 15px;
  }
  .alert {
    padding-top: 10px;
}
  section.pro-list-sec .pro-list-right {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  #map{
   height:300px !important; 
  }
  .pro-list-content {
    /* height: 400px; */
    /* overflow-y: auto; */
}
}

@media screen and (min-height: 600px) and (max-height:700px) {
    section.properties-list .property-list img {
        height: 22vh;
    }
}

@media screen and (min-height: 700px) and (max-height:800px) {
    section.properties-list .property-list img {
        height: 27.5vh;
    }
}

@media screen and (min-height: 801px) and (max-height:900px) {
    section.properties-list .property-list img {
        height: 30vh;
    }
}