@media (max-height: 1000px) and (min-width: 1024px) {#mainPageSlider li {height:500px;}}
@media (max-height: 800px) and (min-width: 1024px) {#mainPageSlider li {height:400px;}}

@media (max-width: 1300px) {
    .bx-wrapper .bx-controls-direction a {width:30px;}
}

@media (max-width: 1200px) {
    .content {width:95%;}
    
    #mainPageSliderCont .bx-controls-direction {display:none;}
}

@media (max-width: 1100px) {
    #headerMenu .content {height:60px;}
    #headerMenu .content ul {display:none;}
    .menuMenuButton {display:block;}
    
    .content h2 {padding:30px 0;}
    
    .agentHolder .globalBoxContent .agentContactHolder .agentPhone {width:55%;}
    .agentHolder .globalBoxContent .agentContactHolder .agentPhone a {font-size:14px;}
    .agentHolder .globalBoxContent .agentContactHolder .globalButton.contactAgent {width:35%;}
    
    #mainPageNews .content > .title {padding:30px 0;}
    
    #mainPageRecommended .title {padding:30px 0;}
    #mainPageRecommended .recommendedBox .investment .description .text {}
    #mainPageRecommended .recommendedBox .investment .description .gallery {max-width:200px;}
    
    #investmentInfoBox {padding:20px 0 20px 0;}
    #investmentInfoBox h1 {padding:0 0 20px 0;}
    
    #article h1 {padding:20px 0;}
    #article #investmentSliderContent .bx-controls-direction a.bx-prev {left:10px;}
    #article #investmentSliderContent .bx-controls-direction a.bx-next {right:10px;}
    
    #footer .line1 .logotype {width:10%;}
    #footer .line1 .logotype img {width:100%;}
    #footer .line1 .menu {width:88%;}
    #footer .line1 .menu a {font-size:12px;}
    #footer .line2 .rwdSeparator {display:block; width:100%; height:20px;}
}

@media (min-width: 1025px) {
    #headerMenu ul li a:hover::after {width:100%; background:#897a54;}
    
    #filters #offersSort a:hover::after {width:110%; background:#a48f59;}
}

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

@media (max-width: 900px) {
    #mainPageNews .single {float:none; width:100%; max-width:none; margin:0; min-height:0;}
    #mainPageNews .single .title {height:auto;}
    #mainPageNews .single .title .date {padding-bottom:10px;}
    #mainPageNews .all a {margin-top:0;}
    
    #filters .filterRow.sortRow {height:77px;}
    #filters #offersSort {float:none; position:relative; top:30px;}
    #filters #offersSort a {font-size:11px;}
    #filters #availableOffers {float:none; position:absolute; right:0; top:0;}
    #filters #availableOffers label {font-size:12px;}
    
    #investmentOffer .description .tableRow {display:block;}
    #investmentOffer .description .tableCell {display:block; width:100%; border:0;}
    #investmentOffer .description .tableCell .slider li .sliderPhoto img {height:200px;}
}

@media (max-width: 767px) {
    .agentBoxHolder {float:none; width:100%; padding-bottom:20px;}
    
    #headerTop {height:78px;}
    #headerTop #headerLogotype {width:25%;}
    #headerTop #headerLogotype img {width:95%;}
    #headerTop #headerLangs {font-size:13px;}
    #headerTop .headerTopSeparator {height:75px;}
    #headerTop .lastHeaderArticle {height:60px;}
    #headerTop .headerArticle {padding:0 20px;}
    #headerTop #headerSocial {padding-top:10px;}
    #headerTop #headerSocial img {max-width:34px; width:75%;}
    .menuMenuButton {top:68px;}
    
    #mainPageSliderCont .bx-wrapper::after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    #mainPageSliderCont .bx-wrapper li {overflow:hidden;}
    #mainPageSliderCont .bx-wrapper img {height:320px !important;}
    
    #search {bottom:auto; top:20px;}
    #search .searchLeftBox {float:none; width:100%;}
    #search .searchLeftBox .searchLeftBox1 {float:none; width:100%;}
    #search .searchLeftBox .searchLeftBox2 {float:none; width:100%;}
    #search .searchLeftBox .investmentTooltip {display:none;}
    #search .searchLeftBox .investmentTooltip .investmentTooltipAddress {left:118%;}
    #search .searchLeftBox #searchAreaFrom {margin-left:0; width:50%; padding-right:2%;}
    #search .searchLeftBox .searchBox {padding-left:0;}
    #search .searchLeftBox #searchAreaTo {width:49%;}
    #search .searchRightBox {float:none; width:98%;}
    #search .searchRightBox .searchButton {height:40px; font-size:19px;}
    #search .searchLeftBox input.text {height:40px; line-height:40px; font-size:15px;}
    #search .searchLeftBox .searchBox .staticText {line-height:34px; font-size:15px;}
    button.ui-multiselect {font-size:15px;}
    button.ui-multiselect span.ui-icon {height:35px; width:40px;}
    button.ui-multiselect span {height:32px; line-height:32px;}
    .ui-multiselect-menu ul li label span {font-size:15px;}
    
    #search.pageSearch {padding-top:10px; padding-bottom:10px;}
    
    .offersList .offers .offer .photo {width:180px;}
    .offersList .offers .offer .description .infoBox {display:block; width:100%; padding-top:10px;}
    .offersList .offers .offer .description .priceBox {position:static; padding:10px 10px 10px 0;}
    
    #investmentOffer .description .tableCell .agentPhoneBox {font-size:24px;}
    #investmentOffer .description .tableCell .agentPhoneBox span {font-size:14px;}
    
    #article .contactFormText {float:none; width:100%;}
    #article .contactFormCont {float:none; width:100%;}
    
    #footer .line1 .logotype {display:none;}
    #footer .line1 .menu {width:100%; text-align:center;}
    #footer .line1 .menu a {font-weight:normal;}
    #footer .line1 .menu .rwdSeparator {display:block; width:100%; height:20px;}
}

@media (max-width: 640px) {
    .content h2 {font-size:28px;}
    
    #mainPageRecommended .title {font-size:28px;}
    #mainPageRecommended .recommendedBox .investment .description .text {width:100%;}
    #mainPageRecommended .recommendedBox .investment .description .gallery {display:none;}
    .offersList .offers .title2 {font-size:20px;}
    
    #mainPageNews .single .title {font-size:14px;}
    #mainPageNews .single .description {font-size:12px;}    
    #mainPageNews .all a {font-size:14px;}
    
    #filters .filterRow.sortRow {height:87px;}
    #filters #offersSort a {font-size:10px; font-weight:normal; width:75px; text-align:center; padding:0 8px;}
    
    #investmentInfoBox h1 {font-size:20px;}
    #investmentInfoBox .right {display:none;}
    #investmentInfoBox .description {font-size:12px;}
    
    #investmentOffer .description .number {font-size:20px;}
    #investmentOffer .description .tableCell .propertiesBox .item label {font-size:12px;}
    #investmentOffer .description .tableCell .propertiesBox .item span {font-size:14px;}
    
    #article h1 {font-size:28px;}
    #article .articlesList .item .title a {font-size:14px;}
    #article .text {font-size:14px; line-height:20px;}
    
    #googleMap {display:none;}
    
    #footer .line2 .footerArticle {padding:10px;}
    #footer .line2 .footerArticle:first-child {border:0;}
    #footer .line2 .rwdSeparator {height:0px;}
    #footer .line2 .rwdSeparator2 {display:block; width:100%; height:0px;}
}

@media (max-width: 580px) {
    .content {width:98%;}
    
    .agentHolder .globalBoxContent .agentContactHolder .agentPhone {width:200px; float:none; margin:0 auto 20px auto;}
    .agentHolder .globalBoxContent .agentContactHolder .agentPhone a {font-size:16px;}
    .agentHolder .globalBoxContent .agentContactHolder .globalButton.contactAgent {width:200px; float:none; margin:0 auto;}
    
    #headerTop #headerLogotype {width:auto;}
    #headerTop #headerLogotype img {max-width:150px;}
    #headerTop .headerArticle {display:none;}
    #headerTop .lastHeaderArticle {display:none;}
    #headerTop .content .right {padding-right:50px;}
    #headerMenu {height:0;}
    .menuMenuButton {top:25px; margin:0; right:5px;}
    
    .offersList .offers .offer .photo {width:130px;}
    .offersList .offers .offer .description .infoBox {padding-left:10px; font-size:12px;}
    .offersList .offers .offer .description .header .number {font-size:17px; padding-left:10px; line-height:normal; padding-top:5px;}
    .offersList .offers .offer .description .header .status {font-size:13px;}
    .offersList .offers .offer .description .priceBox .price {font-size:20px;}
    
    #investmentOffer .description {padding-top:20px;}
    #investmentOffer .header .sizer {height:50px;}
    #investmentOffer .header .buttons {display:none;}
    #investmentOffer .description .tabs .tabsContent .sizer {height:60px;}
    #investmentOffer .description .tabs .logotype {display:none;}
    #investmentOffer .description .tableCell .text {padding-top:30px;}
}

@media (max-width: 379px) {
    #headerTop #headerSocial {display:none;}
    #headerTop .content .right {padding-right:0;}
    #headerTop #headerLangs {position:relative; top:-20px;}
    #headerTop #headerLangs a:hover {padding-bottom:1px;}
    
    .offersList .offers .offer .photo {width:100px;}
}