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


}

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

@media all and (max-width: 110em) {
    #Header { background-position:left center; }
    #Header #Logo { left:1em; }
    #Header #ARK { right:1em; }
    #Header #CzechMade { right:1em; }
    .LeftSite { width:23%; margin-left:2%; }
    .RightSite { width:71%; margin-right:2%; }
    #Footer #FooterContent { width:100%; background-size:auto 100%; }
    #Footer .PageLayout { width:96%; padding:2em 2% 0 2%; }
    #Footer .Udaje { left:2%; }
    #Footer .TopList,#Footer .Autor { right:2%; }
    #Razeni { width:96%; margin-left:2%; margin-right:2%; }
    #SeznamNemovitosti #Seznam { width:97%; margin-left:1.5%; margin-right:1.5%; }
    #SeznamNemovitosti h1 { width:96%; margin-left:2%; margin-right:2%; }
    #SeznamNemovitosti .TextSeznamNemovitosti h1{ width:100%; margin-left:auto; margin-right:auto; }
    #FilterSeznamNemovitosti #TypZakazky { width:13%; }
    #FilterSeznamNemovitosti .Field { width:14%; }
    #FilterSeznamNemovitosti #Jine {width:calc(56% - 60px); }
    #DetailNemovitosti #ZakladniInfo .Row, #DetailNemovitosti #DalsiPolozky .Row { padding:7px; }
}

