Media queries (max-width) launch at not specified width

Question

button in the center should be red, when width less than 1024px, but on the image I have width 926px and it is not working. It starts to work only when width becomes less than 922px; I can`t understand why. And how I can correct it?

@media (max-width: 1024px) {
.contacts-page .input-component button {
    background: red;
}

Answer 1

The width for media query is window width.