.menu, .menu li, .sub-menu,.sub-menu ul, .sub-menu li {
list-style: none;
text-indent: 0;
list-style-type: 0;
list-style: none!important;
cursor: pointer;
margin: 0;
padding:0;
}
.menu {
width: 100%;
display: flex;
position: relative;
} .sub-menu-hidden {
visibility: hidden;
display: none!important; }
.sub-menu-0, .sub-menu-1 {
display: flex;
}
@media (min-width: 1024px){
.menu, .sub-menu {
flex-direction: row;
}
.sub-menu {
position: absolute;
left: 0;
z-index: 50;
}
.sub-menu-visible {
visibility: visible;
}
.menu, .sub-menu {
flex-direction: row;
}
}
.sub-menu-1 {
align-items:bottom;
}
@media (max-width: 1023px){
.menu, .sub-menu-0, .sub-menu-1 {
flex-direction: column;
}
.sub-menu {
position: relative!important;
display: flex;
}
.button-menu {
display: flex;
flex-wrap: wrap;
padding: 10px;
border-radius: 50%;
cursor: pointer;
z-index: 600;
position: absolute;
right: 15px;
top: 15px;
}
.button-menu-bar {
width: 80%;
height: 3px;
margin-left: 10%;
Margin: right: 20%;
border-radius: 2px;
display: block;
background: #ffffff;
}
.button-menu-bar:not(#menu-top-bar) {
margin-top: 3px;
}
.sub-menu-0, .sub-menu-1 {
width: auto;
}
.sub-menu-1 {
display: none;
visibility: hidden;
}
}