@media(max-width:767px)
{

	.product-container
	{
		margin-top: 40px;
	}

	.product-cat .wrap-triangle-up{
		transform-origin:0 100%;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:4px;
	}

	.product-cat .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:50%;
		left:0;
		margin:0px;
		z-index: 999999;
	}

	.images-triangle-up .images-triangle-up-fix a img.bg-image {
		float:left;
		width:100%;
		margin:0px;
		/*max-height: 250px;*/
	}

}

@media(min-width:768px) and (max-width:991px){

	.product-cat:nth-child(4n+1) .wrap-triangle-up,
	.product-cat:nth-child(4n+2) .wrap-triangle-up{
		transform-origin:0 100%;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:4px;
	}
	.product-cat:nth-child(4n+1) .wrap-triangle-up .images-triangle-up ,
	.product-cat:nth-child(4n+2) .wrap-triangle-up .images-triangle-up {

		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(4n+1) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix ,
	.product-cat:nth-child(4n+2) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix {
		margin-top: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}

	.product-cat:nth-child(4n+3) .wrap-triangle-up,
	.product-cat:nth-child(4n+4) .wrap-triangle-up{
		transform-origin:top left;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:2px;
	}
	.product-cat:nth-child(4n+3) .wrap-triangle-up .images-triangle-up,
	.product-cat:nth-child(4n+4) .wrap-triangle-up .images-triangle-up{
		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(4n+3) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix,
	.product-cat:nth-child(4n+4) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix{
		margin-bottom: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(4n+1) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(4n+2) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:50%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(4n+3) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(4n+4) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:5%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(4n+3) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(4n+4) .images-triangle-up .images-triangle-up-fix a div.caption{
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.product-cat:nth-child(4n+3) .images-triangle-up .images-triangle-up-fix a div.caption div,
	.product-cat:nth-child(4n+4) .images-triangle-up .images-triangle-up-fix a div.caption div{
		position: relative;
		float: right;
		display: block;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}

	.images-triangle-up .images-triangle-up-fix a img.bg-image {
		float:left;
		width:100%;
		margin:0px;
		max-height: 250px;
	}

}

@media(min-width:992px) and (max-width:1199px){
	.product-cat:nth-child(6n+1) .wrap-triangle-up,
	.product-cat:nth-child(6n+2) .wrap-triangle-up,
	.product-cat:nth-child(6n+3) .wrap-triangle-up
	{
		transform-origin:0 100%;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:4px;
	}
	.product-cat:nth-child(6n+1) .wrap-triangle-up .images-triangle-up ,
	.product-cat:nth-child(6n+2) .wrap-triangle-up .images-triangle-up ,
	.product-cat:nth-child(6n+3) .wrap-triangle-up .images-triangle-up {

		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+1) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix ,
	.product-cat:nth-child(6n+2) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix ,
	.product-cat:nth-child(6n+3) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix {
		margin-top: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up,
	.product-cat:nth-child(6n+5) .wrap-triangle-up,
	.product-cat:nth-child(6n+6) .wrap-triangle-up{
		transform-origin:top left;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:2px;
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up .images-triangle-up,
	.product-cat:nth-child(6n+5) .wrap-triangle-up .images-triangle-up,
	.product-cat:nth-child(6n+6) .wrap-triangle-up .images-triangle-up{
		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix,
	.product-cat:nth-child(6n+5) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix,
	.product-cat:nth-child(6n+6) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix{
		margin-bottom: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+1) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+2) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+3) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:50%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:5%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption{
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption div,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption div,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption div{
		position: relative;
		float: right;
		display: block;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.images-triangle-up .images-triangle-up-fix a img.bg-image {
		float:left;
		width:100%;
		margin:0px;
		max-height: 170px;
	}

}
@media(min-width:1200px){
	.product-cat:nth-child(6n+1) .wrap-triangle-up,
	.product-cat:nth-child(6n+2) .wrap-triangle-up,
	.product-cat:nth-child(6n+3) .wrap-triangle-up{
		transform-origin:0 100%;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:4px;
	}
	.product-cat:nth-child(6n+1) .wrap-triangle-up .images-triangle-up ,
	.product-cat:nth-child(6n+2) .wrap-triangle-up .images-triangle-up ,
	.product-cat:nth-child(6n+3) .wrap-triangle-up .images-triangle-up {

		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+1) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix ,
	.product-cat:nth-child(6n+2) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix ,
	.product-cat:nth-child(6n+3) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix {
		margin-top: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up,
	.product-cat:nth-child(6n+5) .wrap-triangle-up,
	.product-cat:nth-child(6n+6) .wrap-triangle-up{
		transform-origin:top left;
		transform:rotate(0deg);
		overflow:hidden;
		padding-bottom:2px;
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up .images-triangle-up,
	.product-cat:nth-child(6n+5) .wrap-triangle-up .images-triangle-up,
	.product-cat:nth-child(6n+6) .wrap-triangle-up .images-triangle-up{
		margin-right: 5px;
		transform-origin:inherit;
		transform:rotate(-45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+4) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix,
	.product-cat:nth-child(6n+5) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix,
	.product-cat:nth-child(6n+6) .wrap-triangle-up .images-triangle-up  .images-triangle-up-fix{
		margin-bottom: -5px;
		margin-right: -5px;
		transform-origin:inherit;
		transform:rotate(45deg);
		overflow:hidden;
		-webkit-backface-visibility:hidden; /** <-- to prevent diagonal line aliasing in chrome **/
	}
	.product-cat:nth-child(6n+1) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+2) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+3) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:50%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption{
		position: absolute;
		width:100%;
		top:5%;
		left:0;
		margin:0px;
		z-index: 999999;
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption{
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.product-cat:nth-child(6n+4) .images-triangle-up .images-triangle-up-fix a div.caption div,
	.product-cat:nth-child(6n+5) .images-triangle-up .images-triangle-up-fix a div.caption div,
	.product-cat:nth-child(6n+6) .images-triangle-up .images-triangle-up-fix a div.caption div{
		position: relative;
		float: right;
		display: block;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.images-triangle-up .images-triangle-up-fix a img.bg-image {
		float:left;
		width:100%;
		margin:0px;
		max-height: 220px;
	}
}

.images-triangle-up .images-triangle-up-fix a  {
	text-decoration: none;
}

.images-triangle-up .images-triangle-up-fix a div.caption img{
	height: 60px;
	margin:0 auto;
}
.images-triangle-up a:after {
	position:absolute;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	content:'\A';
	width:100%; height:100%;
	top:0; left:0;
	background:rgba(112,41,171,0.3);

}
.images-triangle-up a:hover:after {
	opacity: 0;
}