.banner-promotions-container .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin: 0 auto;
}

/* LOADER */
.banner-promotions-container .bx-wrapper .bx-loading {
    background: url('../img/bx-loader.gif') center center no-repeat #ffffff;
}

.banner-promotions-container .bx-wrapper .bx-controls-direction a {
    top: calc(50% - 42px);
    margin-top: 0;
}

.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a {
    width: 16px;
    height: 7px;
    max-width: 16px;
    max-height: 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.banner-promotions-container .bx-wrapper .bx-prev {
    left: 0px;
    width: 42px;
    height: 68px;
    display: block;
    background: url('../img/bx-nav-left.png') no-repeat left center;
    z-index: 100;
}

.banner-promotions-container .bx-wrapper .bx-next {
    right: 0px;
    width: 42px;
    height: 68px;
    display: block;
    background: url('../img/bx-nav-right.png') no-repeat right center;
    z-index: 100;
}

.banner-promotions-container .bx-wrapper .bx-pager {
    position: unset;
    bottom: unset;
    padding-top: 10px;
}

.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a,
.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a:link
.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a:visited {
    background: #e7e7e7;
}

.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a.active,
.banner-promotions-container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ed1c24;
}

/* for MEDIUM, LARGE */
@media all and (min-width: 768px) and (max-width: 1199px) {
    .banner-promotions-container .bx-wrapper .bx-controls-direction a {
        top: calc(50% - 30px);
    }

    .banner-promotions-container .bx-wrapper .bx-prev {
        width: 30px;
        background-position: left -7px top 0px;
    }

    .banner-promotions-container .bx-wrapper .bx-next {
        width: 30px;
        background-position: right -7px top 0px;
    }
}

/* for EXTRA SMALL, SMALL */
@media all and (max-width: 767px) {
    .banner-promotions-container .bx-wrapper .bx-controls-direction {
        display: none;
    }
}