.page__wrapper__action{
	border-top: 1px solid rgba(0,0,0,.1);
}
#tabs{
	padding-top: 23px;
}
.tabs-nav{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-right: 10px;
}
.tabs-item .tab__row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; 
	flex-flow: row wrap;
}
.tabs-item .tab__row > div{
	text-align: center;
	flex-basis: calc((100% - 260px) / 5);
}
.tabs-nav > li:nth-of-type(n+2){
	padding-left: 7px;
}
.tabs-nav a{
	position: relative;
	text-decoration: none;
	padding: 8px 16px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #000;
}
.tabs-nav a.active{
	background-color: white;
	color: #ae2220;
}
.tabs-nav a.active::after{
	content: " ";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-bottom: 2px solid #1480cc;
	box-sizing: border-box;
	cursor: pointer;
	pointer-events: none;
}
.tab__row{
	padding-top: 25px;
}
/* >>> задаем отступы со 2 по 4 элемент в первом ряду и с 6 по 9 во втором*/
.tab__row > div:nth-of-type(n+1):nth-of-type(-n+4),
.tab__row > div:nth-of-type(n+6):nth-of-type(-n+9){
	margin-right: 25px;
}
/* <<< задаем отступы со 2 по 4 элемент в первом ряду и с 6 по 9 во втором*/
.tab__row > div:nth-of-type(-n+5){
	margin-bottom: 25px;
}
.action__item{
	padding: 15px;
	border: 1px solid rgba(0,0,0,.1);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
}
.action__img > img{
	max-width: 100%;
	min-height: 206px;
	object-fit: cover;
}
.action__heading, .action__price{
	font-size: 16px;
	line-height: 24px;
	color: #242424;
	font-weight: 300;
}
.action__heading{
	min-height: 60px;	
}
.action__price{
	font-weight: 400;
    padding-top: 20px;
    font-size: 20px;
    margin-top: auto;
}
.tabs-items{
	/* padding-top: 12px; */
}

@media (max-width: 1899px){
.page__action{
	margin: auto;
	max-width: 1293px;
	padding-right: 0;
	padding-left: 0;
}
}
@media (max-width: 1400px){
.page__action{
	padding-right: 25px;
	padding-left: 25px;
}
#tabs .tabs-item .tab__row .action__img > img {
    width: 100%;
    object-fit: none;
}
}
@media (max-width: 1066px){
.tab__row > div:nth-of-type(5n){
	display: none;
}
.tabs-item .tab__row > div{
	flex-basis: calc((100% - 228px) / 4);
}
}
@media (max-width: 1066px){
.tab__row > div:nth-of-type(5n){
	display: none;
}
.tabs-item .tab__row > div{
	flex-basis: calc((100% - 172px) / 3);
}
.tab__row > div:nth-of-type(4n){
	display: none;
}
}
@media (max-width: 768px){
.tab__row{
	flex-wrap: wrap;
}
.tabs-item .tab__row > div{
	flex-basis: calc((100% - 114px) / 2);
}
.tab__row > div {
    margin-bottom: 25px;
}
} 
@media (min-width: 769px) and (max-width: 1066px){
#tabs .action__item:nth-of-type(3),
#tabs .action__item:nth-of-type(9){
	margin-right: 0;
}
.tabs-item .tab__row{
	/*justify-content: space-between;*/
	flex-flow: row wrap;
}
}
@media (min-width: 481px) and (max-width: 768px){
.tabs-item .tab__row{
	justify-content: space-between;
}
.tabs-item .tab__row > div {
    flex-basis: calc((100% - 89px) / 2);
}
#tabs .action__item:nth-of-type(2),
#tabs .action__item:nth-of-type(6),
#tabs .action__item:nth-of-type(9){
	margin-right: 0;
}
}

@media (max-width: 480px){
.page__action {
    padding-left: 15px;
    padding-right: 15px;
}
#tabs {
    padding-top: 3px;
}
#tabs .tabs-item .tab__row > div{
    margin: 0;
    margin-bottom: 10px;
}	
.tabs-item .tab__row > div{
	flex-basis: calc((100% - 44px) / 2);
	flex-basis: calc((100% - 44px) / 1);
}
.tabs-nav a{
	font-size: 19px;
}
.tabs-nav > li:nth-of-type(n+2) {
    padding-left: 0;
}
.tab__row {
    padding-top: 12px;
    justify-content: center;
}
.action__img{
	height: 190px;
	overflow-y: hidden;
}
.action__img > img{
	object-fit: contain;
	height: 100%;
}
.action__item{
	padding: 10px;
	padding-top: 0;
}
.action__heading{
	font-size: 14px;
}
.action__price {
    padding-top: 25px;
    font-size: 15px;
}
}
/* >>> классы для хит, акция, новинка */
/*
	  action__markbox   -> контейнер для пометок 
		          hit   -> класс для контейнера (добавляет Хит)
	  store_promotion   -> класс для контейнера (добавляет Акция) 
		 new_in_store   -> класс для контейнера (добавляет Новинка) 

		    hit__mark   -> класс для элемента: хит
store_promotion__mark   -> класс для элемента: акция
   new_in_store__mark   -> класс для элемента: новинка

*/
.action__item .action__markbox,
.action__item .hit__mark,
.action__item .store_promotion__mark,
.action__item .new_in_store__mark{
	display: none;
}
.action__item.hit .action__markbox,
.action__item.store_promotion .action__markbox,
.action__item.new_in_store .action__markbox{
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
	text-align: left;
}
.action__item.hit .hit__mark,
.action__item.store_promotion .store_promotion__mark,
.action__item.new_in_store .new_in_store__mark{
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	margin-left: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: 700;
	letter-spacing: .5px;
	padding-right: 6px;
}
.action__item.hit .hit__mark{
	background-color: #1480cc;
	width: 20px;
}
.action__item.store_promotion .store_promotion__mark{
	background-color: #f2951c;
	width: 36px;
}
.action__item.new_in_store .new_in_store__mark{
	background-color: #66bf39;
}
/* <<< классы для хит, акция, новинка */