А у вас есть в
head такой мета тег?
<meta name="viewport" content="width=device-width, initial-scale=1">
Возможно, первоначальные стили элемента имеют больший вес, и у Вас не получается переопределить их.
Пишите
media запросы в конце документа.
Про вес