#mainheader {
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 99999;
background-color: #fff;
line-height: 1;
max-height: 100%;
overflow-y: scroll;
}
#mainheader #headerbar,
#mainheader #headermenu {
display: none;
}
#mainheader #mobilemenu {
display: block;
width: 100%;
overflow: scroll;
height: 100%;
}
#mainheader #mobilemenu iframe {
width: 100%;
}
@media (min-width: 1025px) {
#mainheader {
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 99999;
background-color: #fff;
line-height: 1;
max-height: auto;
overflow-y: hidden;
}
#mainheader #mobilemenu {
display: none;
}
#mainheader #headerbar {
display: block;
position: relative;
z-index: 999999;
line-height: 0;
}
#mainheader #headerbar iframe {
width: 100%;
height: 110px;
}
#mainheader #headermenu {
display: block;
position: fixed;
z-index: auto;
transition: top 0.2s ease-in-out;
top: 110px;
width: 100%;
}
#mainheader #headermenu::before {
position: absolute;
width: 100%;
content: "";
background: #fff;
height: 72px;
display: block;
left: 0;
top: 0;
z-index: 1;
}
#mainheader #headermenu.nav-up {
top: 20px;
}
#mainheader #headermenu.nav-down { }
#mainheader #headermenu #container-menu {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
}
#mainheader #headermenu #container-menu #headermenu-content,
#mainheader #headermenu #container-menu #headermenu-content-smaller {
width: 100%;
}
#mainheader #headermenu.nav-up #container-menu #headermenu-content,
#mainheader #headermenu.nav-up #container-menu #headermenu-content-smaller {
height: 75px !important;
}
}