Need custom CSS for Mobile views or smallest Responsive views

I need the margins for mobile state to be smaller on specific pages, I need to be able to control the mobile margin size on individual pages.

@media handheld, only screen and (max-width: 767px)
.container, .container-wide, .fw-section>.fw-content-wrap, .vc_row[data-vc-full-width]>.fw-content-wrap {
padding-left: 30px;
padding-right: 30px;
}

I think this is the code, but I cant seem to get it to work, can you give me a custom CSS to add to page CSS to control the responsive states for mobile views?

I’ve tried to add, but doesn’t work.

Thank you!

-Brian