@media (max-width: 1366px) {
  
}
@media (max-width: 991px) {
 
}
@media (max-width: 540px) {
  section.about-banner{
    padding-top: 72px;
        height: auto;
        padding-bottom: 25px;
  }
  section.about-banner .pro-content {
        width: 100%;
        padding: 0;
    }
   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;
  }
 .banner-btn{
   flex-direction: column;
  }
  .banner-btn .main-btn{
        width: 100%;
    justify-content: center;
    padding: .7rem 1.5rem;
  }
  section.dd-about .col-lg-5, section.dd-about .col-lg-7{
    padding:0;
  }
  section#properties .d-flex.justify-content-between.align-items-end.mb-4 {
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
}
  section#properties .owl-carousel .owl-nav button.owl-next, section#properties .owl-carousel .owl-nav button.owl-prev{
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    transform: translateY(0%);
    left: 0px;
  }
  section#properties .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 0px;
}
  section#properties .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top:20px;
}
  section#properties .owl-dots{
    flex-wrap: wrap;
  }
  .dd-why .head-sec{
   margin-bottom:25px; 
  }
  .dd-why .col-6.col-lg-3{
   padding:0;
    border-right:0px solid !important;
    width:100%;
  }
  .dd-why .row{
    gap:20px;
  }
  .dd-sec-head{
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom:25px;
  }
  .dd-owl .owl-nav button.owl-prev, .dd-owl .owl-nav button.owl-next{
     width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    transform: translateY(0%);
    left: 0px;
  }
  .dd-owl .owl-nav button.owl-next{
     left: auto;
    right: 0px;
  }
  section#attractions .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top:20px;
}
  section.dd-faq .dd-sec-head {
    padding-left: 0px;
    padding-right: 0px;
}
  .mob-btn {
    display: block;
    text-align: center;
    margin-top: 20px;
}
  section.dd-faq .col-lg-6{
    padding-left: 0px;
    padding-right: 0px;
  }
  section.dd-nearby .head-sec {
    text-align: center;
    margin-bottom: 25px;
}
  .near-info {
    width: 49%;
    padding: 0;
}
section.dd-nearby .row{
  justify-content:space-between;
  gap:20px 0;
  }
  .dd-nearby-card{
   padding:10px; 
  }
  .dd-cta {
        padding: 15px !important;
        padding-top: 100px !important;
        gap: 20px;
        background-size: cover;
        background-position: top;
        background-image: linear-gradient(360deg, rgb(19 20 22 / 100%) 45%, rgba(19, 20, 22, 0) 100%), url(https://picsum.photos/seed/pr-lighthouse-dusk/1400/500);
    }
}