Почему не работает медиа запрос?

Пытаюсь прописать меню для разных устройств, используя список разрешений, но запрос работает некорректно:

@media screen and (max-width: 375px) { 
.nav-bar {
width: 120px;
}
}

@media screen and (min-width: 375px) and (max-width: 600px) { 
.nav-bar {
width: 250px;
}
}

@media screen and (min-width: 600px) and (max-width: 1024px) { 
.nav-bar {
width: 350px;
}
}

Если ставить только 2 запроса без min-width, все работает корректно. Но хотелось бы больше медиа-запросов...