@media only screen and (max-width:767px) {
    #mobile_menu .sub-menu{
        right: 0 !important;
    }
}
.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    z-index: 1000
}

.menu-item-has-children:hover>.mega-menu {
    display: block
}

.menu-item-has-children {
    position: relative
}

.mega-menu .sub-menu {
    display: block;
    position: static;
    width: auto;
    background: none;
    box-shadow: none
}

.megamenu-items {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 10px;
    padding: 0;
    margin: 0
}

.megamenu-items li {
    list-style: none
}

.mega-menu-content {
    position: absolute;
    z-index: 100
}

.proma-mega-menu {
    cursor: pointer
}

.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    background: #f1f1f1;
    width: 200px;
    z-index: 10;
    padding: 10px;
    flex-direction: column;
    border-radius: 15px
}

.menu-item-has-children .sub-menu li {
    width: 100%
}

.menu-item-has-children .sub-menu li a {
    color: black
}

.menu-item-has-children .sub-menu li .sub-menu,
.menu-item-has-children .sub-menu li .sub-menu li .sub-menu {
    top: 0 !important;
    right: 100% !important;
    position: absolute
}

.navbar ul>li.menu-item-has-children>a {
    padding-right: unset !important
}

.rtl .menu-area .icon2 .navbar ul>li.menu-item-has-children>a:before {
    right: auto !important;
    left: 0 !important
}