Медиа-запросы CSS и !important

У меня есть веб-сайт, на котором используются запросы @media, но, похоже, он их не устанавливает. Они всегда сохраняют стиль по умолчанию.

Например,:

#div1 { background:red}

@media screen and (max-height:912px) {
#div1{background:blue}
}

всегда будет придерживаться фона:красного , если только я не использую !important, но в своих медиа-запросах я стилизую так много селекторов. Нужно ли устанавливать каждый отдельный стиль селектора !important?