モバイル端末の縦向き・横向きのメディアクエリ

@media (orientation: landscape){
  デバイスが横向きの場合の記述
}

@media (orientation: portrait){
デバイスが縦向きの場合の記述
}

@media (orientation: landscape) and (max-width:900px){
  スマホかつ横向きの場合の記述
}