Problema extraño con @media query

Esto es bastante extraño... y no doy que puede ser, tengo un site en joomla 2.5, donde la plantilla en el index usa:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

y yo ocupo que cuando este en una pantalla de 1366px... cambie a esto:

@media screen and (max-width:1366px)
{
.titulo_archivo h1
{
font-size:120%!important;
}
/*esto lo puse como ejemplo*/
#sp-menu-wrapper {

position: fixed!important;
}
}

y el navegador (firefox) no me toma los estilos sino hasta que se reduce a 1223px... alguien tendra idea de como solucionarlo... me paso igual en chrome pero al restablecer un resplado se arreglo... gracias

Hola, tu dices que quieres aparezca ese estilo a partir de 1366px, ese es el punto de partida hacia adelante, correcto?

Pues bien, en tu media query lo estas haciendo mal, tu haz puesto esto:

(max-width:1366px)

Eso indica que el estilo colocado dentro de esa query funcionará solo hasta 1366px, lo que tu tienes que poner para que te cargue el estilo desde 1366px es:

(min-width:1366px)

Espero te sirva, saludos.

Prueba con:

Código CSS :

@media all and (max-width:1366px) and (min-width:1px){
.titulo_archivo h1
{
font-size:120%!important;
}
/*esto lo puse como ejemplo*/
#sp-menu-wrapper {
position: fixed!important;
} 
}