.nav-bar { display: none; }
header nav { float:right; z-index: 1000; width: auto; margin:20px 0; padding:0; font-family: 'Teko', sans-serif;}
header nav ul { list-style: none; }
header nav ul li {float: left; position: relative;}
header nav:after {content: ""; display: block; clear: both;}
header nav ul li a {color:#fccb51; display: block; padding:12px 15px 8px 15px ; margin: 0 ; line-height:30px; text-decoration: none; font-size:18px; text-transform:uppercase; font-weight:500; letter-spacing:2px;}
header nav ul li a:hover, header nav ul li a.active { color:#000; text-decoration:none;  }
header nav ul li:hover .children { display: block; }
header nav ul li .children {display: none; background:#FFF; position: absolute;  width:220px;  z-index: 11111; border:1px solid #F5F5F5; border-radius: 5px; overflow: hidden;}
header nav ul li .children span { display: none; }
header nav ul li .children li {display: block; width: 100%; border-bottom: 1px solid #F5F5F5;}
header nav ul li .children li:last-child { border-bottom:none !important;}
header nav ul li .children li a { margin-left:0; line-height:25px; font-size:16px; padding:10px 15px 6px 15px; margin:0; text-transform:none; color:#191B22; font-weight:500; text-transform: uppercase; letter-spacing:1px; }
header nav ul li .children li a:hover {background:#fec63d; color:#FFF; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
header nav ul li .fa-angle-down {
position: relative;
top: 2px;
}
header nav ul li .faicon { display:none;
position: relative;
top:1px; left:5px
}
@media only screen and ( min-width: 1299px) and (max-width: 2399px) {
} @media only screen and ( min-width: 768px) and ( max-width: 980px ) {
header nav {margin:15px 0 0 0;}
header nav ul li a {padding:7px 7px 3px 7px; line-height:30px; font-size:15px;}
header nav ul li .children {width:210px;}
header nav ul li .children span { display: none; }
header nav ul li .children li a { line-height:20px; font-size:14px; padding:8px 15px 4px 15px;}
header nav ul li .fa-angle-down {
position: relative;
top: 2px;
}
header nav ul li .faicon { display:none;
position: relative;
top:1px; left:5px
}	
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.nav-bar {display: block; width: 100%; position: fixed; top: 0; background: #191B22; border-bottom:1px solid #030303; z-index: 1000; }
.nav-bar span {float: left; letter-spacing: 2px; font-size:20px; font-weight:600; line-height:31px; text-transform:uppercase; padding:9px 15px 5px 15px; color: #FFF; font-family: 'Teko', sans-serif;}
.nav-bar .fa-bars {display: block; padding:10px 15px; color: #FFF; overflow: hidden; font-size: 20px; line-height:25px; font-weight: bold; text-decoration: none; float: right;}
header nav {width:80%; height: auto; position: fixed; right: 100%; top :45px; overflow: hidden; overflow-y: auto; height: 100%; background:#191B22; margin:0;  }
header nav ul li {display: block; border-bottom: 1px solid #030303; width: 100%; }
header nav ul li:last-child { margin-bottom:60px !important;}
header nav ul li .children li:last-child { border-bottom:none !important;  margin-bottom:0px !important;}
header nav ul li a {color:#fccb51; display: block; padding:12px 15px 8px 15px; margin:0; line-height:25px; text-decoration: none; font-size:16px; }
header nav ul li a:hover, header nav ul li a.active { background:#fec63d; color:#FFF; text-decoration:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; } header nav ul li .children {width: 100%; position: relative; overflow: hidden; display: none; border-left:none; border:none; border-radius: 0; }
header nav ul li:hover .children { display: none; }
header nav ul li ul li:first-child { border-top: 1px solid #030303; }
header nav ul li .children span {display: inline-block; margin-right: 10px;} header nav ul li .fa-angle-down {position: relative; top: 3px;}
header nav ul li .children li {display: block; width: 100%; border-bottom: 1px solid #030303;}
header nav ul li .children li a {margin-left:0; line-height:20px; font-size:14px; padding:12px 15px 8px 30px; background:#191B22; color:#FFF; }
header nav ul li .children li a:hover {background:#fec63d; color:#FFF;}
header nav ul li .faicon { position: relative; display:block; top:2px; right:0; float:right;}
}