@media all and (max-width: 1640px) {

    .pagelayout,.PageLayout,#TopPage .PageLayout { max-width:98%; }
    h2 { padding: 2em 0 2em 20px; box-sizing:border-box; }
    
}

@media all and (max-width: 1556px) {

    .pagelayout,.PageLayout,#TopPage .PageLayout { max-width:96%; }
}

/*1360px*/
@media all and (max-width: 85em) {

    /*#Footer .footertextpage,.headertextpage .PageLayout { width:90%; margin-left:5%; margin-right:5%; }
    #headerContent { width:90%; margin-left:5%; margin-right:5%; }*/
    /*#TopMenu ul li { padding-left:40px; }*/
    
}


/*1200px*/
@media all and (max-width: 75em) {

    .h2.shadowtitle .shadow { font-size:130%; top:0.7em; }
    /*#TopMenu ul li { padding-left:30px;  }
    #TopMenu ul li a { font-size:1em; }*/
    .headertextpage h1 { font-size:2em; }
    #Footer .field-links { padding:40px; }
    #Footer .footer-top{ font-size:0.9rem;}
    h2 { font-size:1.6rem; }
}

/*1088px*/
@media all and (max-width: 68em) {


    #TopPage #TopMenu { background-color:var(--color10); width:0;
                       padding-top: 60px;
                        margin-top: 0;

    }
    #TopMenu ul li { padding-left:15px; margin-bottom:15px; }
    #BottomRow { height:80px; }
    .header .logo,.header.topandtransparent .logo { margin-left:0; top:0; height:70px; width:80px; margin-top:5px; }
    .header .logo .logoImg,.header.topandtransparent .logo .logoImg { margin:0; }

    #HeaderContacts { display:none; }
    
    .header.topandtransparent #TopMenu,#TopMenu { border:none; width:0; min-width:0; }
    #TopMenu { display:block; width:300px; height:calc(100% - 90px); background-color:white; position:fixed; right:0; top:0;
               padding-top:60px; padding-bottom:30px; z-index:100; margin-top:0;
               -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
    width:0; overflow:hidden; 
    }
    .header.topandtransparent #TopMenu { background-color:white; margin:0; border:none; width:0; min-width:0;  }
    #headerContent { width:100%; margin:0; }
    #TopMenu ul { display:flex; flex-wrap:wrap; }
    #TopMenu ul li { width:calc(100% - 30px); }
    .header.topandtransparent #TopMenu ul li.ButtonMenuFirst a.MenuActive { color:var(--color11); }
    .header.topandtransparent #TopMenu ul li a { color:var(--color11); }
    .header { height:auto; }
    #MenuButtonClose { display:flex; flex-wrap:nowrap; justify-content:right; position:absolute; right:1rem; top:1rem; }
    #MenuButtonClose .butt { width:30px; height:30px; display:block; line-height:30px; text-align:center;
                                 -webkit-border-radius: 15px;
                                -moz-border-radius: 15px;
                                border-radius: 15px;
                                /*border:1px solid var(--color3);*/ background-color:var(--color1); color:white;
        }
    #MenuButtonClose .text { padding-right:10px; line-height:30px; color:silver; }
    #TopMenu ul { width:300px; }
    #MenuButton { display:flex; flex-wrap:nowrap; justify-content:right; position:absolute; right:1rem; top:1rem; z-index:90; }
    #MenuButton .butt { width:50px; height:50px; display:block; line-height:50px; text-align:center; background-color:silver;
                                 -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px; }
    #MenuButton .butt .menubuttonimg { fill:white; max-width:40px; max-height:40px; margin-top:5px; }
    #MenuButton .text { color:var(--color3); padding-right:10px; line-height:50px; }
    .header.topandtransparent #MenuButton .butt { background-color:white; }
    .header.topandtransparent #MenuButton .text { color:var(--color11); }
    
    .header.topandtransparent #MenuButton .butt .menubuttonimg{ fill:silver; }
    
    /*.header .logo { position:relative; width:120px; height:80px; display:block; overflow:hidden; margin-left:1rem; }*/
    /*.header .logo .logoImg { position:absolute; left:0; top:-25px; min-height:130%; }*/
    
    
    .headertextpage { padding-top:80px; }
    
    

}
/*992px*/
@media all and  (max-width:61em) {

    #Footer .footercontent { flex-wrap:wrap; }
    #Footer .item.contact { width:50%; }
    #Footer .item.nabidky { width:50%; }
    #Footer .item.usertext { width:100%; }
    #Footer .foo-content { flex-wrap:wrap; }
        #Footer .foo-content .field-contacts { width:50%; }
        #Footer .foo-content .field-links { width:calc(50% - 1px); border-right:0; box-sizing:border-box; margin:0; }
        #Footer .foo-content .field-user-text { padding-left:0; }
    
}

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

    .headertextpage h1 { font-size:1.8em; }

}


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

    .ImgW25 { width:50%; max-width:50%; }
    .ImgW25.Left,.ImgW25.Right{ width:calc(50% - 15px); }
    
}



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

    .h2.shadowtitle { font-size:1.7rem; }
    #Footer .item.usertext { width:100%; }
    #Footer .footercontent { flex-wrap:wrap; }
    
}

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

    .h2.shadowtitle { font-size:1.6rem; }
    .h2.shadowtitle .shadow { font-size:100%; top:1.5em; }
    h2 { font-size:1.6rem; }
    .ImgW50 { width:100%; max-width:100%; margin:0; }
    #Footer .item.contact { width:100%; }
    #Footer .item.nabidky { width:100%; margin-bottom:2rem; }

    #Footer .foo-content .field-contacts { width:100%; text-align:center; }
    #Footer .icons { justify-content:center; }
    #Footer .foo-content .field-links { width:100%; margin:0; border:0; }
    #Footer .footer-bottom ul li { text-align:center; }
    #Footer .foo-content .field-user-text { padding:0; text-align:center; }
    #Footer .field-end { width:100%; margin-top:30px; }
    #Footer .field-end .logo-footer { text-align:center; }
}

@media all and  (max-width:27em) {
    
    .ImgW25,.ImgW25.Left,.ImgW25.Right { width:100%; max-width:100%; margin:0; }
    
    
}