/* ************************** */
/* ***** NEW SEARCH CSS ***** */
/* ************************** */


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield; 
}

.search-form-wrapper .draw-buttons {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}

.search-form-wrapper .draw-buttons .draw-search {
    width: calc(50% - 15px - 40px);
    margin-right: 30px;
    background-color: #a4a4a4;
    color: #ffffff;
    padding: 0px 20px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease; 
    cursor: default;
    float:left;
}

.search-form-wrapper .draw-buttons .draw-search.enabled {
    background-color: #80ba27;
    cursor: pointer;
}

.search-form-wrapper .draw-buttons .draw-search.enabled:hover {
    background-color: #002e51; 
}

.search-form-wrapper .draw-buttons .draw-button {
    width: calc(250px - 15px - 40px);
    margin-left: 30px;
    background-color: #002e51;
    cursor: pointer;
    color: #ffffff;
    padding: 2px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 2.4em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    visibility: hidden; 
    float:right;
}

.search-form-wrapper .draw-buttons .draw-button.active {
    opacity: 1;
    visibility: visible; 
}

.search-form-wrapper .draw-buttons .draw-button:hover {
    background-color: #80ba27; 
}

.search-form-wrapper .draw-buttons .draw-button:last-child {
    margin-right: 0px; 
}

.search-form-wrapper .draw-buttons .draw-button.disabled {
    cursor: not-allowed;
    background-color: #cccccc; 
}

.search-form-wrapper .info {
    color: #002e51;
    font-weight: normal;
    font-size: 30px;
    margin-top: 1.2em;
    margin-bottom: 1em; 
}

.search-form-wrapper .form-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}

.search-form-wrapper .form-elements .input-wrapper {
    margin-bottom: 40px;
    width: calc(50% - 15px);
    margin-right: 30px;
}

.search-form-wrapper .form-elements .input-wrapper:nth-child(2n + 2) {
    margin-right: 0px; 
}

.search-form-wrapper .form-elements .input-wrapper .label {
    float: left;
    width: 125px;
    background: #ededed;
    font-size: 30px;
    padding: 10px 20px 10px 20px;
    color: #002e51;
    font-weight: bold;
}

.search-form-wrapper .form-elements .input-wrapper input {
    border: 0px;
    width: calc(100% - 125px - 40px - 20px);
    background: #ededed;
    font-family: "Basis", Arial, Helvetica, san-serif;
    font-size: 26px;
    padding: 14px 20px 11px 0px; 
}

.search-form-wrapper .form-elements .input-wrapper input:focus {
    outline: none; 
}

.search-form-wrapper .form-elements .input-wrapper .select-menu {
    width: 100%;
    background-color: #002e51;
    padding-left: 20px;
    font-weight: bold;
    background-image: url(../images/down-arrow-green.svg);
    background-position: right 20px center;
    background-size: 40px; 
}

.search-form-wrapper .form-elements .input-wrapper .select-menu option {
    font-weight: normal; 
}

.search-form-wrapper .form-elements .input-wrapper .radio-label {
    float: left;
    width: auto;
    font-size: 30px;
    padding: 10px 20px 10px 20px;
    color: #002e51;
    font-weight: bold; 
}

.search-form-wrapper .form-elements .input-wrapper input[type="radio"] + .radio-label:hover:before {
    background-color: #aaaaaa !important; 
}

.search-form-wrapper .form-elements .input-wrapper input[type="radio"]:checked + .radio-label::before {
    background-color: #aaaaaa !important; 
}

.search-form-wrapper .form-elements .input-wrapper input[type="radio"] {
    width: auto !important; 
}

.search-form-wrapper .form-elements .input-wrapper .radio.right {
    float: right;
    width: calc(50% + 5px); 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half {
    margin: 0px;
    margin-top: 10px; 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
    font-weight: normal;
    font-size: 22px;
    padding: 14px 20px 15px 20px;
    width: 100px; 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
    width: calc(100% - 100px - 40px - 20px); 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.left {
    float: left; 
    clear: both;
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.right {
    float: right; 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
    background-color: #80ba27;
    border-color: #80ba27;
    font-weight: normal;
    padding: 10px 10px;
    width: 100%;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: right 20px center;
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"]:hover {
    background-color: #002e51;
    color: #ffffff; 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
    background: #a4a4a4;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    padding: 10px 10px;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form:hover {
    background: #002e51; 
}

.search-form-wrapper .edit-search-button {
    display: inline-block;
    width: auto;
    background-color: #80ba27;
    cursor: pointer;
    color: #ffffff;
    padding: 0px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 2.4em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-bottom: 1.5em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.search-form-wrapper .edit-search-button:hover {
    background-color: #002e51; 
}

.search-form-wrapper .results-form-elements-wrapper {
    display: none; 
}

h3.search-criteria {
    margin-bottom: 1em;
    font-weight: normal; 
}

.sort-options {
    margin-top: 2em; 
}

.sort-options h3 {
    width: 100%;
    margin-bottom: 1em; 
}

.draw-map {
    margin-top: 20px; 
}

.draw-map #search-map {
    height: 0 !important;
    width: 100%;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease; 
}

.draw-map.active #search-map {
    height: calc(100vh - 420px); 
}

.draw-map.active #search-map.initial {
    height: calc(100vh - 420px) !important; 
}

.search-results-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    overflow:hidden;
    width: 102%;
    margin-left: -1%;
}

.search-result {
    width: 31.3333333333%;
    margin-right: 1%;
    margin-bottom: 2%;
    background: #ffffff;
    position: relative;
    padding-bottom: 100px;
    margin-left: 1%;
}


