﻿
@media all and (max-width: 200em) {
    
}



/*1200px*/
@media all and (max-width: 105em) {
    .cover-image.about-us { /*background-position: center top 20%;*/ }
}

/*1200px*/
@media all and (max-width: 95em) {
       
    
}


@media all and (max-width: 85em) {

.offer-detail .gallery a { width:19%; display:block; overflow:hidden; padding-top:18.25%; }
.cards .row { flex-wrap:wrap; }
    .cards .row .col-sm { width: calc(50% - 4px); }
    .cover-image.about-us { /*background-position: center top 14%; height:240px;*/ }
    .header #menu-resizer #menu-source {  }
    .header #menu-button { padding-right:15px;  }
    .header #menu-button #btMenuOpen{ display:block; visibility:visible; text-align:center; font-size:30px; line-height:39px; color:var(--button-border); }
        .header #menu-button #btMenuOpen.active { visibility:visible; }
    .header #menu-resizer #menu-source .section:last-child { display:none !important; }
    .header #menu-mobile { position:fixed; top:0; right:-100%; height:100%; display:block; background-color:var(--black); overflow-y:auto; }
    .header #menu-destination-content { padding:80px 60px 0 60px; width:320px; }
    .header #menu-destination-content ul,.header #menu-destination-content ul li{ padding:0; margin:0; }
    .header #menu-destination-content ul { display:flex; flex-wrap:wrap; }
    .header #menu-destination-content ul li{ width:100%; padding:10px 0; }
    .header #btMenuClose { position:absolute; top:15px; right:15px; display:block; }
    .header #menu-mobile ul li a { font-weight:normal; color:white; text-transform:uppercase; 
                                             white-space: nowrap;
    }
    .header #menu-destination-content ul li.lang a{ position:absolute; display:table; left:60px; top:18px; border:1px solid white; border-radius:4px; padding:5px; text-decoration:none; }
    #Estates .filter .flex.loc-price-content { flex-wrap:wrap; }
    #Estates .filter .flex.loc-price-content .sliders { padding-left:0; }
    #Estates .filter .flex.loc-price-content .filter-row-field:first-child{ border-bottom: 1px solid var(--bg-grey); padding-bottom:10px; margin-bottom:10px; width:100%; }
    #Estates .filter .flex.loc-price-content .sliders { padding-bottom:10px; }
}



/*1200px*/
@media all and (max-width: 75em) {

.SearchMap { top:7.5em; left:0.7em; }
    
    .header .main-navigation .button-wrap { display: flex;
    margin-right: 20px;
    align-items: center;
    height: 100%; }
    .d-lg-none { display:inline-block !important; }
    #Estates .ListEstates .col-sm-6 { max-width:33.333%; }
    #Estates.withmap .ListEstates .col-sm-6 { max-width:50%; }
    .podobnenabidky .container .col-sm { max-width:33.333%; }
    #Estates .filter .filter-row-field.commissiontype { margin-right:50px; }
}

@media all and (max-width: 71em) {
    #Estates .filter .flex.types { flex-wrap:wrap; }
    #Estates .filter .filter-row-field.commissiontype { margin-right:0; border-bottom: 1px solid var(--bg-grey); padding-bottom:10px; margin-bottom:10px; width:100%; }
    #Estates .filter .filter-row-field.realestatetype { width:100%; }
}

/*1088px*/
@media all and (max-width: 65em) {

    /*.col-sm .ImgWrap { height:16em; }
    .listRent .col-sm .link2 .ImgWrap, .listRent .col-sm .link3 .ImgWrap, .listRent .col-sm .link4 .ImgWrap { height:11em;  }
    .listRent .col-sm .link2 .ImgWrap, .listRent .col-sm .link3 .title, .listRent .col-sm .link4 .title { height:11em; font-size:0.9em; line-height:1.3; }
    .list .list-item .offer-info .title { height:4em; }*/
    .list .list-item .offer-info .title { min-height:4.5em; }
    #LocationMapa{ width:100%; margin:0 0 2em 0; }
    #LocationMapa #imgmap{ width:700px; margin:auto; }
    .hero .hero-content .buttons-wrap .btn.nabidnout { margin-top:1em; }
    
    
}


