#navigation { position:relative; z-index:20;padding:0;margin:0; }
  #navigation  li{ float:left;padding:0;margin:0;list-style:none;}
 
 
#navigation ul > li > ul { display:none; top:100%; left:-40px; z-index:123; position:absolute; width:180px; text-align:left; }
#navigation li ul li { width:100%; display:inline-block; padding-right:0; }
#navigation li ul li:hover { background:#FFF; }
#navigation li ul li:hover a { color:#fff; }
#navigation li ul li a { width:100%;font-size:12px; }
#navigation > ul > li > ul > li > ul { position:absolute; left:100px; top:0; display:none; padding-top:0; }
#navigation ul li { position:relative; }
#navigation ul li a {  float:left; position:relative; }
#navigation ul li a { }
#navigation ul li a:hover, #navigation ul li.current-menu-item a { text-decoration:none}
#navigation ul li a:hover:after, #navigation ul li.current-menu-item a:after { position: absolute; content: ''; width: 100%; height: 0; left: 0; top: 0px;text-decoration:none; }
#navigation > ul > li:hover > ul, #navigation > ul > li > ul > li:hover > ul { display:block; }
#navigation ul li li { padding-left:0px; display:block; }
#navigation ul li li a { display:block; padding: 18px 10px 10px; background:#1a3969;color: #fff; font-size:600; font-size:13px;}
ul.sub-menu li a { background: #1a3969 !important; }
ul.sub-menu li a:hover { background:#FFF !important; }
#navigation ul li li a:hover { border-top:0px;color: #fff; background:#0b76b4;}
#navigation ul ul ul { display:none; }
#navigation > ul > li > ul > li > ul > li > ul { display:none; position:absolute; left:200px; top:0; }
#navigation > ul > li > ul > li > ul > li:hover > ul { display:block; }
 #navigation ul li span {
 height: 100%;
 padding: 20px 3px;
 border: 1px solid #1a3969;
 border-left:none;
 float: right;
 display: block;
 cursor: pointer;
 background:#1a3969;
}
 #navigation ul li span:after {
 border-top: 5px solid #fff;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 content:'';
 width:0;
 height:0;
 top: 45%;
 right:5px;
 position:absolute;
}






/* ======================================= media query  */



@media (min-device-width:1300) {
 #navigation ul li a {
 padding: 12px 30px 13px 30px;
}
 #navigation ul li span { padding:16px 10px;}
}
 @media (max-width:1200px) {
 #navigation ul li a {
 padding: 12px 20px 13px;
}
}
 @media (max-width:1050px) {
 #navigation ul li a {
 padding: 5px!important;
}
}

}
 @media (max-width:1024px) {
 .mobile-menu {
 color: #6F6363;
 width: 48%;
 text-decoration: none;
 text-transform: capitalize;
 background: url(menuMobile.png) no-repeat right center;
 display:block;
 padding: 12px 15px;
 font-family: MyriadSB, Arial, Helvetica, sans-serif;
 font-size: 20px;
}
 #header .rightHeader {
 width:70%;
}
}
 @media (max-width:950px) {
 #header .rightHeader {
 width:100%;
}
 .mobile-menu {
display:block;
text-decoration:none;
color:#fff;
width:100%;
background:#0860c3;
 text-transform: capitalize;
 padding: 12px 15px;
 font-family: MyriadSB, Arial, Helvetica, sans-serif;
 font-size: 20px;box-sizing: border-box;
 background-image:url(../images/menuMobile.png) no-repeat right center;
 }
 .mobile-menu:hover {
 color:#fff;
}
 #navigation {
 width: 100%;
 padding-top: 0;
}
 #navigation > ul {
 float:none;
 display:none;
 position: absolute;
 z-index: 200;
 display:block;
 margin:0 auto;
 left:0;
 right:0;
 width: 100%;
 padding: 0;
 box-sizing: border-box;
 background: #fff;
}
 #navigation ul li {
 padding: 0;
 width:100%;
 margin:0;
 float: none;
 position:relative;
}
 #navigation ul li a {
 display:block;
 width:100%;
 padding-left:25px;
 padding: 5px  !important;
 box-sizing: border-box;
 text-align: center;
 background: #666;
 border:none!important;
 color: #fff;
}
 #navigation ul li a:hover, #navigation ul li a.active {
 color: #EFE9E9;

 background: #073365;
}
 #navigation ul li a:hover:after, #navigation ul li a.active:after {
 border-top:none;
}
 #navigation ul li ul li ul li span {
 height:35px;
 width:40px;
 background: url(iconDown.png) no-repeat 60% 50%;
}
 #navigation ul li ul li span {
 background:url(iconDown.png) no-repeat 55% 50%;
 height:35px;
 width:45px;
 border-left:none;
 position:absolute;
 top:0;
}
 #navigation ul li span {
 width: 35px;
 height: 35px;
 background: url(iconDown.png) no-repeat 50% 50%;
 position: absolute;
 right: 0;
 top:0;
 z-index:99999;
 cursor:pointer;
 border-top:none;
}
 #navigation ul li ul {
 width:100%;
 border-radius:0;
 position:relative;
 top:0;
 padding:0;
 margin:0;
}
 #navigation ul li ul li {
 border-bottom-color:#00b64a;
}
 #navigation ul li li {
 border-bottom:0;
 margin:0;
}
 #navigation ul li li a:hover {
 background: rgb(199,189,169);
 box-shadow:none;
}
 #navigation ul li:hover ul {
 display:none;
}
 #navigation ul li ul li ul {
 position:relative;
 left:0;
}
 #navigation ul li ul li a {
 padding-left:35px;
 background:#BD1A20;
 color:#fff;
}
 #navigation > ul > li > ul > li > ul > li > a {
 background: #BD1A20;
}
 #navigation > ul > li > ul > li > ul > li:hover ul {
 display:none;
}
 #navigation > ul > li > ul > li > ul > li > ul {
 left: 0;
 top: 0;
 width: 100%;
 position:relative;
}
 #navigation > ul > li > ul > li > ul > li > ul > li a {
}
 #navigation > ul > li:hover > ul, #navigation > ul > li > ul > li:hover > ul {
 display:none;
}


/* again */
#navigation ul > li > ul {
    
    left: 0px;
   
}

#navigation {
    position: relative;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
}
}