.product-tile {
	display: block;
	width: 100%;
	height: 250px;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: .3s all;
}

.product-tile:hover {
	background-size: 150%;
}

.product-tile span {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 10px;
	margin-left: -100%;
	color: #fff;
	background: rgba(0,42,58,.7) !important; 
background: -moz-linear-gradient(left, rgba(0,42,58,.7) 0%, rgba(154,165,173,.7) 100%) !important; 
background: -webkit-linear-gradient(left, rgba(0,42,58,.7) 0%,rgba(154,165,173,.7) 100%) !important; 
background: linear-gradient(to right, rgba(0,42,58,.7) 0%,rgba(154,165,173,.7) 100%) !important;
	transition: .3s all;
}

.product-tile:hover span {
	margin-left: 0%;
}

.product-tile h4 {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	font-family: 'Mukta Vaani', sans-serif;
	font-weight: 400;
	background: #002a3a; 
background: -moz-linear-gradient(left, #002a3a 0%, #9aa5ad 100%); 
background: -webkit-linear-gradient(left, #002a3a 0%,#9aa5ad 100%); 
background: linear-gradient(to right, #002a3a 0%,#9aa5ad 100%);
	padding: 10px 0;
	border-radius: 10px 0px 0px 10px;
	color: #fff;
	transition: .3s all;
}

.product-tile:hover h4 {
	background: transparent;
	
}