.row > div > .group > .margin > .padding > .article.widget-basic-slider[data-sliderType='1'] {
    margin-left: 50%;
    min-width: 100vw;
    transform: translateX(-50%);
    position: relative;
}

.row > div > .group > .margin > .padding > .article.widget-basic-slider[data-sliderType='1'] > .margin > .padding {
    padding: 15px 0;
}

.row > div > .group > .margin > .padding > .article.widget-basic-slider > .margin > .padding > .scroller-holder > .scroller-viewport > .banner-navigator > .thumb > .holder {
    width: 100%;
    height: 100%;
}

.row > div > .group > .margin > .padding > .article.widget-basic-slider > .margin > .padding > .scroller-holder > .scroller-viewport > .banner-navigator > .thumb > .holder > .photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row > div > .group > .margin > .padding > .article > .margin > .padding > .scroller-holder > .scroller-viewport > .banner-navigator > .thumb {
    background-color: transparent;
}

.row.middle-width > div > .group > .margin > .padding > .article.widget-basic-slider[data-slidertype='0'] > .margin > .padding {
    padding-top: 0;
}

.row.middle-width > div > .group > .margin > .padding > .article.widget-basic-slider[data-slidertype='0'] > .margin > .padding > .scroller-holder {
    margin-top: 0;
    min-width: calc(100% + ((100vw - 100%) / 2));
}

/* A */
@media (max-width: 1024px) {
}

/* B */
@media (max-width: 991px) {
}

/* C */
@media (max-width: 767px) {
    .row.middle-width > div > .group > .margin > .padding > .article.widget-basic-slider[data-slidertype='0'] > .margin > .padding > .scroller-holder {
        min-width: 100%;
    }

    .row > div > .group > .margin > .padding > .article > .margin > .padding > .scroller-holder > .scroller-viewport > .banner-navigator > .thumb > .holder:before {
        inset: 65% 0px 0px 0px;
    }
}

/* D */
@media (max-width: 479px) {
}