Adding some css rules on a particular row for all sizes

Hi,

For our design I need to add these rules when full width:
.idea > .ish-vc_row_inner{padding-top: 0 !important; padding-left: 32px !important; margin-left: 28px !important; margin-top: 0 !important;}

And this when breaking point starts:
.idea > .ish-vc_row_inner{padding-top: 0 !important; padding-left: 0px !important; margin-left: 25px !important; margin-top: 0 !important;}

At the moment the only place it works is the:
wp-content/uploads/no8_css/main_options_2.css
at line 4473 and 4572
But this gets overwritten every time we change Theme Options.

Where and how should I apply these so that it will stay? I’ve tried in child theme css, but it didn’t work when breaking point is applied (< 1152px), neither when I tried media query.
Thanks!