@media (min-width: 768px) {
    .banners-row .banner-wrapper+.banner-wrapper {
        margin-top: 24px;
    }
}

.banner-wrapper+.banner-wrapper {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .next-to-carousel-banners {
        margin-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .banners-row .col-sm-4 {
        width: 34%;
        padding-left: 23px;
    }

    .banners-row .col-sm-8 {
        width: 66%;
    }
}

@media (min-width: 768px) {
    .banners-row .col-sm-4 {
        padding-right: 0;
        margin-right: 0;
    }

    .banners-row .col-sm-8 {
        padding-left: 0;
        padding-right: 0;
    }
}

.img-responsive,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}


@media (min-width: 768px) {
    .banners-row .banner-wrapper a {
        max-width: 100%;
        width: 100%;
    }
}

.banner,
.banner-wrapper {
    position: relative;
}

.banners-row .banner-wrapper a img {
    width: 100%;
}

.carousel-control.left {
    left: 0px;
}

.carousel-control.left::before {
    border-left: 0px;
}

.carousel-control.right {
    right: 0px;
}

.carousel-control.right::before {
    border-right: 0px;
}

.carousel-control::before {
    border-radius: 0px;
}

.row.banners-row {
    margin-top: 20px;
}