Почему в браузере Safari не работает данный media запрос?

Здравствуйте. Сверстал сайт. Проверил его в популярных браузерах, на всех все как нужно отображается, а в safari беда..
Регулирую отображение медиа-запросами. Проверяю на Safari в режиме отзывчивого дизайна. И вижу что в Safari на мобильном устройстве не работает именно этот код:

@media (max-width: 320px) and (max-height: 600px) {
    header {
        height: 130vh;
    }
}

Работает только этот код:

header {
height: 100vh;
overflow: visible;
background: url(../../img/header-bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Медиа-запрос с header расположен ниже основного header.
Другие медиа-запросы работают. Только с этим что-то не так. Думал может проблема в "vh", изменил на "px" - не помогло.. Помогите пожалуйста с решением проблемы. Куда копать?