IE10 вложенный медиа-запрос с максимальной шириной

Question

Я бы хотел применить css стили к IE10. У меня проблема с вложенным медиа-запросом. IE10 не применяет правила, когда максимальная ширина экрана составляет 1366 пикселей. В любом другом браузере работает нормально. Я также пытался использовать экран @media only и (min-width: 1px) и (max-width: 1366px).

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .root__container {
        display: flex;
    }

    .container-left {
        width: 60%;
    }

    .container-right {
        width: 40%
    }

    @media only screen and (max-width: 1366px) {
        .root__container {
            display: block;
        }

        .container-left {
            width: 90vw;
        }

        .container-right {
            width: 90vw;
        }
    }
}