.filter-outer { display: flex; max-width: 1330px; margin: 0 auto; margin-top: 50px; justify-content: space-between; padding:0 15px; }
.filter-outer > div { flex: 4 .8 auto; }
.filter-column-1 form, .filter-column-1 > form > div { display:flex; align-items: center; position: relative; }
.filter-column-1 > form > div { flex-direction:column; }
.sort-by-bedroom, .filter-outer label { display:none; }
.filter-column-1 form, .filter-column-2, .filter-column-3 {     padding: 10px;
    border-radius: 50px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 40px #cdcdcd;
    border: solid 1px #cdcdcd; display: flex;
    align-items: center; justify-content:center; height: 50px;}
.filter-column-1 form { justify-content: space-between; padding: 10px 10px 10px 15px; }
.filter-column-2, .filter-column-3 { box-shadow:none; margin-left:10px; }
#datepicker-end, #datepicker-start { position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    z-index: 9;
    top: 50px;
    left: 0;
    border-radius: 5px; }
#datepicker-end { left:inherit; right:0; }
.filter-outer select {border: none;
    border-bottom: 0px solid #eaeaea;
    font-size: 16px;
    line-height: 30px;
    color: #3b444f;
    font-family: "Lora";
    font-weight: 400;
    width: 100%;
    height: 40px; z-index: 10;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none; background-color: transparent;
    appearance: none; position:relative; padding-right:20px; }
    .filter-outer .bedroom-filter { padding-right:5px; margin-right:5px; }

.filter-outer .search-btn, .modal .search-btn-all {
	border-radius: 50px;
    background-color: #c6aa70;
    color: #fff;
    font-size: 16px;
    font-family: "Roboto Condensed";
    font-weight: 400;
    line-height: 50px;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 18px 20px;
    outline: none !important;
    margin-bottom: 0px;
    font-family: "Lora";
    padding: 0 28px;
    border: solid 1px #c6aa70;
    margin-right: -10px;
}
.modal .search-btn-all:hover { color: #c6aa70; border-color: #c6aa70; background-color: #ffffff; }
.modal .reset-all-filters { min-height: 40px;  }
.filter-outer .bedroom-filter, .filter-outer .check-in-filter, .filter-outer .check-out-filter { position:relative; margin-right: 12px; padding-right: 28px; }
.filter-outer .bedroom-filter:after, .filter-outer .check-in-filter:after, .filter-outer .check-out-filter:after {
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    position: absolute;
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 0px;
    right: 20px;
    top: 12px;
    color: #333;
    content: "\f107"; background-color: #ffffff; z-index: 5;
}
.filter-outer .check-in-filter:after, .filter-outer .check-out-filter:after {
    content: "\f073"; top:7px; right: 0px;
}
.reset-all-filters { padding: 10px;
    border-radius: 50px;
    background: #fff;
    text-align: center;
    border: solid 1px #cdcdcd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    width: 90px;
    margin-left: 5px; min-height: 50px; }
.check-item input[type=checkbox] {
  position: relative;
    border: 2px solid #ab822c;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
  opacity: .5;
}
.filter-column-4 .reset-filters { display: flex; justify-content: end; }
.check-item input[type=checkbox]:hover {
  opacity: 1;
}

.check-item input[type=checkbox]:checked {
  background-color: #ab822c;
  opacity: 1;
}

.check-item input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 6px;
  height: 12px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.reservation-terms ul li { display: inline-block; }


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


.filter-outer-wrap .filter-column-2 { width: 100%; }

}




@media (max-width:991px){
    .filter-outer {  margin-top: 40px; }
    .filter-column-2, .filter-column-3 { margin-left: 10px; }
    .filter-outer { flex-flow: wrap; }
    .filter-outer .filter-column-1 { margin-bottom:15px; width:100%; }
    .filter-column-1 form { padding: 10px 20px;/* display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; */border-radius: 10px; column-gap: 2%; }
    .filter-outer .search-btn { padding: 0 35px; line-height: 40px; }
    .reset-all-filters { min-height: 45px; border-radius: 10px;margin-top: 15px; }
    .filter-outer .search-btn { border-radius:10px; }
    .filter-column-1 form, .filter-column-2, .filter-column-3 { border-radius:10px; padding:10px; }
    .filter-outer .bedroom-filter, .filter-outer .check-in-filter, .filter-outer .check-out-filter { padding-right: 12px; }
    .filter-outer .bedroom-filter:after, .filter-outer .check-in-filter:after, .filter-outer .check-out-filter:after { right: -6px; }
    .filter-outer select { padding-right: 0; }
}
@media (max-width: 767px) {

.filter-column-1 form, .filter-column-2, .filter-column-3 { height:inherit;display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px; }

}
@media (max-width:567px) {
    .filter-column-1 form { column-gap: 0; }
    .filterAmenityPopUp-class { height: 40px; line-height: 40px; }
    .filter-column-2 { width:100%; margin-bottom:10px; }
    .filter-column-2, .filter-column-3 { margin-left: 0; }
    .filter-outer .check-in-filter, .filter-outer .check-out-filter { position:inherit; }
    #datepicker-start { left: 0px; }
    #datepicker-end { right: -75px; }

    .filter-outer .bedroom-filter, .filter-outer .check-in-filter, .filter-outer .check-out-filter { margin-right: 15px; padding-right: 25px; }
    .filter-outer select, .check-in-conent, .check-out-conent, .filter-outer .bedroom-filter:after, .filter-outer .check-in-filter:after, .filter-outer .check-out-filter:after { font-size:14px; }
    .filter-outer .search-btn { padding: 0 12px; line-height: 32px; font-size:14px; }
    .filter-column-1 form, .filter-column-2, .filter-column-3 { padding:5px; }
    .properties-grid { padding: 0 !important; }
    .filter-outer { margin-top: 0px; }
    .banner-cont h1 { font-size: 24px; line-height: 34px; }
    .properties-grid { margin-top: 41px; }

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

    .filter-column-1 form, .filter-column-2, .filter-column-3 { grid-template-columns: 1fr 1fr; }

    #datepicker-end { right: -110px; }
}
@media (max-width:360px){
    .filter-column-2 { margin-bottom:10px; }
}