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

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


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

    
}

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

    
}

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

    #header .hLogo { width:130px; }
    
}

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

    .PageLayout { max-width:90%; }
    #ContactForm .law a { white-space:nowrap; }
    h1 { font-size:1.8rem; }
    #TopMenu li a span { font-size:1.2rem; }
    
    
}


/*1200px*/
@media all and (max-width: 75em) {
    #PageHome .TopTitleContent .titleUserText { font-size:1.2rem; }
    #TopMenu li a span { font-size:1.1rem; }
}

/*1088px*/
@media all and (max-width: 68em) {
    #footer { position:relative; }
    #footer .bike { width:100%; }
    #footer .other { width:100%; }
    
    .hLinkMenu #TopMenu ul li a { padding:0 15px; }
    #footerContent .flex { flex-wrap:wrap; }
    
}

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

    #TopMenu li a span { font-size:1rem; }
    .hLinkMenu #TopMenu ul li a { padding:0 15px; }
    h1 { font-size:1.6rem; }
    ul li { background-position: 0 10px; }
    .hLinkMenu #TopMenu { display:none; }
    #header .hMenu #MenuButton { display:block; }
    #MenuButton .text, #CloseMenu .text, #HomeButton .text { color:var(--color1); z-index:320; }
    #MenuButton .butt #buttonImg, #CloseMenu .butt #buttonImg, #HomeButton .butt #buttonImg { fill:var(--color2); z-index:320; }
    #TopMenu { z-index:310; }
    #TopMenu li a.MenuActive::before,#TopMenu li a.MenuActive::after { fill:var(--color2); }
    #TopMenu .TopMenuContent .Menu { background-color:black; }
    #TopMenu li a:hover span { color:white; }
    #TopMenu li a span { color:white; font-size:1.4rem; }
    #MenuButton, #CloseMenu { z-index:1000; top:30px; position:fixed; }
    #CloseMenu .text { color:var(--color2); }
    #MenuFooter { display:none; }
}

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

    
}

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

    .hLogo { width:130px; left:30px; top:30px; }
    #MenuButton, #CloseMenu { right:30px; top:40px; }
    #TopMenu { width:100%; }
    #header.fix .hLogo { width:130px; }
    .FormSendContent .flex{ flex-wrap:wrap; }
    #ContactForm .item,#ContactForm .item.desc { width:100%; margin:0; }
    #ContactForm .Item.Contact { margin-bottom:15px; }
    #ContactForm .lawsend { }
    #ContactForm .lawsend .law{ width:100%; }
    #ContactForm .lawsend .sendform{ width:100%; margin-top:2rem; }
    #footer .heel .logomuller { width:100%; margin:0; }
    #footer .heel .flex { flex-wrap:wrap; }
    #footer .heel .logomuller { height:50px; }

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

    ul li { padding-left:20px; }
    h2 { font-size:1.4rem; }

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

    #MenuButton .text, #CloseMenu .text, #HomeButton .text { display:none; }
    #MenuButton, #CloseMenu { width:40px; }
    #MainPage { min-width:310px; }
    
}