.four-items-across-container .activeCart-panel,
.three-items-across-container .activeCart-panel,
.break,
.h-split {
  display: none;
}

.four-items-across .productItem .pi-content,
.two-items-across .productItem .pi-content,
.three-items-across .productItem .pi-content {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.prod-img {
  min-height: auto !important;
}

.two-items-across .productItem,
.four-items-across .productItem,
.three-items-across .productItem {
  width: 100% !important;
  height: 100%;
}

.group-summary {
  padding: 0 0 20px;
  grid-column-start: 1;
  grid-column-end: -1;
}

.four-items-across-menu .menu-header,
.three-items-across-menu .menu-header {
  display: block;
}

.two-items-across .prod-img {
  margin: 0 10px 20px 0;
}

/* items across for browsers thet supports flex layout */

.two-items-across,
.three-items-across,
.four-items-across {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: space-between;
}

.two-items-across .productItem {
  flex-basis: 49%;
}

.three-items-across .productItem {
  flex-basis: 32%;
}

.four-items-across .productItem {
  flex-basis: 24%;
}

.two-items-across .productItem,
.three-items-across .productItem,
.four-items-across .productItem {
  min-width: 185px;
  padding-right: 5px;
  flex-grow: 1;
  flex-shrink: 1;
}

@media only screen and (max-width: 469px) {
  .two-items-across .productItem,
  .three-items-across .productItem,
  .four-items-across .productItem {
    flex-basis: 100%;
  }
}

/* items across for browsers that supports grid layout */

@supports (display: grid) {
  .two-items-across,
  .three-items-across,
  .four-items-across {
    display: grid;
    justify-items: center;
    align-items: start;
    grid-gap: 5px;
  }
  .two-items-across {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
  .three-items-across {
    grid-template-columns: repeat(3, minmax(205px, 350px));
  }
  .four-items-across {
    grid-template-columns: repeat(4, minmax(185px, 350px));
  }
  .productItem .pi-content .prod-img {
    grid-area: prod-img;
  }
  .productItem .pi-content .prod-summary {
    grid-area: prod-summary;
  }
  .productItem .pi-content .addToCart {
    grid-area: addToCart;
    margin: 10px 0 0;
    align-self: end;
  }
  .productItem .pi-content,
  .two-items-across .productItem .pi-content {
    display: grid;
    justify-content: flex-start;
    grid-template-areas: "prod-img prod-summary" "prod-img addToCart";
  }
  .three-items-across .productItem .pi-content,
  .four-items-across .productItem .pi-content {
    display: flex;
    justify-content: flex-end;
  }
  @media only screen and (max-width: 1023px) {
    .four-items-across {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
  }
  @media only screen and (max-width: 850px) {
    .two-items-across,
    .three-items-across {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    .productItem .pi-content,
    .two-items-across .productItem .pi-content {
      justify-content: center;
      grid-template-areas: "prod-img " "prod-summary" "addToCart";
      text-align: center;
    }
  }
}
