.carousel {
	margin:1em;
  width:100%;
}
.carousel-indicators {
	top: 310px;
  z-index:1 !important;
}

.carousel-inner{
 height:350px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
  border-radius:50px;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: orange;
}
.carousel-indicators li.active {
  background: orange;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.carousel-control-next{
right:-3.5em;
} 
.carousel-control-prev{
left:-3.5em;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .carousel-title {
    font-size: 18px;
    margin-top: 20px; } 

	.carousel-control-next{
		right:-1.5em;
		} 
		.carousel-control-prev{
		left:-1.5em;
		}
}

/*# sourceMappingURL=main.css.map */
.mobile-logo{
  text-align:center;
}
.mobile-logo img{
  margin:0 auto;
}

@media only screen and (max-width: 768px) {
  .carousel-inner{
    height:180px !important;

}

   
    }

@media only screen and (max-width: 425px) {
  .carousel-inner{
    height:200px !important;

}

   
    }