Почему не работают @media запросы?

Question

[Oleg Sevoc]

Всем доброго времени суток, почему не всегда срабатывает media ?
Использую Gulp как сборщик.
проблема в том что media на блок работаю а на вложенном в нём (блоке) текст не работает, не могу понять почему? пробовал тексту задавал ID что перевесить не работает , сломал голову подскажите в чём проблема? из-за чего всё это может быть ?

@media (max-width:992px) {
        #swiper_text {
                width: 100%;
                margin: 0;
                h3 {
                    font-size: 20px;
                }
            }
        }

<div id="swiper_text">
                                    <h3>Ремонт двухкомнатной квартиры</h3>
</div>

Answer 1

[Александр]

Как выглядит скомпилированный SASS?

Comments

[Oleg Sevoc]

style.min.css а в нём всё в одну строчку

[Александр]

Oleg Sevoc, Уберите пока минификацию, посмотрите верно ли меди-запрос сформировался.

[Oleg Sevoc]

[Александр]

Oleg Sevoc, А с h3 то что? О нем ведь вопрос.

[Oleg Sevoc]

[Александр]

Oleg Sevoc, Установка шрифта (30px) идет после медиа-запроса?

[Oleg Sevoc]

Медиа запрос в отдельном файле он подключается

[Александр]

Oleg Sevoc, Порядок какой? Должен быть после объявления стилей - в конце.

[Oleg Sevoc]

@import "media"; в самом конце style.scss

[Александр]

Oleg Sevoc, id на классы пробовали заменить?

[Oleg Sevoc]

вверху на скриншоте это уже добавил поверх классов ID

[Oleg Sevoc]

Буду разбираться, спасибо за помощь