/* 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);
    top:0em;
    }

#middle-wrapper.fixed #navigation2 {
    padding: 1em 0px;
    text-align: left;
    float: left;
    width: 100%;
}




#middle-wrapper.fixed #navigation2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(245,245,245,.3);
    z-index:1002;
}

#middle-wrapper.fixed #navigation2::-webkit-scrollbar-thumb {
  background-color: #333;
  -webkit-box-shadow: inset 0 0 10px rgba(245,245,245,.3);
  border-radius:10px;
  outline: 0px solid cyan;
}

#middle-wrapper.fixed #navigation2::-webkit-scrollbar {
    width: 1em;
}

.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:768px) {


#middle-wrapper.fixed #navigation2 {
	max-height:22em;
	overflow:auto;
}

}

@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;
    }*/

}