.menu ul, .menu ul li, .menu ul ul { list-style: none; margin: 0; padding: 0; }

.menu ul { position: relative; z-index: 597; float: left; }

.menu ul li { float: left; line-height: 1.8em; vertical-align: middle; zoom: 1; clear: none;}

.menu ul li.hover, .menu ul li:hover { position: relative; z-index: 599; cursor: default; }

.menu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}

.menu ul ul li { float: none;}

.menu ul ul ul { top: 0px; left: 99%; }

.menu ul li:hover > ul { visibility: visible; }



/* Default CSS Drop-Down Menu Theme*/

.menu ul li a { line-height: normal; padding: 18px 25px; display:block; border-left: 1px solid rgba(255,255,255,.15); font-size: 16px; color: #fff; font-weight: 500; letter-spacing: 1px; opacity: .7; }

.menu ul li a:hover { opacity: 1; }

.menu ul li a:link, .menu ul li a:visited	{  text-decoration: none; }

.menu ul li.current_page_item a { opacity: 1; }

	

/* -- level mark -- */

.menu ul ul { width: 220px; background: #004272; }

.menu ul ul li ul li ul { margin-left:2px; }

.menu ul ul li a { border-top: 1px solid rgba(255,255,255,.08); padding: 15px 20px; }

.menu ul ul li:first-child a { border-top: none; }



.header .menu { margin-top: 0; }

.header .menu h3 { display:none; }

.header .widget .menu { border: none; margin-top: 0; }

.header .widget { background:none; margin-bottom: 0; }



@media screen and (max-width:1280px ) {

    .menu .icon {

        display: inline-block;

        height: auto;

        padding: 25px 0;

        position: relative;

        width: 100%;

    }

    .menu .icon:after {

        color: #fff;

        content: "Menu";

        font-size: 16px;

        font-weight: bold;

        left: 0;

        position: absolute;

        top: 16px;

    }

    .menu .icon a {

        color: #fff;

        font-size: 24px !important;

        position: absolute;

        right: 0;

        top: 9px;

    }

    .hide{

      display: none;

    }

    .menu ul{ display: none; width:100%; border-top: 1px solid rgba(255,255,255,.08); }

    .menu ul li{ clear: both; width:100%; float: none; background: none !important; }

    .menu ul li a { background: none; border-left: none; padding: 10px 0 !important; }

    .menu ul li a:hover { background: none; }

    .menu ul li.current_page_item a { background: none; }

    .menu ul ul { display: block; position: static !important; visibility: visible !important; background: none; border:none; width:100% !important; padding-left: 25px; }

    .menu ul li ul li { position: relative; padding-left: 15px; }

    .menu ul li ul li::before { position: absolute; top: 7px; left: 0; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

}