How to rewrite media query

bootstrap defaults to a media query for 1200px

@media (min-width: 1200px) {
      .col-lg-12 {
        width: 100%;
    }
    ...
    ...
    ...
}

how can I rewrite it as 1367px? I appended it later, but it has no effect. Because I am using a public cdn, I cannot modify it directly. I have to rewrite

.
@media (min-width: 1367px) {
  .col-lg-12 {
    width: 100%;
  }
  ...
  ...
  ...
}
Css
Mar.21,2021

make sure that the css file you rewrite is referenced after bootstrap, and add important
bootstrap. Many styles have important, so you have to add it too, otherwise it can't be overwritten

.
Menu