/* Product Image slide
===============================================================================*/
#productImagesCarouselFade { border: 1px solid #cccccc;}

#productImagesCarouselFade .carousel-item {height: 450px;}

#productImagesCarouselFade .carousel-item .product-details-slide-image img,
#productImagesCarouselFade .carousel-item .product-details-slide-image iframe 
{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 360px; }

#productImagesCarouselFadeThumbs .carousel-control-next-icon,
#productImagesCarouselFadeThumbs .carousel-control-prev-icon {
    filter: invert(1);
}

#productImagesCarouselFadeThumbs .carousel-control-prev,
#productImagesCarouselFadeThumbs .carousel-control-next
{ width: 50px; margin-top: 40px; z-index: 999 !important; background: none !important;}

#productImagesCarouselFadeThumbs .carousel-item .thumb 
{ display: flex; flex-direction: column; justify-content: center; width: 110px; height: 100px;border: 1px solid #cccccc;
}

#productImagesCarouselFadeThumbs .carousel-item .selected 
{border: 1px solid #555555;}

#productImagesCarouselFadeThumbs 
{margin-top: 10px;}

#productImagesCarouselFadeThumbs .carousel-inner 
{ padding: 0 0px; height: 125px;}

 #productImagesCarouselFadeThumbs img 
 { max-height: 100px; max-width: 95px; cursor: pointer; padding: 5px;}


button.mfp-arrow, button.mfp-arrow:hover,
button.mfp-close, button.mfp-close:hover 
{ z-index: 999 !important; background: none !important;}



/* For mobile
===============================================================================*/

@media only screen and (max-width: 600px) {
    /* Product Image slide
===============================================================================*/

 #productImagesCarouselFade 
 { border: 1px solid #cccccc; }

 #productImagesCarouselFade .carousel-item 
 { height: 350px; }

 #productImagesCarouselFade .carousel-item .product-details-slide-image img,
 #productImagesCarouselFade .carousel-item .product-details-slide-image iframe 
 { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); max-width: 100%; max-height: 300px !important; }

 #productImagesCarouselFadeThumbs .carousel-control-next-icon,
 #productImagesCarouselFadeThumbs .carousel-control-prev-icon 
 { filter: invert(1); }

#productImagesCarouselFadeThumbs .carousel-control-prev,
#productImagesCarouselFadeThumbs .carousel-control-next 
{ width: 50px;}

 #productImagesCarouselFadeThumbs .carousel-item .thumb 
 { display: flex; flex-direction: column;justify-content: center;width: 80px !important;height: 80px !important; border: 1px solid #cccccc;}

#productImagesCarouselFadeThumbs .carousel-item .selected
{ border: 1px solid #555555;}

#productImagesCarouselFadeThumbs
{ margin-top: 10px; }

 #productImagesCarouselFadeThumbs .carousel-inner
 { height: 110px !important; padding: 0 50px;}

#productImagesCarouselFadeThumbs img 
{ max-width: 60px !important; max-height: 60px !important; cursor: pointer; }

 #productImagesCarouselFadeThumbs .carousel-control-prev,
 #productImagesCarouselFadeThumbs .carousel-control-next
 { width: 50px; margin-top: 25px; z-index: 999 !important; background: none !important; }
}

.easyzoom-active .carousel-inner {
    overflow: initial
}

.easyzoom-active .carousel-item .img-link {
    position: absolute;
    right: 0
}

#productImagesCarouselFade.easyzoom-active .carousel-item .product-details-slide-image img {
    position: static;
    top: unset;
    left: unset;
    transform: none;
    max-width: none;
    max-height: none;
}

#productImagesCarouselFade.easyzoom-active .carousel-item .product-details-slide-image a > img {
    max-width: 100%;
    max-height: 100%
}