#mobile-menu{}
.dnnform{position:relative;}
#hamburger{display:none;z-index:20;position:absolute;top:13px;right:65px;outline:none;-moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
#Body #hamburger.dnnEditable{top:54px;}
#hamburger:before,
#hamburger:after,
#hamburger span{background: #333;content:'';display: block;width: 30px;height: 5px;position: absolute;left: 20px;}
#hamburger:before{top: 10px;}
#hamburger span{top: 20px;}
#hamburger:after{top: 30px;}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    -moz-transition: none 0.5s ease 0.5s;
    -o-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening nav#mobile-menu{display:block!important;z-index:20;}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
html.mm-opening #hamburger:after {
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -o-transform: rotate( -45deg );
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
}
.mm-list{font-size:17px!important;}


@media only screen and (max-width: 767px) 
{
    #hamburger{display:block;}
}