.search-result .image {
    position: relative;
    padding-bottom: 65%;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}


.search-result .image .status {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 60px);
    z-index: 50;
    padding: 10px 30px;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;  
}

.search-result .status {
    bottom: 0px;
    left: 0px;
    width: calc(100% - 60px);
    z-index: 50;
    padding: 10px 30px;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;  
}

.search-result .image .status.available, .search-result .status.available {    
    background: #80ba27;
}

.search-result .image .status.under-offer, .search-result .status.under-offer {    
    background: #80ba27;
}

.search-result .image .status.coming-soon, .search-result .status.coming-soon {    
    background: #dddddd;
}

.search-result .image .status.available, .search-result .status.available {    
    background: #002e51;
}

.search-result-info {
    padding: 30px;
    display:block;
    
}

.search-result-info a h2 {
    font-size: 30px;
    color: #002e51;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    
}

.search-result-info:hover a h2 {
    color: #80ba27;
}

.search-result-info .price {
    font-size: 18px;
    margin-top: 0.5em;
    color: #002e51;
    
}

.search-result-info .distance {
    font-size: 18px;
    margin-top: 0.5em;
    
}

.search-result-info .sizes {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
}

.search-result-info .sizes .prop-info {
    font-size: 26px;
    color: #80ba27;
}

.search-result-info .sizes .prop-info:nth-child(2) {
    font-weight: 200;
    font-size: 22px;
    color: #444444;
}

.search-results-wrapper .no-properties-found {
    margin-bottom: 200px;
    margin-top: 100px;
    font-size: 60px;
    color: #80ba27;  
    margin-left: 1%;
}

.search-view-wrapper, .search-view-wrapper2 {      
    padding: 6.5%;
    padding-right: 6.5%;
    margin-left: 0px;
    margin-right: 0px;
    background: #eeeeee;
    padding-top: 60px;
}

.search-view-wrapper .search-results-wrapper, .search-view-wrapper2 .search-results-wrapper {
    float:left;        
}

.search-view-wrapper .search-map, .search-view-wrapper2 .search-map {
    float:right;        
}




.search-view-wrapper.hybrid .search-results-wrapper, .search-view-wrapper2.hybrid .search-results-wrapper {
    width: 68%; 
}
.search-view-wrapper.map .search-results-wrapper, .search-view-wrapper2.map .search-results-wrapper {
    width: 0px; 
    visibility: hidden;
}
.search-view-wrapper.grid .search-results-wrapper, .search-view-wrapper.grid2 .search-results-wrapper, .search-view-wrapper2.grid .search-results-wrapper, .search-view-wrapper2.grid2 .search-results-wrapper {
    width: 102%; 
}

.search-view-wrapper.hybrid .search-results-wrapper .search-result,.search-view-wrapper2.hybrid .search-results-wrapper2 .search-result {
    width: 47%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.search-view-wrapper.hybrid .search-map {
    width: 32%;
    position:relative;
    
}

.search-view-wrapper.hybrid .search-map .search-map-inner, .search-view-wrapper.hybrid .search-map .search-map-inner2 {
    height: calc(100vh - 98px - 60px);
    width: 100%;
}

.search-view-wrapper.hybrid .search-map .search-map-inner.fixed {
    position: fixed;
    bottom: 30px;
    right: 6.5%;
    width: 27.85%;
}

.search-view-wrapper.hybrid .search-map .search-map-inner.absolute {
    position: absolute !important;
    bottom: 20px;
    right: 0px;
    width: 100%;
}

.search-view-wrapper.grid .search-map, .search-view-wrapper.grid2 .search-map, .search-view-wrapper2.grid .search-map, .search-view-wrapper2.grid2 .search-map {
    width: 0px;
    visibility:hidden;
    height: 0px !important;
}

.search-view-wrapper.map .search-map {
    width: 100%;
    height: calc(100vh - 98px - 60px);
}

.search-view-button {
    display:inline-block;
    background: #ededed;
    padding: 10px 15px 11px 15px;    
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #ededed;
    margin-right: 30px;
}
.search-view-button span {
    display: inline-block;
    margin-right: 12px;
    color: #002e51;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search-view-button svg {
    path: #002e51;
    fill: #002e51;
    rect: #002e51;
    display:inline;
    height: 1.3em;
    float: right;
    margin-top: 0px;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}

.search-view-button.active, .search-view-button:hover  {
    background: #ffffff;
    color: #80ba27;
    border: 1px solid #80ba27;
}
.search-view-button.active span, .search-view-button:hover span {
    color: #80ba27;
}

.search-view-button.active svg, .search-view-button:hover svg {
    path: #80ba27;
    fill: #80ba27;
    rect: #80ba27;
}



.search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
    width: 692px;   
}

.search-view-wrapper .search-map .search-map-inner #search-results-map, .search-view-wrapper .search-map .search-map-inner #search-results-map2 {
    width: calc(100% - 2px);
    height: calc(100% - 52px);
    margin-top: 0px;
    border: 1px solid #999999;
}

.search-view-wrapper .search-map .search-map-inner .draw-area {
    background: #80ba27;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0px;
    cursor: pointer;
}

.search-view-wrapper.map .search-map .search-map-inner #search-results-map,.search-view-wrapper.map .search-map .search-map-inner #search-results-map2 {
    width: 100%;
    height: calc(100vh - 98px - 60px - 100px);
}

.search-view-wrapper.map .search-map .search-map-inner .draw-area {
    display:none;
}

.draw-buttons-search-results {    
    margin-bottom: 20px;
    margin-top: -40px;
    width: 100%;
    text-align:right;
    display:none;
}

.draw-buttons-search-results.active {    
    display:block;
}

