Как сделать так что бы Media.css неперекрывал main.css, стоя на 2 позиции?
style.css.block { } // правильно
.block .elem { } // правильноmedia.css@media screen and (max-width: 1000px) {
    .elem { } // не правильно
    .block .elem { } // правильно
}
Проверьте в media.css теги с окончаниями !important. Попробуйте удалить у них !important