Исключить определенные размеры экрана (точные ширину и высоту) из медиа-запроса [закрыто] ⇐ CSS

[Anonymous]

При применении приведенного ниже медиа-запроса (1) для мобильных устройств дизайн выглядит хорошо на всех устройствах, кроме одного. Поэтому я хотел бы исключить медиа-запрос для тех размеров (667 x 375 пикселей), где дизайн нарушается. Однако добавленный медиа-запрос (2) перезаписывается первым (1), поскольку он явно соответствует условию, указанному в нем.
(1)
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header {
display: flex;
}
}

Попытка исключить путем добавления отдельного медиа-запроса:
(2)
@media only screen and (width: 667px) and (height: 375px) {
.header {
display: none;
}
}


Подробнее здесь: https://stackoverflow.com/questions/792 ... edia-query