.catalogElements {display: flex; flex-wrap: wrap;}
	.catalogElement {width: 33.33333333%; margin: 0 0 -1px -1px; border: 1px solid #F4F4F4; padding: 30px 35px 31px 35px;
		box-sizing: border-box; position: relative; transition: box-shadow .3s ease; background: #fff;
	}
	.catalogElement:hover {z-index: 1; transition: box-shadow .3s ease; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-color: #fff;}
	.catalogElement:hover .addProduct {opacity: 1;}
	
		.product {position: relative;}
			.productImage {margin: 0 auto 25px auto; position: relative;}
				.productImage a {width: 183px; height: 183px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
				.productImage a:last-child {position: absolute; top: 0; left: 0; right: 0; opacity: 0;}
				
			.productText {position: relative; padding: 118px 0 0 0;}
			.productText.discount {padding: 95px 0 0 0;}
				.productText .name {line-height: 28px; max-height: 50px; overflow: hidden; position: absolute; top: 0;}
					.productText .name:not(.redcodeColor) {color: #121212;}
				.productText .price {font-size: 19px;}
					.productText .price span {font-size: 13px;}
				.productText .priceOld {position: relative; font-size: 13px; text-decoration: line-through; color: #A6A6A6; margin: 0 0 7px 0; display: inline-block;}
					.productText .priceOld span {position: absolute; display: none; border-width: 1px; border-style: solid; padding: 4px 9px 4px 11px; top: -5px; right: -67px;}
					.productText .priceOld span.float {right: -77px; display: none;}
				.productText .status {margin: 23px 0 0 0; font-size: 12px;}
				.catalogElement .addProduct {opacity: 0;}
			
			.product-item-label-text {position: absolute; top: 20px; left: 20px; display: flex; align-items: flex-start; flex-direction: column;}
				.product-item-label-text div {margin: 0 0 5px 0; font-size: 11px; color: #fff; border-radius: 2px;
					padding: 6px 8px 6px 8px;
				}
				.product-item-label-text div:last-child {margin-bottom: 0;}
				

@media all and (max-width: 1250px){
	.catalogElement {width: 50%;}
	.catalogElement .addProduct {opacity: 1;}
	.productImage a {height: 220px; width: 220px;}
	.productText {padding: 98px 0 0 0;}
	.productText.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 1090px){
	.productImage a {height: 183px; width: 183px;}
	.productText {padding: 118px 0 0 0;}
	.productText.discount {padding: 95px 0 0 0;}
}

@media all and (max-width: 990px){
	.catalogElement {width: 33.33333333%;}
	.productImage a {height: 200px; width: 200px;}
	.productText {padding: 98px 0 0 0;}
	.productText.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 960px){
	.productImage a {height: 183px; width: 183px;}
	.productText {padding: 118px 0 0 0;}
	.productText.discount {padding: 95px 0 0 0;}
}

@media all and (max-width: 880px){
	.catalogElement {width: 50%;}
	.productImage a {height: 220px; width: 220px;}
	.productText {padding: 98px 0 0 0;}
	.productText.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 730px){
	.productImage a {height: 183px; width: 183px;}
	.productText {padding: 118px 0 0 0;}
	.productText.discount {padding: 95px 0 0 0;}
}

@media all and (max-width: 630px){
	.catalogElement {width: 100%;}
	.productImage a {height: 250px; width: 250px;}
	.productText {padding: 98px 0 0 0;}
	.productText.discount {padding: 75px 0 0 0;}
}

@media all and (max-width: 420px){
	.productImage a {height: 220px; width: 220px;}
}

@media all and (max-width: 350px){
	.productImage a {height: 185px; width: 185px;}
	.productText {padding: 118px 0 0 0;}
	.productText.discount {padding: 95px 0 0 0;}
}