Почему срабатывает media query когда он не должен срабатывать?

Есть сайт, на которой есть такой CSS стиль:

@media screen and (min-width: 768px) and (max-width: 1023px){
    #top.page-id-122 #layer_slider_1 .avia-button:not(.avia-button-fullwidth) {
       width: 78px;
       min-width: 109px ; 
    }
    #layer_slider_1 .avia-button-wrap{
        width: calc(-50%);
        height: calc(-50%);
    }
    .main_menu{
        width: calc(-35%);
    }
    .avia-menu-text{
        padding: 0;
        margin: -7px;
        overflow: hidden;
    }
}

Почему этот код срабатывает на моем ноутбуке 1366 пикселей ширина экрана?