@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;
    padding-bottom: 30px;
}
  section.search-sec{
    padding-left:0;
    padding-right:0;
    padding-top: 40px;
  }
    
  .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: 0;
    margin: 0;
    padding: 0;
}
  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; */
}
  .pro-list-details {
    height: auto;
    overflow-y: auto;
    padding-right: 12px;
    padding-left: 12px;
}
  .pro-list-details .pros-btn{
    bottom: 0;
  }
  .header-head h1{
   font-size:30px; 
  }
  .header-head{
    margin-bottom:25px;
  }
  section.choose-sec .head-sec{
    margin-bottom:25px;
    max-width: 100%;
  }
  section.choose-sec .head-sec span.head-text{
   font-size:14px; 
  }
  section.choose-sec .col-4{
   width:100%;
    padding:0;
  }
  section.choose-sec .col-4:not(:last-child) {
    border-right: 0px solid var(--territiary-color);
    border-bottom: 1px solid var(--territiary-color);
    margin-bottom:25px;
    padding-bottom:9px;
}
  section.choose-sec .choose-item{
   padding-left:0;
    padding-right:0;
  }
  section.choose-sec .bottom-row{
    margin-top:9px;
    padding-top:25px;
    flex-direction: column;
  }
  section.choose-sec .col-5{
    width:100%;
    padding:0;
  }
  .choose-bottom-cont{
   padding-right:0; 
  }
  section.choose-sec .choose-bottom-right {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}
  section.choose-sec img.choose-img{
    height: 250px;
  }
  section.choose-sec .choose-loc{
   left: 50%;
    transform: translateX(-50%);
    top: -20px;
  }
  section.every-stay .head-sec{
    margin-bottom:25px;
    max-width: 100%;
  }
  section.every-stay .head-sec span.head-text {
        font-size: 14px;
    }
  section.every-stay .col-3{
    width:100%;
    border-right:0px solid;
    padding:0;
  }
  section.every-stay .col-3:not(:last-child){
   border-bottom: 1px solid var(--territiary-color);
    padding-bottom:25px;
  }
  section.every-stay .every-stay-item img{
   width:60px; 
  }
  section.every-stay .every-stay-list {
    gap: 25px 0;
}
  .every-stay-bottom {
    margin-top: 25px;
    padding-top: 18px;
}
}

@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;
    }
}