.bb-container {
    margin: 0;
    min-width: 800px;
}

.bb-page-content {
    margin: 0;
    min-width: 800px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.bb-wrapper.toggled .bb-sidebar-wrapper {
    left: 0;
}

.bb-wrapper.toggled .bb-page-content {
    margin: 0 0 0 299px;
    border-left: 1px solid #ddd;
}

.bb-menu-toggle {
    border: none;
    background: none;
    line-height: 1;
    padding: 0;
    font-size: 0;
    height: 20px;
}

.bb-menu-toggle span {
    width: 1px;
    height: 20px;
    display: inline-block;
    background: #ddd;
    margin: 0 1px;
}

@media(min-width:1100px) {
    .bb-wrapper {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
    }
    .bb-container {
        display: table-row;
        overflow: hidden;
    }
    .bb-sidebar-wrapper {
        display: table-cell;
        vertical-align: top;
        position: static;
        padding: 100px 0 40px 0;
    }
    body.scrolled .bb-sidebar {
        overflow-y: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 299px;
        z-index:100;
        background-color: white;
        padding: 0 0 40px 0;
    }
    /*    .bb-sidebar {
            position: fixed;
            padding: 100px 0 40px 0;
            z-index: 1000;
            background-color: #FFF;
            overflow-y: auto;
            border-right: 1px solid #ddd;
        }*/
    body.scrolled .bb-sidebar-wrapper {
        //border-right: none;
    }
    .bb-page-content {
        display: table-cell;
/*        vertical-align: top;
        position: static;
        padding: 100px 0 40px;
        height: 840px;*/
    }
/*    .bb-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .bb-footer {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
    }*/
}