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

.productResultsContainer .productGrid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:flex-start;
    padding:0 1.5625% 25px; /* 5/320 */
}

.productResultsContainer .productGrid .productGridSingleElement{
    width:100%;
    border-top: 1px solid #ccc;
}

@media (min-width:630px){
    /* 300 *2 + 2*10 + 10 = 630 */
    .productResultsContainer .productGrid .productGridSingleElement{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }
}

@media (min-width:768px){

    .productResultsContainer .productGrid .productGridSingleElement{
        border-top: none;
    }


    .productResultsContainer{
        position:relative;
    }

    .productResultsContainer .productGrid .productGridSingleElement{
        width:calc(100% / 3 - 5px);
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        margin-top:10px;
        margin-right: 5px;
    }

    .productResultsContainer .productGrid .productGridSingleElement:nth-child(3n) {
        margin-right: 0;
    }

}

@media (min-width:1070px){
    /* 202 *5 + 5*10 + 10 = 1070 */
    .productResultsContainer .productGrid .productGridSingleElement{
        width:calc(100% / 4 - 5px);
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
    }

    .productResultsContainer .productGrid .productGridSingleElement:nth-child(3n) {
        margin-right: 5px;
    }

    .productResultsContainer .productGrid .productGridSingleElement:nth-child(4n) {
        margin-right: 0;
    }
}

@media (min-width:1280px){
    .productResultsContainer .productGrid .productGridSingleElement{
        width:calc(100% / 4 - 5px);
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
    }

}

/*
	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 */
    }
}