/* ======================================================================================================================================================
# Responsive
====================================================================================================================================================== */
	
	
	@media only screen and (min-width: 990px) {
		

	
	}
	
	
		
	@media only screen and (min-width: 480px) and (max-width: 989px) {
				

						

			
	}
		

	@media only screen and (max-width: 768px) {
		
		

		
		
	}
	

	#top .category_swiper .swiper-slide a .image-overlay {display: none !important;}

	
	
/* ======================================================================================================================================================
# Products Category - Swiper
====================================================================================================================================================== */
	

	#top .category-horizontal-slider-container {
		
		position: relative; overflow: visible;
		
		.category-horizontal {
			
			position: relative; overflow: visible;
			
			/* Arrows*/
			.cat-nav-prev, .cat-nav-next {transform: translateY(-35%); width: 60px; height: 60px; background: #fff; color: #1a1a1a; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.15); z-index: 50; cursor: pointer;}
			.cat-nav-prev {left: -30px;}
			.cat-nav-next {right: -30px;}
			
			.cat-nav-prev:after, .cat-nav-next:after {font-size: 20px;}
			
			.swiper-button-disabled {opacity: 1; pointer-events: auto; color: #bbb; cursor: default;}

			.cat-nav-prev:hover, .cat-nav-next:hover {
				background: #3a3a3a; transition: all 0.35s ease-in;
				&:after, &:after {color: #fff;}
			}
			
		}
		
	}


	#top .category_swiper {
		
		position: relative; margin: 0; padding: 0; overflow: hidden;
		
		ul.category_list {margin: 0 !important; padding: 0 !important; align-items: stretch;}
		
		li.cat_item {
			
			display: flex; margin-left: 0; height: auto;
			> a {display: flex; flex-direction: column; flex: 1 1 auto; height: 100%;}
			
			.cat_img {
				
				display: flex; position: relative; width: 100%; aspect-ratio: 1 / 1; background: #fafafa; background: linear-gradient(180deg,#fafafa 0%, #fff0 70%); justify-content: center; align-items: center; overflow: hidden;				
				
				img {width: 100%; height: 100%; object-fit: cover; z-index: 1; scale: 0.95; transition: scale 0.35s ease-in;}
				.empty-img {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 13px; color: #b0b0b0;}
				&:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 35%; background: #ecf4fa; z-index: 0;}
				
			}
			&:hover .cat_img img {scale: 1;}

			.cat_name {padding: 10px 0; font-size: 14px; font-weight: 500; color: #3a3a3a; text-align: center; border-top: solid 1px rgba(200,200,200,0); border-bottom: solid 1px #f1f1f1; transition: border 0.35s ease-in;}
			.cat_description {flex: 1 1 auto;}
			
		}
		
		li.cat_item:hover .cat_name {border-top: solid 10px rgba(200,200,200,0.15) !important;}
		
	}