/* middle wrapper styles */

#middle-wrapper {
    top: 8.5em;
    position:relative;
    width:100%;
    border-bottom:1em solid #999;
    background-color:#000;
    z-index:1001;
    }

#middle-wrapper.fixed {
    position:fixed;
    z-index:1001;
    background-color:rgba(0,0,0,.85);
    }

.toolbar-fixed.toolbar-horizontal #middle-wrapper.fixed,
.toolbar-fixed.toolbar-vertical #middle-wrapper.fixed {
    position:fixed;
    top: 2.25em;    }

.toolbar-fixed.toolbar-horizontal.toolbar-tray-open #middle-wrapper.fixed {
    position:fixed;
    top: 4.75em;    }


@media screen and (max-width:28em) {
/*
#middle-wrapper.fixed {
    top:7.25em;
    }*/
/*
 #middle-wrapper {
    top:7.5em;
    }*/



}

@media screen and (max-width:28em) {

 #middle-wrapper {
    top:7.5em;
    }

}

@media screen and (max-width:22em) {


/*
#middle-wrapper.fixed {
    top:6.25em;
    }*/

#middle-wrapper {
    top:6.5em;
    }

}