.mobile_menu_button {
            -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
            -webkit-transition: transform 0.3s ease 0s;
                -ms-transition: transform 0.3s ease 0s;
                    transition: transform 0.3s ease 0s;
            opacity: 0.7;
            position: absolute;
            top: 40px;
            left: -5px;
        }

        .mobile_menu_button.open {
            -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
        }

.btn-search {
    font-size: 20px;
    background: #00A08B;
    float: right;
    margin-right: 10px;
}

#search-term {
    margin-top: 10px;
}

#desktop_menu {
    position: absolute;
    left: 0;
    top: 132px;
}

.nav_menu {
            position: relative;
            margin-left: 0;
            width: 190px;
            z-index: 2000;
        }

        .nav_menu > ul, .nav_menu > div > ul {
            margin-left: 20px;
            margin-bottom: 0;
            text-align: left;
            list-style-type: none;
        }

        .nav_menu > ul > li, .nav_menu > div > ul > li {
            font-size: small;
            margin: 0 15px;
        }

        .nav_menu li {
        }

        .nav_menu a {
        }

        .nav_menu > ul > li ul ,
        .nav_menu > div > ul > li ul {
            /*
            background: black;
            list-style:none;
            position:absolute; */
            /* left:-9999px; Hide off-screen when not needed (this is more accessible than display:none;) */
            padding-top: 6px;
        }

        .nav_menu > ul > li ul li ,
        .nav_menu > div > ul > li ul li {
            padding: 5px;
            float:none;
        }

        .nav_menu > ul > li ul a ,
        .nav_menu > div > ul > li ul a {
            padding: 5px 10px 5px 10px;
        }

        .nav_menu ul a {
            white-space:nowrap;
        }
        .nav_menu li:hover ul {
            left:0;
        }
        .nav_menu li {
            text-shadow: none;
        }
        .nav_menu li:hover {
            text-shadow: 0 0 8px #fff, 0 0 4px #99f;
            text-decoration: none;
        }
        .nav_menu li:hover ul a {
            text-decoration:none;
        }

        .nav_menu li:hover ul li a:hover {
        }

nav.mobile {
            backface-visibility: hidden;
            display: none;
            z-index: 1000;
            background: #eff;
            width: 100%;
            max-width: 400px;
            left: -100%;
            border-right: 1px solid #C1C1C1;
            position: fixed;
            left: 0;
            top: 40px;
            padding-bottom: 3.75em;
            padding-top: 28px;
        }

        nav.mobile.open {
            position: fixed !important;
            display: block !important;
            left: 0px;
        }

        nav.mobile > div {
            position: absolute;
            height: 100%;
            overflow-y: scroll;
            background: url('/bundles/lisafanclub/images/LisaSugata.png') no-repeat top center;
            background-size: contain;
        }

        nav.mobile a {
            color: black;
        }

        nav.nav_menu.mobile li:hover,
        nav.nav_menu.mobile li:hover a,
        nav.nav_menu.mobile a:hover {
            color: #444444;
            text-shadow: none;
        }

        nav.mobile a:hover {
            text-shadow: none;
        }

        nav.mobile > div > ul {
            margin-left: 0;
            width: 90%;
            margin-bottom: 60px;
        }

        nav.mobile > div > ul > li:last-child {
            padding-bottom: 80px;
        }

        nav.mobile > div > ul > li {
            float: left;
            display: block;
            width: 100%;
            margin-left: 0;
            padding-left: 20px;
            background: rgba(255, 255, 255, 0.1);
        }

        nav.nav_menu.mobile > div > ul > li > ul {
            left: 20px;
            position: relative;
            background: rgba(255, 255, 255, 0.1);
            padding-top: 0;
        }

        nav.nav_menu.mobile > div > ul > li > ul li ul {
            left: 40px;
            position: relative;
            background: rgba(255, 255, 255, 0.1);
            padding-top: 0;
        }

        nav.mobile > div > ul > li > a {
            text-decoration: none;
            text-transform: uppercase;
            width: 100%;
            padding: 0px 0.8m;
            line-height: 3.25em;
        }

        nav.mobile .searchblock.closed {
            opacity: 1;
            overflow: visible !important;
            visibility: visible !important;
        }

        nav.mobile .log-in {
            padding-right: 10px;
            border-right: 2px solid #444;
            color: #00A08B;
        }

        nav.mobile .sign-up {
            padding-left: 10px;
        }

nav.mobile.ng-hide-add {
    -webkit-animation: slideOutLeft 0.4s; /* Safari and Chrome */
       -moz-animation: slideOutLeft 0.4s; /* Firefox */
        -ms-animation: slideOutLeft 0.4s; /* Internet Explorer */
         -o-animation: slideOutLeft 0.4s; /* Opera */
            animation: slideOutLeft 0.4s;
}

nav.mobile.ng-hide-remove {
    -webkit-animation: slideInLeft 0.4s; /* Safari and Chrome */
       -moz-animation: slideInLeft 0.4s; /* Firefox */
        -ms-animation: slideInLeft 0.4s; /* Internet Explorer */
         -o-animation: slideInLeft 0.4s; /* Opera */
            animation: slideInLeft 0.4s;
}

@media (max-width: 1024px) {
    nav.mobile {
        top: 86px;
    }
}

@media (max-width: 401px) {
    nav.mobile {
        top: 40px;
    }
}