@media all and (max-width: 84em) {
    
}

@media all and (max-width: 76em) {
    #MainPage { font-size:110%; width:96%; margin-left:auto; margin-right:auto; background-image:none;}
    #filter .Search { bottom:-2.9em; }
}

@media all and (max-width: 68em) {

    #MainPage { font-size:100%; }
    #Header { padding-top:1em; }
    #HeaderContent .Left { width:40%; }
    #HeaderContent .Kosik { margin-top:0.2em; }
    #Menu { margin-top:0.5em; }
    #FulltextBoxContent { max-height:17.19em; }
    #filter .Search .button { background-size:90%; }
    #Novinky .nabidkaHolder .nabidkaHolderContent .imgHolder a,#DevProj .nabidkaHolder .nabidkaHolderContent .imgHolder a { height:15em; }
    #FooterContent #CenterColumn { width:24%; }
    #DetNabidka #Makler #maklerPolozky .TwoColumnTable .Right,#DetProjekt #Makler #maklerPolozky .TwoColumnTable .Right { width:100%; }
    #Menu #SubMenuOnas li a { padding-right:0.8em; padding-left:0.8em; }
    #FormSouhlas .FormContent .Captcha { width:100%; }
    #FormSouhlas .FormContent .Send { width:100%; }
}

@media all and  (max-width:54em) {

    #DopoFulltext .LeftLayout { width:47.5%; margin-right:2.5%; }
    #DopoFulltext .RightLayout { width:47.5%; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .imgHolder { max-width:100%; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .nabidkaPopis { display:none; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .captions { height:9em; width:100%; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .NadpisItem { margin-top:0.5em; }
    #FulltextBoxContent { max-height:none; height:23.59em }
    #filter .Item.TypeOfCommision { width:32%; }
    #filter .Item.TypeOfRealEstate { width:32%; }
    #filter .Item.Region { width:32%; }
    #filter .Item.Lokalita { margin-left:1%; width:32%; margin-top:0.6em; }
    #filter .Item.Plocha { margin-left:0; margin-right:1%; width:32%; margin-top:0.6em; }
    #filter .Item.Cena { margin-left:0; margin-right:0; width:32%; margin-top:0.6em; }
    #FooterContent #CenterColumn { font-size:110%; }
    #FooterContent #RightColumn { font-size:110%; }
    #DetNabidka .LevySloupec { width:100%; }
    #PhotoPosition #hlPhoto a { max-height:34em; }
    #Ovladac { width:100%; margin-top:2em; }
    #DetNabidka .PravySloupec { width:100%; }
    #DetNabidka #Makler { width:100%; }
    #DetNabidka #OstatniPolozky { width:100%; }
    #Menu #SubMenuOnas li a { font-size:0.7em; }
}


@media all and (max-width:48em) { 

    
}







@media all and (max-width:45em) {

    #HeaderContent .Left { width:60%; }
    #HeaderContent .Left.Slogan { margin-top:1em; }
    #HeaderContent { position:relative; }
    #HeaderContent .LangKosik { position:absolute; top:0; right:0; }
    #Menu { font-size:130%; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .imgHolder a { height:14em; }
    #FulltextBoxContent { height:21.2em; }
    #filter .Search { width:100%; position:relative; left:0; bottom:0; padding-top:1em; }
    #filter .Search .button{ background-size:auto;  }
    #PodMenu #CenterBoxUserNewsletter img { margin-top:0; }
    #PodMenu #CenterBoxUserNewsletter { text-align:center; width:100%; }
    #PodMenu #CenterBoxUserNewsletter p{ text-align:center; }
    #PodMenu #BoxNewsletter h3 { text-align:left; }
    #LeftBoxNovinky { width:99.9%; padding:1em 0; display:table; margin:0; }
    #Novinky .nabidkaHolder .nabidkaHolderContent { padding:2.4%; width:95%; }
    #Novinky .nabidkaHolder .nabidkaHolderContent .imgHolder a, #DevProj .nabidkaHolder .nabidkaHolderContent .imgHolder a { height:25em; max-height:25em; text-align:center; }
    #PodMenu .MaxHeight { height:auto; }
    #PodMenu #BoxNewsletter { position:relative; width:95%; padding:2.4%; margin-top:1em; }
    #RightBoxDevProj { width:100%; padding:1em 0; }
    #FooterContent #LeftColumn { width:100%; border-right:none; }
    #FooterContent #CenterColumn { padding-left:0; width:40%; }
    #FooterContent #RightColumn { width:40%; }
    #ContentListEstate .Sort { width:62%;}
    #ListEstateContent .nabidkaHolder .captions { width:65%; }
    #ListEstateContent .nabidkaHolder .imgHolder { width:35%; }
    #ListEstateContent .nabidkaHolder .captions .nabidkaPopis .popisWrap { display:none; }
    #ListEstateContent .nabidkaHolder a.button.kosik { bottom:1.5em; top:auto; right:6em; }
    #Ovladac .tisk { margin-left:0; }
    #DetNabidka #ZakladniUdaje { margin-left:0; }
    #DetProjekt .LevySloupec { width:100%; }
    #DetProjekt .PravySloupec { width:100%; }
    #DetProjekt #ZakladniUdaje { margin-left:0; width:100%; margin-top:2em; }
    #DetProjekt #Makler { margin-left:0; width:100%; }
    #DetProjekt #estatePhotos a { width:32%; height:10em; }
    #ListDevProjContent .nabidkaHolder .imgHolder a { height:11em; }
    #Menu #SubMenuOnas li a { font-size:0.68em; }
    
    
}

