Hola buenas, creo tengo el mismo problema cuando quiero adaptar la pagina para celular, para las pantallas que tengan hasta 480px, coloco los selectores pero solo cambia el menú de navegación, lo que corresponde al mapa y lo del bloque principal no se efectua ningún cambio.
La solución, la forma que consegui fue agregar los otros selectores que intervienen directamente sobre lo que no hace ningún cambio me funciona hasta ahora, hice lo siguiente
#
@media screen and (max-width: 400px){
.caja, .principal, .mapa, .principal p, .mapa_contenido{
width: auto;
}
}
#
