#topNav {display:none}
#hamburger{float:left;margin-left:10px}
#subCategoryList ul{border:1px solid #0b3c5d}
/*above from CSS-Mobile-5 */

.ham-menu-hold  {height: 44px; margin:0; padding:0}
@media (max-width:539px) {.menu-label-1 {display:none}}
@media (min-width:540px) {.menu-label-1 {display:inline-block}}

#topNav {box-shadow:0 17px 40px 0 rgba(0,0,0,0.28)}
.mm-list>li:nth-child( 6n+1):hover { background: White; }
.mm-list>li:nth-child( 6n+1) { background: GhostWhite; }
.mm-list>li:nth-child( 6n+2 ):hover { background: WhiteSmoke; }
.mm-list>li:nth-child( 6n+2 ) { background: LightGray; }
.mm-list>li:nth-child( 6n+3):hover { background: White; }
.mm-list>li:nth-child( 6n+3) { background: GhostWhite; }
.mm-list>li:nth-child( 6n+4 ):hover { background: WhiteSmoke; }
.mm-list>li:nth-child( 6n+4 ) { background: MediumAquaMarine; }
.mm-list>li:nth-child( 6n+5):hover { background: White; }
.mm-list>li:nth-child( 6n+5) { background: GhostWhite; }
.mm-list>li:nth-child( 6n+6):hover { background: WhiteSmoke; }
.mm-list>li:nth-child( 6n+6) { background: MediumTurquoise; }
 /*above from  my customization*/

/*below from CSS-mmenu-2 and a few color changes*/		
.mm-opening #topNav,#topNav.mm-opened{display:block}
.mm-menu.mm-horizontal>.mm-panel{transition:transform .4s ease}
.mm-menu .mm-hidden{display:none}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu,.mm-menu>.mm-panel{width:100%;height:100%;position:absolute;left:0; top:0;z-index:0}
.mm-menu{background:inherit;display:block;overflow:hidden;padding:0}
.mm-menu>.mm-panel{background:inherit;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:20px;transform:translate(100%,0)}

.mm-menu>.mm-panel.mm-opened{transform:translate(0%,0)}
.mm-menu>.mm-panel.mm-subopened{transform:translate(-30%,0)}

.mm-menu>.mm-panel.mm-highest{z-index:1}
.mm-menu .mm-list {padding:0 0 20px 0}
.mm-menu>.mm-list {padding-bottom:0}
.mm-menu>.mm-list:after {content:'';display:block;height:40px}
.mm-panel>.mm-list {margin-left:-20px;margin-right:-20px}
.mm-panel>.mm-list:first-child {padding-top:0}

.mm-list,.mm-list>li {list-style:none;display:block;padding:0;margin:0}
.mm-list {font-size:15px}
.mm-list a{ text-decoration:none; font-weight: bold; font-size: 15px; transition: padding 0.5s ease}
mm-list a:hover{ text-decoration:none; font-weight:bold; padding-left: 40px}
.mm-list>li{position:relative}
.mm-list>li>a,.mm-list>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;width:100%;position:absolute;bottom:0;left:0}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width:auto;margin-left:0;position:relative;left:auto}

.mm-list a.mm-subopen{background:rgba(3,2,1,0);width:40px;height:100%;padding:0;position:absolute;right:0;top:0;z-index:2}

.mm-list a.mm-subopen:before{content:'';border-left-width:1px;border-left-style:solid;display:block;height:100%;position:absolute;left:0;top:0}

