@media (max-width: 767px) {

  table.product-table {
    display: flex;
    flex-direction: column;
  }

  table.product-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  table.product-table tr:first-child {
    flex-wrap: nowrap;
  }

  table.product-table tr > * {
    flex-grow: 1;
  }

  
  .product-table th[name] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .product-table th[name=id] {
    flex: 0 0 65px;
  }
  .product-table th[name=priority] {
    display: none;
  }
  .product-table th[name=article] {
    flex: 0 0 17%;
  }
  .product-table th[name=property] {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .product-table th[name=price] {
    flex: 0 0 20%;
  }
  .product-table th[name=stock-units] {
    flex: 0 1 17%;
  }
  .product-table th[name=button] {
    display: none;
  }

  .product-table td.ID {
    flex: 0 1 65px;
  }
  .product-table td.Article {
    flex: 0 1 17%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .product-table td.Priority {
    display: none;
  }
  .product-table td.Property {
    flex: 1 1;
  }
  .product-table td.Price {
    white-space: nowrap;
    flex: 0 1 20%;
  }
  .product-table td.StockUnits {
    flex: 0 1 17%;
  }
  .product-table td.AddToCart {
    flex-basis: 100%;
    text-align: center;
  }
  .product-table td.AddToCart button {
    page-break-after: always;
    break-after: always;
    width: 100%;
  }

}

@media (max-width: 575px) {
  .product-table th[name=id] {
    display: none;
  }
  .product-table td.ID {
    display: none;
  }
}

/* td.AddToCart.AddToCartMobile button {
  width: 100%;
} */