.nav{
    flex-direction: column ;
} 

.nav.menu_hamburgure{
    display:block;
}


.nav .menu_hamburgure li{
    display:block;
}

ul.menu_hamburgure > li.level1{
    display: block;
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    color: #777 ;

}

ul.menu_hamburgure > li.level1 > a{
    display: block;
    color: #777 !important ;
    padding: 5px 10px;    
}

ul.menu_hamburgure > li.level1 > span{
    display: block;
    color: #777 !important ;
    padding: 5px 10px;    
}

ul.menu_hamburgure >  li.parent.level1::after{
    content: "";
    display: block;
    -webkit-mask-image: url(../images/arrowIcon_en.svg);
    -webkit-mask-size: cover;
    width: 10px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 18px;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    background: #777;/*var(--primary);*/
    transition: var(--tran);
}



ul.menu_hamburgure >  li.parent.level1.open-menu::after {
    transform: rotate(90deg);
}

ul.menu_hamburgure >  li.parent.level1.close-menu::after {
    /*transform: rotate(0deg);*/
}

ul.menu_hamburgure > li.level1:hover{

    font-weight: bold;
    cursor: pointer; 

}


ul.nav-child.submenu_hamburgure {
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
    /*background-color: #ccc;*/
}

ul.nav-child.submenu_hamburgure > li{
    display: block;
    background-color: #eee;
    line-height: 30px;
    padding: 5px 20px;    
}

ul.nav-child.submenu_hamburgure > li:not(:last-child){
    border-bottom: 1px dashed #ccc;
}

ul.nav-child.submenu_hamburgure > li > a{
    color:#777 !important;
}

ul.submenu_hamburgure > li:hover{

    font-weight: bold;
    cursor: pointer; 

}