@Media anchura mínima y anchura máxima

Tengo esta configuración @media:

HTML: 

<head>
  <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>

CSS : 

@media screen and (min-width: 769px) {
    /* STYLES HERE */
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    /* STYLES HERE */
}

@media only screen and (max-device-width: 480px) {
    /* STYLES HERE */
}

Con esta configuración funciona en el iPhone, pero no funciona en el navegador.

¿Es porque ya tengo device en el meta, y tal vez tengo max-width:480px en su lugar?


Warning: Undefined property: agent_blog_content::$date_asked in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 32

Warning: Undefined property: agent_blog_content::$count_answers in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 52