/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../themes/home.css ***!
  \********************************************************************/
@media (max-width: 767px) {
	.home .container.products { max-width: 100%; }
}

.products{
	height: 683px;
}

.home .products{padding:0}
.home .products .slick-carousel{ margin-bottom: 20px; }
.home .products>div{padding:0 10px}
.home .banner-mini{
	margin:0;
	padding:0; 
}

.home .banner-mini{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	margin-bottom: 20px;
	.item{
		margin:10px 0 0 0;
		padding: 0 !important;

		img {
			width: 100%;
			height: auto;
		}
	}
} 
.home .banner-mini .item:first-child{padding-left:0}
.home .banner-mini .item:last-child{padding-right:0}
@media (max-width:575px){
	.home .banner-mini .item{padding:0 0 20px 0 }
	.home .banner-mini .item:last-child{padding-bottom:0}
}

.img-container{
	display: flex ;
	align-items: center;
	justify-content: center;
}
.img-container img{
	max-width: 68vw;
}
.carousel-banner{
	margin: 20px 5px; 
	padding: 20px;
}

.carousel-banner img{
	margin-bottom: 10px;
}

.banner-container .img-container a {
    flex: 1;
    margin: 0 5px; 
}

.banner-container .img-container img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover; 
}