/* iPhone 7, 8, and SE - 750×1334 pixels at 326ppi */
@media only screen
  and (width: 375px)
  and (height: 667px)
  and (-webkit-device-pixel-ratio: 2) {
    --mobileWidth: 375px;
  }

/* 11 Pro Max, Xs Max - 1242×2688 pixels at 458ppi */
@media only screen
  and (width: 414px)
  and (height: 896px)
  and (-webkit-device-pixel-ratio: 3) { }

/* 11, XR -  828×1792 pixels at 326ppi */
@media only screen
  and (width: 414px)
  and (height: 896px)
  and (-webkit-device-pixel-ratio: 2) { }

/* iPhone X, iPhone Xs, iPhone 11 Pro, iPhone 12 Mini, and iPhone 13 Mini - 1080×2340 pixels at 476ppi */
@media only screen
  and (width: 375px)
  and (height: 812px)
  and (-webkit-device-pixel-ratio: 3) { }

/* iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14 - 1170×2532 pixels at 460ppi */
@media only screen
  and (width: 390px)
  and (height: 844px)
  and (-webkit-device-pixel-ratio: 3) { }

/* iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus - 1284×2778 pixels at 458ppi */
@media only screen
  and (width: 428px)
  and (height: 926px)
  and (-webkit-device-pixel-ratio: 3) { }

/* iPhone 14 Pro, iPhone 15 and iPhone 15 Pro - 1179×2556 pixels at 460ppi */
@media only screen
  and (width: 393px)
  and (height: 852px)
  and (-webkit-device-pixel-ratio: 3) { }

/* iPhone 14 Pro Max, iPhone 15 Plus and iPhone 15 Pro Max - 1284×2778 pixels at 460ppi */
@media only screen
    and (width: 430px)
    and (height: 932px)
    and (-webkit-device-pixel-ratio: 3) { }