

@media (max-width: 888px) {
    #sideMenu {
        z-index: 1201;
    }



    /* --- SIDEMENU :: STICKY PAGE MENU -------------------------------------------------------------------- */
    .stickyMenu {
    }

        .stickyMenu .header-mobile {
            padding-bottom: 51px; /* compensate for #toggle-sideMenu missing from the flow*/
        }

        .stickyMenu #grouped-navigation {
            position: fixed;
            top: 0;
            z-index: 888;
            width: 100%;
            border-top: 0;
        }

        .stickyMenu .menu #sideMenu.open {
            position: fixed;
            top: 50px;
            z-index: 999;
            width: 100%;
            height: 90%;
            height: -webkit-calc(100% - 50px);
            height: -moz-calc(100% - 50px);
            height: -o-calc(100% - 50px);
            overflow: auto;
            /*box-shadow: 0 2px 20px 0 rgba(0,0,0,0.8)*/
        }

            .stickyMenu .menu #sideMenu.open > .dropdown-menu {
                top: 0;
                padding-bottom: 10px;
            }

    /* --- SIDEMENU :: Toggle SideMenu (sticky) -------------------------------------------------------------------- */
    .menu-bg {
        background: none;
        min-height: initial !important;
    }

    .menu {
        width: auto;
        padding: 0px;
        float: none;
    }

    .mobile-menu {
        background-color: rgba(0,0,0,0.1);
        width: 100%;
        display: block;
        padding: 0 115px 0 0;
        line-height: 42px;
        /*text-transform: uppercase;*/
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        position: relative;
    }

        .mobile-menu #menuTitle {
            max-width: 90%;
            display: inline-block;
            vertical-align: middle;
            padding-left: 20px;
            padding-right: 5px;
        }

        .mobile-menu .caret {
        }



    .mobile-menu:hover, .mobile-menu:focus {
        color: #fff;
        text-decoration: none;
    }

    .mobile-menu[aria-expanded=true] .mobile-menu-button {
        /* Menu is open style */
        background-color: rgba(0,0,0,0.2);
    }
    /* Side menu open/closed icon */
    .mobile-menu .fa {
        font-size: 1em;
        margin-left: 5px;
    }

    .mobile-menu .fa-angle-up {
        display: none;
    }
    /* Navigation is closed hide up-icon */
    .mobile-menu[aria-expanded=true] .fa-angle-up {
        display: inline-block;
    }
    /* Navigation is open show up-icon */
    .mobile-menu[aria-expanded=true] .fa-angle-down {
        display: none;
    }
    /* Navigation is open hide down-icon */

    .menu .dropdown-menu {
        width: 100%;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.2);
        padding: 0px;
        background: #fff;
        margin: 0px;
    }

        .menu .dropdown-menu a {
            line-height: inherit;
            padding: 11px 20px;
            font-size:16px;
        }

            .menu .dropdown-menu a.current {
                background: #fff;
                font-weight: bold;
            }

        .menu .dropdown-menu .menu-group, .menu .dropdown-menu a, .submenu-group {
            border-color: #e2e2e2;
            margin: 0px;
        }

            .menu .dropdown-menu .menu-group a .icon-external-link {
                margin-top: 6px;
            }

        .menu .dropdown-menu .submenu-group {
            background: #fafafa;
        }

            .menu .dropdown-menu .submenu-group a {
                padding-left: 30px;
                font-size: 14px;
            }

        .menu .dropdown-menu .submenu2-group {
            background: #fafafa;
        }

            .menu .dropdown-menu .submenu2-group a {
                padding-left: 40px;
                font-size: 13px;
            }
}