﻿
@media all and (max-width: 85em) {

    .devprojlisttables .ItemField.Price { width:120px; }

}


/*1200px*/

@media all and (max-width: 75em) {

    .devprojlisttables .devProjList .ItemField.PlochaObytna,.devprojlisttables .devProjList .ItemField.Plocha { width:150px; }
    .devprojlisttables .devProjList .ItemField.Price { width:190px; }
    .devprojlisttables .ItemField.Dispozice { width:60px; }
}

/*1088px*/
@media all and (max-width: 68em) {

    #TopMenu .MenuItem a { height:15.5em; }
    #Header #KontaktujteNas .IcoItem { margin-left:8%; }
    #Filter #filtercontent { display:inline-block; width:100%;margin:1em 0;}
    #SeznamNemovitosti .imgHolder img { height:170px;}
    #SeznamNemovitosti .flex-control-nav li { margin-left:3px; margin-right:3px;}
    #news .nabidkaHolder { height:8.2em;  }
    #Filter #filtercontent #MapaKraje #Kraje table { font-size:90%; }
    #Filter #filtercontent #MapaKraje #Kraje { width:44%;}
    #Filter #filtercontent .Podtyp table { font-size:90%; }
    #Filter #filtercontent #MapaKraje #Okresy table { font-size:90%;}
    #Filter #filtercontent .Vlastnictvi table{ font-size:90%;}
    #SeznamNemovitosti .OstatniUdaje .button { right:0;}
    #Fotografie .flexslider img { height:318px;}
    #Header #Fulltext { width:26%; }
    #TopMenu .MenuItem.Loga a img.LogoTop { max-height:12em; }
    #hodnocenilogo .flex .Procenta { font-size:1.2rem; }
    #hodnocenilogo .SocRow { margin-bottom:0.5rem; }
}
/*992px*/
@media all and  (max-width:61em) {
    #levybutton { display:block; z-index:101; background-color:#662d91; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAWlpQ0NQRGlzcGxheSBQMwAAGJVlkL9LAmEYx7/XDypTIZKWGg6CaLAwJaqhwR8Y/YLLHKrtPPUUzuvl7iSdWxuCFseof6CWQMR0bKgpaIqc2poSWlLe3tcTNHzg4fnw5ft+ed4HEL40JWeOAMjplhHbColHxyfiWAMOuOHCODZkxST7h9E4syAoSXsYqJ83CHy+LvGsz4q7pFajL7uPEb06my8N+v+VI5kyFTZbrH0KMSxA8DKeP7MIZ4mxx2BLMU5yVm0ucE7YfNHxxGNhxteMRSUjM69QZ+xN9OlqH+e0vNLdgW/v7LKH9RwiyMIEgQYZRYiQELBSBYsbwqekaGTVjCUGCdFS4rauLHtFv29lFeC3s2OaB51UYea5p503gM0apbTS03ZqwP0aO0O5py2uA1OTwFOZyIbckYZZD6XTwPcd4GI3mX4AJlpmOuC3f+AMAaMflDYXgLEroH1J6e8Npe1b9vgdqOt/wBNmipl5YbQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA5SURBVFiF7dQhEgAgDAOwjf//eTgOhdwEiatqVSMA+F3eoaqqpTTz9K6OwhcDYJwjMgDGOSIDAIANvnAMFos1YdYAAAAASUVORK5CYII=');
                  background-repeat:no-repeat; background-position:center center; top:0.7em;
    }
    #Content .LeftFld { width:0; overflow:hidden; z-index:100; position:absolute; top:0; display:inline-block; height:auto; }
    #TopMenu .MenuItem a { height:13.5em;}
    #ContentPage { width:92%; padding:1em 4% 1em 4%; }
    #LeftMenuContent .ButtonMenu a { line-height:2em;}
    #Header .HeaderItem { background:none; }
    #LogoContent { width:150px; margin-left:1em;}
    #LogoContent img{ max-width:100%;}
    #Header #Fulltext { width:47.5%; height:3em; padding-top:1em; margin-left:2.5%; display:block; float:left; }
    #Header #Fulltext #Fulltextcontent { margin:0;
        }
    #Header #Facebook { height:3em; display:block; float:left; padding-top:1em; padding-left:2.5%; width:47.5%; }
    #Header #Facebook a { width:100%; height:auto; margin:0; display:inline-block; text-align:left; }
    #Header #Facebook a img { float:left;margin:0; margin-right:1em;}
    #Header #Facebook a span { display:inline; width:auto; line-height:2em;}
    #Header #Facebook a span span{ display:inline; width:auto;}
    #Header #KontaktujteNas { width:12em; float:right; background-color:white; position:absolute; top:0; right:0;}
    .FacebookSlider,.RealityCechySlider { width:225px; }
    #TopMenu .MenuItem.Loga { position:static; width:0; }
    #TopMenu .MenuItem.Loga a img.LogoTop { position:absolute; top:1em; left:1em; width:5em; height:auto; margin-left:0; margin-top:0; }
    #TopMenu .MenuItem.Loga a img.Vimejak { display:none; }
    #Header .Icons { display:inline-block; width:auto; position:absolute; left:7em; }
    #Header #Fulltext { margin-left:7em; margin-top:4em; }
    #Header #Fulltext .textbox { float:left; }
    #Header #Fulltext { width:20em; }
    #TopMenu .MenuItem { width:24.9%; }
    #Header .PageLayout .Icons { margin-left:0; }
    #TopMenu .MenuItem a span.rk {display:none; }
    #hodnocenilogo { display:none; }
    
}

