Почему неправильно определяется размер экрана при @media-запросе?

Использую специальную вкладку консоли Toggle devise toolbar. При респонсиве экран 320-480 пикселей срабатывает медиа-запрос для экранов от 768-991 пикселей. Помогите найти проблему, meta name="viewport" content="width=device-width" - имеется, стиль кода в SCSS формате Код:

*Основной SСSS код*

@media screen and (min-width: 768px) and (max-width: 991px) {
  .menu {
    width: 30%;
    nav {
        margin: 50% auto 0 20%;
    }
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .menu {
    width: 100%;
  }
}