.product-list {margin:20px 0;}
 
.product-list .pl-title h2 {text-align:left; text-transform:uppercase; font-size:1.2em; color:#FFF; background-color:var(--red); margin:0; padding:10px; box-sizing:border-box; }

.product-list .page-nav { text-align:center; margin-top:2em; }
.product-list .page-nav a { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #DDD; border-radius: 3px; font-size: 0.8em; margin: 0 2px; }
.product-list .page-nav a:hover, .product-list .page-nav a.active {background-color:var(--blue); color:#FFF; }

.products { text-align:left; }
.products .product { display:inline-block; width:49%; margin:10px 2% 0 0; position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; background-color:var(--grey-light); border:1px solid var(--grey-light); }
.products .product:nth-child(2n+0){margin-right:0;}
.products .product:hover {box-shadow:0 0 5px #BBB;}
.products .product .p-content { font-size:1em; text-align:center; padding:10px; }
.products .product .p-content .p-title { color:#000; line-height:1.3em; font-size:0.8em; margin-top:5px; font-weight:bold; }
.products .product .p-content .p-title a { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.products .product .p-content .p-price { margin:10px auto; padding: 5px 20px; text-align:center; color:#FFF; font-size:0.8em; line-height:1em; background-color:var(--blue); display:inline-block; border-radius:20px; min-width:100px; transition:all 0.3s; }
.products .product .p-content .p-price:hover {background-color:var(--blue-light);}
.products .product .p-content .button {width:calc(100% - 20px); box-sizing:border-box; text-align:center; background-color:#000; border-color:#000; margin:0 10px 10px; font-size:0.8em; padding:3px 10px; }
.products .product .p-content .button.in-cart {background-color:#FFF; color:#000!important; border-color:#000; }

@media (min-width:576px){
	
}

@media (min-width: 768px){
	
	.product-list {margin:30px 0 50px;}
	.products-title h3 { border-bottom:unset; }
	.products-title h3 i {display:none;}

	.products .p-container { padding-left:30px; }
	
	.products .product {width:32%; margin:10px 2% 0 0;}
	.products .product:nth-child(2n){margin-right:2%;}
	.products .product:nth-child(3n){margin-right:0;}
	
	.products .product .p-content .p-price, .products .product .p-content .p-title {font-size:0.9em;}
}

@media (min-width:992px){	
	.products .product {width:23.5%; margin:20px 2% 0 0;}
	.products .product:nth-child(2n), .products .product:nth-child(3n){margin-right:2%;}
	.products .product:nth-child(4n){margin-right:0;}
	.products .product .p-content .p-price, .products .product .p-content .p-title {font-size:1em;}
}