@media all and (max-width:54em) {

    #Header .Icons { display:none; }
    #Header #Fulltext { margin-top:0.5em; margin-bottom:1.5em; }
    #Header #Fulltext { margin-bottom:2.5em; }
    #Fotografie #ovl a { top:8rem; }
    #ProjectDetail .projectheader { flex-wrap:wrap; flex-direction:column-reverse; justify-content: center; justify-items:center; }
    #ProjectDetail .projectheader .basicdata { width:100%; margin-right:0; }
    #ProjectDetail .projectheader .photo { width:80%; margin-bottom:2rem; }
    #ProjectDetail .contactbox .contactboxcontent { flex-wrap:wrap; flex-direction:column-reverse; }
    #ProjectDetail .contactbox .contactboxcontent .projectform { width:100%; margin-right:0; }
    #ProjectDetail .contactbox .contactboxcontent .agent { width:100%; margin-bottom:2rem; }
    .devprojlisttables .devProjList .ItemField.Price { width:auto; }
    .ProjectListContent,.ProjectListContent .estatelist { display:block; width:100%; overflow:hidden; position:relative; }
    #ProjectDetail,#ProjectDetail .DrobenkoveMenu { display:block; }
    .devprojlisttables { display:block; }
    #Content { display:block; }
    .devprojlisttables .tablecontentoverflow { display:block; overflow-x:scroll; position:static; max-width:100%; }
    .devprojlisttables .tablecontentoverflowinner { display:block; overflow:hidden; width:900px; }
    .devprojlisttables .tablecontentoverflowinner table {  }
    
    .devprojlisttables .devprojlisttable .devProjList {  }
    .devprojlisttables h2 { width:calc(100% - 150px); }

}


