#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


body{
   overflow-x: hidden;
}
.slider{
  margin: 0!important;
  max-width: 500px;
  width: 100%;
}
.flexslider .slides img {
    max-height: auto; /*maximum height for all slides*/
    width: auto; /*proper aspect ratio of images*/
    max-width: 100%; /*maximum width for all slides*/
    margin: 0 auto; /*centering images in the container*/
}
.flexslider {
   margin: 0 !important;
}