#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu #menu-button { display: none;}
#cssmenu { font-family: 'Roboto', sans-serif; float:right;}
#cssmenu > ul > li { float:left;}
#cssmenu.align-center > ul { font-size:0; text-align:center;}
#cssmenu.align-center > ul > li { display:inline-block; float:none;}
#cssmenu.align-center ul ul { text-align:left;}
#cssmenu.align-right > ul > li { float:right;}
#cssmenu > ul > li > a {padding:13px 18px; font-size:15px; text-decoration:none; color:#000; font-weight:400; text-transform:uppercase; margin:12px 0 0;}
#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { padding-right:0;}

#cssmenu > ul > li:hover > a { color:#000;}
#cssmenu > ul > li .active{color:#000;}

#cssmenu .current-menu-item {background: #e5893c;}
#cssmenu ul li.current-menu-ancestor > a{background: #e5893c !important;}

#cssmenu > ul > li.has-sub:hover > a:before { top:23px; height:auto;}
#cssmenu ul ul { position:absolute; left:-9999px;}
#cssmenu.align-right ul ul { text-align:right;}
#cssmenu ul ul li { height:0;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu li:hover > ul { left: auto;}
#cssmenu.align-right li:hover > ul { left: auto; right: 0;}
#cssmenu li:hover > ul > li { height:46px;}
#cssmenu ul ul ul { margin-left: 100%; top:0;}
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%; } 
#cssmenu ul ul{ background:#fff; box-shadow: 0 0 10px #d7d7d7;}
#cssmenu ul ul li a { border-top: 1px solid #e9e9e9; padding:16px 16px; width:200px; text-transform:capitalize; font-size:15px; text-decoration:none;
  color:#151515; font-weight:400; background:#fff; z-index:22;}
#cssmenu ul ul li:first-child a{ border:0;}
#cssmenu ul ul li a:hover{ background:#292929; color:#fff;} 


@media ( max-width: 1199px) {
	#cssmenu > ul > li > a {font-size:15px; padding:13px 10px;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { padding-right:0;}
}
@media ( max-width: 991px) {	
	#cssmenu { width:100%; background:none; position:absolute; z-index:222; right:0; margin-top:6px;}
	#cssmenu ul { width: 100%; display: none; background:#000;}
	#cssmenu.align-center > ul { text-align: left;}
	#cssmenu ul li {width: 100%; border-top: 0px solid rgba(120, 120, 120, 0.2);}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li { height:auto;}    
	#cssmenu ul li a,
	#cssmenu ul ul li a { width:100%; border-bottom:0; color:#FFF; font-weight:500; font-size:14px; padding:14px 17px; border-top: 1px solid rgba(120, 120, 120, 0.2); margin:0;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { padding:14px 17px; border-radius:0;}	
	#cssmenu > ul > li:hover > a { color:#fff;}
		
	#cssmenu > ul > li {float:none;}
	#cssmenu ul ul li a {padding-left:30px;}
	#cssmenu ul ul ul li a { padding-left:35px;}
	#cssmenu ul ul li a {color:#dddddd; background:none;}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {background:#262626; color:#FFFFFF; }
	#cssmenu > ul > li .active, #cssmenu li .active { color:#d2a232; border-bottom: solid #0095d9 0px;}
	
	#cssmenu ul ul {background:none; box-shadow:none;}
		
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul { position: relative; left: 0;  width: 100%;  margin: 0; text-align: left;}
	#cssmenu > ul > li.has-sub i{ display:none;}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before { display: none;}
	#cssmenu #menu-button { display: block; padding: 17px; color: #f00; cursor: pointer; font-size: 12px; text-transform: uppercase;
	font-weight: 700; position: absolute; top:-64px; right:0px;}
	#cssmenu #menu-button:after,  #cssmenu #menu-button.menu-opened:after { position:absolute; top:22px; right:17px; display:block;
	height: 9px; width:20px; border-top:2px solid #000; border-bottom:2px solid #000; content: '';}
	#cssmenu #menu-button:before , #cssmenu #menu-button.menu-opened:before{ position:absolute; top:16px; right:17px; display:block;
	height: 2px; width:20px; background:#000; content: '';}
	#cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height:44px; width: 46px; cursor: pointer;}
	#cssmenu .submenu-button.submenu-opened { background: #262626;}
	#cssmenu ul ul .submenu-button {height: 34px; width: 34px;}
	#cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block;   background: #dddddd; content: '';  }
	#cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;}
	#cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
	#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px;   background: #dddddd;  content: '';  }
	#cssmenu ul ul .submenu-button:before { top:12px; right:16px;}
	#cssmenu .submenu-button.submenu-opened:before {display: none;}
}
@media ( max-width: 575px) {
	#cssmenu #menu-button{top:-58px;}
}