div#prodContain{
	width:100%;
	max-width:900px;
	height:100%;
	max-height:500px;
	position:relative;
}

#pointers{
	width:100%;
	position:absolute;
	z-index:20;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}
#labels{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

#prodBase{
	width:100%;
	z-index:5
}



@media screen and (max-width:1601px) {
div#prodContain{
	max-height:550px;
}
}

@media screen and (max-width:1440px) {
div#prodContain{
    max-width: 700px;
	padding-top:40px;
}
}


@media only screen and (max-width:1025px){
div#prodContain{
    max-width: 600px;
	padding-top:0px;
}
}

.pointers{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 3s ease-in-out;
	transition-delay:0.9s
}
.labels{
	opacity:1 !important;
	transition:all 5s ease-in-out;
	transition-delay:2.5s
}


/*Desktop END*/

div#prodContainMobile{
	width:100%;
	max-width:900px;
	height:100%;
	max-height:500px;
	position:relative;
}

#pointersMobile{
	width:100%;
	position:absolute;
	z-index:20;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}
#labelsMobile{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

#prodBaseMobile{
	width:100%;
	z-index:5
}

.pointersMobile{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 3s ease-in-out;
	transition-delay:0.3s
}
.labelsMobile{
	opacity:1 !important;
	transition:all 2s ease-in-out;
	transition-delay:1.5s
}


