.product-gallery-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50%;
}
.product-gallery-box #selectedItem {
  margin: 0px;
  /* border: 1px solid #d9d9d9; */
  list-style-type: none;
  padding: 0px;
  /*  padding-top: 50px;
    padding-bottom: 50px;*/
}
.product-gallery-box #selectedItem .item {
  display: none;
}
.product-gallery-box #selectedItem .item.active {
  display: block;
  text-align: center;
}
.item > a {
  display: block;
}
.product-gallery-box .nav {
  position: absolute;
  top: 25%;
  width: 100%;
  /* display: none; */
}
.product-gallery-box .nav #prev:before,
.product-gallery-box .nav #next:before {
  font-family: "Icofont";
  color: #6f6f6f;
  cursor: pointer;
  position: absolute;
  font-size: 55px;
  font-weight: 600;
}
.product-gallery-box .nav #prev:before {
  content: "\eac9";
  left: 0px;
}
.product-gallery-box .nav #next:before {
  content: "\eaca";
  right: 0px;
}
.product-gallery-box #selectedItem img {
  object-fit: cover;
  width: 528px;
  height: 528px;
  display: block;
  margin: 0px auto;
}
.product-gallery-box #items {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
}
.product-gallery-box #items .item {
  width: 25%;
  padding: 5px 1.3% 0px 0px;
  box-sizing: border-box;
}
.product-gallery-box #items .item:nth-child(4n) {
  padding-right: 0px;
}
.product-gallery-box #items .item a {
  display: block;
  /* border: 1px solid #e7e7e7; */
}
.product-gallery-box #items .item a img {
  margin: auto;
  display: block;
  object-fit: contain;
  width: auto;
  height: 120px;
}
.product-gallery-box #items .item a:hover {
  -webkit-box-shadow: 5px 4px 9px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 4px 9px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 4px 9px -9px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 720px) {
  .product-gallery-box #selectedItem img {
    max-height: none;
    width: auto;
    height: 110vw;
    max-height: 400px;
  }
  .product-gallery-box {
    flex: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .product-gallery-box {
    min-width: auto;
  }
  .product-gallery-box #items .item,
  .product-gallery-box #items .item:nth-child(2n) {
    width: 50%;
    padding: 5px 1.3% 0px 0px;
  }
}