@media (max-width: 1366px) {
  
}

@media (max-width: 1024px) {
  
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  
}

@media (max-width: 980px) {
  
}

@media (max-width: 540px) {
  .filter-list form{
    flex-wrap: wrap;
  }
  .filter-list select {
    font-size: 13px;
    padding: 10px 10px;
    width: 48%;
  }
  section.properties-banner{
    padding-top: 72px;
    height: auto;
    padding-bottom: 25px;
  }
  section.properties-banner .col-5{
    width:100%;
    padding:0;
  }
  .search-banner{
    padding: 10px 10px;
    position: relative;
    bottom: 0;
  }
  .search-banner .col-3 {
    width: 100%;
    border-right: 0px dotted #00000063;
    border-bottom: 1px dotted #00000063;
    padding: 0;
    padding-bottom:15px;
}
  .search-banner .row{
   gap:15px; 
  }
  .search-banner .col-3.search-btn{
    border-bottom: 0px dotted #00000063;
    padding-bottom:0px;
  }
  .filter-list{
    flex-direction: column;
  }
  .filter-list .main-btn{
    width: 100%;
    justify-content: center;
  }
  div#exampleModal .modal-header {
    padding-left: 12px;
    padding-right: 12px;
  }
  div#exampleModal .modal-content {
    border-radius: 20px;
}
  div#exampleModal .modal-body {
    padding: 0 15px;
    height: 280px;
    overflow-y: scroll;
}
  div#exampleModal .place-type, div#exampleModal .bed-rooms{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
div#exampleModal h3 {
    font-size: 17px;
  }
  div#exampleModal .place-type ul li {
    width: 50%;
    font-size: 15px;
}
  div#exampleModal .place-type ul{
    flex-wrap: wrap;
  }
  div#exampleModal .place-type ul li a{
   border-bottom: 1px solid #ddd; 
    border-right:0px solid;
        height: 34px;
    font-size: 14px;
  }
  div#exampleModal .place-type ul li:last-child a{
    border-bottom: 0px solid #ddd; 
  }
  div#exampleModal .place-type ul li a.active:hover {
    border: 1px solid #000;
  }
  div#exampleModal .place-type ul li a.active{
    border:1px solid var(--secondary-color);
  }
  div#exampleModal .bed-rooms-list p{
    font-size: 14px;
  }
  .bed-rooms-left {
    display: flex;
    align-items: center;
}
  div#exampleModal .amenities-info{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  div#exampleModal .amenities-info h5 {
    font-size: 15px;
  }
  div#exampleModal .amenities-info li a{
   gap: 5px;
        padding: 8px 12px;
    font-size: 13px;
  }
  .amenity-list-item {
    height: 135px;
  }
  div#exampleModal .modal-footer{
   padding:12px 15px; 
  }
  div#exampleModal .modal-footer button.clear-btn{
    padding: 8px;
    font-size: 14px;
  }
  div#exampleModal .modal-footer .main-btn{
    font-size: 13px;
  }
  .pro-left{
   width:100%;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 0;
  }
  section.pro-sec {
    padding-top: 0;
  }
  .pro-list h5 {
    font-size: 21px;
  }
  .pro-details{
    height: auto;
    padding-right: 0;
  }
  .pro-list-items{
    min-height: auto;
    flex-direction:column;
  }
  .pro-list-items .pro-list-img img{
    height: 200px;
  }
  .pro-list-items .pro-list-img{
   width:100%; 
  }
  .pro-list-cont{
    width:100%; 
  }
  .pro-list-cont h4 {
    font-size: 21px;
  }
  .amn-list{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pro-btn.pros{
   display:none; 
  }
  .pro-sec .row {
    gap: 25px 0;
}
  .pro-right, .pro-right iframe{
    padding: 0;
    height: 350px;
    width:100%;
}
  .experiences-bottom-list{
    padding: 15px;
        margin-top: 20px;
        flex-direction: column;
  }
  .experiences-bottom-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: 0px dotted #00000063;
    display: flex;
    gap: 12px;
}
  .experiences-bottom-item:not(:last-child){
    border-bottom: 1px dotted #00000063;
    padding-bottom: 15px;
        margin-bottom: 15px;
  }
  .experiences-bottom-item img {
    width: 35px;
    height: 35px;
}
  .head-sec{
   margin-bottom:25px; 
  }
  .review-slide .review-icon img {
    width: 25px;
}
  .review-slide .review-icon {
    margin-bottom: 10px;
}
  .review-slide .review-author img {
    width: 55px;
    height: 55px;
    min-width: 55px;
  }
  section.review-sec .owl-carousel .owl-nav button.owl-next, section.review-sec .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    font-size: 17px;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    left: 0;
    
  }
  section.review-sec .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap:25px;
}
  section.review-sec .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: auto;
}
  section.review-sec .owl-dots{
    display:none;
  }
      .faq-sec {
        padding: var(--p32) 0;
    }
  div#accordionExample{
    gap: 15px 0;
    flex-direction: column;
  }
  section.faq-sec .accordion-item {
    width: 100%;
}
  .experiences-info{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  .experiences-content {
    width: 100%;
    margin-top: 100px;
    padding: 15px;
  }
  .experiences-overlay{
    background: linear-gradient(360deg, rgb(19 20 22 / 100%) 45%, rgba(19, 20, 22, 0) 100%);
  }
  .experiences-btn{
    gap: 12px;
    margin-top: 20px;
  }
  .experiences-sec {
    margin-top: 25px;
}
  .price-filter{
    max-width: 360px;
    width: 360px;
    left: -130%;
    top: 50px;
  }
  .price-filter h4{
    font-size: 18px;
  }
  .filter-list .price-filter .main-btn{
    width:auto;
  }
  section.search-sec {
    margin-top: 20px;
  }
  .search-info{
   max-width:100%;
    padding: 15px 10px;
  }
  .search-info .col-3{
    width:100%;
    border-right: 0px dotted #bdbaba;
    padding:0;
  }
  .search-info .field-icon img {
    width: 21px;
}
  .search-info .field-info{
   width:100%; 
  }
  .search-info .row{
    gap:15px;
  }
  .search-info .col-3.form-btn{
   width:100%; 
  }
  .search-btn button.btn.btn-orange{
    width: 100%;
    border-radius: 15px;
  }
  .filter-sec {
    margin-bottom: 20px;
}
  .pro-btn .main-btn{
   font-size:14px; 
  }
  .pro-map, #map{
    min-height: 350px !important;
  }
  .sec .d-flex.justify-content-between.align-items-end.mb-4 {
        justify-content: center !important;
        align-items: center !important;
        text-align: center;
    }
  .desk-btn{
   display:none !important; 
  }
  section#destinations .col-6.col-md {
    width: 100%;
    padding:0;
}
  section#destinations .row{
   gap:25px; 
  }
      .mob-btn {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
  div#accordionExample{
        grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 360px) {
 
}

@media (max-width: 320px) {
  
}