html {
    overflow-x: hidden;
}
@keyframes slideDown {
    0% {
        top: -200px;
    }
    100% {
        top: 0; 
    }
}
header#luma-main-header {
    position: relative;
    width: 100%;
    z-index: 10000;
}
header#luma-main-header.luma-sticky-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.luma-menu-widget .mobile-menu {
    display: none;
}
.luma-menu-widget.menu-vertical .luma-menu-wrapper .luma-menu  {
    display: inline-block;
}
.luma-menu-widget.menu-horizontal .luma-menu-wrapper .luma-menu  {
    display: flex;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu,
.luma-menu-widget .luma-menu-wrapper .sub-menu{
    list-style: none;
    margin: 0;
    padding: 0;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu .sub-menu {
    opacity: 0;
    pointer-events: none;
    display: none;
    transition: .3s;
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    z-index: 10;
}

.luma-menu-widget .luma-menu-wrapper .luma-menu .sub-menu .sub-menu {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    position: absolute;
    top: 0%;
    left: 100%;
    width: max-content;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu .sub-menu.sub-menu-left {
    right: 0;
    left: unset;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu .sub-menu .sub-menu.sub-menu-left  {
    left: unset;
    right: 100%;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li a{
    transition: .3s;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li {
    position: relative;
    transition: .3s
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li::after {
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    content: "";
    opacity: 0;
    transition: .3s;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li:hover::after{
    opacity: 1;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li .submenu-icon{
    display: flex;
    align-items: center;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li .submenu-icon svg{
    position: relative;
    margin: auto;
    margin-left: 10px;
}
.luma-menu-widget .luma-menu-wrapper .luma-menu li > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.luma-menu-widget.submenu-hover .luma-menu-wrapper .luma-menu li.menu-item-has-children:hover > .sub-menu,
.luma-menu-widget.submenu-click .luma-menu-wrapper .luma-menu li.menu-item-has-children.active > .sub-menu {
    opacity: 1;
    pointer-events: all;
    display: block;
    opacity: 1;
} 


@media (min-width: 1025px) {
    header .mobile-menu-box {
        display: none!important;
    }
    header#luma-main-header.luma-sticky-header.luma-header-scrolled {
        position: fixed;
        top: -200px;
        animation: slideDown 0.5s forwards;
    }
}
@media (max-width: 1024px){
    
    header#luma-main-header .mobile-menu-box { 
        position: absolute;
        top: 100%;
        z-index: 1000;
        left: 0;
        right: 0;
        display: none;
        overflow-y: auto;
    }
    header#luma-main-header.luma-mobile-sticky-header.luma-header-scrolled {
        position: fixed;
        top: -200px;
        animation: slideDown 0.5s forwards;
    }
    header#luma-main-header .mobile-menu-box .luma-mobile-menu {
        box-sizing: border-box;
    }
    .luma-menu-widget.luma-is-header-menu .luma-menu-wrapper {  
        display: none; 
    }
    .luma-menu-widget .mobile-menu {
        display: block;
    }

    header .mobile-menu-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    header .mobile-menu-box ul .sub-menu {
        display: none;
    }

    header .mobile-menu-box ul li a {
        display: flex;
        text-decoration: none;
    }
    header .mobile-menu-box ul li.menu-item-has-children a .submenu-icon{
        display: flex;
    }
    header .mobile-menu-box ul li.menu-item-has-children a .submenu-icon svg{  
        position: relative;
        margin: auto;
        margin-left: 10px;
    }
    .luma-menu-widget .mobile-menu .mobile-menu-box {
        display: none;
    }
    .luma-menu-widget .mobile-menu .hamburger {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around; 
        background: none;
        border: none;
    }
    
    .luma-menu-widget .mobile-menu .bar {
        display: block;
        width: 100%;
        height: 2px;
        transition: .3s ; 
        position: relative;
    }
    .luma-menu-widget .mobile-menu .hamburger .bar:nth-child(2)::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        opacity: 0;
    }
    
    .luma-menu-widget .mobile-menu.opened .hamburger .bar:nth-child(1) {
        opacity: 0;
    }
    
    .luma-menu-widget .mobile-menu.opened .hamburger .bar:nth-child(2) {
        transform: rotate(-45deg);
        transform-origin: center;
    }
    .luma-menu-widget .mobile-menu.opened .hamburger .bar:nth-child(2)::after {
        transform: rotate(90deg);
        transform-origin: center;
        opacity: 1;
    }
    .luma-menu-widget .mobile-menu.opened .hamburger .bar:nth-child(3) {
       opacity: 0;
    }
}