Why won't WinLess compile @media CSS queries?

Question

css

When compiled by WinLess, the media.less file is not compiled by media . I tried clearing the browser cache, reinstalling WinLess, renaming folders and files - all in vain. I searched for answers to this problem, but did not find it.
Here is the media.less code :

.bred {
  border: 1px solid red;
}
a {
  color: red;
}
@media screen and (min-width: 0px) and (max-width: 319px) {
  .counter_wrapper {
    display: none;
  }
  .profit_with_col {
    display: none;
  }
@media screen and (min-width: 320px) and (max-width: 575px) {
  .logo_link {
    display: flex;
    justify-content: center;
    transform: translate(-5%);
  }
  .counter_wrapper {
    display: none;
  }
  .profit_with_col {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .logo_link {
    display: flex;
    justify-content: center;
    transform: translate(-5%);
  }
  .counter_wrapper {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .logo_link {
    display: flex;
    justify-content: center;
    transform: translate(-5%);
  }
  .counter_wrapper {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .counter_wrapper {
    display: none;
  }
}

and here is the compiled media.css code :

.bred {
  border: 1px solid red;
}
a {
  color: red;
}

Answer 1

And on not closed bracket in the first @mediadoes not swear?