/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.product-category .box-category.has-hover.box-vertical .box-image {
	display:flex;
	align-items:center;
	position:relative;
}
.product-category .box-category.has-hover.box-vertical .box-image div{
	margin: 0 17px 0 17px;
	width:71px
	
}
.product-category,.product-category .box-category.has-hover.box-vertical{
	display:flex;
	align-items:center;
		position:relative;
}
.product-category.col{
	flex:1 0 calc(100%/5 - 16px);
	margin:0 16px 14px 0;
	padding:0;
	max-width:calc(100%/5 - 16px);
	width:calc(100%/5 - 16px);
}
@media (min-width: 952px){
	
.row>.product-category:nth-child(5n){
margin-right:0;
}	
}


.product-category .box-category.has-hover.box-vertical .box-image div img{
	object-fit:cover;
	
}

@media (max-width: 952px){
	.product-category.col{
	flex:1 0 calc(100%/4 - 16px);
	margin:0 16px 14px 0;
	padding:0;
	max-width:calc(100%/4 - 16px);
	width:calc(100%/4 - 16px);
}
.row>.product-category:nth-child(4n){
margin-right:0;
}
}

@media (max-width: 761px){
	.product-category.col{
	flex:1 0 calc(100%/3 - 16px);
	margin:0 16px 14px 0;
	padding:0;
	max-width:calc(100%/3 - 16px);
	width:calc(100%/3 - 16px);
}	
.row>.product-category:nth-child(4n){
margin-right:16px;
}		
.row>.product-category:nth-child(3n){
margin-right:0;
}	
}

@media (max-width: 550px){
	.product-category.col{
	flex:1 0 calc(100%/2 - 16px);
	margin:0 16px 14px 0;
	padding:0;
	max-width:calc(100%/2 - 16px);
	width:calc(100%/2 - 16px);
		
}
	
	.product-category .box-category.has-hover.box-vertical .box-image div{
	margin: 0 14px 0 14px;
	width:60px
	
}
.row>.product-category:nth-child(4n){
margin-right:16px;
}		

.row>.product-category:nth-child(3n){
margin-right:16px;
}
.row>.product-category:nth-child(2n){
margin-right:0;
}	
}
@media (max-width: 220px){
.product-category.col{
	flex:1 0 100%;
	margin:0 0px 14px 0;
	padding:0;
	max-width:100%;
	width:100%;
}	
.row>.product-category:nth-child(4n){
margin-right:0;
}
	
.row>.product-category:nth-child(3n){
margin-right:0;
}
.row>.product-category:nth-child(2n){
margin-right:0;
}	
}


@media screen and (min-width: 550px){
.product-category .box-category.has-hover.box-vertical .box-image {
    width: unset !important;
	}

}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}