div#prodContain{
    width: 100%;
    max-width: 700px;
    height: 100%;
    max-height: 600px;
    position: relative;
    /* left:-5%; */
}

#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
}


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


@media only screen and (max-width:1025px){
div#prodContain{
	width:100%;
	max-width:500px;
	height:100%;
	max-height:500px;
	position:relative;
}
}


@media only screen and (max-width:991px){
div#prodContain{
        width: 100%;
        max-width: 400px;
        height: 100%;
        position: relative;
        /* left:-15%; */
    }
}


@media only screen and (max-width:800px){
div#prodContain{
	width:100%;
	max-width:400px;
	height:100%;
	position:relative;
	left:-5%;
}
}


/*Desktop END*/