Почему перечеркивается указанные свойства при адаптации?
Неправильный порядок свойств в собранном CSS. 
media должны быть после обычного состояния.
Может просто понятнее напишу. Речь о переопределении стилей, т.е. о противоречии во входяших условиях. Приоритет определяется специфичностью. 

Что простым языком тот же приоритет. Например если ты напишешь такой код:
.class {
    color: red;
    color:  blue;
}
То цвет будет голубой, а в дебаггере первое свойство будет перечеркнуто, т.к. то, что ниже → приоритетнее. Звучит просто, но это работает только в плоскости, специфичность штука, которая не только про порядок, но и про вложенность, !important-ы и т.д.

Именно поэтому рекомендуется медиа-запросы оформлять после в порядке возрастания запроса, т.е. сперва дефолтные стили, потом для таблеток, и так далее. Это подход mobile-first. Но на самом деле не так важна последовательность, сколько отсутствие переопределений. Как по мне.