@media screen and (min-width: 768px) {
    .carousel-wrapper, .EXTZM-product-wrapper{
        width: 41.1764705882% ! important;
        float: left;
    }
    .EXTZM-carousel {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .EXTZM-carousel {
        width: 100% !important;
        float: left;
    }
}

.EXTZM-carousel{
	width: 99% !important;
}

.EXTZM-carousel .item{
/*	width: 325px;*/
}

.EXTZM-carousel .owl-nav, .EXTZM-carousel .owl-dots{
	position: relative;
	z-index: 1;
}
.EXTZM-carousel .owl-nav{
	width: 20%;
	float: left;
	display: flex;
	display: -webkit-flex;
	justify-content: right;
	margin-top: -34px ! important;
}
.EXTZM-carousel .owl-dots{
	width: 65%;
	float: left;
	justify-content: left;
	margin-top: -32px !important;
	margin-left: 21%;
}

.EXTZM-carousel .owl-prev, .EXTZM-carousel .owl-next{
	margin: 0px ! important;
	padding: 0px ! important;
	background: transparent ! important;
}
.EXTZM-carousel .owl-prev i, .EXTZM-carousel .owl-next i{
	font-size: 22px;
	color: #000;
}
.EXTZM-carousel .owl-prev{
	margin-right: 15px !important;
}


/*---------------------Lightbox ------------------*/

.lightbox-main-left{
	width: 50%;
	float: left;
}
.pswp__counter{
	display: none;
}
.EXTZM-open-lightbox{
	position: relative;
	float: right;
	top: -30px;
	z-index: 1;
	right: 15px;
	width: 5%;
	cursor: pointer;
}

.EXTZM-lightbox-nav .owll-dots{
	margin-top: 15px !important;
	display: inline-flex;
	display: -webkit-inline-flex;
}

.EXTZM-lightbox-nav .owll-dot span:hover{
	cursor: pointer;
}

.EXTZM-lightbox-nav .owll-dot span, .owl-dots .owl-dot span{
	border-radius: 0px !important;
	margin: 0.45em 7px !important;
	width: 5px !important;
	height: 5px !important;
	background-color: #969696 !important;
	border: 2px solid transparent ! important;
	display: block;
	padding: 0px;

}


.EXTZM-lightbox-nav .owll-dot.active span, .owl-dots .owl-dot.active span{
	
	-webkit-transition: ease All .3s !important;
    -moz-transition: ease All .3s !important;
    transition: ease All .3s !important;
	transform: scale(2);
	box-sizing: border-box;
	border: 1px solid #000 ! important;
	background-color: transparent ! important;
	border-radius: 0px !important;
}

.EXTZM-lightbox-nav{
	display: -webkit-inline-flex;
}
.lightbox-nav-btns{
	margin-top: 7px !important;
	margin-right: 20px;
	margin-left: 30px;
}
@media screen and (max-width: 786px) {

	.lightbox-nav-btns{
		display: none;
	}
	.EXTZM-lightbox-nav{
		float: right;
	}
}
.lightbox-nav-btns button{
	padding: 0px;
	border: 0;
	font-size: 30px;
	line-height: 30px;
	color: #969696;;
	background: transparent;
}
.lightbox-nav-btns button:hover{
	background-color: transparent !important;
	color: #000;
}
.lightbox-nav-btns button:nth-child(1){
	margin-right: 15px;
}

.pswp__top-bar, .pswp__bg, .pswp__caption{
	background-color: rgb(237, 237, 237) ! important;
}
.pswp__top-bar{
	opacity: 1 ! important;
	position: unset !important;
}
.EXTZM-lightbox-prev {
	position: absolute;
	top: 45%;
}
.EXTZM-lightbox-next {
	position: absolute;
	top: 45%;
	right: 0%;;
}
.EXTZM-lightbox-dots {
	position: absolute;
	top: 95%;
	right: 50%;;	
}
.pswp__button{
	color: #969696 !important;
	background-size: 0px 0px !important;
}
/*.pswp__button:hover{ color: #000 !important; }
.pswp--animate_opacity,
.pswp__bg,
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}*/

img.reel:hover{
	cursor: pointer;
}




/*------------------------------------Admin settings ---------------*/

/*Zoombox width, height inputs widths*/
#zoombox-width, #zoombox-height, #constrain-lens-width, #constrain-lens-height,
#lenszoom-lens-width, #lenszoom-lens-height{
  width: 130px ! important;
}

.constrain-lens-size, .lens-zoom-lens-size, .tint-opacity, .tint-color, .position{
	display: none;
}

#extzm_360image_inp {
	display: none;
}
#filename{
	float: right;
	margin-top: 3px;
}
#rotate360-metabox input[type='number']{
	margin-top: 15px;
}
#rotate360-metabox #numbox1, #rotate360-metabox #numbox2 {
	width: 85%;
}
#footage-placeholder, #frames-placeholder {
	font-size: 13px;
	color: #666;
	font-style: italic;
	margin: 0 0 6px;
}

#padding-15px {
	padding-top: 15px;
	padding-bottom: 15px;
}
.alternativeTool{
	display: none;
}


/*----------------------------------Rotate 360 --------------------------*/
.reel{
	background-repeat: no-repeat;
}
#loading{
	width: inherit;
	position: absolute;
	top: 0;
	height: 300px;
	background-image: url(../../assets/img/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.pswp__button--close, .pswp__button--fs {

    font-size: 25px !important;
    top: 1%;
}
.reel_btns{
	position: absolute;
	z-index: 1111;
	left: 0;
}
.reel_btns i{
	font-size: 25px;
	float: right;
	margin-right: 15px;
	cursor: pointer;
}

/*---------------Shop lightbox --------*/

.shop-lightbox-open {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px !important;
	color: #888 !important;
}
li .pswp__img {
	min-width: 350px;
	min-height: 350px;
	margin-top: 100px;
}
li .pswp__zoom-wrap{
	background-color: rgb(237, 237, 237) !important;
}

#product_thumbnail{

	float: left;
	margin-bottom: 20px;
}

.View360-navigationHolder{

	width: inherit;
	margin-top: 4px;
}

.View360-navigation{
	background-color: #f1f1f1;
	border-radius: 2px;
}

.View360-navigationBtn{

	border: 0;
	background-color: #fff;
}
#container-360viewer .View360-canvasHolder{
	box-sizing: border-box;
	border: 2px solid #f1f1f1;
	border-radius: 2px;
	overflow: hidden;
	width: 100% !important;
}

#container-360viewer{
	width: 100%;
}
.View360-holderFullscreen{
	overflow: hidden !important;
}