@media all and (max-width: 960px) {
    html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
        float: left;
        left: 205px;
    }

    html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
    html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
        float: right;
        right: 205px;
    }
}

@media all and (max-width: 900px) {
    .sidebarOpen .hiddenLargeView {
        display: none;
    }

    .sidebarOpen .visibleLargeView {
        display: inherit;
    }
}

@media all and (max-width: 860px) {
    .sidebarOpen .hiddenMediumView {
        display: none;
    }

    .sidebarOpen .visibleMediumView {
        display: inherit;
    }
}

@media all and (max-width: 770px) {
    html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
        left: 0px;
    }

    html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
        right: 0px;
    }

    .sidebarOpen .hiddenSmallViewSidebarOpen {
        display: none;
    }
}