@media all and (max-width: 100em) {
    #LeftMenuItems .ButtonMenu a { font-size:1.1em; }
    #Header { height:300px; }
    #Header #Logo { height:130px; width:340px; background-size:contain; }
    #Header #ARK { width:80px; height:80px; }
    #Header #CzechMade { width:80px; height:80px; top:80px;}
    #Menu .ButtonMenu a { font-size:1em; }
    #LeftMenuItems .ButtonMenu a { font-size:1em; }
    .LeftSite { width:21%; }
    .RightSite { width:73%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder { width:30%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky { width:calc(70% - 30px); }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 a { font-size:1.1em; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .nabidkaPopis { font-size:1em; line-height:1.5; }
    #Razeni .ceho { width:15%; }
    #Razeni .dle { right:17%; width:28%; }
    #SeznamNemovitosti #Seznam .estateList tr { width:100%; height:17em; }
    #DetailNemovitosti #ZakladniInfo .Row, #DetailNemovitosti #DalsiPolozky .Row { padding:5px; }
    #OneEstateBannerContent .NewsOneItem {  height:17em;}
    h1,#DetailNemovitosti .Nadpis h1 { font-size:2.2em; }
    h3 { font-size:1.3em; }
    #LeftMenuItems .ButtonMenu a { height:auto; display:inline-block; margin-bottom:2px; }
    #LeftMenuItems .ButtonMenu a span{ line-height:1.4; }
    
    
    
}

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

    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder { width:30%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder img{ max-width:110%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky { width:calc(70% - 30px); }
    
}

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

    #levybutton {
        display: block;
        z-index: 101;
        background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAaCAYAAACU2C2oAAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GkR+ZGgvF4iWs0Bg1sbEY+VVYjKf82sy8+aXmzbzee5Jsla2ixMavBX8BW2WtFJGSsrMmNkzPeWZqJplzO/d87vfec7r3XPCoaU23qvygZ2wzPBZS5uYXlJoXqvDhpZVgRLOMqZlRlbL2eU+FG2973Frlz/1r9bG4pUFFrfCQZpi28Ljw5KptuLwj3KylIjHhM+FuUy4ofOfq0Ty/upzM87fLphoeBo9XWEmWcLSEtZSpC8vL6dDTK1rhPu5LGuKZ2RmJ7eJtWIQZI4TCBCMME6SPQZmD9BCgV1aUyff/5k+TlVxNZoM1TJZJksKmW9QVqR6XmBA9LiPNmtv/v321Ev2BfPWGEFQ/O857J9RsQ27Lcb6OHCd3DJVPcJkp5mcPYeBD9K2i1nEATRtwflXUortwsQktj0bEjPxKleKeRALeTqFxHnw3ULeY71lhn5MHUNflq65hbx+65HzT0g+QtGf5z4mPtQAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE9JREFUKJHtzzEOQEAABdG3m41LcgLOQ6fD5fYOKBQSVqdQmHKK/zMh51yhQeegx5RQY3QyYo1o3eliQYKIoeD7hBnb5Xx5WnqT8Jf7UvkORYcmGn3BTlEAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        background-position: center center;
        /*top:0; left:auto; right:-2em;*/
        cursor:pointer;
        position:fixed;
        left:0; top:310px;
        opacity:0.8;
    }
    #LeftMenuItems { position:absolute; top:310px; left:-300px; width:300px; z-index:500; background-color:white; }
    .LeftSite { width:0; padding:0; margin:0; }
    .RightSite { width:96%; margin-left:2%; margin-right:2%; }
    #Novinky .item { width:29%; margin-left:2%; margin-right:2%; }
    #Footer .Box#LeftBox { display:none; }
    #Footer .Box {  width:25%;}
    #Footer .Box#RightMiddleBox { width:30%; }
    #FilterSeznamNemovitosti .Field { width:20%; }
    #FilterSeznamNemovitosti #Jine .Slider#Plocha { margin-left:25px; }
    #FilterSeznamNemovitosti #Jine { width:39%;  }
    #FilterSeznamNemovitosti #Jine .Slider { width:calc(100% - 120px); margin-bottom:1em; }
    #FilterSeznamNemovitostiContent { min-height:7em; }
    #OneEstateBannerContent .NewsOneItem { height:auto; padding-bottom:2em; }
}

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

    body { position:relative; }
    #MainPage { position:absolute; width:100%; overflow:hidden; }
    #Header .PageLayout {  }
    #Header #CzechMade { bottom:auto; top:200px; margin-top:0; }
    #Header #ARK { bottom:auto; top:200px; right:100px; }
    #Header #Logo { top:1em; }
    #ButtonTopMenu { display:block; }
    #Menu { display:none; }
    #MenuMini { display:table; width:300px; position:absolute; top:0; right:-300px; background-color:var(--color1);
            z-index:600; height:auto;
    }
    #MenuMini li { width:100%; }
    #MenuMini li.ButtonMenu.linkUvod,
    #MenuMini li.ButtonMenu.linkNemovitosti,
    #MenuMini li.ButtonMenu.linkNovinky,
    #MenuMini li.ButtonMenu.linkOnas,
    #MenuMini li.ButtonMenu.linkSluzby,
    #MenuMini li.ButtonMenu.linkPozvanka,
    #MenuMini li.ButtonMenu.linkReference,
    #MenuMini li.ButtonMenu.linkKontakty{ width:100%; }
    #MenuMini li.ButtonMenu a{ text-align:left; line-height:3em; }
    #MenuMini li.ButtonMenu a span{ padding-left:1em; }
    #MenuMini li.ButtonMenu a.MenuActive { background-color:#5A539A;  }
    #MenuMini li.ButtonMenu a.MenuActive span{ border:none;  }
    #SeznamNemovitosti #Seznam .estateList tr { height:15em; }
}

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

    #Header { height:260px; }
    #levybutton {
        top:270px;
    }
    #LeftMenuItems { top:270px; }
    #Header #ARK { top:170px; }
    #Header #CzechMade { top:170px; }
    #PageDefault .Slider { width:54%; }
    #PageDefault .Filter { width:44%; }
    #FixedImageContent .Left { left:4em; }
    #FixedImageContent .Right { top:12.8em; }
    #FilterSeznamNemovitosti .Field { width:35%; }
    #FilterSeznamNemovitosti .Field#TypZakazky { width:26%; }
    #FilterSeznamNemovitosti #Podtyp { width:100%; margin-top:9em; }
    #FilterSeznamNemovitosti #Jine { width:calc(100% - 60px); top:6em; }
    #Razeni .ceho { width:21%; }
    #Razeni .dle { right:23%; width:37%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 a { font-size:0.9em; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .nabidkaPopis { line-height:1.3; }
    #SeznamNemovitosti #Seznam .estateList tr { height:13em; }
    #Kontakty blockquote { width:50%; min-height:37em; float:left; margin-right:0; }
    #Footer .Udaje { display:none; }
   
}