@media all and (max-width:48em) {

    #news .nabidkaHolder { height:11em;}
    #news .nabidkaHolder .button { width:100%; left:0; }
    #footer #UserText { display:none; }
    #footer #FooterLoga { width:35%; margin:0 2.5%; padding:0; }
    #footer #MenuOne { width:30%; margin-right:2%; }
    #footer #MenuTwo { width:28%; }
    #footer #Paticka .Left { margin-left:1.5em; padding:0; }
    #footer #Paticka .Right { margin-right:1.5em; padding:0; }
    #FilterMapa { display:none; }
    #Filter #filtercontent #MapaKraje #Kraje { width:98%; }
    #Filter #filtercontent #MapaKraje #Okresy table td { width:31%; float:left; }
    #KontaktyMakleri .Agent .AContent .Foto { width:20%; }
    #KontaktyMakleri .Agent .AContent .Description { width:75%; margin-left:5%;}
    #Filter #filtercontent .filterItem { width:32.3%; margin-right:1%;}
    #Filter #filtercontent #RegNumber{ width:20%; }
    #Filter #filtercontent #Lokalita{ width:20%; }
    #Filter #filtercontent #TypeOfCommission{ width:32.3%; }
    #Filter #filtercontent #TypeOfRealEstate{ width:32.3%; }
    #Filter #filtercontent #PriceFrom{ width:33.3%; margin-right:0; }
    #Filter #filtercontent #PriceTo{ width:32.3%; margin-top:0.5em; }
    #Filter #filtercontent #AreaFrom{ width:32.3%; margin-top:0.5em; }
    #Filter #filtercontent #AreaTo{ width:33.3%; margin-right:0; margin-top:0.5em; }
    #Filter #filtercontent #Vyhledat{ width:12%; margin-right:0; }
    #Filter #filtercontent .Podtyp table td { width:31%; float:left; }
    #Filter #filtercontent #Fraze { width:35%; }
    #Filter #filtercontent #Vyhledat { width:100%; }
    #Filter #filtercontent #Vyhledat .button{ width:25%; margin:0.5em auto; }
    .flexslider .flex-control-nav { bottom:-57px; }
    #SeznamNemovitosti .imgHolder img { height:140px; }
    #SeznamNemovitosti #paginating { margin-top:1em;}
    #SeznamNemovitosti #paginating a, #SeznamNemovitosti #paginating span { margin-top:1em; display:block; height:2.5em; width:2.5em; text-align:center; line-height:2.5; padding:0;}
    #Fotografie .flexslider img { height:250px;}
    #Fotografie #ovl a { top:7em;}
    #SeznamNemovitosti .OstatniUdaje .PlochaDispozice .datum { width:100%; text-align:left; float:left; }
    #SeznamNemovitosti .OstatniUdaje .PlochaDispozice .plocha, #SeznamNemovitosti .OstatniUdaje .PlochaDispozice .dispozice { width:50%; }
    #Fotografie .flexslider .flex-control-thumbs li img { height:70px; }
    #DetailNabidky #Makler.Box .BoxContent .button { position:static; margin-top:1rem; }
}



@media all and (max-width:42em) {
    #MenuNemovitosti { display:block;}
    /*#TopMenu { display:none;}*/
    #Header .HeaderItem { width:97.5%; margin-left:2.5%;}
    #Header #Logo a { text-align:left;}
    #Header .HeaderItem img{ margin-left:0;}
    #Header #Facebook { margin-left:0; padding-left:0; width:47.5%; padding-top:0.2em; padding-left:2.5%; margin-left:0; float:left;}
    #TopMenu .MenuItem { width:49%; float:left; }
    #TopMenu .MenuItem a { height:auto; }
    #TopMenu .MenuItem a img { float:left; }
    #Header #Fulltext #Fulltextcontent { width:100%;}
    #DefaultPage .VideoYoutube { margin:0; padding:0; width:100%;}
    #DefaultPage .UserText { width:100%;}
    #news .nabidkaHolder { width:96%;}
    #news .nabidkaHolder .button { width:50%; left:50%; bottom:1.2em;}
    #footer #FooterLoga { width:95%;}
    #footer #MenuOne { width:50%; margin-left:2.5%; margin-right:2.5%; margin-top:2em; display:inline-block;}
    #footer #MenuTwo { width:45%; margin-top:2em; display:inline-block;}
    #footer #Paticka { display:inline-block; width:100%; position:relative;}
    #footer #Paticka .Left { width:45%; margin:1em 2.5%; text-align:left;}
    #footer #Paticka .Right { width:45%; margin:1em 2.5%;}
    #footer { padding-bottom:0;}
    #SeznamNemovitosti #Sorting #SortingContent { width:70%;}
    #SeznamNemovitosti #Sorting #SortingContent .SortName { width:36%; }
    #SeznamNemovitosti #Sorting #SortingContent .SortDesc { width:34%; }
    #SeznamNemovitosti #Sorting #SortingContent .SortLabel { width:25%;}
    #SeznamNemovitosti #Sorting #CountFieldsPage { width:29%; }
    #SeznamNemovitosti .imgHolder { width:100%;}
    .flexslider .flex-control-nav { bottom:-40px;}
    #SeznamNemovitosti .OstatniUdaje { width:100%;}
    #SeznamNemovitosti .imgHolder img { height:220px;}
    #SeznamNemovitosti .flex-control-nav li { margin-left:6px; margin-right:6px;}
    #Filter #filtercontent #Vyhledat .button { width:50%;}
    
    #SeznamNemovitosti #Pagging #PagiLeft span{ display:none; }
    #SeznamNemovitosti #Pagging #PagiRight span{ display:none; }
    #SeznamNemovitosti .OstatniUdaje .button { width:60%;}
    #Fotografie { width:100%;}
    #Fotografie .flexslider .flex-control-nav { display:none;   }
    #DetailNabidky #CenaMakler { width:100%;}
    #DetailNabidky #PopisUdaje { width:100%;}
    #DetailNabidky #Mapa { width:100%; margin-top:2em;}
    #DetailNabidky #QRCodeFacebook { width:100%;}
    .clientForm #Nabidka .BoxContent .LeftBoxContent { display:inline-block; width:100%; float:none;}
    .clientForm #Nabidka .BoxContent .RightBoxContent { display:inline-block; width:100%; float:none; margin-left:0; float:none;}
    .clientForm #Nabidka .BoxContent { display:inline-block; width:98%; padding:0.5em 1%; margin:0; }
    .clientForm #Klient { width:100%;}
    .clientForm #Popisek { margin-left:0; width:100%;}
    #KontaktyMakleri .Agent { width:96%;}
    #MaklerWebsite .RightSitePanel { width:100%;}
    #MaklerWebsite #Foto { width:40%; float:left; display:inline-block;}
    #MaklerWebsite #Kontakt { width:58%; margin-left:2%; display:inline-block; margin-top:0;}
    #MaklerWebsite #Buttons { width:58%; margin-left:2%; display:inline-block; }
    #MaklerWebsite .ContentAgentWebsite { width:100%; margin-top:2em;}
    #KontaktyMakleri .Agent .AContent { display:block;}
    .DrobenkoveMenu { padding-left:2.5%; width:97.5%;}
    #ListSponzorujeme .Item { width:100%;}
    #Fotografie #ovl a { top:11em;}
    #ProjectList .projectlistrep .projectitem { width:100%; margin-left:0; margin-right:0; }
    #ProjectDetail .photoslistrep .photoitem { width:50%; }
}

