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

HTML

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

СSS

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

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