@media only screen and (min-width: 768px) {
	.display-product-use .top-image{
		transform: translateY(120px) scale(.3);
		opacity: .2;
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
	}
	.display-product-use .bottom-image{
		transform: translateY(-20px) scale(0.9);
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
	}
	.display-product-use .display-product-text{
		opacity: 0;
		transform: translateX(50px) scale(0.9) rotate(180deg);
		-moz-transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
	}
}

.display-product-use{
	position: relative;
}
.display-product-use .top-image{
	position: relative;
	max-width: 100px;
	border: 5px solid var(--white-color);
	border-radius: 100%;
	margin: auto;
	overflow: hidden;
	z-index: 2;
}
.display-product-use .top-image img{
	max-width: 100px;
	width: 100%;
}
.display-product-use:hover .top-image{
	transform: translateY(0px) scale(1);
	opacity: 1;
}
.display-product-use .bottom-image{
	text-align: center;
}
.display-product-use:hover .bottom-image{
	transform: translateY(0px) scale(1);
}
.display-product-use .display-product-text{
	display: block;
	font-size: 18px;
    -webkit-text-stroke: 1px #fff;
    font-weight: bold;
	text-align: center;
}
.display-product-use:hover .display-product-text{
	opacity: 1;
	transform: translateX(0px) scale(1) rotate(0deg);
}
.display-product-use a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}