.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media only screen and (min-width: 980px) and (max-width: 1280px){
#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
.carousel-item{width:100%;}
}
@media only screen and (min-width: 768px) and (max-width: 989px){
	#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
	.carousel-item{width:100%;}
}
@media only screen and (max-width:768px) {
	#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
	.carousel-item{width:100%;}
}
@media only screen and (max-width: 767px) {
	#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
	.carousel-item{width:100%;}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
	#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
	.carousel-item{width:100%;}
}
@media only screen and (max-width: 480px){
	#wrapperbanner { width:100%;}
.carousel{width:100%;}
.carousel-inner{width:100%;}
	.carousel-item{width:100%;}
}






.carousel
.carousel-inner
#carouselExampleIndicators
.carousel-indicators