Override Responsive CSS for One Element

How would I override CSS from "small.desktop.css" for just one element?

I have a leaderboard banner at the top of the page. When the browser width is reduced this CSS from "small.desktop.css" is applied:
.box {padding: 10px !important;}

The padding is shifting the vertical position of another banner below it.

please add your css modifications into override.css file with media queries:

Code: Select all

@media (max-width: 1230px) {
.box {padding: 10px !important;}
}


1230px is set if you are using the default theme width, if no, please change the value to your own.