.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: #4d4949;
}

.bx-wrapper .bx-loading {
    z-index: unset;
}

.bx-wrapper .bx-pager {
    bottom: 20px;
    padding-top: unset;
    z-index: 50;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff;
}

.bx-wrapper .bx-prev {
    background-size: contain;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background: url('images/arrow_left_tab@2x.png');
    background-size: contain;
}

.bx-wrapper .bx-next {
    background-size: contain;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background: url('images/arrow_right_tab@2x.png');
    background-size: contain;
}

.bx-wrapper .bx-controls-direction a {
    z-index: unset;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .bx-pager.bx-default-pager {
        display: none;
    }
}

@media screen and (min-width: 767.01px), not screen {
    .bx-next,
    .bx-prev {
        display: none;
    }
}