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

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

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

}

@media all and (max-width: 78em) {
    body { position:relative; }
    #MainPage { width:96%; margin:auto; }
    
}

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

@media all and  (max-width:63em) {
    
    .MenuLinks { display:none; }
    .MobileMenu { display:block; position:relative; }
    .MobileMenu .MenuLinks{ width:0; position:fixed; top:0; right:0;  z-index:1000; display:block; margin:0;  }
    .MobileMenu .MenuLinks .MenuLinksContent { background-color:black; padding:30px; padding-top:40px; position:relative; }
    #Logo { display:none; }
    #LeftMenu { display:block; overflow:hidden; width:0; border:none; }
    #MobileLogo { display:block; position:absolute; left:45px; top:30px; margin:0; z-index:100; }
    #Content { width:100%; }
    #MenuButtonClose { display:block; margin:0; margin-left:auto; z-index:1001; margin-bottom:10px;
                       width:30px; height:30px; text-align:center; line-height:30px; border:1px solid white; border-radius:30px;
                       
    }
    #MenuButton { display:block; position:absolute; top:35px; right:11px; margin:0; z-index:500;
                  width:30px; height:30px; 
    }
    #MenuButton .butt { 
        width:40px; height:40px; position:relative; display:block; background-color:black;
    }
    #MenuButton .butt .menubuttonimg { 
        fill:white; width:30px; height:30px; margin-top:5px;
    }
}

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

}

@media all and (max-width:48em) {
    #HeaderContent { display:none; }
    #Header { height:150px; margin:0; }
    .filter tr { display:flex; flex-wrap:wrap; width:100%; }
    .filter td { width:100%; padding-bottom:0; }
    #nabidkyCenter .nabidkaHolder .TwoRows { flex-wrap:wrap; }
    #nabidkyCenter .nabidkaHolder .TwoRows .LeftRow{ width:100%; }
    #nabidkyCenter .nabidkaHolder .TwoRows .RightRow{ width:100%; }
    #nabidkyCenter .nabidkaHolder .imgHolder { margin:auto; margin-bottom:5px; }
    #nabidkyCenter .nabidkaHolder .nabidkaAttributy { width:100%; height:auto; margin-left:0; }
    #nabidkyCenter .nabidkaHolder .nabidkaPopis { width:100%; height:auto; margin-left:0; }
    .DetailLayout { }
    .DetailLayout .flex{ flex-wrap:wrap; }
    .DetailLayout .flex .TopLeft{ width:100%; }
    .DetailLayout .flex .TopRight{ width:100%; }
    #DetailNabidky #HlavniPolozky .Item strong{ width:180px; }
    #DetailNabidky #HlavniPolozky .Item span{ width:calc(100% - 180px); }
    #DetailNabidky #hlPhoto { margin:10px 0; }
    #DetailNabidky #estatePhotos { margin-top:10px; }
    #DetailNabidky #DodatecnePolozky .Item { width:100%; }
    #DetailNabidky #DodatecnePolozky .Item strong{ width:180px; }
    #DetailNabidky #DodatecnePolozky .Item span{ width:calc(100% - 180px); }
    .DemandForm .clientForm { width:calc(100% - 25px); }
    .DemandForm input[type="text"],.DemandForm select,.DemandForm textarea { width:100%; }
}

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

@media all and  (max-width:25em) {
    .DemandForm tr { display:flex; flex-wrap:wrap; }
    .DemandForm th,.DemandForm td { width:100%; }
}