.homepage-grid #wrapper {
	height:100%;
}

#grid-slider-wrapper {
	width:100%;
	height:100%;
}

#grid-slider-content {
	width:42%;
	float:left;
	height:100%;
}

#grid-item-container-wrapper{
	width:58%;
	float:left;
	height:100%;
	overflow: hidden;
}

#grid-content {
	padding:10px 30px;
	height:100%;
	text-align: right;
	color:#6b6b6b;
}

#grid-content h3 {
	text-align:left;
	text-transform: uppercase;
	min-width:88%;
	width:auto;
	font:18px/1.9 'latobold', Verdana;
	color:#616161;
	border-bottom:1px solid #c8c8c8;
	padding-bottom:5px;
	float:right;
	margin-bottom: 15px;
}

#grid-content h2 {
	text-transform: uppercase;
	font:55px/1 'latolight_italic', Verdana;
	color:#9f9f9f;
	margin-bottom: 5px;
}

#grid-content h2 > span {
	display:block;
}

#grid-content .product-price {
	font-size:28px;
	line-height:1.15;
	margin-bottom: 10px;
}

#grid-content p {
	float:right;
	font-size:16px;
	line-height: 1.7;
	max-width:88%;
	width:auto;
	margin-bottom: 20px;
}

#grid-content .btn.btn-lg {
	padding:14px 15.5px;
	font-size:17px;
	float:right;
}

.product-item {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	float:left;
	width:33%;
	position: relative;
	cursor:pointer;
}

.product-item img {
	width:100%;
}

.product-item-overlay {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url('../images/homesliders/grid-slider/pattern.png') repeat;
	transition: all 0.4s;
	opacity:1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.product-item:after {
	content:'';
	display: block;
	width:0;
	height:100%;
	position: absolute;
	right:0;
	top:0;
	background: #2f3538;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
}

.product-item:hover:after,
.product-item.active:after {
	width:4px;
}

.product-item:hover .product-item-overlay,
.product-item.active .product-item-overlay {
	opacity:0;
}


.product-item .product-discount-box,
.product-item .product-sale-box,
.product-item  .product-new-box  {
	left:auto;
	right:0;
	text-align: left;
	padding-left: 5px;
}


@media (min-width: 768px) and (max-width: 979px) {

	.homepage-grid {
		margin-top:190px;
	}

	#grid-slider-content {
		width:26%;
	}

	#grid-item-container-wrapper{
		width:74%;
	}

	#grid-content {
		padding:10px 15px;
	}

	#grid-content h3 {
		min-width:100%;
		width:auto;
		font-size:13px;
		padding-bottom:0;
		margin-bottom: 12px;
	}

	#grid-content h2 {
		font-size:25px;
		margin-bottom: 5px;
	}

	#grid-content .product-price {
		font-size:19px;
		margin-bottom: 5px;
	}

	#grid-content p {
		font-size:12px;
		line-height: 1.5;
		max-width:88%;
		width:auto;
		margin-bottom:10px;
	}

	#grid-content .btn.btn-lg {
		padding:6.5px 15.5px;
		font-size:11px;
		float:right;
	}
		
}

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


	.homepage-grid {
		margin-top:0;
	}

	#grid-slider-content,
	#grid-item-container-wrapper {
		width:100%;
		float:none;
		height:auto;
	}

	#grid-content {
		padding:20px 15px 25px;
	}

	#grid-content h3 {
		min-width:88%;
		width:auto;
		font-size:13px;
		padding-bottom:0;
		margin-bottom: 12px;
	}

	#grid-content h2 {
		font-size:28px;
		margin-bottom: 5px;
	}

	#grid-content .product-price {
		font-size:22px;
		margin-bottom: 5px;
	}

	#grid-content p {
		font-size:16px;
		line-height: 1.5;
		max-width:88%;
		width:auto;
		margin-bottom:14px;
	}

	#grid-content .btn.btn-lg {
		padding:6.5px 15.5px;
		font-size:12px;
		float:right;
	}
}