@media all and (max-width:36em) {

    #Header #Facebook { width:97.5%; }
    #Header #Fulltext { width:50%;}
    #footer #Paticka .Left { width:95%; margin-bottom:0.5em;}
    #footer #Paticka .Right { width:95%; text-align:left; padding-top:0; margin-top:0;}

    #Filter #filtercontent #RegNumber{ width:20%; }
    #Filter #filtercontent #Lokalita{ width:20%; }
    #Filter #filtercontent #TypeOfCommission{ width:50%; margin-right:0; }
    #Filter #filtercontent #TypeOfRealEstate{ width:49%; margin-right:1%; }
    #Filter #filtercontent #PriceFrom{ width:49%; margin-right:1%; margin-top:0.5em; }
    #Filter #filtercontent #PriceTo{ width:50%; margin-top:0.5em; margin-right:0; }
    #Filter #filtercontent #AreaFrom{ width:49%; margin-top:0.5em; margin-right:1%; }
    #Filter #filtercontent #AreaTo{ width:50%; margin-right:0; margin-top:0.5em; }
    #Filter #filtercontent #Vyhledat{ width:12%; margin-right:0; }
    #Filter #filtercontent .Podtyp table td { width:31%; float:left; }
    #Filter #filtercontent #Fraze { width:35%; }
    #Filter #filtercontent #Vyhledat { width:100%; }
    #Filter #filtercontent #MapaKraje #Okresy table td { width:48%;}
    #Filter #filtercontent .Podtyp table td { width:48%; }
    #Filter #filtercontent .Vlastnictvi .filterLabel { width:100%;}
    #Filter #filtercontent .Vlastnictvi .filterContent { display:inline-block; width:96%; margin-left:auto; margin-right:auto;}
    #Filter #filtercontent .Vlastnictvi table { width:100%;}
    #Filter #filtercontent .Vlastnictvi { width:96%; }
    #Filter #filtercontent #Vyhledat .button { width:100%;}
    #SeznamNemovitosti #Pagging #PagiLeft { width:8%;}
    #SeznamNemovitosti #Pagging #PagiRight { width:8%;}
    #SeznamNemovitosti #Pagging #CountFields { width:82%;}
    #SeznamNemovitosti #Sorting { width:100%; }
    #SeznamNemovitosti #Sorting #CountFieldsPage { width:50%; }
    #SeznamNemovitosti #Sorting #SortingContent { width:100%; margin-top:0.5em;}
    #SeznamNemovitosti #Sorting #SortingContent .SortLabel { text-align:left; width:4.5em;}
    #SeznamNemovitosti .OstatniUdaje .button { width:100%; position:relative; margin-top:0.5em;}
    .ImgW50 { max-width:100%; margin:1em 0;}
    #KontaktyMakleri .Pobocka .PobockaContent .PobockaText { width:98%;}
    #KontaktyMakleri .Pobocka .PobockaContent .PhotoNahledDetail { margin:0.5em 2%; width:96%; max-width:96%;}
    .DrobenkoveMenu { padding-left:5%; width:95%;}
    #Filter #filtercontent #NabidkyMaklere { width:98%;}
    #ListSponzorujemeLarge { display:none; }
    #ListSponzorujeme { display:inline-block; width:100%; }
    #Fotografie #ovl a { top:10em;}
    #AgentEstates li { width:100%; }
    #ProjectDetail .projectheader .photo { width:100%; }
}

