.navBox {
 font-family: "Montserrat", Arial, sans-serif;
  overflow: hidden;
 
  float:right;

 
}

.navBox li a {
font-size:12px;
  display: block;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
  color: #fff;
  text-transform:uppercase;
  letter-spacing:0.6px;
  text-decoration: none;
}
.navBox li li a {
  display: block;
  
  color: #fff; 
}
.navBox ul { }

.navBox ul li {
  float: left;
    margin-right:6px;
	
	height:90px;

 
  line-height:90px;
  list-style: none;
}
.navBox ul li:last-child{border-radius:4px; margin-right:0; height:40px; line-height:40px; margin-top:25px; color:#FFFFFF; border:solid 1px #DDDDDD; padding-left:10px; padding-right:10px;}

.navBox ul li ul li {
width:180px;

  float:none; 
    margin-right:0px;
  text-align:left;
 
}
.navBox ul li ul li:hover {
background:#1C1C1C;
 
}
.navBox ul li ul li:last-child{border-radius:0; margin-right:0; color:#FFFFFF; border:none; padding-left:0px; padding-right:0px;}

.navBox ul li .fa {  border: 0.313em solid transparent; 
   border-bottom: none;  
   border-top-color: #fff;  
   content: ''; 
   vertical-align: middle;
   display: inline-block;
   position: relative;
   margin-top:-1px;
   right: -0.313em;  }

.navBox .dropNav {
  display: none;
  
 
  position: absolute;
  border-top:solid 2px #FF6600;
  
  left:inherit;
  top: inherit;
  background: #222;
  z-index: 7;
  overflow: hidden;
}

.navBox>ul>li.active {   }
 @media only screen and (min-width: 801px) {

#openPageslide { display: none; }
.menu_res {display:none;}
#pageslide { display: block !important; }

.pageslideBg { display: none !important; }
}
@media screen and (max-width: 800px) {
.navBox { background:#CCCCCC; margin-top:0}
.navBox ul li { float: none; }

.navBox>ul>li { border-bottom: 1px solid #1C93CE; }

.navBox>ul>li>a { padding: 10px; }

.navBox .dropNav {
  position: static;
  background: #0F80B8;
}

#openPageslide {

   display: block;
  width: 50px;
  
  height:50px;
 
}

.menu_res{background: url(../images/menu.png) no-repeat center;  display: block;   float:right; }

#pageslide {
  display: none;
  width: 200px;
  position: fixed;
  top: 0;
  left: -200px;
  height: 100%;
  z-index: 999;
  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: 998;
}
}