/* Mobile product page: let Description / Reviews use the same
   side edges as the product image. The tab body had 18–20px
   extra horizontal padding on top of the page gutter. */

@media only screen and (max-width: 770px) {
  html:root body.catalog-product-view .product-view .product-collateral,
  html:root body.catalog-product-view .product-view .product-collateral > dl,
  html:root body.catalog-product-view .product-view .product-collateral dl.collateral-tabs,
  html:root body.catalog-product-view .product-view .product-collateral dl.collateral-tabs dd.tab-container,
  html:root body.catalog-product-view .product-view .product-collateral .tab-content,
  html:root body.catalog-product-view .product-view .product-collateral dl.collateral-tabs dd.tab-container .tab-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html:root body.catalog-product-view .product-view .product-collateral dl.collateral-tabs dt.tab,
  html:root body.catalog-product-view .product-view .product-collateral > dl > dt {
    padding-left: 20px !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html:root body.catalog-product-view .product-view .product-collateral > dl > dt:after,
  html:root body.catalog-product-view .product-view .product-collateral dl.collateral-tabs dt.tab:after {
    left: 2px !important;
  }
}