Faltou os { } (inicial e final) do @media. Como tudo é referente ao max-width: 767px, só necessita colocar uma vez, abrir colchete e fechar no final. Segue arrumado:
/ MOBILE SITE/
/ Mudar a cor da letra do submenu (dropdown) pra branco ao invés de cinza)/
@media only screen and (max-width: 767px) {
.menu.superior .nivel-dois li a, .menu.lateral .nivel-dois li a {
font-size: 14px;
color: white;
}
/ Tirar o espaço da esquerda do menu no celular/
.nivel-um.active, .menu.superior .nivel-dois, .menu.lateral .
nivel-um.active, .menu.lateral .nivel-dois {
display: block;
margin-left: -10px;
}
/ Adicionar espaço na lateral esquerda do submenu (dropdown)/
.menu.superior .nivel-dois li, .menu.lateral .nivel-dois li {
padding: 0px 10px;
border: none;
margin-left: 10px;
}
/ Aumentar o espaço pra logo/
.conteiner .logo {
margin: 0 0 20px;
height: 100px;
}
/ Aumentar a logo/
.logo a {
height: 112px;
}
/ Ajustes na altura e posição da lupa do buscador/
.busca .botao-busca {
height: auto;
top: 0px;
right: -4px;
line-height: 28px;
}
/ Ajuste na altura do background do buscador/
.busca {
margin: 0 60px -20px 0;
padding: 0;
border: none;
background: none;
}
}