@media only screen and (max-width: 980px) {

/* ===== HEADER: burger po lewej, logo obok ===== */

#main-header .et_menu_container {
display:flex !important;
align-items:center !important;
}

#et_mobile_nav_menu {
order:1 !important;
margin-right:10px !important;
display:flex !important;
align-items:center !important;
}

#et_mobile_nav_menu .mobile_nav {
display:flex !important;
align-items:center !important;
}

#et_mobile_nav_menu .select_page {
display:none !important;
}

.logo_container {
order:2 !important;
margin-left:8px !important;
display:flex !important;
align-items:center !important;
}

#logo {
max-height:50px !important;
width:auto !important;
}

#et-top-navigation {
order:3 !important;
margin-left:auto !important;
float:none !important;
padding-left:0 !important;
}

span.mobile_menu_bar:before {
left:0 !important;
font-size:30px !important;
}

/* ===== CAŁE MENU Z BURGERA ===== */

#et_mobile_nav_menu .et_mobile_menu {

display:block !important;

top:100% !important;
left:0 !important;
right:auto !important;

opacity:0 !important;
visibility:hidden !important;

transform:translateY(-10px) translateZ(0) !important;

transition:
opacity .22s ease,
transform .22s ease,
visibility 0ms linear .22s !important;

backface-visibility:hidden !important;
-webkit-backface-visibility:hidden !important;
}

#et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu {

top:100% !important;
left:0 !important;
right:auto !important;

opacity:1 !important;
visibility:visible !important;

transform:translateY(0) translateZ(0) !important;

transition:
opacity .22s ease,
transform .22s ease,
visibility 0ms linear 0ms !important;
}

#et_mobile_nav_menu .et_mobile_menu,
#et_mobile_nav_menu .et_mobile_menu li,
#et_mobile_nav_menu .et_mobile_menu li a {

backface-visibility:hidden !important;
-webkit-backface-visibility:hidden !important;
}

#et_mobile_nav_menu .et_mobile_menu li a {
animation:none !important;
}

/* ===== MOBILE MENU ===== */

#et_mobile_nav_menu,
#et_mobile_nav_menu .mobile_nav,
#mobile_menu {
overflow:visible !important;
}

#mobile_menu li.menu-item-has-children {
position:relative !important;
}

#mobile_menu li.menu-item-has-children > a {
display:block !important;
padding-right:52px !important;
}

/* ===== SUBMENU ===== */

#mobile_menu li.menu-item-has-children > ul.sub-menu {

display:none !important;

opacity:0 !important;

transform:translateY(-6px) !important;

transition:
opacity .18s ease,
transform .18s ease !important;
}

#mobile_menu li.menu-item-has-children.open > ul.sub-menu {

display:block !important;

opacity:1 !important;

transform:translateY(0) !important;
}

/* ===== TOGGLE ===== */

#mobile_menu .valden-submenu-toggle {

position:absolute !important;

top:0 !important;
right:0 !important;

width:44px !important;
height:44px !important;

line-height:44px !important;

text-align:center !important;

border:0 !important;

background:transparent !important;

color:#000 !important;

font-size:20px !important;
font-weight:700 !important;

cursor:pointer !important;

z-index:20 !important;

padding:0 !important;
margin:0 !important;

box-shadow:none !important;

-webkit-appearance:none !important;
appearance:none !important;
}

/* ===== SUBMENU ITEMS ===== */

#mobile_menu > li > ul.sub-menu > li > a {
padding-left:20px !important;
}

#mobile_menu .sub-menu .sub-menu li > a {
padding-left:35px !important;
}

}