Здравствуйте.
Есть медиа запросы вида:
@media (min-width : 320px) and (max-width : 380px) {}
@media only screen and (max-width : 460px) {}
В панели разработчика Оперы, Хрома, Мозилы их прекрасно видно.
НО!
Вот именно эти медиа запросы не видно вообще:
@media (min-width : 1181px) and (max-width : 1199px) {
.salon-yamap {height: 280px;}
}
@media (min-width : 1160px) and (max-width : 1180px) {
.salon-yamap {height: 270px;}
}
@media (min-width : 1130px) and (max-width : 1159px) {
.salon-yamap {height: 260px;}
}
@media (min-width : 1100px) and (max-width : 1129px) {
.salon-yamap {height: 250px;}
}
@media (min-width : 1080px) and (max-width : 1099px) {
.salon-yamap {height: 240px;}
}
@media (min-width : 1050px) and (max-width : 1079px) {
.salon-yamap {height: 230px;}
}
@media (min-width : 1020px) and (max-width : 1049px) {
.salon-yamap {height: 220px;}
}
@media (min-width : 991px) and (max-width : 1019px) {
.salon-yamap {height: 210px;}
}
@media only screen and (max-width : 990px) {
.salon-yamap {height: 300px;}
}
При этом в общем файле к блоку есть стили:
.salon-yamap {
/*background-color: red;*/
width: 100%;
height: 285px;
}
Подскажите, в чём может быть дело? По логике, может быть просто где опечатка или ошибка.
Кэш чищу всегда.
-----
Ответ в комментах. Вывод: проверяйте написание кода. 
Простой
Средний