.swiper {
	width: 100%;
	height: auto;
}
.swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-slide img {
	width: 100% !important;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.mySwiper2 {
	height:auto;
	width: 100%;
}
.mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0 0;
}
.mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.7;
}
.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
	border-bottom:3px solid #000;
}
.swiper-slide img {
	width: 100% !important;
	height:  !important;
}
.categories {
	text-align:center
}
.categories span {
	  padding: 10px 32px;
	  cursor: pointer;
}
.categories span.active {
  font-weight: bold;
}