/*  Code By Webdevtrick ( https://webdevtrick.com )  */
.demo {
    width:400px; /*tamaño imagen*/
    margin: 0  auto;
    height: 520px;
    margin-bottom: 120px;
}
#lightSlider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
  
}
.demo li {
    display: block;
    float: left;
    cursor:pointer;
    
}
.demo img {
    display: block;
    height: auto;
    width: 400px; /*tamaño imagen*/
    height:520px;

}

.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.5;
    
}

.lSSlideOuter .lSPager.lSGallery li.active {
    opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li{
     
}

.lSSlideOuter .lSPager.lSGallery li.active:hover, .lSSlideOuter .lSPager.lSGallery li:hover {
 
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 100px;/*tamaño thums*/
    max-width: 100%;
}

@media screen and (max-width: 600px) {
.demo {
margin: 0  auto;
width: 95%;
height: auto;
}
}