how to proper use @media within jss for react material ui

Question

Using React Material-UI, I need to switch the padding property for devices, and I have this:

const styles = theme => ({
  root: {
    overflow: \'hidden\',