@media all and (max-width: 55em) {

    .copyright-footer ul li{ text-align:center;  }
    .list .list-item .offer-info .title { min-height:7em; }
    .offer-detail .gallery a { width:24%; display:block; overflow:hidden; padding-top:22.25%; }
    .d-none { display:none !important;  }
    .detail.locations.locdetail table { min-width:100%; }
    .cards .row .col-sm { width: calc(100% - 4px); border-right:0; border-bottom:1px solid white; }
    #Estates .ListEstates .col-sm-6 { max-width:50%; width:50%; }
    .podobnenabidky .container .col-sm { max-width:50%; }
}

@media all and (max-width: 767px) {
    .boxicons tr { flex-wrap:wrap; }
}

@media all and (max-width: 47em) {
    #LocationMapa { display:none; }
    #location-list .location-img { width:20%; display:inline-block; float:left; margin-bottom:1em; display:none; }
    #location-list .location-img img { max-height:200px; }
    #location-list .location-text { width:100%; }
    #Estates.withmap .ListEstates { width:100%; }
    #Estates.withmap .Maps { display:none; }

    #Estates .filter .slider-content { flex-wrap:wrap; }
    #Estates .filter .colprice, #Estates .filter #ColArea { width:100%; padding:0; }
    .Slider { margin-left:auto; margin-right:auto; }
    #Estates .filter .colprice { border-bottom: 1px solid var(--bg-grey); padding-bottom:20px; margin-bottom:10px; width:100%; }
    .filter .filter-body .filter-row { padding-top:20px; }
}

@media (min-width: 576px) {
    #Estates .ListEstates .col-sm-6 { flex:none;  }
}


@media all and (max-width: 45em) {
   .offer-detail .gallery a { width:32%; display:block; overflow:hidden; padding-top:26.25%; }
    #Estates .Maps { display:block; overflow:hidden; width:0; }
    #Estates .ListEstates { width:100%; }
    #offer-form .KontaktHned { display:block; width:100%; }
    .btn-lg, .btn-group-lg > .btn { font-size:1em; }
    .cover-image.about-us { background-size:auto 100%; height:320px; }
    #paginating { flex-wrap:wrap; }
    
}

@media all and (max-width: 42em) {
   #Estates .ListEstates .col-sm-6 { max-width:50%; width:50%; }
}


@media all and (max-width: 35em) {

    .list .list-item .offer-info .title { min-height:0; }
    .hero .hero-content .buttons-wrap .btn.nabidnout { margin-top: 0; }
    #Estates .ListEstates .col-sm-6,#Estates.withmap .ListEstates .col-sm-6 { max-width:96%; }
    .podobnenabidky .container .col-sm { max-width:100%; }
    .cover-image.about-us { background-size:auto 100%; height:260px; }
    .header #menu-resizer #menu-source .section:first-child { display:none !important; }
    #Estates .ListEstates .col-sm-6 { max-width:100%; width:100%; }
    
}

@media all and (max-width: 460px) {

    .list .list-item .offer-info .title { min-height:0; }
    .hero .hero-content .buttons-wrap .btn.nabidnout { margin-top: 0; }
    #Estates .ListEstates .col-sm-6,#Estates.withmap .ListEstates .col-sm-6 { max-width:100%; }
    .cover-image.about-us { background-size:auto 100%; height:200px; }
    
}

@media all and (max-width: 25em) {
    .footer-navigation .container .col { flex-basis:auto; }
    .footer-navigation .container .col { margin-bottom:2rem; }
    .footer-navigation .container .d-md-none { display:none !important; }
}

@media all and (max-width: 22em) {
   
    
}

