Media queries for styled-components

styled-media-queries.js

const sizes = {
  giant: 1170,
  desktop: 992,
  tablet: 768,
  phablet: 572,
  phone: 376
}

export const media = Object.keys(sizes).reduce((accumulator, label) => {
  accumulator[label] = (...args) => css`
    @media (max-width: ${sizes[label]}px) {
      ${css(...args)}
    }
  `
  return accumulator
}, {})

const Container = styled.div`
  color: #333;
  ${media.desktop`padding: 0 18px;`}
  ${media.tablet`padding: 0 18px;`}
  ${media.phablet`padding: 0 10px;`}
  ${media.phone`padding: 0 3px;`}
`

I've seen this approach used before but curious why the max-width of say 992 for desktop? anything wider than 993px is not going to pickup those styles titled desktop. Am I missing something here? should is be min-width?