Menú no responsive

Hola!!

Tengo un problema en mi página y es que cuando abro la página desde un portátil o ordenador con pantalla grande, el menú se ve genial, pero en cuanto el ancho de pantalla baja de unos 1500px, los elementos del menú se empiezan a solapar con el logo y no entiendo por qué pasa esto.

He intentado ajustar por pantalla añadiendo el siguiente código, pero no ha funcionado

@media only screen and (min-width:1200px) and (max-width:1380px){
.q_logo a, .q_logo img{height:80px !important;}
nav.main_menu>ul>li>a{padding:0 15px;font-size:14px;}
}
@media only screen and (min-width:1000px) and (max-width:1200px){
.q_logo a, .q_logo img{height:65px !important;}
nav.main_menu>ul>li>a{padding:0 10px;font-size:13px;}
}

Alguien sabe cómo puedo solucionar este problema? Muchas gracias!

• Este debate fue modificado hace 5 años, 2 meses por jagraus.

La página con la que necesito ayuda: [accede para ver el enlace]