/********************************************************
			Mobile Slider  Styles
********************************************************/
.carousel-wrapper .slides img {
    width: 100%;
    height: auto;
}

#banner-mobile #mbxslider {
    max-height: 390px;
    overflow: hidden;
    width: 1000%;
}

#banner-mobile #mbxslider li {
    float: left;
}

@media ( max-width: 820px ) {

    .carousel-wrapper {
        height: auto;
    }

    .carousel-wrapper .slide {
        width: 100vw;
    }

}

@media ( max-width: 460px ) {
    #banner {
        display: none !important;
    }

    #banner-mobile {
        display: block;
    }
    #banner-mobile > ul {
        margin:0;
    }

    #banner-mobile img {
        width: 100%;
    }

    .carousel-wrapper {
        display: none;
    }
}