[HTML] versione mobile eliminare stile menu da nav

[luigi777]

Salve, non riesco ad levare lo stile del mio menu quando sono in mobile (browser google chrome).

Questo è il codice quando è in mobile:

 nav .menu {
}
 nav .menu a {
}
 nav .menu,
 nav .menu ul {
   
}
 nav .menu li {

}
 nav .menu a {
}
 nav .menu a:hover {
}


/* Level 1 Drop Down Menu */
 nav .menu > li {
   
}
 nav .menu > li:first-child {
   
}
 nav .menu > li > a {}
 nav .menu > li > a:hover {}

/* Level 2 */
 nav .menu > li > ul {
}
 nav .menu > li:hover > ul {
   
}
 nav .menu ul li a {}
 nav .menu ul li a:hover {}

/* Level 3 */
 nav .menu > li > ul > li > ul {
}
 nav .menu > li > ul > li:hover > ul {

}


/* Level 4 */
 nav .menu > li > ul > li > ul > li > ul {
   
}
 nav .menu > li > ul > li > ul > li:hover > ul {
   
}

 nav .menu ul ul li {}
 nav .menu ul ul li a {}
 nav .menu ul ul li a:hover {}
 nav .menu ul ul li ul li a:hover {}

e questo è in desktop:

 nav .menu {
}
 nav .menu a {
    color: #FFF;
}
 nav .menu,
 nav .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 nav .menu li {
    position: relative;
}
 nav .menu a {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}
 nav .menu a:hover {
    background: #000;
}


/* Level 1 Drop Down Menu */
 nav .menu > li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
 nav .menu > li:first-child {
    margin-left: 0;
}
 nav .menu > li > a {}
 nav .menu > li > a:hover {}

/* Level 2 */
 nav .menu > li > ul {
    text-align: left;
    width: auto; /* change auto value with 200px if you want a bigger menu */
    display: none;
    background: #5DBB04;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
 nav .menu > li:hover > ul {
    display: block;
}
 nav .menu ul li a {}
 nav .menu ul li a:hover {}

/* Level 3 */
 nav .menu > li > ul > li > ul {
    text-align: left;
    display: none;
    background: #E7B400;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999999;
}
 nav .menu > li > ul > li:hover > ul {
    display: block;
}


/* Level 4 */
 nav .menu > li > ul > li > ul > li > ul {
    text-align: left;
    display: none;
    background: #E7B400;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999999;
}
 nav .menu > li > ul > li > ul > li:hover > ul {
    display: block;
}

 nav .menu ul ul li {}
 nav .menu ul ul li a {}
 nav .menu ul ul li a:hover {}
 nav .menu ul ul li ul li a:hover {}

come faccio ad far venire il menu in un menu grezzo senza stile.?

Grazie mille e buona serata aspetto vostre risposte.