.products-container { }
.products-container:after { content: ""; display: block; clear: both; }
.products-container__heading { padding-bottom: 0; text-align: center; font-size: 20px; font-weight: bold; }
.products-container__inner-wrapper { padding-top: 20px; }

.product { float: left; width: 50%; padding: 0 20px 15px 20px; }
.product__background { display: block; width: 100%; height: 144px; margin-left: 0; margin-bottom: 15px; max-width: 100%; border-radius: 4px; }
.product__background-link { display: block; height: 100%; }
.product__title { }
.product__title-link { }
.product__content { padding-bottom: 5px; }
.product__price { display: inline-block; padding-right: 25px; font-size: 18px; font-weight: bold; }
.product__label { display: inline-block; font-size: 18px; font-style: italic; }

.product:last-of-type { padding-bottom: 0; }
.products-container__inner-wrapper::after { content: ""; display: block; clear: both; }
.product__link { font-size: 17px; font-weight: bold; }


/*For index page*/
.products-container.index .product { padding: 0 15px 50px 15px; }

.products-container.index .product__background { margin-bottom: 0; border-radius: 0; }
.products-container.index .product__background-link { display: block; height: 100%; }


/*For individual product pages*/
.website-products-breadcrumbs__breadcrumb { padding-bottom: 20px; }
.website-products-breadcrumbs__breadcrumb-link { display: inline-block; }



/*Clearing variable width columns */
@media only screen and (max-width: 1199px){   
    .products-container__inner-wrapper > div:nth-child(2n+1){ content: ""; display: block; clear: both; }
}

@media only screen and (min-width: 1200px){
    .products-container.index .products-container__inner-wrapper > div:nth-child(4n+1){ content: ""; display: block; clear: both; }
    
    .products-container.products-page .products-container__inner-wrapper > div:nth-child(4n+1){ content: ""; display: block; clear: both; }
}



@media only screen and (min-width: 500px){ 
    .product__background { height: 192px; }
}



@media only screen and (min-width: 768px){
    .products-container__heading { font-size: 24px; }
    .products-container__inner-wrapper { margin-left: -15px; margin-right: 15px; }

    .product { }   
    .product__background { height: 240px; }
    
    .product:last-of-type { padding-bottom: 15px; }  
}



@media only screen and (min-width: 1200px){ 
    .products-container__heading { font-size: 28px; }

    .product { width: 25%; }
    .products-container.products-page .product { width: 25%; }
    .product__background { height: 192px; }
    
    
    /*For index page*/
    .products-container.index .product { padding-bottom: 0; }
}



@media only screen and (min-width: 1500px){ 
    .product__background { height: 240px; }
}