/* Auto-generated frontend mobile CSS (Phase 2) */
/* Source: theme/pos.mobile.css */

/* POS mobile layout tweaks: reduce horizontal margins/padding to be near full width */
@media (max-width: 1023px){
  body.is-pos-app #center{
    padding-left:2px !important;
    padding-right:2px !important;
  }
  body.is-pos-app .site-content{
    max-width:100% !important;
    margin:6px auto 18px !important;
    padding:10px 6px 10px !important;
  }
  body.is-pos-app .panel .panel-title{
    padding:8px 10px !important;
  }
  body.is-pos-app .panel .panel-content{
    padding:10px 8px !important;
  }
  body.is-pos-app .dlcms-container{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Extra-tight for very small phones */
@media (max-width: 479px){
  body.is-pos-app #center{
    padding-left:1px !important;
    padding-right:1px !important;
  }
  body.is-pos-app .site-content{
    padding:8px 4px 10px !important;
  }
}