.draw-buttons-search-results .draw-button {
    margin-left: 30px;
    background-color: #002e51;
    cursor: pointer;
    color: #ffffff;
    padding: 0px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 2.4em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display:inline-block;
    width: calc(250px - 15px - 40px);
    
}

.draw-buttons-search-results .draw-button.disabled {
    cursor: not-allowed;
    background-color: #cccccc;
    display:inline-block;
    
}

.infobox {
    max-width:270px;
    position: relative;
    display:block;
}

.infobox .image {
    position: relative;
    padding-bottom: 65%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.infobox .image .status {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 28px);
    z-index: 50;
    padding: 7px 14px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;  
}

.infobox .image .status.available {    
    background: #80ba27;
}

.infobox .image .status.under-offer {    
    background: #80ba27;
}

.search-result .image .status.coming-soon {    
    background: #dddddd;
}

.search-result .image .status.available {    
    background: #002e51;
}

.infobox h2 {
    font-size: 18px;
    color: #002e51;
    margin: 10px 0px 5px 0px;
    margin-bottom: 20px;
}

.infobox .prop-info {
    font-size: 16px;
    color: #80ba27;
}

.infobox .prop-info:nth-child(2) {
    font-weight: 200;
    font-size: 14px;
    color: #444444;
}

.gm-ui-hover-effect {
  background: #002e51 !important;
  opacity: 1 !important;
  top: 15px !important;
  right: 15px !important;
  border-radius: 50%;
  border: 1px solid #ffffff !important;
}

.gm-ui-hover-effect::after {
  content: "X";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50.2%);
  transform: translate(-50%, -50.2%);
  color: #ffffff;
  z-index: 5;
  font-size: 17px;
}



.search-view-wrapper.hybrid .search-map .search-map-inner.keyword.fixed {
    bottom: 0px;
    height: calc(100vh - 98px - 40px);
}


.search-view-wrapper.hybrid .search-map .search-map-inner.keyword.absolute {
    bottom: -25px;
    height: calc(100vh - 98px - 40px);
}

.search-carousel {
    height: 0px !important;
    overflow:hidden;
    padding-bottom: 65%;
}


.search-carousel .inner-image  {
    padding-bottom: 65%;  
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.search-carousel .slick-next, .search-carousel .slick-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    left: 10px;
    z-index: 50;
    cursor:pointer;
    width: 30px;
    height: 30px;
    background: #002e51;
    color: #ffffff; 
    border-radius: 5px;
    border: 1px solid #ffffff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.search-carousel .slick-next {
    right: 10px;
    left: auto;
}

.search-carousel .slick-next i, .search-carousel .slick-prev i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 17px;
}

.search-carousel .slick-next:hover, .search-carousel .slick-prev:hover {
    background: #ffffff;
    color: #002e51;
    border: 1px solid #002e51;
}









.tooltipster-sidetip.tooltipster-ng .tooltipster-box{
    border-radius:0px;
    border:none;
    border-bottom:1px solid #002e51;
    background:#002e51;
    max-width: 250px;
    text-align: center;
}

.tooltipster-sidetip.tooltipster-ng.tooltipster-top .tooltipster-box{
    margin-bottom:7px
}

.tooltipster-sidetip.tooltipster-ng .tooltipster-content{
    color:#fff;
    padding:8px 16px;
    font-size: 16px;
}

.tooltipster-sidetip.tooltipster-ng .tooltipster-arrow-background{
    display:none
}

.tooltipster-sidetip.tooltipster-ng.tooltipster-bottom .tooltipster-arrow-border{
    border-bottom-color:#2a2a2a
}

.tooltipster-sidetip.tooltipster-ng.tooltipster-left .tooltipster-arrow-border{
    border-left-color:#2a2a2a
}

.tooltipster-sidetip.tooltipster-ng.tooltipster-right .tooltipster-arrow-border{
    border-right-color:#2a2a2a
}

.tooltipster-sidetip.tooltipster-ng.tooltipster-top .tooltipster-arrow-border{
    border-top-color:#002e51;
}


.content-wrapper .inner-content.property {
    margin-top: 100px !important;   
}


.mobile {
    display: none;  
}



@media only screen and (min-width: 1316px) and (max-width: 1675px) {
    
    .content-wrapper .inner-content.search-results {
        position:relative;
    }
    
    .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
    }
    
    .register-login a {
        font-size: 20px; 
        padding: 10px 29px;
    }

    .search-form-wrapper .draw-buttons .draw-search {
        font-size: 24px;
    }

    .search-form-wrapper .draw-buttons .draw-button {
        padding: 2px 20px;
        font-size: 18px;
    }

    .search-form-wrapper .info {
        font-size: 26px;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 30px;
    }

    .search-form-wrapper .form-elements .input-wrapper .label {        
        width: 120px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 120px - 40px - 20px);
        font-size: 24px;
        padding: 15px 20px 13px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 22px;
        padding: 10px 20px 10px 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 30px;
        height: 30px;
        -webkit-box-shadow: inset 0 0 0 4px #ffffff;
        box-shadow: inset 0 0 0 4px #ffffff;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 24px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 24px;   
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 20px;
        width: 90px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 90px - 40px - 20px); 
        padding: 14px 20px 11px 0px;
    }

    .search-form-wrapper .edit-search-button {
        font-size: 18px;
    }
    
    h2.found-properties {
        font-size: 46px !important;   
    }

    h3.search-criteria {
        font-size: 22px !important;
        margin-top: 0.3em;
    }

    .sort-options {
        margin-top: 2em; 
    }

    .search-result {
        margin-bottom: 2.6%;   
    }

    .search-result .image .status, .search-result-status {
        padding: 10px 25px;
        font-size: 22px;  
    }

    .search-result-info {
        padding: 25px;
    }

    .search-result-info a h2 {
        font-size: 24px;
    }

    .search-result-info .price {
        font-size: 16px;
    }

    .search-result-info .distance {
        font-size: 16px;

    }

    .search-result-info .sizes {
        left: 25px;
        bottom: 25px;
        width: calc(100% - 50px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 22px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 18px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 150px;
        margin-top: 60px;
        font-size: 40px;
    }

    

    .search-view-button {
        padding: 10px 15px 10px 15px;    
        font-size: 20px;        
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 618px;   
    }

    .search-view-wrapper .search-map .search-map-inner .draw-area {
        font-size: 20px;
    }

    

    .draw-buttons-search-results .draw-button {
        font-size: 18px;        
        width: calc(250px - 15px - 40px);
    }
    
    .infobox {
        max-width:200px;
    }
    .infobox .image .status {
        font-size: 14px;  
    }

    .infobox h2 {
        font-size: 16px;
    }

    .infobox .prop-info {
        font-size: 14px;
    }

    .infobox .prop-info:nth-child(2) {
        font-size: 12px;
    }

    .gm-ui-hover-effect::after {
      font-size: 15px;
    }
    
}





