Media is not working properly. What is the reason?

Question

css

I laid out the site, set about adapting it, and immediately realized that something was going wrong. I use bootstrap grid, did the same as in the last tutorial project, below is the code, where for example I set the font-size for the title to 84px (was 60px)

@media (max-width: 1200px) {
  .header_title {
    font-size: 83px;
  }
}

But media is not applied if the width is less than 1200px, it is only applied if the width is less than 900px, I don’t understand what the problem is at all

Answer 1

maybe something is blocking, try

@media (max-width: 1200px) {
  .header_title {
    font-size: 83px!important;
  }
}

If it works, you can of course leave it, but it's better to look for something that overlaps