/*header { width: 100%; }*/
.nav-bar { display: none; }

header nav { float:right;  z-index: 1000; width: auto; margin:40px 0 0 0; padding:0;}
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:#FFF; display: block; padding:10px 15px; margin: 0; line-height:20px; text-decoration: none; font-size:14px; text-transform:uppercase; font-weight:600;}
header nav ul li a:hover, header nav ul li a.active { color:#FFC943; text-decoration:none; }
header nav ul li i { margin-right: 5px; }
header nav ul li:hover .children { display: block; }
header nav ul li .children {display: none; background:#FFC943; position: absolute;  width:200px;  z-index: 1000; border:1px solid #FFEA45;}
header nav ul li .children span { display: none; }
header nav ul li .children li {display: block; width: 100%; border-bottom: 1px solid #FFEA45;}
header nav ul li .children li:last-child { border-bottom:none !important;}

header nav ul li .children li a { margin-left:0; line-height:20px; font-size:13px; padding:7px 15px; margin:0; text-transform:none; color:#163B78; font-weight:500; text-transform:capitalize; }
    header nav ul li .children li a:hover {
        background: #601678;
        color: #fff;
    }

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) {
header nav ul li a {padding:10px 20px ; line-height:20px;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:10px 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
}	
}

/*responsive nav style*/

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

header nav { margin:25px 0 0 0; padding:0;}

header nav ul li a {padding:10px 11px; line-height:20px; font-size:12px;}
header nav ul li .children {width:200px;}
header nav ul li .children span { display: none; }

header nav ul li .children li a { line-height:18px; font-size:11px; padding:6px 10px;}

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: #FFC943; border-bottom:1px solid #FFEA45; z-index: 1000;}
.nav-bar span {float: left; font-size:16px; font-weight:700; line-height:25px; text-transform:uppercase; padding:10px 20px; color: #163B78;}

.nav-bar .fa-ellipsis-v {display: block; padding:10px 20px; color: #163B78; 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 :46px; overflow: hidden; overflow-y: auto; height: 100%; background:#163B78; margin:0;  }
header nav ul li {display: block; border-bottom: 1px solid #005995; 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:#FFF; display: block; padding:10px 15px; margin:0; line-height:20px; text-decoration: none; font-size:14px; font-weight:600;}
header nav ul li a:hover, header nav ul li a.active { background:#FFC943; color:#163B78 !important; text-decoration:none; }
/*header ul li a { display: block; font-size:14px; line-height:20px; margin:0; padding:0; border:1px solid #C93 }*/
header nav ul li .children {width: 100%; position: relative; overflow: hidden; display: none; border-left:none; border:none;}
header nav ul li:hover .children { display: none; }
header nav ul li ul li:first-child { /*border-top: 1px solid #005995;*/ }

header nav ul li .children span {display: inline-block; margin-right: 10px;}

/*header nav ul li .children a {
  margin-left: 10px;
  padding: 5px 0;
}*/

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 #005995;}
header nav ul li .children li a {margin-left:0; line-height:20px; font-size:13px; padding:8px 15px 8px 30px; text-transform:capitalize; background:#163B78; color:#FFF; font-weight:400; }
header nav ul li .children li a:hover {background:#FFC943; color:#163B78;}

header nav ul li .faicon { position: relative; display:block; top:3px; right:0; float:right;}

}







.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -10px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}