@media (max-width: 767px) {
        .mainnavi .top-menu {
                display: none;
        }
        .mainnavi .top-menu-title {
                text-transform: uppercase;
                color: #fff;
                display: block;
                padding: 6px 20px;
                position: relative;
                border-radius: 10px;
                                position: absolute; top: 10px; right: 0;

        }
        #header .mainnavi ul li {
                float: none;
                position: relative;
        }
        #header .mainnavi .mod_navigation ul {
                margin: 0;
        }
        .mainnavi .level_1 {
                text-align: left;
        }
        .mainnavi .top-menu > li div.menu-mobile-grover {
                position: absolute;
                top: 5px;
                right: 0px;
                width: 70px;
                height: 30px;
                z-index: 2;
                padding: 0;
                padding: 5px;
                text-align:center;
        }
        .mainnavi .top-menu > li div.menu-mobile-grover:after {
                font-family: "FontAwesome";
                color: #fff;
                content: "\f067";
                font-size: 16px;
                text-shadow:0 0 5px #000;
        }
        .mainnavi .top-menu > li div.menu-mobile-grover.active:after {
                content: "\f068";
        }
        #header .mainnavi ul.level_2,
        #header .mainnavi ul.level_3,
        #header .mainnavi ul.level_4 {
                display: none;
        }
        #header .mainnavi ul.level_2 {
                width: 100%;
                position: relative;
                visibility: visible;
                opacity: 1;
                z-index: 999;
                -moz-box-shadow: 0 0 5px #333;
                -webkit-box-shadow: 0 0 5px #333;
                box-shadow: 0 0 5px #333;
        }

        .mainnavi .top-menu-title:after {
                display: block;
                font-family: "FontAwesome";
                content: "\f0c9 ";
                position: absolute;
                right: 0px;
                top: 20px;
                font-size: 25px;
                text-align: center;
                width:70px;
        }

        .mainnavi { position: initial; }

        .mainnavi .top-menu-title.active:after { /*                 content: "\f068"; */        }
        #header .mainnavi ul.level_2 {
                -moz-transition: none;
                -webkit-transition: none;
                transition: none;
        }

        #header .mod_navigation ul { clear: both; }
        .topsearch  { display: none; }

        li.submenu ul.level_3 { margin:initial!important; width:auto; z-index:auto; position: initial; }
        .fixedTop .mainnavi .level_1 a, .fixedTop .mainnavi .level_1 span { margin-top: 0; }
        #header .mainnavi ul li { margin: 0 0 0 20px; }
        .logo img { margin:initial; }

        .topsearch { display: none; }

        .top-menu { background: rgba(0, 0, 0, .4); padding-top: 15px !important; padding-bottom: 15px !important; }
        #header .mod_navigation.mainnavi .top-menu { overflow-y: auto!important; max-height: 350px; }

        #header .mod_navigation.mainnavi .top-menu {
         background: rgba(0,0,0,0.9);
}

.mainnavi .top-menu > li div.menu-mobile-grover::after {
  cursor: pointer;
}

.mainnavi .top-menu-title:after {
  cursor: pointer;
}


}