Speci c медиа-запрос для Ipad в стилизованных компонентах

Question

У меня есть следующая база кода, я пытаюсь применить указанные c min и max width для размеров ipad. Я не могу добиться этого, помощь будет оценена

устройство. js

const size = {
  mobileS: '320px',
  mobileM: '375px',
  mobileL: '425px',
  tablet: '768px',
  ipad: '1366',
  laptop: '1024px',
  laptopL: '1440px',
  desktop: '2560px',
};

const device = {
  mobileS: `(max-width: ${size.tablet})`,
  mobileM: `(min-width: ${size.mobileM})`,
  ipad: `(min-width: ${size.ipad})`,
  mobileL: `(min-width: ${size.mobileL})`,
  tablet: `(max-width: ${size.desktop})`,
  laptop: `(min-width: ${size.laptop})`,
  laptopL: `(min-width: ${size.laptopL})`,
  desktop: `(min-width: ${size.desktop})`,
  desktopL: `(min-width: ${size.desktop})`,
};

export default device;

реализация. js

const SignUpParagraph = styled(Nunito20)`
  margin-top: 187px;
  @media ${device.mobileS} {
    margin-bottom: 10px;
    margin-top: 7.6%;
  }
`;
export default SignUpParagraph;

Как я могу добавить минимальное и максимальное значение в реализации, чтобы принять правильный диапазон для ipad? Спасибо