/* GENERATED by tools/port_devcss.py from the old theme's custom.css, one run per recipe page
   (tools/devmap/recipe-arayes.json, recipe-hummus.json, recipe-shawarma.json), concatenated.
   Do not edit by hand. Each block is the original media condition. */

/* --- arayes (devmap tools/devmap/recipe-arayes.json) --- */

@media only screen and (min-width: 320px) and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding-right: 0; padding-left: 0; } }
}
@media only screen and (min-width: 321px) and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 344px) and (max-width: 344px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 360px) and (max-width: 360px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 375px) and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 376px) and (max-width: 424px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 425px) and (max-width: 425px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 431px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0px; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  @media (max-width: 1024px) { body.recipe-arayes .brand img { width: 200px; } }
  @media (max-width: 1024px) { body.recipe-arayes .menu-toggle-wrap { padding: 0; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar { padding: 0; } }
  @media (max-width: 1024px) { body.recipe-arayes .mainbar__in { padding-bottom: 0; } }
}

/* --- hummus (devmap tools/devmap/recipe-hummus.json) --- */


/* --- shawarma (devmap tools/devmap/recipe-shawarma.json) --- */