/* ==========================================================================
   Banner Widget - Basic Skin
   Namespace: .banner-skin-basic
   ========================================================================== */
.banner-skin-basic-container {
    width: 98%;
    padding: 25px 0;
    margin: 0 auto;
}
.banner-skin-basic {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    
}
.banner-skin-basic > ul {
}

.banner-skin-basic > ul > li {
    padding: 0 10px;
}

.banner-skin-basic .banner-inner {
    border-radius: 12px;
    overflow: hidden;
}

.banner-skin-basic .mo-image {
    display: none;
}

@media(max-width: 768px) {
    .banner-skin-container {
        width: 98%;
        padding: 15px 0;
        margin: 0 auto;
    }
    .banner-skin-basic {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }
    .banner-skin-basic > ul > li {
        padding: 0 5px;
    }
    .banner-skin-basic .banner-inner {
        border-radius: 12px;
        overflow: hidden;
    }
    .banner-skin-basic .pc-image {
        display: none;
    }
    .banner-skin-basic .mo-image {
        display: block;
    }
}

.banner-skin-basic .image-box {
    position: relative;
}

.banner-skin-basic .image-box img {
    width: 100%;
    height: auto;
}

.banner-skin-basic .swiper-button-prev,
.banner-skin-basic .swiper-button-next,
.banner-skin-basic .swiper-pagination {
    display: none;
}