@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){

    .search-bar form {
        width: 95%;
    }

    section.home-list ul li {
        display: block;
    }
    section.property-detail .col-8 {
    padding-right: 0px;
    width: 100%;
}
div#book {
    width: 100%;
    padding: 0px;
}
.ovabrw_datetime_wrapper{
    width: 49.7%;
}
a.sticky.main-btn{
    display:block;
}
}
@media (max-width: 980px){


    .search-bar form{
        width: 95%;
        position: relative;
        bottom: 0px;
        margin-top: var(--m20);
        padding: var(--p20);
        margin-bottom: 0px;
    }
    .search-bar .check{
        margin-bottom:15px;
    }
    .search-bar .check:before{
        display:none;
    }
    .search-bar input{
        line-height: 34px;
        font-weight: 400;
        border-radius: 40px 0 0 40px;
        padding: var(--p12) var(--p22) var(--p11) var(--p48);
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
    }
    
    .search-bar .guest input{
        border-radius: 40px !important;
    }
    .search-bar .form-control:focus {
        background-color: #f5f5f5 !important;
        border-color: #e0e0e0 !important;
    }
    .search-bar .col-3:before{
        display:none;
    }
    .search-bar i {
        top: 1.2rem;
        font-size: var(--f18);
        left: 20px;
        right: auto;
    }
    .search-bar select{
        height: 59px;
        width: 100%;
        line-height: 34px;
        font-weight: 400;
        border-radius: 40px;
        padding: var(--p12) var(--p22) var(--p11) var(--p12);
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        text-indent: 32px;
    }
    .search-bar form {
        width: 95%;
        position: relative;
        bottom: 0px;
        margin-top: var(--m20);
        padding: var(--p20);
        margin-bottom: 0px;
        top: 215px;
    }
    .search-bar .main-check {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
    }
    .search-bar input {
        line-height: 34px;
        font-weight: 400;
        border-radius: 40px 0 0 40px;
        padding: var(--p12) var(--p22) var(--p11) var(--p48);
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
    }
    .search-bar .check {
        margin-bottom: 15px;
    }
    .search-bar input#end_date {
        padding-left: 48px;
        border-radius: 0 40px 40px 0;
    }
    .search-bar .datepicker-common-2 {
        padding: 0;
        width: 50%;
    }
    .search-bar .col-6{
        width: 100%;
    }
    .search-bar .guest input {
        border-radius: 40px !important;
    }
    .search-bar .col-3{
       width: 100%;
            margin-bottom: 15px;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
    }
    .search-bar .col-3.md-12.sm-12.srch-btn {
        width: 100%;
        margin-bottom: 0px;
        padding-left: 0;
    }
    .search-bar .check i {
        top: 1.2rem;
    }
    .search-bar input#end_date {
            padding-left: 48px;
            border-radius: 0 40px 40px 0;
        }
    .search-bar button.main-btn{
        height: 60px;
        border-radius: 40px;
    }
    .search-bar .guest input {
        border-radius: 40px !important;
    }


    input#show-target-data {
        height: 59px;
        padding: 0 !important;
        border: 1px solid #e0e0e0;
    }

    section.home-list {

        padding-top: 300px;
    }














    
    a.sticky.main-btn {
    display: block;
}
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-9, .col-3{
    width:100%;
}
.big-img {
    width: 73%;
}
.col-3.sidebar{
     width: 25%;
}
}
@media (max-width: 540px){
  
    section.featured-pro .pro-img {
        position: relative;
        overflow: hidden;
        /* height: 450px; */
    }

    section.home-list {
        padding-top: 380px;
    }
    .search-bar input#end_date {
        border-radius: 40px;
    }
    .search-bar input {
        border-radius: 40px;
    }
    .search-bar .datepicker-common-2 {
        padding: 0;
        width: 100%;
    }
    .search-bar form {
        top: 98px;
    }
    section.home-list .col-12{
        padding: 0 !important;
    }
    .side-map h3{
        font-size: var(--f20);
        text-align:center;
    }
    .reviews h2{
         font-size: var(--f22);
    }
    .reviews, .policies, .ammenities {
    padding: var(--p30) 0px;
    }
    .review-img img{
        margin-bottom:10px;
    }
    .ammenities .col-6 {
    flex: 0 0 auto;
    width: 100%;
}
    .property-detail h4 {
    font-size: var(--f22);
}
.property-detail h6 {
    font-size: var(--f16);
}
.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: 0px;
}
.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 0px;
}
.gallery1 .big-img a span {
    border-radius: 0px 0px 0px 0px;
}
.col-3.sidebar {
    width: 100%;
}
.gallery1 .sidebar .img-active img {
    height: 200px;
}
.gallery1 .sidebar .img-active:first-child img{
    border-radius: 0;
}
.gallery1 .sidebar .img-active:last-child img{
    border-radius: 0px 0px 20px 20px;
}
.gallery1 .sidebar .img-active:last-child span {
    border-radius: 0px 0px 20px 20px;
}
.description h2, .ammenities h2, .policies h2, .contact-form h2{
    font-size: var(--f22);
}
.ammenities .col-4{
    width:50%;
}
.main-form {
    padding: var(--p30) var(--p20);
}
.ovabrw_datetime_wrapper {
    width: 100%;
}
.banner h1, .breadcrumb-wrap{
    display:none;
}
.gallery1 button{
    padding: var(--p5) var(--p8);
}
.review-img {
    width: 100%;
    padding: 0px;
}
.col-review {
    width: 100%;
    padding: 0px;
}
.review-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
a.sticky.main-btn {
    transform: rotate(0deg);
    position: fixed;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 9;
}
footer .copyright {
    padding-bottom: var(--p60);
}
.get-quote .main-cal{
    flex-direction: column;
}
input#demo17{
    height: 122px !important;
}
div#datepicker-demo17 {
    margin-top: 140px;
}
}
@media (max-width: 360px){
    .property-detail h4 {
    font-size: var(--f20);
}
.property-detail h6 {
    font-size: var(--f15);
}

.description h2, .ammenities h2, .policies h2, .contact-form h2 {
    font-size: var(--f22);
}
.ammenities .col-4 {
    width: 50%;
    font-size: var(--f15);
}
.main-form{
    padding-top:0px;
}
.form-label{
    font-size: var(--f15);
}
.form-control{
    font-size: var(--f14);
}
form#booking_form p{
    font-size: 13px;
}
}
@media (max-width: 320px){
    .ammenities .col-4 {
    width: 100%;
    font-size: var(--f15);
}
.contact-form .row .col-6 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--m20);
}
.contact-form .row {
    padding: 0px;
    padding-top: 0px;
    gap: 2%;
}
.main-form{
    padding-top:var(--p30);
}
}