
.mb_s01 {margin:85px 0 ;}
.mb_s01 .m-carousel { height:450px !important; overflow:hidden;  opacity: 0;  transition: all 0.3s ease;}
.mb_s01 .flickity-viewport {}
.mb_s01 .m-carousel.flickity-enabled {  opacity: 1;  background: #fff;}
.mb_s01 .m-carousel__item {  opacity: 0.3;  transition: opacity 0.3s ease;  width: 1100px;  border-right: 0px !important;}
.mb_s01 .m-carousel__item.is-selected {  opacity: 1;}
.mb_s01 .m-carousel__image {  display: block;  width: 100%;  height: auto;  opacity: 0;  transition: opacity 0.3s ease;}
.mb_s01 .m-carousel__image.flickity-lazyloaded { opacity: 1; }
.mb_s01 .m-carousel .flickity-prev-next-button { border: 0px solid #000; background-color:rgba(0,0,0,0) !important; background: none;}
.mb_s01 .flickity-prev-next-button.previous {left:50% !important; margin:0 0 0 -610px; }
.mb_s01 .flickity-prev-next-button.next {right:50% !important; margin:0 -610px 0 0; }
.mb_s01 .m-carousel .flickity-prev-next-button path {  fill: rgba(0,0,0,0.5);}
.mb_s01 .m-carousel .flickity-prev-next-button:hover path {  fill: rgba(0,0,0,6);}
.mb_s01 .m-carousel .flickity-prev-next-button:hover {  background: none;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.mb_s01 {margin:50px 0  0 0 ;}	
.mb_s01 .m-carousel { height:350px !important; 	}
.mb_s01 .m-carousel__item {   width: 900px; }
.mb_s01 .flickity-prev-next-button.previous {left:30px !important; margin:0;}
.mb_s01 .flickity-prev-next-button.next {right:30px !important; margin:0; }
.mb_s01 .m-carousel .flickity-prev-next-button path {  fill: rgba(255,255,255,.9);}
.mb_s01 .m-carousel .flickity-prev-next-button:hover path {  fill: rgba(255,255,255,.9);}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
