Почему когда переворачиваешь экран, сайт показывает планшетную версию, а не мобильную?

• либо JS городить (ХЗ что)
  
• либо прописывать к @media-запросам ещё и максимальную высоту, запрос ориентации тут не особо поможет, кстати
  
• либо увеличить 540 пикселей до какого-то значения (iPhone X, к примеру, очень широкие в альбомом режиме, так что это не панацея)
  
• либо смириться
  

@media (max-width: 1000px) and (orientation: landscape){
         /*Стили для Перевернутого экрана*/
}
@media (max-width: 539px) and (orientation: portrait){
/*Стили для мобилки*/
}