[SOLUCIONADO] Problema Media Queries

[Federicoa]

Hola buenas tardes a todos, creo este tema por que estoy teniendo problemas con las media queries al a hora del responsive, el inconveniente es que NO ME RECONOCE LAS RESOLUCIONES, entonces cuando lo pruebo en: [URL="http://www.responsinator.com"]http://www.responsinator.com[/URL] no surge ningun cambio en dicha resolucion.

Acá por ejemplo les dejo el código que intenté utilizar para IPads landscape:

Código:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { 
 
.principal{width: 70%; margin-left: 15%;} 

#box2{display: none;}

.servicios {width: 70%;
			margin-left: 15%;}
#detalles {width: 70%; margin-left: 15%;}
#boxb{margin-top: -33.5%;}
#boxc{margin-top: -33.5%;}

.portafolio {width: 70%;
			 margin-left: 15%;
			 margin-top: 9%;
			 margin-bottom: 1em;} 

}

En mi html tengo incorporado la etiqueta viewport y tampoco me funciona, la etiqueta es la siguiente:

Código HTML:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

Sinceramente no sé por que no me toma las media queries, me estoy quemando la cabeza y no me sale nada. Si me podrían ayudar se los agradecería.

Muchas gracias a todos, Saludos.

[C2am]

Cual es la dirección de tu web para ver en vivo y en directo cual puede ser el problema?
Saludos

[Federicoa]

Hola, disculpa la demora en responder, ya logré resolver el problema. Lo que hice fue sacarle el device del min-width. O sea, en lugar de "min-device-width" puse "min-width" y se solucionó, la verdad no se por qué, pero bueno. Muchisimas gracias por responder :D