/* GENERATED by tools/port_devcss.py from the old theme's custom.css — do not edit by hand.
   Device-specific adjustments the WordPress site applied to this page, kept so phones
   and tablets look the same. Each block is the original media condition. */

@media only screen and (min-width: 320px) and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 321px) and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 375px) and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 376px) and (max-width: 424px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 425px) and (max-width: 425px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 431px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-device-width: 426px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 2) {
  body.page-products .product-intro__title { margin: 0 auto; width: 95%; }
  body.page-products .product-intro__title { font-size: 29px; }
  body.page-products .page-banner__title { font-size: 50px; }
  body.page-products .page-banner__subtitle { line-height: normal; font-size: 19px; --sub-pad: 8%; --sub-pad: 8%; }
  body.page-products .page-banner__title { margin-top: 90px; }
  body.page-products .product-intro__text { text-align: center; font-size: 20px; padding-left: 8%; padding-right: 8%; }
}