@media only screen and (min-width: 1151px) and (max-width: 1315px) {
    
    .content-wrapper .inner-content.search-results {
        position:relative;
    }
    
     .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
    }
    
    .register-login a {
        font-size: 16px; 
        padding: 7px 20px;
    }
    

    .search-form-wrapper .draw-buttons .draw-search {
        width: calc(50% - 10px - 40px);
        margin-right: 20px;
        font-size: 21px;
    }

    .search-form-wrapper .draw-buttons .draw-button {
        width: calc(210px - 10px - 40px);
        margin-left: 20px;
        font-size: 16px;
    }

    .search-form-wrapper .info {
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 25px;
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .label {
        width: 100px;
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 100px - 40px - 20px);
        font-size: 22px;
        padding: 11px 20px 10px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu {
        background-size: 30px; 
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu option {
        font-size:18px !important;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 24px;
        padding: 10px 10px 10px 10px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 30px;
        height: 30px;
        -webkit-box-shadow: inset 0 0 0 4px #ffffff;
        box-shadow: inset 0 0 0 4px #ffffff;
    }


    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 18px;
        width: 75px; 
        padding: 13px 20px 13px 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 75px - 40px - 20px); 
    }

    

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 20px;
        background-position: right 10px center;
    }


    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 20px;
    }

    .search-form-wrapper .edit-search-button {
        font-size: 18px;
        
    }

    .search-form-wrapper .edit-search-button:hover {
        background-color: #002e51; 
    }

    .search-form-wrapper .results-form-elements-wrapper {
        display: none; 
    }

    h2.found-properties {
        font-size: 40px !important;   
    }

    h3.search-criteria {
        font-size: 18px !important;
        margin-top: 0.4em;
    }

    .search-result .image .status {
        width: calc(100% - 40px);
        padding: 10px 20px;
        font-size: 20px;  
    }

    .search-result .status {
        width: calc(100% - 30px);
        padding: 10px 15px;
        font-size: 20px;  
    }

    

    .search-result-info {
        padding: 15px;
    }

    .search-result-info a h2 {
        font-size: 20px;

    }

    
    .search-result-info .price {
        font-size: 16px;

    }

    .search-result-info .distance {
        font-size: 16px;

    }

    .search-result-info .sizes {
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 20px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 18px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 140px;
        margin-top: 50px;
        font-size: 36px;
    }    

    .search-view-button {
        padding: 10px 15px 9px 15px;    
        font-size: 18px;        
        margin-right: 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 559px;   
        font-size: 20px;
    }

    .search-view-wrapper .search-map .search-map-inner .draw-area {
        font-size: 20px;
        padding: 10px 0px;
    }

    .draw-buttons-search-results .draw-button {
        width: calc(210px - 10px - 40px);
        margin-left: 20px;
        font-size: 16px;

    }

   
    .infobox {
        max-width:200px;
    }
    .infobox .image .status {
        font-size: 14px;  
    }

    .infobox h2 {
        font-size: 14px;
    }

    .infobox .prop-info {
        font-size: 14px;
    }

    .infobox .prop-info:nth-child(2) {
        font-size: 12px;
    }

    .gm-ui-hover-effect::after {
      font-size: 15px;
    }
    
}


