.demo{
	padding: 2em 0;
}
.product-grid{
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	margin-top:100px;
}
.product-grid .product-image{
	position: relative;
	overflow: hidden;
}
.product-grid .product-image a.image{
	border: 1px solid #e1e1e1;
	display: block;
}
.product-grid .product-image img{
	width: 100%;
	height: auto;
}
.product-image .pic-1{
	backface-visibility: hidden;
	transition: all 0.5s;
}
.product-grid:hover .product-image .pic-1{
	opacity: 0;
	filter: blur(10px);
}
.product-image .pic-2{
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	opacity: 0;
	filter: blur(10px);
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
.product-grid:hover .product-image .pic-2{
	opacity: 1;
	filter: blur(0);
}
.product-grid .product-discount-label{
	color: #fff;
	background: #ff6b6b;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 5px;
	position: absolute;
	top: 15px;
	left: 15px;
}
.product-grid .product-like-icon{
	color: #222;
	font-size: 20px;
	opacity: 0;
	position: absolute;
	top: 15px;
	right: 15px;
	transition: all 0.2s ease-out;
}
.product-grid .product-like-icon:hover{ color: #888; }
.product-grid:hover .product-like-icon{ opacity: 1; }
.product-grid .product-content{ padding: 12px; }
.product-grid .title{
	font-size: 16px;
	text-transform: capitalize;
	margin: 0 0 5px;
}
.product-grid .title a{
	color: #222;
	transition: all 500ms;
}
.product-grid .title a:hover{ color: #341f97; }
.product-grid .rating{
	padding: 0;
	margin: 0 0 5px;
	list-style: none;
}
.product-grid .rating li{
	color: #f5c60d;
	font-size: 14px;
}
.product-grid .rating li.disable{ color: #E1E1E1; }
.product-grid .price{
	color: #341f97;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
}
.product-grid .price span{
	color: #888;
	display: inline-block;
	text-decoration: line-through;
	margin-right: 3px;
}
.product-grid .add-to-cart{
	color: #fff;
	background: #341f97;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	width: 65%;
	padding: 14px 10px;
	margin: 0 auto;
	display: block;
	position: relative;
	transition: all 0.3s;
}
.product-grid .add-to-cart:hover{
	background: #222;
	color: #fff;
}
@media only screen and (max-width:990px){
	.product-grid{ margin: 0 0 40px; }
}