как правило такое сложности возникают, когда не учитывается специфичность такого обращения к селекторам. попробуй закинуть эти свйоства в конец сss файла.
не вдаваясь в подробности конкретной проблемы, есть несколько шагов к выявлению ошибки:
проверить специфичность (выше)
посмотреть в браузере в фаербаге, что происходит и что применяется к элементам в зависимости от обстоятельств
попробовать протестировать отдельные простые куски кода и посмотреть работает ли хоть чтото. Например так:
@media all and (min-width: 640px) and (max-width: 734px){
* {
background: red;
}
}
