.main__Mission__Slide{
	position: relative;
}
.inview .css1000 {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.inview .opacity {
    opacity: 1;
    /* transform: translate(0px); */
}
.banner1 {
	display: block;
    background: url('../img/banner-detail-01.jpg') no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 450px;
    animation: BANNER-MOVE 15s linear infinite;
}
.banner2 {
	display: block;
    background: url('../img/banner-detail-02.jpg') no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 450px;
    animation: BANNER-MOVE 15s linear infinite;
}
.banner3 {
	display: block;
    background: url('../img/banner-detail-03.jpg') no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 450px;
    animation: BANNER-MOVE 15s linear infinite;
}
@keyframes BANNER-MOVE {
	0% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 0% 100%;
	}
}
@media screen and (max-width: 991px) {
  .banner1 {
		min-height: 400px;
	}
	.banner2 {
		min-height: 400px;		
	}
	.banner3 {
		min-height: 400px;		
	}
}
@media screen and (max-width: 767px) {
	.banner1 {
		background-size: auto 100%;
		min-height: 365px;
		animation: BANNER-MOVE 20s linear infinite;
	}
	.banner2 {
		min-height: 365px;
		background-size: auto 100%;
		animation: BANNER-MOVE 20s linear infinite;
	}
	.banner3 {
		min-height: 365px;
		background-size: auto 100%;
		animation: BANNER-MOVE 20s linear infinite;
	}
	@keyframes BANNER-MOVE {
		from {
			background-position: 100% 100%;
		}
		to { 
			background-position: 0% 100%;
		}
	}
}