@media (max-width: 768px) {

    /* 1. ÚPLNE SKRYJEME OBRÁZKY V PODKATEGÓRIÁCH */
    .navigation-in.menu .menu-level-2 > li > a.menu-image {
        display: none !important;
    }

    /* 2. NAŠTÝLUJEME TEXTOVÉ ODKAZY (LEVEL 1 AJ LEVEL 2) ROVNAKO */
    
    /* Level 1 (Hlavné) */
    .navigation-in.menu .menu-level-1 > li > a,
    /* Level 2 (Podkategórie - tie sú schované v div) */
    .navigation-in.menu .menu-level-2 > li > div > a {
        background-color: #ffffff !important;   /* Biela */
        color: #AE9F96 !important;              /* Hnedá */
        border: 1px solid #AE9F96 !important;   /* Hnedý rámik */
        border-radius: 6px !important;          /* Jemne zaoblené rohy */
        margin-bottom: 8px !important;          /* Medzera pod tlačidlom */
        padding: 12px 15px !important;          /* Vnútorné odsadenie */
        text-decoration: none !important;
        display: block !important;              /* Aby to bolo na celú šírku */
        text-align: left !important;            /* Text zarovnaný doľava */
        font-weight: 600 !important;            /* Trochu hrubšie písmo */
    }

    /* 3. ODLIŠENIE LEVELU 2 (ABY BOLO VIDIEŤ, ŽE SÚ TO PODKATEGÓRIE) */
    .navigation-in.menu .menu-level-2 > li > div > a {
        margin-left: 20px !important;           /* Odsadenie sprava, aby to vyzeralo vnorené */
        width: auto !important;                 /* Prispôsobí šírku */
        font-size: 0.95em !important;           /* O chlp menšie písmo pre podkategórie */
    }

    /* 4. FARBA TEXTOV VNÚTRI (SPAN, B) */
    .navigation-in.menu .menu-level-1 > li > a b,
    .navigation-in.menu .menu-level-2 > li > div > a span {
        color: #AE9F96 !important;
    }

    /* 5. EFEKT PRI DOTYKU (ACTIVE/HOVER) - ZMENA NA HNEDÚ */
    .navigation-in.menu .menu-level-1 > li > a:active,
    .navigation-in.menu .menu-level-2 > li > div > a:active {
        background-color: #AE9F96 !important;
        color: #ffffff !important;
    }

    .navigation-in.menu .menu-level-1 > li > a:active b,
    .navigation-in.menu .menu-level-2 > li > div > a:active span {
        color: #ffffff !important;
    }
    #navigation li a {
	padding: 12px 15px !important;
	background: #AE9F96;
	margin: 4px 15px;
	border-radius: 10px;
	color: #ffffff !important;
	line-height: 1.2em !important;
	font-weight: 600;
	font-size: 15px;    
}
    #navigation ul.menu-level-1 > li.ext.exp > a .submenu-arrow {
	top: -50px;
	background: #AE9F96;
}
}