/* Custom CSS to adjust banner layout */
@media screen and (max-width: 1199px) {
    .banner-slide-wrapper {
        width: 990px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .banner-slide-wrapper {
        width: 1200px !important;
    }
}

@media screen and (min-width: 1500px) {
    .banner-slide-wrapper {
        width: 1500px !important;
    }
}

.banner-slide__item {
    width: 246px;
}