@media all and (max-width:36em) {

    #Menu { display:none; }
    #MenuButton { display:block; background-color:; }
    #HeaderContent .Left.Slogan { font-size:100%; margin-top:0.2em; }
    #Header { height:auto; min-height:8.5em; display:table; }
    #HeaderContent { max-height:none; }
    #DopoFulltext {  }
    #MenuMini { margin-top:40px; }
    #DopoFulltext .LeftLayout { width:100%; }
    #DopoFulltext .RightLayout { width:100%; float:left; margin-top:2em; }
    #FulltextBoxContent { height:12em; padding:2.5%; width:95%; }
    #Doporucujeme .nabidkaHolder .nabidkaHolderContent .imgHolder a { height:19em; max-height:20em; }
    #FulltextButtons { width:95%; }
    #MenuMiniContent li { background-image:none; padding-left:0; }
    #MenuMiniContent .ButtonMenu { background-color:#000096; }
    #MenuMiniContent .ButtonMenu a{ color:white; text-decoration:none; padding:1em 2%; width:96%; display:block; }
    #MenuMiniContent #SubMenuOnas ul { padding:0; }
    #MenuMiniContent #SubMenuOnas li { list-style:none; }
    #MenuMiniContent #SubMenuOnas .ButtonMenu { background-color:#69aee3; }
    #MenuMiniContent #SubMenuOnas .ButtonMenu a{ color:white; text-decoration:none; padding:1em 2% 1em 4%; width:94%; display:block; }
    #ListDevProjContent .nabidkaHolder { width:96%; }
    #ListDevProjContent .nabidkaHolder .imgHolder a { height:17em; }

    #DetProjekt #NemovitostiProjekt table tr td { float:left; width:24%; height:2.8em; padding:0.5em 1% 0 0; }
    #DetProjekt #NemovitostiProjekt table tr td.prvniH,#DetProjekt #NemovitostiProjekt table tr td.prvni { border-bottom:none; }
    #DetProjekt #NemovitostiProjekt table tr.devProjListHeader td { padding-top:0; }
    #Boxy .rtsHorizontal .rtsLevel li { width:100%; margin-right:0; }
    #FormEstateVisitation .w40.Kontakty { width:100%; }
    #FormEstateVisitation .w50.Popis { width:98%; float:left; }
    #SendEstateToEmail .FormItems .Email { width:100%; }
    #DetNabidka #estatePhotos a { width:49%; }
    h1 { font-size:170%; }
    h2 { font-size:140%; }
    h3 { font-size:120%; }
    
        
}

@media all and  (max-width:27em) {

    #filter .Item.TypeOfCommision { width:46%; margin-left:2%; margin-right:2%; }
    #filter .Item.TypeOfRealEstate { width:46%; margin-left:2%; margin-right:2%; }
    #filter .Item.Region { width:46%; margin-left:2%; margin-right:2%; margin-top:0.6em; }
    #filter .Item.Lokalita { width:46%; margin-left:2%; margin-right:2%; }
    #filter .Item.Plocha { width:46%; margin-left:2%; margin-right:2%; }
    #filter .Item.Cena { width:46%; margin-left:2%; margin-right:2%; }
    #FooterContent #LeftColumn { width:100%; border:none; padding-right:0; }
    #FooterContent #CenterColumn { padding-left:0; padding-right:0; width:100%; }
    #FooterContent #RightColumn { width:100%; border:none; padding-left:0; padding-right:0; }
    #Footer { margin-bottom:0; }
    #ContentListEstate .Sort .SortName { width:100%; margin-left:0; }
    #ContentListEstate .Sort .SortDesc { width:100%; margin:0.5em 0 0 0; }
    #ListEstateContent .nabidkaHolder .imgHolder { width:100%; }
    #ListEstateContent .nabidkaHolder .imgHolder a { margin:2%; width:96%; height:19em; }
    #ListEstateContent .nabidkaHolder .imgHolder a img { max-width:110%; }
    #ListEstateContent .nabidkaHolder .captions { width:96%; margin:1em 2% 1em;  }
    #ListEstateContent .nabidkaHolder .Cena{ padding-top:3em; }
    #ListEstateContent .nabidkaHolder a.button.kosik { bottom:0.5em; }
    #ListEstateContent .nabidkaHolder a.button.lupa { bottom:0.5em; }
    
}