не работает медиазапрос

Делаю верстку для разных разрешений экрана, написал 3 медиазапроса для экранов шириной 1440, 1280 и 768
Осталось написать для ширины 375, но вот именно этот запрос не хочет работать. У меня идут сначала основные стили, потом медиазапросы подряд. Почему так странно именно один последний медиазапрос просто ни в какую не работает??

@media screen and (max-width: 1440px) {
  .header {
    width: 100px;
  }

  .logo {
    top: 50px;
    left: 60px;
  }
}

@media screen and (max-width: 1280px) {
  .header {
    width: 200px;
  }

  .logo {
    top: 50px;
    left: 60px;
  }
}

@media screen and (max-width: 376px) {
  .header {
    width: 300px;
  }

  .logo {
    top: 50px;
    left: 60px;
  }
}