ul.products{
	list-style: none;
	margin: 0 $grid-gutters/-2;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	> li.product{
		margin: 0 $grid-gutters/2;
		padding: 0 0 17px;
		position: relative;
		&:hover{
			.cms-products-thumb{
				img,
				.cms-overlay-content{
					@include transform(translateY(-68px));
				}
			}
		}
	}
	&.colomns-1{
		> li.product{
			max-width: calc(100% - #{$grid-gutters});
			width: calc(100% - #{$grid-gutters});
			flex: 0 0 calc(100% - #{$grid-gutters});
		}
	}
	&.columns-2{
		> li.product{
			max-width: calc(50% - #{$grid-gutters});
			width: calc(50% - #{$grid-gutters});
			flex: 0 0 calc(50% - #{$grid-gutters});
		}
	}
	&.columns-3{
		> li.product{
			max-width: calc(33.3333% - #{$grid-gutters});
			width: calc(33.3333% - #{$grid-gutters});
			flex: 0 0 calc(33.3333% - #{$grid-gutters});
		}
	}
	&.columns-4{
		> li.product{
			max-width: calc(25% - #{$grid-gutters});
			width: calc(25% - #{$grid-gutters});
			flex: 0 0 calc(25% - #{$grid-gutters});
		}
	}
	&.columns-5{
		> li.product{
			max-width: calc(20% - #{$grid-gutters});
			width: calc(20% - #{$grid-gutters});
			flex: 0 0 calc(20% - #{$grid-gutters});
		}
	}
	&.columns-6{
		> li.product{
			max-width: calc(16.6666% - #{$grid-gutters});
			width: calc(16.6666% - #{$grid-gutters});
			flex: 0 0 calc(16.6666% - #{$grid-gutters});
		}
	}
	@media (max-width: $screen-lg-max){
		&.columns-5{
			> li.product{
				max-width: calc(33.3333% - #{$grid-gutters});
				width: calc(33.3333% - #{$grid-gutters});
				flex: 0 0 calc(33.3333% - #{$grid-gutters});
			}
		}
		&.columns-6{
			> li.product{
				max-width: calc(33.3333% - #{$grid-gutters});
				width: calc(33.3333% - #{$grid-gutters});
				flex: 0 0 calc(33.3333% - #{$grid-gutters});
			}
		}
	}
	@media (max-width: $screen-md-max){
		&.columns-3{
			> li.product{
				max-width: calc(50% - #{$grid-gutters});
				width: calc(50% - #{$grid-gutters});
				flex: 0 0 calc(50% - #{$grid-gutters});
			}
		}
		&.columns-4{
			> li.product{
				max-width: calc(50% - #{$grid-gutters});
				width: calc(50% - #{$grid-gutters});
				flex: 0 0 calc(50% - #{$grid-gutters});
			}
		}
		&.columns-5{
			> li.product{
				max-width: calc(50% - #{$grid-gutters});
				width: calc(50% - #{$grid-gutters});
				flex: 0 0 calc(50% - #{$grid-gutters});
			}
		}
		&.columns-6{
			> li.product{
				max-width: calc(50% - #{$grid-gutters});
				width: calc(50% - #{$grid-gutters});
				flex: 0 0 calc(50% - #{$grid-gutters});
			}
		}
	}
	@media (max-width: $screen-sm-max){
		&.columns-2,
		&.columns-3,
		&.columns-4,
		&.columns-5,
		&.columns-6{
			> li.product{
				max-width: calc(100% - #{$grid-gutters});
				width: calc(100% - #{$grid-gutters});
				flex: 0 0 calc(100% - #{$grid-gutters});
			}
		}
	}
	.star-rating{
		display: none!important;
	}
}

.cms-loop-products-wrap{
	&:hover{
		.cms-loop-product-addtocart{
			.cms-addtocart-btn{
				@media (min-width: $screen-lg-min){
					@include scale(1);
				}
			}
		}
	}
}
.cms-loop-product-thumb{
	overflow: hidden;
	&:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 20px;
		border: 0 solid $white;
		@include transition();
		z-index: 1;
	}
	.cms-loop-product-addtocart{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		z-index: 1;
		margin: -5px;
		padding-left: 5px;
		padding-right: 5px;
		.cms-addtocart-btn{
			padding: 25px 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 5px;
			&.loading{
				.cms-addtocart-icon:before{
					@include font-cmsi('\e95b');
					@include animation(cms-spin 2s infinite);
					display: inline-block;
				}
			}
			&.added + .cms_added_to_cart{
				display: flex;
			}
			&.ajax_add_to_cart:not(.added),
			&.ajax_add_to_cart.loading,
			&.product_type_variable{
				min-width: 210px;
			}
			@media (min-width: $screen-lg-min){
				@include scale(0);
			}
			&.added,
			&.added + .cms_added_to_cart{
				flex: 0 0 calc(50% - 10px);
			}
		}
		.cms_added_to_cart{
			display: none;
		}
		.cms-addtocart-btn,
		.cms_added_to_cart{
		}
	}
	img{
		width: 100%;
	}
}
// loop price
.cms-loop-product-price{
	padding-top: 5px;
}