<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#menu &gt; span{display:none;}
#menu {  padding:0px 5px; }
#menu ul { list-style: none; margin: 0; padding: 0;}
#menu &gt; ul &gt; li { position: relative; float: left; z-index:1010; padding:0px 20px 0px 0px;  }
#menu &gt; ul &gt; li &gt; a { font-size:16px; color: #fff; line-height:64px; text-decoration: none; display: block; padding:0px 5px 0px 5px; z-index: 1009; position: relative; cursor:pointer; }
#menu &gt; ul &gt; li:hover &gt; a {color:#fff; background:#558EAA; }
#menu &gt; ul &gt; li &gt; div { display: none; background:#558EAA; position: absolute; z-index:1008; padding: 20px; border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px;}
#menu &gt; ul &gt; li:hover &gt; div { display: table; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); }
#menu &gt; ul &gt; li &gt; div &gt; ul { display: table-cell;}
#menu &gt; ul &gt; li ul + ul { padding-left: 20px; }
#menu &gt; ul &gt; li ul &gt; li &gt; a {background:url(../../template/img/icons/bullet-1.png) -10px center no-repeat; text-decoration: none; font-size:15px; padding:4px; display: block; white-space: nowrap; min-width: 120px; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s}
#menu &gt; ul &gt; li ul &gt; li &gt; a:hover {background:url(../../template/img/icons/bullet-1.png) right center no-repeat; -moz-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
#menu &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a { color:#fff; }


@media only screen and (min-width:1025px) {
#menu &gt; ul {display: block!important;}
}

 @media screen and (max-width:1025px) {
#menu &gt; ul &gt; li div{display:block!important;}
#menu { padding:4px 0 0 0; height:auto; text-align:center; background:#558EAA;}
#menu &gt; ul &gt; li { float:none; padding:0px;}
#menu &gt; span { text-transform:uppercase; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#fff; background:url(../../template/image/arrow-down.png) no-repeat right center;}
#menu &gt; ul { display:none; text-align:left; background:#fff!important; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); position:relative; z-index:9;}
#menu &gt; ul &gt; li &gt; div { display:block; position:inherit; z-index:auto; border:1px solid #ddd; border-width:1px 0px 0px 0px; box-shadow:none!important; margin:0!important; background:none!important; }
#menu &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a{color:#333!important}
#menu &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; a:hover{background:#eee!important}
#menu &gt; ul &gt; li &gt; a:hover{background:#fff!important}
#menu &gt; ul &gt; li &gt; div &gt; ul { display:inline; padding:0; }
#menu &gt; ul &gt; li:hover &gt; div { display: block; }
#menu &gt; ul &gt; li &gt; a { color:#222!important; line-height:30px; border-bottom:1px solid #eee; margin-top:2px; background:#eee!important;}

}


</pre></body></html>