@charset "utf-8";

/*
	PRODUCT GRID PAGE
*************************************************/

.productResultsContainer .productGrid{
	padding: 0 1.5625% 25px; /* 5/320 */
}

.productResultsContainer .productGrid .productGridSingleElement{
	margin: 19px 0 0;
	width: 100%;
	float: left;
}

.productResultsContainer .productGrid .productGridSingleElement .productBox{
	margin: 0 auto;
}

@media (min-width: 630px) { /* 300 *2 + 2*10 + 10 = 630 */
	
	.productResultsContainer .productGrid .productGridSingleElement{
		width: 50%;
	}
}


@media (min-width: 768px) {
	
	.productResultsContainer{
		position: relative;
	}
	
	.productResultsContainer .productGrid .productGridSingleElement{
		width: 33.3333%;
		margin-top: 14px;
	}

}

@media (min-width: 858px) { /* 202 *4 + 4*10 + 10 = 858 */
	
	.productResultsContainer .productGrid .productGridSingleElement{
		width: 25%;
	}
	
	.productResultsContainer .productGrid .productGridSingleElement .productBox{
		width:202px;
	}
}

@media (min-width: 1070px) { /* 202 *5 + 5*10 + 10 = 1070 */
	
	.productResultsContainer .productGrid .productGridSingleElement{
		width: 20%;
	}
}


@media (min-width: 1280px) {
	.productResultsContainer .productGrid .productGridSingleElement{
		width:32.5806451613%; /*202/620*/
		margin-right:1.12903225806%; /*7/620*/
	}
	
	.productResultsContainer .productGrid .productGridSingleElement:nth-child(3n){
		margin-right:0;
	}
	
}

/*
	END PRODUCT GRID PAGE
*************************************************/



/*
## productList
********************************************************************/

.productResultsContainer .productList{
	padding: 0 3.125% 25px; /* 10/320 */
}

.productResultsContainer .productList .productListSingleElement{
	width: 100%;
	margin-top: 9px;
}

@media (min-width: 768px){
	
	.productResultsContainer .productList{
		padding: 0 1.563% 25px; /* 12/768 */
	}
}

@media (min-width: 1280px){
	
	.productResultsContainer .productList{
		padding: 0 1.5625% 25px; /* 10/640 */
	}
}