Mobile Width

Hello everyone,

I’m having problems with setting the mobile width. In my opinion, the mobile width on my website is a bit narrow so I want to increase the width and decrease the gaps between the content area and the edge of the screen.

I found this CSS on inspect:

@media (max-width: 479px)
.content_wrap, .content_container {
width: calc(100% – 40px)!important;

When I change the -40 px to -30 px I get the look I want.

But when I went to the theme files it looks like this and I’m not able to change it:

@mixin gutenberg–xl() {
/* Gutenberg */
}

@mixin gutenberg–lg() {
/* Gutenberg */
}

@mixin gutenberg–md() {
/* Gutenberg */
}

@mixin gutenberg–sm() {
/* Gutenberg */
}

@mixin gutenberg–xs() {
/* Gutenberg */
}

I tried to override it with adding additional CSS with !important but it didn’t work.

How can I set my desired width? Thanks in advance!

The page I need help with: [log in to see the link]