@media (max-width: 1540px) {
    section.property-detail .col-10 {
        flex:0 0 auto;
        width: 79.333333%
    }

    section.property-detail .col-2 {
        flex: 0 0 auto;
        width: 20.666667%
    }
}

@media (max-width: 1400px) {
    .ovabrw_datetime_wrapper {
        position:relative;
        width: 49.3%;
        display: inline-block
    }
}

@media (max-width: 1280px) {
    .prop-price h5 {
        font-size:var(--f20)
    }
}

@media (max-width: 1024px) {
    section.property-detail .col-8 {
        padding-right:0;
        width: 100%
    }

    div#book {
        width: 100%;
        padding: 0
    }

    .ovabrw_datetime_wrapper {
        width: 49.7%
    }

    a.sticky.main-btn {
        display: block
    }

    #book .side-area {
        padding: 25px
    }
}

@media (max-width: 980px) {
  .more-properties h5 span{
    font-size: var(--f18);
  }
  .more-properties .pro-cont{
    padding: var(--p30) var(--p15) var(--p15) var(--p15);
    margin-top: -10px;
  }
  .more-properties h3.title {
        font-size: var(--f18);
        height: 28px;
    }
    .more-properties .prop-view-btn a {
    text-decoration: underline;
    font-size: var(--f16);
}
    .book-now-mob p.price,a.sticky.main-btn {
        display:none
    }

    section.property-detail {
        /* padding:85px 20px; */
    }

    .property-detail .row.gallery {
        margin-bottom: 30px
    }

    .property-detail .upper-area h3 {
        font-size: var(--f24)
    }

    .property-detail .row.bottom h4 {
        font-size: 22px
    }

    .spec-list p {
        font-size: var(--f17)
    }

    #book .side-area {
        padding: 30px
    }

    section.car-section {
        padding: 0 20px 80px
    }

    section.property-detail .col-10 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: var(--m20)
    }

    section.property-detail .col-2 {
        flex: 0 0 auto;
        width: 100%
    }

    .prop-price h5 {
        text-align: left
    }

    .col-3,.col-9 {
        width: 100%
    }

    .big-img {
        width: 73%
    }

    .col-3.sidebar {
        width: 25%
    }

    .property-detail h2 {
        font-size: 36px
    }

    .property-detail .row.bottom .amenities .row h4 {
        font-size: 18px
    }

    .book-now-mob {
        display: block
    }
}

@media (max-width: 540px) {
    #tidio-chat iframe {
        inset:auto -7px 55px auto!important
    }

    .property-detail h2 {
        font-size: 28px
    }

    section.property-detail {
        padding: 40px 0px
    }

    .property-detail .gallery .col-6.left img {
        height: 200px;
        border-radius: 12px 12px 0 0
    }

    .property-detail .gallery .col-6.left {
        width: 100%;
        margin-bottom: var(--m14)
    }

    .col-3.sidebar,.ovabrw_datetime_wrapper,.property-detail .gallery .col-6,section.car-section .img-sec {
        width: 100%
    }

    .property-detail .gallery .col-6.right img {
        height: 150px
    }

    .gallery1 .big-img a span,.gallery1 .sidebar .img-active:first-child img,.property-detail .gallery .col-6.right .col-6:nth-child(2) img {
        border-radius: 0
    }
.property-detail .adr-area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
}
    .property-detail .gallery .col-6.right .col-6:nth-child(3) img {
        border-radius: 0 0 0 12px
    }

    .property-detail .row.gallery {
        margin-bottom: 20px
    }

    .ammenities h2,.contact-form h2,.description h2,.policies h2,.property-detail .upper-area h3,.property-detail h4,.reviews h2 {
        font-size: var(--f20)
    }

    .property-detail .row.bottom h4,section.car-section .price h6 {
        font-size: 19px
    }
  .property-detail .ammenity-home span{
    text-align: center;
  }
.property-detail .ammenity-home{
      gap: 5px;
    justify-content: space-between;
  }
    .spec {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px 0
    }

    .spec-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 33.33%
    }
  #amn .modal-dialog, #rvw .modal-dialog, #house .modal-dialog, #safety .modal-dialog, #cancel .modal-dialog{
   width:80%; 
  }
  #more, #less, #revw, #revl, #revw1, #revl1, #revw2, #revl2, .rul{
    font-size:14px;
  }
.property-detail .share-show-all-btn button.show-all-btn, button.main-btn.share, .property-detail .gallery button.main-btn{
  font-size:14px;
  }
   .property-detail .upper-area {
    margin-bottom: var(--m20);
}
div#book{
  margin-top:30px;
  }
    #book .side-area {
        padding: 20px
    }
  .more-properties h4 {
    margin-bottom: 15px;
}
  .price span {
    font-size: 14px;
  }
#book .price p {
    font-size: var(--f21);
  }
    section.car-section {
        padding: 0 10px 45px
    }

    section.car-section .property-card img {
        height: 200px;
        width: 100%
    }

    section.car-section .property-card h5 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .ammenities,.policies,.reviews {
        padding: var(--p30) 0
    }

    .review-img img {
        margin-bottom: 10px
    }

    section.car-section .ammenities img {
        width: 23px!important
    }

    .property-detail .ammenity-home li {
        font-size: var(--f15);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        text-align: center
    }

    .prop-price h5 {
        font-size: var(--f18);
        margin-bottom: 0
    }

    .prop-price h5 span {
        font-size: var(--f14)
    }

    .big-img {
        width: 100%;
        margin-bottom: var(--m20)
    }

    .gallery1 .big-img a img {
        height: 200px;
        border-radius: 20px 20px 0 0
    }

    .gallery1 .sidebar .img-active img {
        height: 200px
    }

    .gallery1 .sidebar .img-active:last-child img,.gallery1 .sidebar .img-active:last-child span {
        border-radius: 0 0 20px 20px
    }

    .amenities .col-4 {
        width: 50%;
        padding: 0 12px
    }

    .gtiuwG {
        padding: 0!important
    }

    .amenities img {
        width: 30px;
        height: 30px;
        margin-bottom: 10px
    }

    .property-detail .row.bottom .amenities .row h4 {
        font-size: 17px
    }

    .ammenities .col-4 {
        width: 50%
    }

    .main-form {
        padding: var(--p30) var(--p20)
    }

    .banner h1,.breadcrumb-wrap {
        display: none
    }

    .gallery1 button {
        padding: var(--p5) var(--p8)
    }

    .col-review,.review-img {
        width: 100%;
        padding: 0
    }

    .review-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column
    }

    a.sticky.main-btn {
        transform: rotate(0);
        position: relative;
        width: auto;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        font-size: 14px;
        display: none
    }

    .book-now-mob {
        display: none;
        justify-content: space-between;
        padding: 10px 12px;
        background: #fff;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 4;
        align-items: center
    }

    .book-now-mob p.price {
        color: var(--secondary-color);
        margin-bottom: 0;
        line-height: 1.4;
        font-size: 21px;
        font-weight: 700;
        display: inline-block
    }

    .book-now-mob p.price span {
        font-size: 14px;
        font-weight: 600
    }

    footer .copyright {
        padding-bottom: 10px
    }

    .features-sec .features-col {
        width: 100%;
        padding: 0!important;
        text-align: left
    }

    .features-sec .row {
        gap: 30px 0
    }

    .features-sec img {
        width: 70px;
        margin-bottom: 20px
    }

    .limou-form form .form-bottom,.limou-form form .form-upper {
        flex-wrap: wrap
    }
}

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

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