Change paddings in container class on mobile

Hello blueowl support,

I want to change the left and the right padding in the container class on mobile screens. If I make the following changes in the grid_responsive.css it works fine.

@media only screen and (max-width: 768px) {

	.no_side_padding_in_responsive_column.wpb_column {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
}

My problem: Changes in child theme style.css doesn’t work, because of the loading order of the responsive css files. But I won’t make the changes in the files of the main-template.

What can I do?

Best regards from germany
Heiko Kleinfeldt, Kleinfeldt Media