#menu_main { list-style-type: none;  }
#menu_main li { display: block; }
#menu_main li a { display: block; font-family: 'Oswald', "Oswald"; font-weight: 300;  }

@media only screen and (min-width: 960px) {
    #menu_main li a.mm_active { font-weight: 600;   }
    #menu_main { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 2em; width: 60%; text-align: center; }
    #menu_main li, #menu_main li a { display: inline-block; text-decoration: none; color: #fff; }
    #menu_main li  { position: relative;}
    #menu_main li a { padding: 4px 8px 4px 8px; }
    #menu_main li a:hover { background: #12313a; color: var(--main-color-02); }
    #mm_displayer { display: none; }

    #menu_main li:hover a.is_submenu { background: #12313a; color: var(--main-color-02); }

    #menu_main li ul {
        background: #12313a;
        position: absolute; left: 0px; top: 40px; z-index: 900;
        width: 280px;
        padding: var(--main-gap-half);
        display: none;
    }

    #menu_main li:hover ul { display: block; }
    #menu_main li ul li { border-top: 1px solid #236e7b; }
    #menu_main li ul li:last-of-type { border-bottom: 1px solid #236e7b; }
    #menu_main li ul li, #menu_main li ul li a { display: block; text-align: left; }
    #menu_main li ul li a { padding: 12px 8px 12px 8px; }
    .mm_rezervace { border-left: 1px solid var(--main-color-01); padding-left: 4px;} 
    #menu_main li.mm_rezervace a { color: var(--main-color-02); }
    #menu_main li.mm_rezervace a:hover { color: #fff; }
}

@media only screen and (max-width: 1200px) {
    #menu_main  { font-size: 1.6em; }
    #menu_main li.mm_uvod { display: none; } 
    #menu_main li ul { top: 32px; }
}

@media only screen and (max-width: 960px) {
    .mm_hide { display: none;}
    #menu_main { width: 100%; background: var(--main-color-03); box-sizing: border-box; position: absolute;  top: calc(60px + var(--main-gap)); padding: var(--main-gap); }
    #menu_main li { border-bottom: 1px solid var(--main-color-01); }
    #menu_main li:last-of-type { border: none; }
    #menu_main li a { padding: var(--main-gap); color: #fefefe; text-decoration: none; text-align: center; }
    #menu_main li a.mm_active { background: #EFFCFC; }
    #menu_main li ul { border-top: 1px solid #255b65; background: #246f7a; }
    #menu_main li ul li { border-bottom: 1px solid #255b65; }
}

#mm_displayer { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); }
#mm_displayer a { text-decoration: none; }
#mm_displayer img { width: 32px;}
#menu_main li a.mm_active { color: var(--main-color-01); }