MobiusMirage on "Hueman-Change Sidebar Colors On Mobile and Woocomerce Breadcrumbs break layout"

I have two problems.

#1 I have already changed the color of the sidebars(Using FTP and Image replacement), but I don’t know where to look to change the sidebar color on the mobile versions of the site.

I have used the following code, but it doesn't appear to fix the mobile problem

@media only screen and (min-width: 480px) and (max-width: 1200px) {
.s2-expand .s2 { background: #f0f0f0; }
}
@media only screen and (min-width: 480px) and (max-width: 960px) {
.s1-expand .s1 { background: #f0f0f0; }
}
@media only screen and (max-width: 479px) {
.sidebar { background: #f0f0f0; }
}

I have refreshed my pages many times and do not have any catching at this time.

2 The Woocomerce plugin breaks some of my layout on the shop page, would like to move the Woocomerce breadcrumbs under page titles rather than over them.

My site: https://billing.krelman.com