.main-container {
  padding: 40px 15px;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel-control .glyphicon-chevron-right {
    right: 30%;
}
.carousel-control .glyphicon-chevron-left {
    left: 30%;
}

.carousel .item {
	height: 100%;
	width:100%;
}
.carousel .item img {
	width: 100%;
}
.carousel-inner {
	position: relative;
}
.carousel-caption {
	position: absolute;
	top: 40%;
	right: 5%;
	left: auto;
	width: 30%;
	margin: 0;
	padding: 0;
	display: inline-block;
}

/* Animation h2 fastSpeedIn */
.carousel-caption h2 {
	text-align: left;
	font-size: 30px;
	line-height: 35px;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 2px #000000;
	-webkit-animation-duration: .5s;
    animation-duration: .5s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.fastSpeedIn {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both; /* lightSpeedIn refer to "animation.min.css" */
	animation: lightSpeedIn 1s ease-in 200ms both;
}

/* carousel-indicators */
.carousel-indicators li {
	border: 2px solid #fff;
	width: 13px;
	height: 13px;
}
.carousel-indicators li.active {
	width: 15px;
	height: 15px;
	background: #11CF1E;
}

/* RWD */
@media screen and (max-width:700px){
.carousel-caption {
	right: 8.5%;
	width: 80%;
}
.carousel-caption h2 {
	text-align: left;
	font-size: 32px;
	line-height: 37px;
}
}

@media screen and (max-width:480px){
.carousel .item { /* img with a fix height and center it on small screen */
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.carousel .item img { /* img with a fix height and center it on small screen */
	width: auto;
	max-width: none;
	height: 300px; /* img with a fix height */
    position: relative;
    left: 50%;
    transform: translate(-50%,0)
}
}