Чтобы был адаптив:
1. Должен быть соответствующий meta тег
2. Стили для обычного состояния и измененные должны быть написаны в правильном порядке и с правильной специфичностью.
Как проверить:
Открыть инструменты разработчика, выделить проблемный блок и на вкладках Styles и Computed (если мы про Хром) посмотреть какие стили применились и почему не те, которые вы хотели.
Предоставленных скринов недостаточно для того, чтобы понять в чем у вас дело. Может вообще забыли обновить файл там где смотрите или пишете не в том файле или не подключили его или куча других возможностей.
Скорее всего, дело в приоритетах правил CSS. Нужно зайти в DevTools, выбрать нужный элемент и посмотреть на вкладке «Стили» справа (по крайней мере, в Chrome она справа), какие CSS-правила оказываются более приоритетными (они будут выше в списке). Ну и если CSS во внешнем файле, то проверить, что подгружается новая версия, а не берётся из кеша старая.
Простой
