#main .logo {
position: absolute;
top: 2px;
left: 5px;
z-index: -1;
}

#main .logo img {
width: 110%;
height: auto;
}

.menu_bar {
display:none;
}

.nav1 ul li a,
nav ul li a {
margin-left: 5px;
color: #fff;
font-size: 13px;
}

.nav1 ul li a:hover,
nav ul li a:hover {
color: rgb(66, 255, 66);
}

.nav1 {
position: absolute;
right: 2.5%;
top: 14px;
font-size: 14px;
}

.nav1 ul li{
display:inline-block;
}

nav {
width: 100%;
text-align: right;
margin:40px auto;
}

nav ul li {
display:inline-block;
}

hr {
height: 1px;
border: 0;
background-color: rgb(16, 94, 16);
margin:auto;
margin: 5px 10px 5px 10px;
}

ul li .children {
background: rgb(3, 48, 17);
position: absolute;
display: none;
z-index: 1000;
margin-top: 7px;
padding-bottom: 2px;
}

ul li .ch1{
width: 180px;
}

ul li .ch2{
width: 240px;
}

ul li .ch3{
width: 160px;
}

ul li .ch4{
    width: 135px;
    }

ul li .ch5{
width: 215px;
}

ul li .children li {
display: block;
overflow: hidden;
border-bottom: none;
/* border-bottom: 1px solid rgba(248, 241, 241, 0.1); */
}

ul li .children li a {
padding: 7px 0px 7px 15px;
display: block;
text-align:left;
}

ul li .children li a {
color: #999;
}

ul li .children li a:hover {
color: red;
}

nav ul li.mni {
display:none;
}

nav ul li.mns {
display:none;  
}

.nav1 ul li.login a {
color: rgb(77, 245, 77);
}

.nav1 ul li.logout a {
color: red;
}

.nav1 ul li.logout a:hover,
.nav1 ul li.login a:hover {
color: rgb(45, 108, 245);
}

.fa-circle {
position: relative;
top: -3px;
font-size: 5px;
}

nav ul li:hover .fa-folder:before {
content:"\f07c";
}

.titleCh3{
color: white;
font-size: 14px;
text-align:left;
padding: 5px 1px 5px 14px;
}

@media screen and (max-width: 690px) {
#main .logo img {
width: 82%;
}

.menu_bar {
display: block;
position: absolute;
top: 12px; 
right: 14px;
z-index: 1000;
}

.menu_bar .bt-menu {
color:#fff;
text-decoration: none;
}

.menu_bar i {
font-size: 22px;
}

.menu_bar span {
font-size: 13px;
}

#main .nav1 {
left: 80px;
top: 18px;
z-index: -1;
}

#main .nav1 .mns {
display: none;
}

nav {
background:rgb(2, 34, 12);
width: 250px;
height: calc(100% - 90px);
right:100%; 
margin: 0;
top: 48px;
position:fixed;
overflow: auto;
}

nav ul li {
display: block;
border-bottom: 1px solid rgba(248, 241, 241, 0.1);
text-align: left;
}

nav ul li a {
display: block;
padding: 7px 0px 7px 18px;
}

ul li:hover .children{
display: none;
}

ul li .children {
background: rgb(3, 48, 17);
width: 100%;
height: auto;
position: relative;
border-radius: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

ul li .children li {
display: block;
width: 100%;
float: none;
}

ul li .children li a {
margin-left: 0px;
padding: 10px 0px 10px 25px;
}

#main nav ul li.mni {
display:block;
}

nav ul li.mns {
display:block;
}
}

@media screen and (max-width: 570px) {    
#main .nav1 ul li.mns {
display:none;
}

#main nav ul li.mni {
display:block;
}
}

@media screen and (max-width: 400px) {   
.mnsR span {
display: none;
}
}