/* Mobile: 1) newsletter 100vw bleed overshoots by half the scrollbar,
   so the form sits closer to the edges than the 18px page gutter.
   2) RWD leaves .add-to-cart-buttons { margin-right: 10px }, which
   makes the button 10px short on the right. */

@media (max-width: 770px) {
  html:root body .lux-newsletter-band.lux-bleed,
  html:root body .lux-newsletter-band {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  html:root body.catalog-product-view .product-view .add-to-cart-buttons {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html:root body.catalog-product-view .product-view .add-to-cart .btn-cart,
  html:root body.catalog-product-view .product-view .add-to-cart-buttons .button {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}