main > .swiper {
  width: 100% !important;
}

/* PRODUCT SWIPER CSS */
.product .images .close-button {
    display: none;
    height: 65px;
    width: 65px;
    color: #fff;
    position: fixed;
    top: 30px;
    right: 5vw;
    font-size: 70px;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    opacity: .8;
 }
 
.product .images .close-button:before {
    content: '×';
 }
 
.product .images .close-button:hover,
.product .images .close-button:active {
  opacity: 1;
}

body.fullscreen-product .product .images .close-button {
  display: block;
}

.product .product-thumb-swiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.product .product-thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.product .swiper img {
   cursor: pointer;
}

body.fullscreen-product .product .images {
  z-index: 99;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  max-width: unset;
  background-color: rgba(0,0,0,.95);
  padding-left: 5vw;
  padding-right: 5vw;
  padding-top: 50px;
  margin-top: 0;
}

body.fullscreen-product .product .images .swiper-button-next, body.fullscreen-product .product .images .swiper-button-prev{
  color: #fff; 
}

body.fullscreen-product .product .images .main-product-swiper {
  height: 80%; 
}

body.fullscreen-product .product .images .product-thumb-swiper {
  height: 20%;
} 

body.fullscreen-product .product .images .product-thumb-swiper .swiper-slide {
  margin-left: auto;
  margin-right: auto;
} 

body.fullscreen-product .product .images .product-thumb-swiper .swiper-wrapper {
    justify-content: center;
} 

body.fullscreen-product .product .images .product-thumb-swiper img {
  height: 100%;
  object-fit: contain;
} 


@media only screen and (min-width: 800px) {
  body.fullscreen-product .product .images .product-thumb-swiper {
    margin-left: 10%;
    margin-right: 10%; 
  }
}