@media all and (max-width: 58em) {
    h1, #DetailNemovitosti .Nadpis h1 { font-size:1.8em; }
    .Form .FormRowCaptcha div div div { width:100%; }
    .Form .FormRowCaptcha div div p { width:100%; }
    .Form .FormRowCaptcha div div div img{ max-width:100%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 a { font-size:16px; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .nabidkaPopis { line-height:1.2; }
    #Banners .flex { flex-wrap:wrap; }
    #Banners .flex .banner a { width:100%; }
    #Banners .flex .banner.b1 a,#Banners .flex .banner.b2 a { margin:auto; }
    #Banners .flex .banner.b1 { margin-bottom:2rem; }
    #Banners .banner { width:100%; }
}

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

    #PageDefault .Slider { width:100%; }
    #PageDefault .Filter { width:100%; margin-top:2em; height:auto; position:static; display:table; }
        #PageDefault .Filter #filterDefault,#PageDefault .Filter #filterDefaultContent,#PageDefault .Filter #filterDefaultContentContent { position:static; height:auto; }
        #PageDefault .Filter #tlacitka { position:relative; display:inline-block; width:100%; margin-top:0.5em; }
    #filterDefaultTlacLeft, #filterDefaultTlacRight { height:7em; position:static; }
    #filterDefaultTlacLeft a, #filterDefaultTlacRight a { position:static; }
    #FixedImageContent .Large { font-size:2em; }
    #Novinky .item { width:46%;  }
    #Footer .PageLayout .Box { display:none; }
    #Footer .TopList, #Footer .Autor { top:2em; bottom:auto; }
    #Footer .TopList { left:1em; }
    #Footer .Autor { right:1em; }
    #Footer { height:290px; }
    #FilterSeznamNemovitosti #Podtyp .Domy li,#FilterSeznamNemovitosti #Podtyp .Komercni li,#FilterSeznamNemovitosti #Podtyp .Ostatni li { width:auto; padding-right:1em;}
    #Razeni .Left { margin:0; width:100%; }
    #Razeni .dle { width:50%; display:inline-block; float:left; margin:0; margin-top:0.5em; position:static;
                   
    }
    #Razeni .dle .SortInfo { text-align:left; }
    #Razeni .ceho {  width:30%; display:inline-block; float:right; margin:0; margin-top:0.5em; position:static; }
    #SeznamNemovitosti #Seznam { margin-top:2em; }
    #SeznamNemovitosti #Seznam .estateList tr { width:50%; height:25em; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .nabidkaPopis { display:none; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder { width:100%; height:60%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky { width:calc(100% - 30px); margin:auto; height:calc(40% - 15px); position:absolute; top:calc(60% + 15px); }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis { }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 { }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky .novinkaNadpis h3 a { display:inline; overflow:auto; font-size:16px; color:black; font-weight:normal; text-transform:none;
                                                                             line-height:1.2;
    }
    #HlavniFoto, #DetailNemovitosti #Popis, #MapaForm #Mapa { width:100%; margin:0; }
    #DetailNemovitosti #ZakladniInfo, #DetailNemovitosti #DalsiPolozky { width:100%; }
    #DetailNemovitosti #Makler { width:100% }
    #DetailNemovitosti #Popis { margin-top:2em; }
    #DetailNemovitosti #DalsiPolozky {margin-top:2em; }
    #MapaForm #Mapa { width:100%; margin-top:2em; height:15em; position:static; }
    #MapaForm #Zajem {width:100%; margin-top:2em; position:static; }
    #Kontakty blockquote { width:100%; }
    #FormSendKontakt .FormInterestedContent { width:100%; margin:0 0 0.2em 0; }
    #FormSendKontakt .FormInterestedContent.Popisek { width:100% }
    #FormSendKontakt .FormInterestedContent.Captcha { width:100%; margin-right:0; }
    #FormSendKontakt .FormRowCaptcha div div div { width:100%; }
    #FormSendKontakt .FormRowCaptcha div div p { width:100%; }
    .Form .FormRowCaptcha { width:100%; }
    #FormSendKontakt .FormInterestedContent.Send { width:100%; position:static; }
    .Form #FormSendEstateContentInfo, .Form #FormSendEstateContentKontakt, .Form #FormSendDemandContentInfo, .Form #FormSendDemandContentKontakt { width:100%; }
    .bannerkvilda { width:100%; max-width:100%; }
    .nemovitost .item{ width:calc(50% - 5px); margin-right:5px; margin-bottom:5px; }
}

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

    #Header { height:160px; background:none; background-color:var(--color1); }
    #levybutton {
        top:170px;
    }
    #LeftMenuItems { top:170px; }
        #Header #ARK { display:none; }
        #Header #CzechMade { display:none; }
    #PageDefault .Slider,#Slider .item { height:27em; }
        #Slider .item .imgWrap { height:65%; }
        #Slider .item .captions { height:calc(35% - 30px); }
            #Slider .item .captions .title { height:3.6em; }
    #PageDefault .Box{ width:100%; }
    #FixedImageContent .Left { top:3em; }
    #Novinky .item { width:96%;  }
    h1, #DetailNemovitosti .Nadpis h1 { font-size:1.5em; }
    h2 { font-size:1.3em; }
    h3 { font-size:1.2em; }
    #FilterSeznamNemovitosti #Podtyp { display:none; }
    #FilterSeznamNemovitosti .Field,#FilterSeznamNemovitosti .Field#TypZakazky,#FilterSeznamNemovitosti #Lokalita { margin:0; width:100%; margin-bottom:0.5em; }
    #FilterSeznamNemovitosti #Jine { position:static; width:100%; }
    #Razeni .ceho { width:35%; }
    #Razeni .dle { width:64%; }
    #SeznamNemovitosti #Seznam .estateList tr { width:100%; height:24em; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder { height:70%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky {height:calc(30% - 15px); top:calc(70% + 15px); }
    .MenuPermanentZN li.ButtonMenu { width:48%; margin-bottom:0.5em; }
    #FormDemand .DItem .DItemContent,#FormDemand .DItem.TypZakazky .DItemContent,#FormDemand .DItem.TypNemovitosti .DItemContent,#FormDemand .DItem.Kraj .DItemContent { width:100% }
    #FormDemand .TwoRow .One .DItem,#FormDemand .TwoRow .Two .DItem{ width:98%; margin-right:2%; }
    #FormDemand .TwoRow .One, #FormDemand .TwoRow .Two { width:100%; }
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Jmeno,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Prijmeni,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Spolecnost,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Email,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Telefon,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.Heslo,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.HesloZopakuj,
    #UzivatelskeNastaveni #RegistraceForm .FormRowItem.buttonRegistration{ width:100%; margin:0; margin-bottom:0.5em; }
    #Prihlaseni .FormRowItem,#Prihlaseni .FormRowItem.Prihlaseni { width:100%; }

    #Registrace .FormRowItem.buttonRegistration .button{ position:static; right:0; bottom:1.5em; }

    #Slider .owl-dots { top:55%; }

    

}
@media all and (max-device-width:600px) {
    body.PopupBody #MainPage {  display:table; max-width:280px;  }
    body.PopupBody #SendEstateInfo { width:calc(100% - 10px); padding:0 5px; display:table; }
}
@media all and (max-width: 30em) {
#Header #Logo { width:260px; height:135px; position:static; }
    #Header #Logo #LogoText { position:absolute; bottom:1em; width:92%; left:0; right:0; margin:auto; z-index:300; }
    #Slider .item .imgWrap { height:55%; }
    #Slider .item .captions { height:calc(45% - 30px); }
    #Slider .item .captions .locality { bottom:45px; }
    #Slider .item .captions .price { left:15px; }
    #FixedImageContent .Right { left:4em; bottom:2em; }
    #PageDefault .Filter #fCContent .TypeOfCommission,#PageDefault .Filter #fCContent .TypeOfRealEstate { width:100%; margin-bottom:0.5em; }
    #FilterSeznamNemovitosti #Hledej { position:static; width:100%; margin-top:1em; }
    #FilterSeznamNemovitosti #Jine .Slider { width:calc(100% - 30px); margin-left:16px; }
    #FilterSeznamNemovitosti #Jine .Slider#Plocha { width:calc(100% - 30px); margin-left:16px; }
    #FilterSeznamNemovitosti #Hledej .button { background-size:auto 70%; }
    #Razeni .dle { width:100%; }
    #Razeni .ceho { width:calc(100% - 100px); }
    #Razeni { display:inline-block; height:auto; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .imgHolder { height:60%; }
    #SeznamNemovitosti #Seznam .nabidkaHolder .Popisky { height:calc(40% - 15px); top:calc(60% + 15px); }
    #HlavniFoto #carousel{ display:none; }
    h1, #DetailNemovitosti .Nadpis h1 { font-size:1.3em; }
    h2 { font-size:1.2em; }
        #Slider .owl-dots { top:45%; }
    #PageDefault .oznameni { font-size:1.1rem; }
    .nemovitost h3 { font-size:1.4rem; }
}
@media all and (max-width: 23em) {

    .MenuPermanentZN li.ButtonMenu { width:100%; margin-right:0; }
    #filterDefaultTlacLeft a span,#filterDefaultTlacRight a span { font-size:1.3em; }
    #FixedImageContent .Right, #FixedImageContent .Left { left:2em; }
    #Novinky .item {  }
    .Img100,.Img50 { width:100%; max-width:100%; }
    .nemovitost .item { width:100%; margin-right:0; margin-bottom: 5px; }
    
}