Name Media Query
default `only screen`
small `only screen`
small-only `only screen and (max-width: 40em) /* 0, 640px */`
medium `only screen and (min-width: 40.063em) /* 641px */`
medium-only `only screen and (min-width: 40.063em) and (max-width: 64em) /* 641px, 1024px */`
large `only screen and (min-width: 64.063em) /* 1025px */`
large-only `only screen and (min-width: 64.063em) and (max-width: 90em) /* 1025px, 1440px */`
xlarge `only screen and (min-width: 90.063em) /* 1441px */`
xlarge-only `only screen and (min-width: 90.063em) and (max-width: 120em) /* 1441px, 1920px */`
xxlarge `only screen and (min-width: 120.063em) /* 1921px */`
landscape `only screen and (orientation: landscape)`
portrait `only screen and (orientation: portrait)`
retina (4.2.1) `only screen and (-webkit-min-device-pixel-ratio: 2),`
`only screen and (min--moz-device-pixel-ratio: 2),`
`only screen and (-o-min-device-pixel-ratio: 2/1),`
`only screen and (min-device-pixel-ratio: 2),`
`only screen and (min-resolution: 192dpi),`
`only screen and (min-resolution: 2dppx)`