#menu_main {
    list-style-type: none; position: absolute; right: var(--main-gap); top: 50%; transform: translateY(-50%);
    z-index: 99; font-size: 1.6em;
}

#menu_main li, #menu_main li a { display: inline-block; font-family: 'Montserrat', "Montserrat"; font-weight: 700; }
#menu_main li a { text-decoration: none; padding: 8px var(--main-gap)  8px var(--main-gap); border-radius: 10px; }

.mm_item { text-transform: uppercase; border-radius: 10px; }
.mm_item:hover { background: var(--main-color-02); }
.mm_poptat { background: #000; color: #fff; border-radius: 10px; }
.mm_poptat:hover { background: #3C3C3C; }

#mm_toggler { position: absolute; right: var(--main-gap); top: 50%; transform: translateY(-50%); } 
#mm_toggler img { height: 16px;}

nav { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #FBD101; z-index: 500;  }
.nav_unactive { display: none; }

#menu_main_mobile { 
    list-style-type: none; width: 100%;
    position: fixed;  top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  z-index: 550;
    box-sizing: border-box; padding: 0px var(--main-gap) 0px var(--main-gap); 
}

#menu_main_mobile li,
#menu_main_mobile li a {
    display: block; text-align: center; font-family: 'Montserrat', "Montserrat"; font-weight: 700;
}

#menu_main_mobile li a {
    text-decoration: none; padding: 8px var(--main-gap)  8px var(--main-gap); border-radius: 10px;
}