how to override min-width

Tags: css,override

Problem :

Wanted to use a custom css option, instead of modifying the source code.Is there any possibility to override these css values please ?

@media only screen and (min-width: 40.063em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 60px 60px;
  }
}

not to sure how to apply !important in order to have :

@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px;
  }
}

thank you,

---

Solution :

This is how you would apply !important. Read up more about !important

@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px !important;
  }
}

Also, if you are in the same stylesheet as the first selector and declartion block you could add this CSS below it and it should override it without !important.