.specials-slider {
    text-align: center;
}
.specials-slider .carousel .wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.specials-slider .carousel .carousel-group {
    display: flex;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.specials-slider .carousel.transition .carousel-group {
    transition: 0.7s;
}
@media only screen and (max-width: 1024px) {
    .specials-slider
        .carousel[data-direction-mobile="horizontal"]
        .carousel-group {
        flex-direction: row;
        width: 10000px;
    }
    .specials-slider
        .carousel[data-direction-mobile="vertical"]
        .carousel-group {
        flex-direction: column;
        height: 10000px;
    }
}
@media only screen and (min-width: 1025px) {
    .specials-slider
        .carousel[data-direction-desktop="horizontal"]
        .carousel-group {
        flex-direction: row;
        width: 10000px;
    }
    .specials-slider
        .carousel[data-direction-desktop="vertical"]
        .carousel-group {
        flex-direction: column;
        height: 10000px;
    }
}
.specials-slider .carousel .carousel-item {
    margin-right: 12px;
    position: relative;
}
@media only screen and (max-width: 1024px) {
    .specials-slider .carousel .carousel-item {
        width: 300px;
    }
}
@media only screen and (max-width: 1024px) {
    .specials-slider .carousel .carousel-item img.special__image {
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    .specials-slider .carousel .carousel-item {
        margin-bottom: 12px;
        margin-right: 0;
    }
    .specials-slider .carousel .carousel-item img.special__image-mobile {
        display: none;
    }
}