/*PDP zoom alone */

div#gallery_pdp { margin: 3px; width: 75px; float: left; }
div#gallery_pdp img { width: 100% !important; height: auto; object-fit: contain; height: 75px !important; border: 1px solid #eee; border-radius: 5px; margin-bottom:3px; }
div#gallery_pdp a.active img { border: 1px solid #000; }
.gallery-viewer { float: left; max-width: 410px; margin: 0; margin-top: 0; width: 100%;}
.gallery-viewer img { width: 100% !important; height: auto; object-fit: contain; height: 400px !important; margin: 0 auto; }
.zoomLens { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  -o- user-select: none;
user-select: none; }
.zoomContainer .zoomLens { background: url("../img/zoom-icon.png"); background-repeat: no-repeat;width: 250px !important;height: 250px !important; }
.zoomContainer { cursor: url("../img/zoom-icon.png"), auto }
.magnifylens { cursor: url("../img/zoom-icon.png"), auto!important; }
.demagnifylens { cursor: url("../img/zoom-in-icon.png"), auto!important; }
#enlarge_gallery_pdp { display: none; }
/*fancybox*/

.pdp_enl_opt .fancybox-nav span { visibility: visible!important; }
.pdp_enl_opt .fancybox-skin { background: transparent }
.pdp_enl_opt .fancybox-opened .fancybox-skin { box-shadow: none; }
.pdp_enl_opt .fancybox-nav, .pdp_enl_opt .fancybox-close { display: block; }
.enl_fclose { background-position: center; background: url(../img/fclose.png) no-repeat center; right: 2%; top: 5%; box-shadow: none; border: none; width: 30px; height: 30px; background-size: contain; position: fixed; z-index: 111; }
.enl_fright { background-position: center; background: url(../img/fright.png) no-repeat; top: 50%; right: 2%; box-shadow: none; border: none; width: 40px; height: 40px; background-size: contain; position: fixed; z-index: 111; }
.enl_fleft { background: url(../img/fleft.png) no-repeat; top: 50%; left: 2%; box-shadow: none; border: none; width: 40px; height: 40px; background-size: contain; position: fixed; z-index: 111; }
.fancybox-inner .enl_butt { z-index: 99999; }
.pdp_enl_opt .fancybox-skin, .pdp_enl_opt .fancybox-wrap { background: transparent!important; box-shadow: none!important; }
a.enl_but:hover { transform: scale(1.10) !important; transition: transform .25s !important; }
.pdp_enl_opt .fancybox-image { max-width: 95%!important; margin: 0 auto; }
img.fancybox-image { cursor: url("../img/zoom-icon.png"), auto; }
#panic { cursor: url("../img/zoom-in-icon.png"), auto; }
/* PDP Zoom End */


/* panning css */

.img-pan-container, .img-pan-container img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.img-pan-container { position: fixed; overflow: hidden; cursor: crosshair; height: 100%; width: 100%; top: 0; left: 0; }
.img-pan-container img { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 0; left: 0; }
}
.mega_enl img { opacity: 0; transition: opacity .6s linear .85s; }
.mega_enl img.loaded { opacity: 1; }
/*mega enlarge */
.mega_enl { display: none }
.mega_enl { position: relative; margin: 3%; width: 40%; height: 60%; box-shadow: 0 0 60px rgba(0, 0, 0, .4); background: #000; }
/* version 2.1*/
.owl-item img { width: 100%; }
#fancy_gall .owl-next, #fancy_gall .owl-prev { display: none; }
a#ui-carousel-next { display: none; width: 25px; height: 25px; position: absolute; bottom: -7px; left: 40%; background-image: url(../img/arrowdown.png); background-size: 70%; background-repeat: no-repeat; }
a#ui-carousel-prev { display: none; width: 25px; height: 25px; position: absolute; top: 5px; left: 40%; background-image: url(../img/arrowup.png); background-size: 70%; background-repeat: no-repeat; }
.gallery_pdp_container { position: relative; float: left; padding:0; }
.wrapper a img { width: 100%; height: auto; margin: 5px 0; }
.product-details { float: right; padding: 15px; WIDTH: 50%; }


@media only screen and (max-width: 767px) {
.gallery-viewer {
    float: left;
    max-width: 230px;
    margin: 0 0 0 15px;
}
.zoomWindowContainer { display:none !important;}
div#gallery_pdp {
    width: 60px !important;
}
 div#gallery_pdp img {
    height: 60px !important;
}
}