@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: 7px; right: 12px;

        }
        #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;

                cursor: pointer;
        }
        .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;
                font-size: 25px;
                text-align: center;
                width:70px;
                z-index: 1;
                border-radius: 6px 0 0 6px;
                cursor: pointer;
                border-radius: 0;
                    color: #e7a72d;
    border: 1px solid #ca7d17;
    width: 42px;
    text-align: center;
    height: 32px;
        }

        .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: ; }
        .logo img { margin:initial; }

        .topsearch { display: none; }
        .mainnavi { max-height: 350px; overflow: auto; }

}