
/* menu */
.header-open span {font-size: 11px}
.hamb {margin: auto;  height: 2px; width: 30px; background-color: #000; margin-bottom: 5px}

#m-menu img{display: none}
#m-menu ul{list-style-type: none;
    padding-left: 0px;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 2.35rem;
}
#m-menu li ul{padding-left: 40px;}
#m-menu{position: fixed;z-index: 9999999999;width: 100%;height: 100%;background-color: #fff; top: 0px; left: 0px;background-color: #D8BC8D /*#E41F1C;*/; display: none}
#m-menu .m-menu-l1 a{color: #fff; opacity: 0.70; letter-spacing: 0.35px}
#m-menu .m-menu-l1 a:hover,#m-menu .m-menu-l1 a.active{opacity: 1}
#m-menu .m-menu-l1 a[aria-expanded="true"]{color: #fff; opacity: 1}

#m-menu .m-menu-l1 .menu-data a{color: #fff; opacity: 1; text-transform: initial; display: inherit;}

#m-menu label {font-size: 18px; line-height: 27px; text-align: left; display: inherit; color: #fff; text-transform: none;}
#m-menu.active{display: block !important;}
#m-menu .menu-close-btn{position: absolute;z-index: 9999999999999;color: #fff;font-size: 30px;right: 25px;top: 25px}



.lang, .lang a, .lang span {display: inline-block; color: #fff; font-size: 17px !important; margin-right: 10px}
/*
*/
@media(min-width: 768px){
    #m-menu img{display: block}
    #m-menu .m-menu-l1 > a{font-size: 1.5rem; text-transform: uppercase; font-weight: 200;}
    .menu-data{position: absolute;left: 30vw;top: 50%;transform: translateY(-50%); width: 100%; width: 50vw;transition: all 0.3s; min-width: 510px;  max-width: 600px}
    .menu-data.collapsing{opacity:0}
    .menu-data.collapse{opacity: 1}
    #m-menu-products img{max-width: 200px}

/*    #m-menu label {font-size: 20px; line-height: 30px;}*/

}
@media (min-width: 1200px){
    #m-menu-products img {
        max-width: 160px;
        margin: auto;
    }
}