webpack 4 и медиа-запросы

Разрабатываю сайт на webpack и столкнулся с такой проблемой: пишу медиа запросы для разрешения 768, затем для 1200, но вебпак собирает все в один файл и запросы @media screen and (min-width: 1200px) ставил выше, чем @media screen and (min-width: 768px). И тем самым, если писать запросы для 768, затем для 1200, то запросы для 1200 игнорируются.

Как это можно исправить?