Media запросы для телефона не срабатывают?
Поменяй их местами, и будет тебе счастье.
для iphone необходимо указывать вот таким образом: @media only screen 
  and (min-device-width: ....px) 
  and (max-device-width: ....px){
......
}
вот возьми на заметку css-tricks