.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
	content: '';
	opacity: 0;

}

.effect-sadie h2 {
	position: absolute;
	bottom: 0;
	left: 10%;
	padding: 2em;
	width: 100%;
	opacity: 0;
	color:#fff;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}



.effect-sadie p {
	position: absolute;
	top: 65px;
	left: 0;
	padding: 1em;
	width: 100%;
	opacity: 0;
	color:#555;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

.effect-sadie:hover h2 {
	position: absolute;
	top: 0px;
	left: 0;
	padding: 10px;
	width: 100%;
	opacity: 1;
	color:#000;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.effect-sadie:hover figcaption::before ,
.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}





@media screen and (max-width: 1024px) {


	.product_img  figcaption {
		font-size: 90%;
	}

}


@media screen and (max-width: 800px) {

.product_img  figcaption {
		font-size: 80%;
	}

}