/*
 * Theme override for Magestore banner slider.
 * The module default sets fixed mobile widths, which creates horizontal page scroll.
 */
.jquery-slider-wrapper img {
    width: 100%;
    height: 100%;
}

.jquery-slider-wrapper .jquery-slider-slide {
    height: 100%;
}

.magestore-bannerslider-standard img {
    cursor: pointer;
}

.magestore-bannerslide-flex-slider .flex-control-nav img {
    width: 300px;
    height: 150px;
}

.flexslider-carousel .slides img {
    height: 131px;
}

.magestore-bannerslider-standard {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .magestore-bannerslider-standard {
        width: auto;
    }
}

@media only screen and (max-width: 360px) {
    .magestore-bannerslider-standard {
        width: auto;
    }
}