@media screen and (max-width: 1400px){
  .bannerbox-heading{
    font-size: 1.8rem;
  }
  .unitsearch-field-search{
    width: 270px;
  }
  .unitsearch-field-search input{
    max-width: 150px;
    width: 150px;
  }
}

@media screen and (max-width: 1200px){
  .unitsearch-field{
    float: left;
    margin: 0 1% 0 0;
    width: 24%;
  }
  .unitsearch-field-search{
    float: none;
    text-align: left;
    width: auto;
  }
  .unitsearch-field select,
  .unitsearch-field input{
    max-width: 100%;
  }
  .unitsearch-field-search input{
    max-width: 100%;
    width: 70%;
  }
  .unitsearch-field button{
    width:25%;
  }
  .unitlist-item,
  .unitlist-item:nth-child(4n){
    margin-right: 2%;
    width: 32%;
  }
  .unitlist-item:nth-child(3n){
    margin-right: 0;
  }
  .unit-actions{
    float: none;
    margin: 0 0 20px;
  }
  a.unit-action{
    margin: 0 30px 0 0;
  }
  .unitdetail-price {
    float: none;
    margin: 0 0 10px;
  }
  .unitdetail-location-rating {
    float: none;
  }
}

@media screen and (max-width: 979px){
  .content {
    width: 62%;
  }
  .sidebar {
    width: 35%;
  }
  .unitsearch-field button{
    width:24%;
  }
  .unitlist-item,
  .unitlist-item:nth-child(3n),
  .unitlist-item:nth-child(4n){
    margin-right: 2%;
    width: 49%;
  }
  .unitlist-item:nth-child(2n){
    margin-right: 0;
  }
  .navi-logo{
    /*height: 53px;*/
    width: 170px;
  }
  .navi-login > ul {
    margin: 0 0 0 180px;
    z-index: 111;
  }
  .navi-login a.navi-item{
    font-size: 1.5rem;
    margin: 0 0 0 15px;
  }
  .footerbox{
    float: left;
    margin: 0 30px 30px 0;
  }
  .footerbox-2{
    clear: left;
  }
  .bannerbox-app{
    margin: 0 2% 0 0;
    width: 45%;
  }
  .unit .heading,
  .unittoolbar,
  .unitdetails,
  .unitsidebar{
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 767px),(max-device-width:1024px) and (orientation: portrait){
  h1 {
    font-size: 3rem;
  }
  label{
    font-size: 1.3rem;
  }
  .header-wrapper {
    height: 59px;
  }
  .navi-icon{
    display: block;
  }
  .navi-logo{
    box-shadow: 2px 2px 2px rgba(0,0,0,.2),-2px -2px 2px rgba(0,0,0,.2);
  }
  .navi-login a.navi-item{
    padding: 12px 4px;
  }
  .navi-login > ul{
    background: #79b022;
    display: none;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 59px;
  }
  .navi-login a.navi-item {
    display: block;
  }
  .navi-login a.navi-item.user{
    padding-left: 40px;
    padding-right: 0;
  }
  .navi-login a.navi-item.user:after{
    left: 0;
    right: auto;
  }
  .navi-login li ul {
    position: relative;
    text-align: left;
  }
  .content {
    width: 52%;
  }
  .sidebar {
    width: 45%;
  }
  .box-heading{
    font-size: 1.6rem;
  }
  .unitfilter-item{
    font-size: 1.4rem;
  }
  .bannerbox-heading{
    padding-left: 0;
  }
  .bannerbox-heading:before{
    display: block;
    left: auto;
    margin: 0 0 10px;
    position: relative;
    top: auto;
  }
  .unitsearch-field{
    float: none;
    margin: 0 0 10px 0;
    width: auto;
  }
  .unitsearch-field select,
  .unitsearch-field input{
    max-width: 100%;
    width: 100%;
  }
  .unitsearch-field-search input{
    width: 50%;
  }
  .unitsearch-field button{
    width: 34%;
  }
  .unitlist-items{
    display: block;
  }
  .unitlist-item{
    display: block;
    margin-right: 0 !important;
    max-width: 320px;
    width: 100% !important;
  }
  table.standard th,
  table.standard td,
  ul.standard li{
    font-size: 1.1rem;
    padding: 5px;
  }
  .adminblock-field{
    margin: 0 2% 0 0;
    width: 48%;
  }
  .adminblock-fields-3 .adminblock-field{
    display:block;
    float: none;
    margin: 0;
    max-width: 100%;
    width: auto;
  }
  .unitdetail-price-highlight {
    font-size: 2rem;
  }
  .unitdetail-boolextras-item{
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 520px){
  .content,
  .sidebar {
    float: none;
    width: auto;
  }
  .bannerbox-heading{
    padding-left: 62px;
  }
  .bannerbox-heading:before{
    left: 0;
    margin: -25px 0 0;
    position: absolute;
    top: 50%;
  }
  .bannerbox-app{
    margin: 0 10px 0 0;
    width: auto;
  }
  .unitlist-item{
    margin: 0 auto 30px !important;
  }
  .footerbox{
    float: none;
    margin: 0 0 30px;
  }
  .footerbox-1{
    padding: 0;
  }
  .footerbox-pic{
    display: none;
  }
  .cols{
    display: block;
    margin: 0;
  }
  .cols > div,
  .col-1,
  .col-2,
  .cols-pics3 .col-1,
  .cols-pics3 .col-2,
  .cols-pics3 .col-3{
    display: block;
    margin: 0 0 20px;
    width: auto;
  }
  .adminblock-field,
  .contactform-date,
  .contactform-time{
    display:block;
    float: none;
    margin: 0;
    width: auto;
  }
  .buttons-and-form a.button-ext{
    float: none;
    margin: 0 0 20px;
  }
  .unitdetail {
    padding: 10px;
  }
  .unitdetail-cols {
    display: block;
  }
  .unitdetail-pics,
  .unitdetail-content{
    width: auto;
  }
  .unitdetail-pics {
    margin: 0 0 20px;
  }
  .unitdetail-content {
    padding: 0;
  }
  a.unit-action{
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 0 10px;
    padding: 7px 0 7px 17px;
  }
  a.unit-action:first-child{
    margin: 0;
  }
  a.unit-action.mail{
    padding-left: 25px;
  }
  a.unit-action.book{
    padding-left: 30px;
    padding-right: 5px;
  }
  a.unit-action.book:before{
    left: 5px;
  }
  table.standard thead,
  table.standard th{
    display: none;
  }
  table.standard,
  table.standard tr,
  table.standard tbody,
  table.standard td{
    border-left : 0;
    border-right: 0;
    border-top: 0;
    display: block;
    text-align: left !important;
    width: 100% !important;
    font-size:1.4rem;
  }
  table.standard td:first-child{
    border-top: 1px solid #ccc;
    padding-top: 15px;
  }
  table.standard td:last-child{
    padding-bottom: 15px;
  }
  table.standard td br{
    display:none;
  }
  table.standard td[title]:before{
    content: attr(title);
    display: block;
    font-size: 1.3rem;
    font-weight:700;
  }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){
  
  .sprite,
  .sprite-before:before,
  .sprite-after:after {
    background-image: url(../images/sprites_r.png);
    background-size: 333px 108px;
  }
  
}