.mm-list a.mm-subopen.mm-fullsubopen{width:100%}
.mm-list a.mm-subopen.mm-fullsubopen:before{border-left:none}
.mm-list a.mm-subopen+a,.mm-list a.mm-subopen+span{padding-right:5px;margin-right:40px}
.mm-list>li.mm-selected>a.mm-subopen{background:transparent}
.mm-list>li.mm-selected>a.mm-fullsubopen+a,.mm-list>li.mm-selected>a.mm-fullsubopen+span{padding-right:45px;margin-right:0}
.mm-list a.mm-subclose{text-indent:20px;padding-top:30px;margin-top:-20px}
.mm-list>li.mm-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px;padding-right:5px}
.mm-list>li.mm-spacer{padding-top:40px}
.mm-list>li.mm-spacer.mm-label{padding-top:25px}
.mm-list a.mm-subopen:after,.mm-list a.mm-subclose:before{content:'';border:2px solid transparent;display:inline-block;width:7px;height:7px;transform:rotate(-45deg);margin-bottom:-5px;position:absolute;bottom:50%}
.mm-list a.mm-subopen:after{border-top:0;border-left:none;right:18px}
.mm-list a.mm-subclose:before{border-right:0;border-bottom:0;margin-bottom:-15px;left:22px}
.mm-menu.mm-vertical .mm-list .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color:transparent}
.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel{display:block}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen{height:40px}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after{top:16px;bottom:auto}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after{transform:rotate(45deg)}
.mm-menu.mm-vertical .mm-list>li.mm-label>a.mm-subopen{height:25px}
html.mm-opened .mm-page{box-shadow:0 0 20px rgba(0,0,0,0.5)}
.mm-menu{background:#fff;color:rgba(255,255,255,0.6)}

.mm-menu .mm-list>li:after{border-color:rgba(0,0,0,0.15)}

.XXXX-background to go back on top menu when open sub-mm-menu .mm-list>li>a.mm-subclose{background:#404040;color:White}
.mm-menu .mm-list>li>a.mm-subclose{background:#fff; color:Black}

.XXXX-arrow on top to go back when open sub-mm-menu .mm-list>li>a.mm-subclose:before{border-color:rgba(255,255,255,0.3)}
.mm-menu .mm-list>li>a.mm-subclose:before{border-color:rgba(0,0,0,0.9)}

.XXXX-color of arrow selecter-mm-menu .mm-list>li>a.mm-subopen:after{border-color:rgba(0,0,0,0.3)}
.mm-menu .mm-list>li>a.mm-subopen:after{border-color:rgba(0,0,0,0.9)}

.mm-menu .mm-list>li>a.mm-subopen:before{border-color:rgba(0,0,0,0.15)}
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu .mm-list>li.mm-selected>span{background:rgba(0,0,0,0.1)}

.mm-menu .mm-list>li.mm-label{background:rgba(255,255,255,0.05)}
.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,.mm-menu.mm-vertical .mm-list li.mm-opened>ul{background:rgba(255,255,255,0.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{transition:transform .4s ease}
html.mm-opened{overflow:hidden;position:relative}
html.mm-opened body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed; top:0; z-index:999999}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:999999}
html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{display:none;position:fixed}
.mm-menu.mm-current{display:block}
.mm-menu{width:80%;min-width:140px;max-width:440px}

/*Added from css-mmenu-all*/
.mm-menu.mm-offcanvas.mm-opened {
    display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
    z-index: 10
}

.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}
.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto
}

/*Positioning Extension*/
.mm-menu.mm-offcanvas.mm-right{left:auto}
html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{;transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{
transform:translate(-140px,0);transform:translate3d(-140px,0,0)}}

@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{transform:translate(-440px,0);transform:translate3d(-440px,0,0)}}

html.mm-front .mm-slideout{
transform:none!important;
z-index:0;}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu.mm-offcanvas{z-index:2}
.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{
transition:transform .4s ease;
transform:translate(-100%,0);
transform:translate3d(-100%,0,0)}

.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{
transform:translate(100%,0);
transform:translate3d(100%,0,0)}

.mm-menu.mm-offcanvas.mm-top{
transform:translate(0,-100%);
transform:translate3d(0,-100%,0)}

.mm-menu.mm-offcanvas.mm-bottom{
transform:translate(0,100%);
transform:translate3d(0,100%,0)}

.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}

.mm-menu.mm-offcanvas.mm-bottom{top:auto}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{
transform:translate(0,0);
transform:translate3d(0,0,0)}

.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px}