.content-wrapper-in {
    padding-top: 12px;
}

@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;
}

@media (min-width: 768px) and (max-width: 991px){
    .next-to-carousel-banners {
        padding-left: 17px;
    }
}