#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { display:block; position:relative; margin:0;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu #menu-button { display: none; }

#cssmenu {
}

#cssmenu > ul > li { float: left; }

#cssmenu > ul > li > a {
  padding: 15px 10px;
  text-decoration: none;
}

#cssmenu ul li:hover > a { color: #ffffff; }

#cssmenu ul ul {
  position: absolute;
  left: -9999px; padding:5px 0 0 0;
}

#cssmenu li:hover > ul { left: auto; }

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#cssmenu ul ul li a {
  padding: 15px;
  width: 100%;
  background: #01172a;
  text-decoration: none; border:none; text-transform:capitalize; white-space:nowrap;
}
#cssmenu ul ul li a:hover{background:#8d1812;}
@media all and (max-width: 992px),  only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),  only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),  only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),  only screen and (min-resolution: 192dpi) and (max-width: 1024px),  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #cssmenu {
 width: 100%;
}
 #cssmenu ul {
 width: 100%;
 display: none;
}
 #cssmenu ul li {
 width: 100%;
 border-top: 1px solid #285278;
}
 #cssmenu ul li a {
 width: 100%;
}
 #cssmenu > ul > li {
 float: none;
}
 #cssmenu ul ul li a {
 white-space:normal;
}
 #cssmenu ul ul ul li a {
 padding-left: 35px;
}
 #cssmenu ul ul,  #cssmenu ul ul ul {
 position: relative;
 left: 0;
 width: 100%;
 margin: 0;
}
 #cssmenu #menu-button {
 display: block; text-align:center; cursor: pointer; padding:15px; text-transform:uppercase;
}
 #cssmenu #menu-button .fa{font-size:30px; float:left;}
  #cssmenu #menu-button:hover, #cssmenu #menu-button.menu-ouverted{background:#01172a;}
 #cssmenu .submenu-button {
 position: absolute;
 z-index: 99;
 right: 0;
 top: 8px;
 display: block;
 /*border-left: 1px solid #444;*/
 height: 40px;
 width: 40px;
 cursor: pointer; background:#285278;
}
 #cssmenu ul ul .submenu-button {
 height: 30px;
 width: 30px;
}
 #cssmenu .submenu-button:after {
 content: '';
 position: absolute;
 top: 20px;
 left: 15px;
 display: block;
 width: 0;
 padding: 0;
 border: 5px solid transparent;
 border-top-color: #fff;
}
 #cssmenu ul ul .submenu-button:after {
 border-width: 4px;
 left: 11px;
 top: 14px;
}
 #cssmenu .submenu-button.submenu-ouverted:after {
 top: 15px;
 border-top-color: transparent;
 border-bottom-color: #fff;
}
 #cssmenu ul ul .submenu-button.submenu-ouverted:after {
 top: 10px;
}
}