.product-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}
.product-row .product-col {
  width: calc(50% - 15px);
  margin: 7.5px;
}
.product-row .product-col[data-col="5"] {
  width: calc(20% - 15px);
}
.product-row .product-col[data-col="4"] {
  width: calc(25% - 15px);
}
.product-row .product-col[data-col="3"] {
  width: calc(33.3333333333% - 15px);
}
@media (max-width: 1200px) {
  .product-row .product-col {
    width: calc(50% - 15px);
  }
  .product-row .product-col[data-col="5"] {
    width: calc(25% - 15px);
  }
}
@media (max-width: 991px) {
  .product-row .product-col[data-col="5"] {
    width: calc(33.3333333333% - 15px);
  }
  .product-row .product-col[data-col="4"] {
    width: calc(33.3333333333% - 15px);
  }
}
@media (max-width: 767px) {
  .product-row .product-col[data-col="5"] {
    width: calc(50% - 15px);
  }
  .product-row .product-col[data-col="4"] {
    width: calc(50% - 15px);
  }
  .product-row .product-col[data-col="3"] {
    width: calc(50% - 15px);
  }
}
.product-row .product-col .product-box {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.product-row .product-col .product-box .product-img-box {
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 210px;
  width: 100%;
}
.product-row .product-col .product-box .product-img-box .image-card {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.product-row .product-col .product-box .product-img-box .image-card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.product-row .product-col:hover .product-box .image-card img {
  width: 105%;
  height: 105%;
}/*# sourceMappingURL=product.css.map */