Я сейчас исключительно iPhone для тестирую, так что не учитываю 1024.

Хочу действительно поправить — в 3ем примере имела в виду max-width для 320 (по идее должен работать… но не хочет =)

  @media screen and  (max-width: 420px) {
      /*css for landscape*/
  }

  @media screen and  (max-width: 320px) {
      /*css for portrait*/
  }