Media queries, тег viewport, не поменялись свойства для мобильных устройств в шапке header?

Урок 61

Тема : Media queries, тег viewport

Вопрос : не поменялись свойства для мобильных устройств в шапке header ?

/*CSS MOBILE*/
@mebia onli screen
and (min-divice-width :320px)
and (min-divice-width :568px) {

 .header {
  background-color: #257965;
}
}

html

css

onli на only исправил все равно не работает

В HTML вставил

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

Изменил но сожалению, не помогло

HTML

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

CSS

@mebia only screen
and (min-divice-width :320px)
and (max-divice-width :568px) {

 .header {
  background-color: #257965;
}
}

у меня почему то не подсвечивается тег .header в Sublime в CSS

спасибо теперь мне стыдно :)

Два раза min написал, должно быть min max

Нужно писать не @mebia, а @media

:) Я сам такие ошибки делал по началу