Design Responsivo

Boa noite

Será que alguém consegue tirar uma duvida como faço para quando eu quiser retirar um elemento da pagina,

Ex: em uma pagina com layout para desktop ou notebook tenho o menu horizontal,

mas quando acessa do smartphone quero um design do menu em lista, como faço para zerar

as configurações feitas.

sei que tenho que fazer um código para cada um mas está sempre herdando o atributo do css principal

tentei usar o !important; mas não funcionou alguém sabe me responder ou me indicar um tutorial, artigo algo assim?

Obrigado