@media all and  (max-width:27em) {
    #Header #Logo a img { max-width:100px;}
    #DefaultFacebook { max-width:300px; display:block; overflow:hidden; display:none;}
    #DefaultFacebook iframe{ max-width:300px;}
    #DefaultFacebookh3 { display:none;}
    #footer #MenuOne { width:97.5%; margin:1em 0 1em 2.5%;}
    #footer #MenuTwo { width:97.5%; margin:0 0 1em 2.5%;}
    #news .nabidkaHolder .button { width:100%; left:0;}
    h2 { line-height:1.2; font-size:100%; background-position:1.4em center;}
    #Filter #filtercontent #MapaKraje #Kraje table td { width:96%; padding-left:2%; padding-right:2%; float:left;}
    #Filter #filtercontent .Vlastnictvi .filterContent td { width:96%; padding:0.2em 2%; float:left;}
    #Filter #filtercontent #RegNumber { width:50%;}
    #Filter #filtercontent #Fraze { width:98%; margin-top:0.5em;}
    #SeznamNemovitosti #Sorting #SortingContent .SortLabel { width:100%; padding:0; margin-right:0;}
    #SeznamNemovitosti #Sorting #SortingContent .SortName {
        width: 59%; margin-right:1%;
    }
    #SeznamNemovitosti #Sorting #SortingContent .SortDesc { width:39%;}
    #SeznamNemovitosti .imgHolder img { height:190px;}
    #Fotografie .flexslider img { height:200px;}
    #Fotografie #ovl a { top:6em;}
    #DetailNabidky #QRCodeFacebook #QRCodeContent { width:100%;}
    #DetailNabidky #QRCodeFacebook #FacebookLike { width:96%; margin:2em auto;}
    #Filter #filtercontent #MapaKraje #Okresy table td { width:98%;}
    #KontaktyMakleri .Agent .AContent .Foto { width:auto; float:none;}
    #KontaktyMakleri .Agent .AContent .Foto img { width:auto; }
    #KontaktyMakleri .Agent { height:auto; display:table;}
    #KontaktyMakleri .Agent .AContent .Description { margin-left:0; width:100%;}
    #KontaktyMakleri .AgentInAffiliate { display:inline-block;}
    .DrobenkoveMenu {  width:90%; margin-left:0; padding-left:0;}
    #MaklerWebsite #Foto { width:60%;}
    #MaklerWebsite #Kontakt { margin:1em 0; width:100%; }
    #MaklerWebsite #Buttons { margin:0 0 1em 0; width:100%; }
    #Makleri .FilterMakler #fPobocka { width:98%; }
    #Makleri .FilterMakler #fPrijmeni { width:98%; }
    #Makleri .FilterMakler .Right { width:50%; float:none; margin:0 auto; padding:1em 0 0 0; }
    #Header #Fulltext { width:40%; }
    #hodnoceni { max-width:none; width:100%; }
    
    #news .nabidkaHolder { height:12em; }
    #ProjectDetail .clientForm .Klient { width:100%; }
    #ProjectDetail .clientForm .Popisek { width:100%; margin-top:10px; }
    #ProjectDetail .photoslistrep .photoitem { width:100%; }

}