#sliderWrap {
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
    position: relative
}

#slider {
    position: absolute;
    width: 100%;
    margin-top: -300px
}

#slider img {
    border: 0
}

#sliderContent {
    float: left;
    width: 100%;
    height: 270px;
    color: #b9b9b9;
    font-size: 13px;
    padding: 25px 0;
    background-color: #131313;
    -ms-filter: "alpha(opacity=90)";
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

#openCloseWrap {
    float: right;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    font-size: 1px;
    color: #fff
}

@media only screen and (min-width:1000px) and (max-width:1169px) {
    #slider {
        margin-top: -320px
    }

    #sliderContent {
        height: 270px
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    #slider {
        margin-top: -410px
    }

    #sliderContent {
        height: 360px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #slider {
        margin-top: -950px
    }

    #sliderContent {
        height: 900px
    }
}

@media only screen and (max-width:479px) {
    #slider {
        margin-top: -950px
    }

    #sliderContent {
        height: 900px
    }
}