@media only screen and (min-width: 1001px) and (max-width: 1150px) {
    .content-wrapper .inner-content.search-results {
        position:relative;
    }
    
     .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
    }
    
    .register-login a {
        font-size: 16px; 
        padding: 7px 20px;
        text-align: center;
    }
    

    .search-form-wrapper .draw-buttons .draw-search {
        width: calc(50% - 10px - 40px);
        margin-right: 20px;
        font-size: 21px;
    }

    .search-form-wrapper .draw-buttons .draw-button {
        width: calc(210px - 10px - 40px);
        margin-left: 20px;
        font-size: 16px;
    }

    .search-form-wrapper .info {
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 25px;
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .label {
        width: 100px;
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 100px - 40px - 20px);
        font-size: 22px;
        padding: 11px 20px 10px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu {
        background-size: 30px; 
        font-size: 24px;
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu option {
        font-size:18px !important;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 24px;
        padding: 10px 10px 10px 10px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 30px;
        height: 30px;
        -webkit-box-shadow: inset 0 0 0 4px #ffffff;
        box-shadow: inset 0 0 0 4px #ffffff;
    }


    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 18px;
        width: 75px; 
        padding: 13px 20px 13px 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 75px - 40px - 20px); 
    }

    

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 20px;
        background-position: right 10px center;
    }


    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 20px;
    }

    .search-form-wrapper .edit-search-button {
        font-size: 18px;
        
    }

    .search-form-wrapper .edit-search-button:hover {
        background-color: #002e51; 
    }

    .search-form-wrapper .results-form-elements-wrapper {
        display: none; 
    }

    h2.found-properties {
        font-size: 40px !important;   
    }

    h3.search-criteria {
        font-size: 18px !important;
        margin-top: 0.4em;
    }

    .search-result .image .status {
        width: calc(100% - 40px);
        padding: 10px 20px;
        font-size: 20px;  
    }

    .search-result .status {
        width: calc(100% - 30px);
        padding: 10px 15px;
        font-size: 20px;  
    }

    

    .search-result-info {
        padding: 15px;
    }

    .search-result-info a h2 {
        font-size: 20px;

    }

    
    .search-result-info .price {
        font-size: 16px;

    }

    .search-result-info .distance {
        font-size: 16px;

    }

    .search-result-info .sizes {
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 20px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 18px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 140px;
        margin-top: 50px;
        font-size: 36px;
    }    

    .search-view-button {
        padding: 10px 15px 9px 15px;    
        font-size: 18px;        
        margin-right: 20px;
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 559px;   
        font-size: 20px;
    }

    .search-view-wrapper .search-map .search-map-inner .draw-area {
        font-size: 20px;
        padding: 10px 0px;
    }

    .draw-buttons-search-results .draw-button {
        width: calc(210px - 10px - 40px);
        margin-left: 20px;
        font-size: 16px;

    }

   
    .infobox {
        max-width:200px;
    }
    .infobox .image .status {
        font-size: 14px;  
    }

    .infobox h2 {
        font-size: 14px;
    }

    .infobox .prop-info {
        font-size: 14px;
    }

    .infobox .prop-info:nth-child(2) {
        font-size: 12px;
    }

    .gm-ui-hover-effect::after {
      font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    
    .content-wrapper .inner-content.search-results {
        position:relative;
        margin-top: 30px;
    }
    
     .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
    }
    
    .register-login a {
        font-size: 16px; 
        padding: 7px 20px;
        text-align: center;
    }
    .search-form-wrapper .draw-buttons .draw-search {
        width: calc(50% - 8px - 20px);
        margin-right: 16px;
        padding: 0px 10px;
        font-size: 18px; 
        margin-top: 10px;
    }
    
    .search-form-wrapper .draw-buttons .draw-button {
        width: calc(23% - 8px - 20px);
        margin-left: 16px;
        padding: 0px 10px;
        font-size: 16px;
        line-height: 2.25em;
        margin-top: 10px;
    }

    

    .search-form-wrapper .info {
        font-size: 20px;
        margin-top: 0.7em;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 20px;
        width: calc(50% - 8px);
        margin-right: 16px;
    }

    .search-form-wrapper .form-elements .input-wrapper:nth-child(2n + 2) {
        margin-right: 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .label {
        width: 80px;
        font-size: 18px;
        padding: 10px 10px 10px 10px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 80px - 20px - 20px);
        font-size: 18px;
        padding: 10px 20px 9px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu {
       font-size: 18px;
        background-size: 25px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu option {
        font-weight: normal; 
        font-size: 16px;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 18px;
        padding: 10px 6px 10px 10px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label {
        font-size: 16px !important;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 24px;
        height: 24px;
        -webkit-box-shadow: inset 0 0 0 3px #ffffff;
        box-shadow: inset 0 0 0 3px #ffffff;
    }

    

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 14px;
        padding: 10px 10px 11px 10px;
        width: 60px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 60px - 20px - 20px); 
        padding: 8px 20px 8px 0px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 18px;
        background-position: right 20px center;
        /*width: calc(200% + 16px);*/
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form:hover {
        background: #002e51; 
    }

    .search-form-wrapper .edit-search-button {
        padding: 0px 15px;
        font-size: 16px;
    }

    .results-form-elements-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        margin-left: calc(-100% - 16px);
        width: calc(200% + 16px);
    }
    
    h2.found-properties {
        font-size: 30px !important;   
    }

    h3.search-criteria {
        font-size: 18px !important;
        margin-top: 0.4em;
        max-width: 50%;
    }

    .sort-options {
        margin-top: 1em; 
    }

    .sort-options h3 {
        margin-bottom: 1em; 
    }

    .search-result {
        width: 48%;
        margin-bottom: 20px;
    }


    .search-result .image .status {
        width: calc(100% - 30px);
        padding: 10px 15px;
        font-size: 18px;  
    }

    .search-result .status {
        width: calc(100% - 30px);
        padding: 10px 15px;
        font-size: 18px;   
    }

    .search-result-info {
        padding: 15px;

    }

    .search-result-info a h2 {
        font-size: 20px;
    }

    .search-result-info .price {
        font-size: 16px;

    }

    .search-result-info .distance {
        font-size: 16px;

    }

    .search-result-info .sizes {
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 18px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 16px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 70px;
        margin-top: 40px;
        font-size: 30px;
    }

   .search-view-wrapper.hybrid .search-results-wrapper, .search-view-wrapper2.hybrid .search-results-wrapper {
        width: 51%; 
    }

    .search-view-wrapper.hybrid .search-results-wrapper .search-result,.search-view-wrapper2.hybrid .search-results-wrapper2 .search-result {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .search-view-wrapper.hybrid .search-map {
        width: 49%;
        position:relative;

    }

    .search-view-wrapper.hybrid .search-map .search-map-inner, .search-view-wrapper.hybrid .search-map .search-map-inner2 {
        height: calc(100vh - 98px - 60px);
        width: 100%;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.fixed {
        position: fixed;
        bottom: 30px;
        right: 6.5%;
        width: 42.55%;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.absolute {
        position: absolute !important;
        bottom: 8px;
        right: 0px;
        width: 100%;
    }

    .search-view-button {
        padding: 8px 15px 8px 15px;    
        font-size: 16px;       
        margin-right: 8px;
    }

   

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 498px;   
    }

    .search-view-wrapper .search-map .search-map-inner .draw-area {
        font-size: 18px;
        padding: 10px 0px;
    }

    .search-view-wrapper.map .search-map .search-map-inner #search-results-map,.search-view-wrapper.map .search-map .search-map-inner #search-results-map2 {
        width: 100%;
        height: calc(100vh - 98px - 60px - 100px);
    }

    .search-view-wrapper.map .search-map .search-map-inner .draw-area {
        display:none;
    }

    .draw-buttons-search-results {    
        margin-bottom: 20px;
        margin-top: -40px;
        width: 100%;
        text-align:right;
        display:none;
    }

    .draw-buttons-search-results.active {    
        display:block;
    }

    .draw-buttons-search-results .draw-button {
        width: calc(23% - 8px - 20px);
        margin-left: 16px;
        padding: 0px 10px;
        font-size: 16px;
        line-height: 2.25em;
        margin-top: 10px;
    }

   
    .infobox {
        max-width:200px;
    }
    .infobox .image .status {
        font-size: 14px;  
    }

    .infobox h2 {
        font-size: 14px;
    }

    .infobox .prop-info {
        font-size: 14px;
    }

    .infobox .prop-info:nth-child(2) {
        font-size: 12px;
    }

    .gm-ui-hover-effect::after {
      font-size: 15px;
    }


    .search-view-wrapper.hybrid .search-map .search-map-inner.keyword.absolute {
        bottom: -44px;
    }

    

    .content-wrapper .inner-content.property {
        margin-top: 100px !important;   
    }
    
    .not-mobile {
        display:inline-block;   
    }
    
    .mobile {
        display:none;   
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    .content-wrapper .inner-content.search-results {
        position:relative;
        margin-top: 30px;
    }
    
     .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
        width: 100%;
         left: 0px;
         margin: 0 auto;
    }
    
    .register-login a {
        font-size: 3vw; 
        padding: 7px 20px;
        text-align: center;
        width: calc(100% - 42px);
        display:block;
    }
    
    
    .content-wrapper .inner-content.search-results h1 {
        padding-top: 60px !important; 
    }
    

    .search-form-wrapper .draw-buttons .draw-search {
        width: calc(100% - 40px);
        margin-right: 0px;
        font-size: 18px;
    }

   

    .search-form-wrapper .draw-buttons .draw-button {
        width: calc(50% - 8px - 40px);
        margin-left: 16px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 2em;
        display:none;
    }

    .search-form-wrapper .draw-buttons .draw-button.active {
        opacity: 1;
        visibility: visible; 
        display:block;
    }

    .search-form-wrapper .draw-buttons .draw-button:hover {
        background-color: #80ba27; 
    }

    .search-form-wrapper .draw-buttons .draw-button:nth-child(3) {
        margin-left: 0px;
    }

    .search-form-wrapper .draw-buttons .draw-button:last-child {
        margin-left: 16px; 
    }

    
    .search-form-wrapper .info {
        font-size: 20px;
        margin-top: 0.5em;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

    .search-form-wrapper .form-elements .input-wrapper .label {
        width: 80px;
        font-size: 18px;
        padding: 10px 15px 10px 15px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 80px - 30px - 15px);
        font-size: 18px;
        padding: 10px 15px 10px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu {
        width: 100%;
        padding-left: 15px;
        background-size: 30px; 
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 16px;
        padding: 10px 15px 10px 15px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label {
        font-size: 16px !important;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 24px;
        height: 24px;
        -webkit-box-shadow: inset 0 0 0 3px #ffffff;
        box-shadow: inset 0 0 0 3px #ffffff;
    }
    

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 18px;
        padding: 10px 15px 10px 15px;
        width: 70px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 70px - 30px - 15px); 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.left {
        float: left; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.right {
        float: right; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form:hover {
        background: #002e51; 
    }
    
    h2.found-properties {
        font-size: 28px !important; 
        padding-top: 60px !important;
    }

    h3.search-criteria {
        font-size: 18px !important;
        margin-top: 0.3em;
    }
    
    .results-form-elements-wrapper .form-elements .input-wrapper:nth-child(7){
        order: 8;  
    }
    
    .results-form-elements-wrapper .form-elements .input-wrapper:nth-child(8){
        order: 7;  
    }

    .search-form-wrapper .edit-search-button {
        padding: 0px 15px;
        font-size: 16px;
    }

    
    .sort-options {
        margin-top: 0em; 
    }

    .draw-map {
        margin-top: 20px; 
    }

    

    .search-results-wrapper {
        width: 100%;
        margin-left: 0%;
    }

    .search-result {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
    }


    .search-result .image .status {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: calc(100% - 60px);
        z-index: 50;
        padding: 10px 30px;
        font-weight: bold;
        color: #ffffff;
        font-size: 24px;  
    }

    .search-result .status {
        bottom: 0px;
        left: 0px;
        width: calc(100% - 40px);
        z-index: 50;
        padding: 10px 20px;
        font-weight: bold;
        color: #ffffff;
        font-size: 24px;  
    }

    .search-result .image .status.available, .search-result .status.available {    
        background: #80ba27;
    }

    .search-result .image .status.under-offer, .search-result .status.under-offer {    
        background: #80ba27;
    }

    .search-result .image .status.coming-soon, .search-result .status.coming-soon {    
        background: #dddddd;
    }

    .search-result .image .status.available, .search-result .status.available {    
        background: #002e51;
    }

    .search-result-info {
        padding: 20px;

    }

    .search-result-info a h2 {
        font-size: 24px;

    }

    

    .search-result-info .price {
        font-size: 18px;

    }

    .search-result-info .distance {
        font-size: 18px;

    }

    .search-result-info .sizes {
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 20px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 18px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 100px;
        margin-top: 40px;
        font-size: 30px;
        margin-left: 0;
    }

   

    .search-view-wrapper.hybrid .search-results-wrapper, .search-view-wrapper2.hybrid .search-results-wrapper {
        width: 100%; 
    }
    .search-view-wrapper.map .search-results-wrapper, .search-view-wrapper2.map .search-results-wrapper {
        width: 0px; 
        visibility: hidden;
    }
    .search-view-wrapper.grid .search-results-wrapper, .search-view-wrapper.grid2 .search-results-wrapper, .search-view-wrapper2.grid .search-results-wrapper, .search-view-wrapper2.grid2 .search-results-wrapper {
        width: 100%; 
    }

    .search-view-wrapper.hybrid .search-results-wrapper .search-result,.search-view-wrapper2.hybrid .search-results-wrapper2 .search-result {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .search-view-wrapper.hybrid .search-map {
        width: 100%;
        opacity: 0;
        height: 0px !important;
        overflow:hidden;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner, .search-view-wrapper.hybrid .search-map .search-map-inner2 {
        height: calc(100vh - 98px - 60px);
        width: 100%;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.fixed {
        width: 100%;
        opacity: 0;
        overflow:hidden;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.absolute {
        width: 5%;
        opacity: 0;
        overflow:hidden;
    }

    .search-view-wrapper.grid .search-map, .search-view-wrapper.grid2 .search-map, .search-view-wrapper2.grid .search-map, .search-view-wrapper2.grid2 .search-map {
        width: 100%;
        visibility:hidden;
        height: 0px !important;
    }

    .search-view-wrapper.map .search-map {
        width: 100%;
        height: calc(100vh - 98px - 60px);
    }
    
    .search-view-wrapper.map {
        height: auto !important;
    }

    .search-view-button {
        display:inline-block;
        font-size: 18px;
        margin-right: 16px;
        padding: 7px 15px 7px 15px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 327px;   
    }

    .search-view-wrapper.map .search-map .search-map-inner .draw-area {
        display:none;
    }

    .draw-buttons-search-results.active {    
        display:none;
    }

   


   
    .search-view-button {
        float:left;   
    }




    .content-wrapper .inner-content.property {
        margin-top: 100px !important;   
    }
    
    .not-mobile {
        display:none;   
    }
    
    
    
    .mobile {
        display:block;   
    }
}


@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
    
    .content-wrapper .inner-content.search-results {
        position:relative;
        margin-top: 30px;
    }
    
     .register-login {
        margin-bottom: 0px; 
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 0px;
        width: 100%;
         left: 0px;
         margin: 0 auto;
    }
    
    .register-login a {
        font-size: 3vw; 
        padding: 7px 20px;
        text-align: center;
        width: calc(100% - 42px);
        display:block;
    }
    
    
    .content-wrapper .inner-content.search-results h1 {
        padding-top: 60px !important; 
    }
    

    .search-form-wrapper .draw-buttons .draw-search {
        width: calc(100% - 40px);
        margin-right: 0px;
        font-size: 18px;
    }

   

    .search-form-wrapper .draw-buttons .draw-button {
        width: calc(50% - 8px - 40px);
        margin-left: 16px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 2em;
        display:none;
    }

    .search-form-wrapper .draw-buttons .draw-button.active {
        opacity: 1;
        visibility: visible; 
        display:block;
    }

    .search-form-wrapper .draw-buttons .draw-button:hover {
        background-color: #80ba27; 
    }

    .search-form-wrapper .draw-buttons .draw-button:nth-child(3) {
        margin-left: 0px;
    }

    .search-form-wrapper .draw-buttons .draw-button:last-child {
        margin-left: 16px; 
    }

    
    .search-form-wrapper .info {
        font-size: 20px;
        margin-top: 0.5em;
    }

    .search-form-wrapper .form-elements .input-wrapper {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

    .search-form-wrapper .form-elements .input-wrapper .label {
        width: 80px;
        font-size: 18px;
        padding: 10px 15px 10px 15px;
    }

    .search-form-wrapper .form-elements .input-wrapper input {
        width: calc(100% - 80px - 30px - 15px);
        font-size: 18px;
        padding: 10px 15px 10px 0px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu {
        width: 100%;
        padding-left: 15px;
        background-size: 30px; 
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .radio-label {
        font-size: 16px;
        padding: 10px 15px 10px 15px;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label {
        font-size: 16px !important;
    }
    
    .search-form-wrapper .form-elements .input-wrapper .radio input[type="radio"] + .radio-label::before {
        width: 24px;
        height: 24px;
        -webkit-box-shadow: inset 0 0 0 3px #ffffff;
        box-shadow: inset 0 0 0 3px #ffffff;
    }
    

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .label {
        font-size: 18px;
        padding: 10px 15px 10px 15px;
        width: 70px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input {
        width: calc(100% - 70px - 30px - 15px); 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.left {
        float: left; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half.right {
        float: right; 
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half input[type="submit"] {
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form {
        font-size: 18px;
    }

    .search-form-wrapper .form-elements .input-wrapper .input-wrapper-half .reset-form:hover {
        background: #002e51; 
    }
    
    h2.found-properties {
        font-size: 28px !important; 
        padding-top: 60px !important;
    }

    h3.search-criteria {
        font-size: 18px !important;
        margin-top: 0.3em;
    }
    
    .results-form-elements-wrapper .form-elements .input-wrapper:nth-child(7){
        order: 8;  
    }
    
    .results-form-elements-wrapper .form-elements .input-wrapper:nth-child(8){
        order: 7;  
    }

    .search-form-wrapper .edit-search-button {
        padding: 0px 15px;
        font-size: 16px;
    }

    
    .sort-options {
        margin-top: 0em; 
    }

    .draw-map {
        margin-top: 20px; 
    }

    

    .search-results-wrapper {
        width: 100%;
        margin-left: 0%;
    }

    .search-result {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
    }


    .search-result .image .status {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: calc(100% - 60px);
        z-index: 50;
        padding: 10px 30px;
        font-weight: bold;
        color: #ffffff;
        font-size: 24px;  
    }

    .search-result .status {
        bottom: 0px;
        left: 0px;
        width: calc(100% - 40px);
        z-index: 50;
        padding: 10px 20px;
        font-weight: bold;
        color: #ffffff;
        font-size: 24px;  
    }

    .search-result .image .status.available, .search-result .status.available {    
        background: #80ba27;
    }

    .search-result .image .status.under-offer, .search-result .status.under-offer {    
        background: #80ba27;
    }

    .search-result .image .status.coming-soon, .search-result .status.coming-soon {    
        background: #dddddd;
    }

    .search-result .image .status.available, .search-result .status.available {    
        background: #002e51;
    }

    .search-result-info {
        padding: 20px;

    }

    .search-result-info a h2 {
        font-size: 24px;

    }

    

    .search-result-info .price {
        font-size: 18px;

    }

    .search-result-info .distance {
        font-size: 18px;

    }

    .search-result-info .sizes {
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
    }

    .search-result-info .sizes .prop-info {
        font-size: 20px;
    }

    .search-result-info .sizes .prop-info:nth-child(2) {
        font-size: 18px;
    }

    .search-results-wrapper .no-properties-found {
        margin-bottom: 100px;
        margin-top: 40px;
        font-size: 30px;
        margin-left: 0;
    }

   

    .search-view-wrapper.hybrid .search-results-wrapper, .search-view-wrapper2.hybrid .search-results-wrapper {
        width: 100%; 
    }
    .search-view-wrapper.map .search-results-wrapper, .search-view-wrapper2.map .search-results-wrapper {
        width: 0px; 
        visibility: hidden;
    }
    .search-view-wrapper.grid .search-results-wrapper, .search-view-wrapper.grid2 .search-results-wrapper, .search-view-wrapper2.grid .search-results-wrapper, .search-view-wrapper2.grid2 .search-results-wrapper {
        width: 100%; 
    }

    .search-view-wrapper.hybrid .search-results-wrapper .search-result,.search-view-wrapper2.hybrid .search-results-wrapper2 .search-result {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .search-view-wrapper.hybrid .search-map {
        width: 100%;
        opacity: 0;
        height: 0px !important;
        overflow:hidden;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner, .search-view-wrapper.hybrid .search-map .search-map-inner2 {
        height: calc(100vh - 98px - 60px);
        width: 100%;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.fixed {
        width: 100%;
        opacity: 0;
        overflow:hidden;
    }

    .search-view-wrapper.hybrid .search-map .search-map-inner.absolute {
        width: 5%;
        opacity: 0;
        overflow:hidden;
    }

    .search-view-wrapper.grid .search-map, .search-view-wrapper.grid2 .search-map, .search-view-wrapper2.grid .search-map, .search-view-wrapper2.grid2 .search-map {
        width: 100%;
        visibility:hidden;
        height: 0px !important;
    }

    .search-view-wrapper.map {
        height: auto !important;
    }

    .search-view-wrapper.map .search-map {
        width: 100%;
        height: calc(100vh - 98px - 60px);
    }

    .search-view-button {
        display:inline-block;
        font-size: 16px;
        margin-right: 10px;
        padding: 7px 10px 7px 10px; 
    }

    .search-form-wrapper .form-elements .input-wrapper .select-menu.property-order {
        width: 280px;   
    }

    .search-view-wrapper.map .search-map .search-map-inner .draw-area {
        display:none;
    }

    .draw-buttons-search-results.active {    
        display:none;
    }

   
    .search-view-button {
        float:left;   
    }




    .content-wrapper .inner-content.property {
        margin-top: 100px !important;   
    }
    
    .not-mobile {
        display:none;   
    }
    
    .mobile {
        display:block;   
    }
    
    
}



.radio.full-width {
    clear: both;
    margin-left: 142px;   
}

@media only screen and (min-width: 1316px) and (max-width: 1675px) {
    .radio.full-width {
        margin-left: 115px;   
    }
}

@media only screen and (min-width: 1151px) and (max-width: 1315px) {
    .radio.full-width {
        margin-left: 101px;   
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1150px) {
    .radio.full-width {
        margin-left: 101px;   
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .radio.full-width {
        margin-left: 77px;
        transform: translate(0, -10px);
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .radio.full-width {
        margin-left: 84px;
        transform: translate(0, -10px);
    }
}

@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
    .radio.full-width {
        margin-left: 84px;
        transform: translate(0, -10px);
    }
}