.cssmenu-mobile {position:relative; margin:0 !important;}   
#cssmenu, #cssmenu ul li, #cssmenu ul li a {margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', sans-serif;}
#cssmenu {float:right; margin-top:25px;}    
#cssmenu ul {float:left;width:140px;list-style:none; margin:0; padding:0; display:block;}
#cssmenu #menu-button {display:none; margin:0; padding:0; position:relative;}

#menu-line {display: none;}
/*#cssmenu > ul > li {float: left; padding:0 22px;}*/
#cssmenu > ul > li {
    float: left;
    padding: 0 22px 0 0;
}

#cssmenu > ul > li:last-child {padding:0;}
#cssmenu > ul > li > a {padding: 10px 0; font-size: 17px; text-decoration: none; color:#222; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease;	-o-transition: color .2s ease; transition: color .2s ease;}

/*#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color: #009ae1;} */
#cssmenu > ul > li.has-sub > a::after {
	position: absolute;
	top: 26px;
	right: -11px;
	/*width: 4px;
	height: 4px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;*/
	width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4d5760;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
#cssmenu ul ul {position:absolute; z-index:999; left:-9999px;}
#cssmenu li:hover > ul {left: auto;}
/*#cssmenu ul ul::after 
{
	position:absolute;
	content:"";
	top:-15px;
	left:15px;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #d10000;
}*/

#cssmenu.align-right li:hover > ul {right: 0;} 
#cssmenu ul ul ul {margin-left: 100%; top: 0;}
#cssmenu ul ul ul::after {display:none; content:"";}  
#cssmenu ul ul li a {padding: 8px 20px; width: 300px; font-size: 16px; background: #fff; text-decoration: none; color: #333; border-bottom:1px solid #f6f6f6;
	background-image:url(../images/hover-arrow.png); background-repeat:no-repeat; background-position:-10px 17px;
	-webkit-transition: padding .3s ease, background .3s linear;
	-moz-transition: padding .3s ease, background .3s linear;
	-ms-transition: padding .3s ease, background .3s linear;
	-o-transition: padding .3s ease, background .3s linear;
	transition: padding .3s ease, background .3s linear;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #fa1c27; background:#f6f6f6; padding-left:40px; background-image:url(../images/hover-arrow.png); background-repeat:no-repeat; background-position:20px 17px;}
#cssmenu ul ul li.has-sub > a::after {position: absolute; top: 13px; right: 10px; width: 5px; height: 5px; border-bottom: 1px solid #4d5760; border-right: 1px solid #4d5760; content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
	border-color: #ffffff;
}

@media all and (max-width: 768px), 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%; background:#004679; color:#FFF; margin:0;}
#cssmenu ul {width: 100%; display: none;}
#cssmenu.align-center > ul,  #cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li,  #cssmenu ul ul li,  #cssmenu ul li:hover > ul > li {width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,  #cssmenu ul ul li a {width: 100%; color:#FFF; padding:10px 20px;}
#cssmenu > ul > li,  #cssmenu.align-center > ul > li,  #cssmenu.align-right > ul > li {float: none; display: block;}
#cssmenu ul ul li a {padding: 20px 20px 20px 40px; font-size: 16px; color: #fff; background: none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.15); }
#cssmenu ul ul li:hover > a,  #cssmenu ul ul li a:hover {color: #fff;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul,  #cssmenu ul ul ul {position: relative; left: 0; right: auto; width: 100%; margin: 0;}
#cssmenu > ul > li.has-sub > a::after,  #cssmenu ul ul li.has-sub > a::after {display: none;}
#menu-line {display: none;}
#cssmenu #menu-button {display: block; padding: 20px; color: #fff; cursor: pointer; font-size: 18px; text-transform: uppercase;}
#cssmenu #menu-button::after {content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 20px; height: 2px; background: #fff;} 
#cssmenu #menu-button::before {content: ''; position: absolute; top: 30px; right: 20px; display: block; width: 20px; height: 7px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
#cssmenu .submenu-button {position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer;}
#cssmenu .submenu-button::after {content: ''; position: absolute; top: 16px; left: 27px; display: block; width: 1px; height: 15px; background: #fff; z-index: 99;}
#cssmenu .submenu-button::before {content: ''; position: absolute; left: 20px; top: 23px; display: block; width: 15px; height: 1px; background: #fff; z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after {display: none;} 

@media (max-width: 480px)
{
	.cssmenu-mobile {padding:0 !important;} 
	#cssmenu {margin-top:0 !important; background:#004679; color:#FFF;}
}