[CSS]Nie działa responsywność problem z <meta>, Problem z <meta> i uruchomieniem styli od 320px do 767px Opcje

[norfear]

Tak jak w temacie nie działa responsywność dla wybranej rozdzielczości.

Na stronie testowej
http://avanti-pizza.vot.pl

dla
rozdzielczości 1200px i więcej = wszystko jest OK

dla

CODE

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) { style }

= wszystko jest ok

dla

CODE

@media screen and (min-device-width: 320px) and (max-device-width: 767px) { style }

= tutaj nie działa

Wiem że problem leży w tej linijce

CODE

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

bo jak wyłączę ja to wtedy mi ten #media screen 320-767px działa, ale nie zaczytuje mi w tedy styli bootstrapowych (IMG:style_emoticons/default/sad.gif)

P.S najłatwiej sprawdzać to na obrazku loga które znika przy tych innych rozdzielczości (IMG:style_emoticons/default/smile.gif)

Był bym wdzięczny za pomoc w uruchomieniu tych styli od 320px - 767px