@media screen and (min-width: 100px) and (max-width: 999px) {
    /*.sliderwithbutton {
        margin-top: 12px;
    }*/
}

@media screen and (min-width: 1000px) {
    /*.sliderwithbutton {
        margin-top: 12px;
    }*/
}

#banner-wrapper {
    /*max-width: 1360px;*/
    max-width: 1920px;
    margin: 0 auto;
}

.slider {
    width: 100%;
}

.slider1 img {
    /*min-width: 98%;*/
    min-width: 100%;
    margin: 0 auto;
}

.slider .bx-wrapper .bx-controls-direction a {
    outline: 0 none;
    position: absolute;
    text-indent: -999999px;
    /*top: 40%;*/
    top: 50%;
    height: 71px;
    width: 40px;
    z-index: -1;
    transition: all 0.7s;
}

.slider .bx-wrapper:hover .bx-controls-direction a {
    z-index: 5;
}

.slider .bx-wrapper .bx-prev {
    background: #000 url("images/menu/left-arrow-white.png") no-repeat 8px 13px;
    left: 0px;
    opacity: 0.3;
}

.slider .bx-wrapper .bx-prev:hover {
    opacity: 0.6;
}

.slider .bx-wrapper .bx-next {
    background: #000 url("images/menu/right-arrow-white.png") no-repeat 10px 12px;
    right: 0px;
    opacity: 0.3;
}

.slider .bx-wrapper .bx-next:hover {
    opacity: 0.6;
}

.clearfix {
    clear: both;
}