Sections margins and padding

Hello,

This homepage has 6 sections, 3 with texts and 3 hero.

For the text sections I would like to add left+right margins for desktop view only.
I tried this with no success as they also apply to mobile view:

@media( max-width: 768px ) {
 #generate-section-1 .generate-sections-inside-container {
    margin-left: 6%;
    margin-right: 6%;
}
} 

And for the hero sections I would like to add left+right padding for inside container (not the background) also for desktop view only.
I tried this with no success either:

@media( max-width: 768px ) {
#generate-section-2 .generate-sections-inside-container {
    padding-left: 10%;
    padding-right: 10%;
}
}

I'm adding this at the page's CSS only, not at global.

Thanks.