.carousel, .item, carousel.active {
height:100%;
}
.carousel-inner {
height:100%;
}

.carousel-caption {
z-index: 10;
}

.chevron{
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
  margin-left: -8px;
  font-size: .9em;
}



@media (max-width: 767px) {


	
}

@media(min-width:480px) and (max-width:767px){

.bg1{
min-height: 100%;
padding-bottom:60px;	
}

.bg2{
min-height: 100%;
padding-bottom:60px;	
}

.carousel, .item, carousel.active {
height:520px;
}
.carousel-inner {
height:520px;
}	
	
}


@media(max-width:480px){

.carousel{
height:600px;
}

.carousel-inner{
height:600px;
}

}