The main css styles override the media styles. What is the problem?

Question

css

Good evening! I am adapting the site. When importing media queries, they do not work and are overridden by the main css styles.

@import "mixins"
@import "variables"
@import "general"
@import "media"

In general, the styles are set initially:

.menu
.menu_link
    color: #ffffff
    font-size: 15px
    font-weight: 300

  .menu_item
    border-right: 2px dotted rgb(49, 49, 49)
    padding-right: 28px
    &:last-child
        border-right: none

The media says the following:

@media (max-width: 1200px)
    .menu
        &_item
            padding-right: 20px
        &_link
            font-size: 13px

As a result, in the element code:



Who faced this, please tell me! I use sass, I write the code in VS, I connected all the necessary metas. Thank you!