.navBox { overflow: hidden; background: #0F80B8; border-bottom: 10px solid white}
.navBox ul { margin:0; padding:0; }
.navBox a { display:block; padding: 7px 10px; color: #fff; text-align:center; text-decoration:none; }
.navBox a:hover { background: #f59f18; color:#333;  } 
.navBox .active { background: #18B3FF; }
.navBox ul { max-width: 990px; margin: 0 auto; overflow: hidden; }
.navBox ul li { float: left; list-style: none;  }
.navBox ul li .fa { padding-left: 14px; }

.navBox .dropNav {
  display: none;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: inherit;
  background: #0F80B8;
  z-index: 7;
  overflow: hidden; 
}

.navBox>ul>li.active { background-color: rgba(73, 178, 231, 0.781); }

@media only screen and (min-width: 991px) {
    #openPageslide { display: none; }
    #pageslide { display: block !important; }
    .pageslideBg { display: none !important; }
}

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

    .navBox ul li { float: none; }
    .navBox>ul>li { border-bottom: 1px solid #1C93CE; }
    /*.navBox>ul>li>a { padding: 10px; }*/
    .navBox .dropNav { position: relative; background: rgb(49, 184, 15);  z-index: 99999999;  }
    /*.dropNav a { background: rgba(73, 178, 231, 0.781); color:#000;  z-index: 99999998;}
    .dropNav a:hover { color: rgb(255, 255, 255); text-align:center; text-decoration:none; }*/

    .dropNav_link ul li { background: rgba(73, 178, 231); color:rgb(6, 48, 87); z-index: 90;padding: 0px 0px; width:auto;}
    
    .dropNav_link a { background: rgba(73, 178, 231); color:rgb(6, 48, 87);z-index: 100; padding: 0px 0px; width:auto;}
    .dropNav_link a:hover { color: rgb(255, 255, 255); text-align:center; text-decoration:none; }

    #openPageslide {
    border: 1px solid #f00;
    display: block;
    padding: 14px 10px;
    margin:1%;
    width: 28px;
    border-radius: 6px;
    float:left;
    }

    #openPageslide span {
    height: 7px;
    display: block;
    border: 1px solid #0F80B8;
    border-width: 5px 0;
    }

    #pageslide {
    display: none;
    width: 200px;
    position: fixed;
    top: 0;
    left: -200px;
    height: 100%;
    z-index: 999998;
    overflow-y: auto;
    }

    .pageslideBg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
    }

}