.product-grid-new{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
}
.grid__item__new{
  max-width: 100%;
}
.grid__item__banner{
  grid-column: auto / span 2;
  height: 400px;
}
.grid__item__banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media(max-width: 1200px) {
  .product-grid-new{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 560px) {
  .product-grid-new{
    grid-template-columns: repeat(2, 1fr);
  }
}