.container.main-groups .boundary {padding:20px 20px 10px; border:1px solid #DDD; margin-top:30px; border-radius:5px; border-bottom-left-radius:0;  border-bottom-right-radius:0;}

.products.group {text-align:center; padding-top:30px;}

.heading .boundary {padding:0 0 30px;}
/* .heading {background:url(../images/articles/article-heading.jpg) top left no-repeat; background-size:auto 100%; margin-bottom:60px; }
.heading.page-header {background:unset; position:relative; overflow:hidden;}
.heading.page-header .ph-bg {position:absolute; left:0; top:0; z-index:-1; width:auto; height:100%; }
.heading .boundary {padding:30px 0 60px;} */

.heading .h-title { line-height:47px; margin-bottom:10px; }
.heading .h-title a {color:inherit;}

.product-list { width:96%; max-width:1300px; }

.product-list .order-by { background-color:#FAFAFA; border:1px solid #DDD; padding:10px; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; margin-bottom:20px; }
.product-list .order-by a {display:inline-block; background-color:#FFF; color:#333; border:1px solid #DDD; margin:0 3px; padding:0 10px; font-size:0.8em; vertical-align:middle; border-radius:3px;}
.product-list .order-by a:hover, .product-list .order-by a.active {background-color:var(--green); color:#DDD; }

.product-list .left-col {text-align:left; padding:10px;}
.product-list .left-col h3 {margin-top:0; font-size:24px;}
.product-list .left-col ul {list-style-type:none; margin:10px 0; padding:0;}
.product-list .left-col ul li:hover, .product-list .left-col ul li.active {color:var(--red);}

.product-group {margin-top:20px;}
.pg-title { width:auto; height:auto; text-align:left; position:relative; border-bottom:2px solid var(--green); }
.pg-title h2 { display:inline-block; font-size:1em; text-transform:uppercase; line-height:1.5em; color:#FFF; width: auto; max-width:70%; height: auto; background-color:var(--green); position: relative; padding:13px 30px 2px 10px; margin:0 0 -1px; box-sizing:border-box; }
.pg-title h2:after { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-bottom: 20px solid var(--green); border-right: 20px solid #FFF; box-sizing:border-box; }
.pg-title a {font-size:0.9em; position:absolute; bottom:0; right:5px;}
.pg-title a:hover {color:var(--green);}

.right-box { margin-top:20px; }
.right-box h3 {width:100%; font-size:1em; text-transform:uppercase; background-color:var(--green); color:#FFF; margin:0; padding:10px; box-sizing:border-box;}
.right-box ul { list-style-type:none; padding:0; margin:0; }
.right-box ul li { display:block; }
.right-box ul li a { display:block; border:2px solid var(--green); border-top:0; line-height:1.5em; padding:3px 0; box-sizing:border-box; }
.right-box ul li a:hover {background-color:var(--green); color:#FFF; }
.right-box.news ul li {display:block; background-color:#DDD; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:right; position:relative; }
.right-box.news ul li a {border:0;}
.right-box.news ul li a:hover {color:var(--blue-light)!important; background-color:unset;}
.right-box.news ul li .square-image {position:absolute; top:0; left:0; display:inline-block; width:30%; height:100%; vertical-align:top;}
.right-box.news ul li .n-content {display:inline-block; width:70%; vertical-align:top; padding:5px; box-sizing:border-box; }
.right-box.news ul li .n-content .n-title {text-transform:uppercase; color:var(--green); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:left; font-weight:bold; font-size:0.6em; line-height:1.7em; }

.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; }
.products .product:nth-child(2n+0){margin-right:0;}
.products .product .square-image .p-promotions {position:absolute; top:0; left:0; font-size:0.8em; color:#FFF; z-index:1; }
.products .product .square-image .p-promotions span {background-color:#000; padding:2px 5px; display:inline-block; margin-right:3px; }

.products .product .p-content { font-size:1em; }
.products .product .p-content .p-title {padding:5px; color:#000; line-height:1.5em; }
.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-description {font-size:0.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3em;}
.products .product .p-content .p-price {font-weight:bold; font-size:1em; margin-bottom:5px; padding: 0 5px; text-align:center; color:var(--orange); font-size:0.8em; }
.products .product .p-content .p-price i {margin-right:3px;}
.products .product .p-content .p-price span {display:inline-block; margin-left:10px; color:var(--grey); text-decoration:line-through; }
.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; }
.products .product:hover .inverted-7 { background-position: left; }

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

@media (min-width: 768px){
	.pg-title h2, .right-box h3 {font-size:0.9em;}
	.right-box ul li a {font-size:0.8em;}
	
	.product-list .pl-title h2 {font-size:2.5em; }
	.product-list .left-col {padding:0 10px;}
	
	.best-sellers .fp-item {width:32%!important; margin:10px 2% 0 0;}
	.best-sellers .fp-item:nth-child(2n){margin-right:2%;}
	.best-sellers .fp-item:nth-child(3n){margin-right:0;}
	
	.products .product .p-content .p-price {font-size:0.9em;}
	.products .product .p-content .p-price span {margin-left:20px;}
}

@media (min-width:992px){
	.products .product .p-content .p-price {font-size:1em;}
	
}

@media (min-width:1200px){
	.container.heading { background-size:100% 100%; }
	.heading.page-header .ph-bg {width:100%;}
	
	.product-list .left-col {padding:0;}
}