Почему медиа запросы не работают?

Медиа запросы не работают:

    <meta name="viewport" content="width=device-width, initial-scale=1">

Стили в правильном порядке.

    .contact {
        display: flex;
        justify-content: space-between;
    }
    @media screen and (max-device-width: 1024px) {
    .contact {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}