Sydney theme_media query for padding not working

Hi,

I tried to customize padding for mobile style because the padding shows fine on desktop and tablet, but too much on cellphone. The custom CSS seems not working. The following include what I use to define padding for other devices, as well as for mobile. The first 2 re: padding for other devices work; the 3rd one for mobile padding does not work.
Thanks!

.page .page-wrap .content-wrapper,.single .page-wrap .content-wrapper {
padding:80px;
}

.page-wrap {
clear:both;
margin-top:-120px;
}

@media (max-width: 414px) {
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
padding: 10px;
}
}

Well, here is alternative CSS style I use for padding across devices, without media query. Still, the padding a bit too much for display on cellphone.

.page .page-wrap .content-wrapper,.single .page-wrap .content-wrapper {
padding:25px 70px;
}

Hi there,

Please try to change this line ‘@media (max-width: 414px)’ to @media only screen and (max-width: 768px)

Regards,
Awan

Thanks, Awan.
Not working…no matter I put the updated lines in Appearance > Edit CSS or Appearance > Customizing > Additional CSS

Ok. It’s fixed!

For anyone who wants to change padding for mobile dispaly only, this is what I put in Appearance > Customizing > Additional CSS:

@media only screen and (max-width:414px){
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
padding:40px!important;
}
}