@media only screen and (min-width:1026px){
nav ul li ul { display:none !important; position:absolute; z-index:9999;}
nav ul li:hover ul { display:block !important;}
nav ul li ul li{float:none !important; white-space:nowrap;}
nav ul li ul li a{float:none !important; text-align:left !important;}
}
@media only screen and (max-width:767px)
{
.flexnav {transition: none;overflow: hidden;margin: 50px auto 0;width: 100%; }
.flexnav.opacity { display:none !important; }
.flexnav.show {max-height: 2000px; display:block !important;transition: all 0.5s;}
.flexnav li ul {width: 100%; opacity: 1; background:#014cb6;}
.flexnav li { float: none !important; width: 100% !important; }
.flexnav .touch-button {position: absolute;z-index: 999;top: 1px;right:1.5%;width: 27px;height: 27px;display: inline-block; background:url(../img/nav-arrow-down.png) no-repeat center center;text-align: center; }
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button.active {cursor: pointer;background:url(../img/nav-arrow-up.png) no-repeat center center; }
.flexnav .touch-button .navicon {position: relative; top:4px;font-size: 16px;color: #666; text-indent:-999999em; visibility:hidden; }
.menu-button {position: relative;display: block;font-family: 'Open Sans', sans-serif; color:#fff;font-weight:600; font-size:18px;text-decoration:none; padding: 0 0 1px 0;cursor: pointer; /*background:#890000; */}
.menu-button .touch-button {background: transparent;position: absolute;z-index: 999;top: 12px;right: 0px;width: 27px; height:27px;
display: inline-block;text-align: center; }
.menu-button .navicon { position:absolute; right: 0px; top: 0px;background: url(../img/nav-icon.png) no-repeat; content: "";display: block;height:27px;padding: 0;width: 27px !important; text-indent:-999em;transition: all .3s ease-in-out; }
}