nav{width: 100%;}
@media only screen and (min-width: 40.01rem) {
.main-nav{ width:auto;}
.main-nav ul {font-size: 13px;list-style: none;padding-left: 0;}
.main-nav li {float: left;position: relative;margin-right: 2px;}
.main-nav a {color: #FFF;display: block;line-height: 2.3em;padding: 0 1.15em;}
.main-nav ul li a{}
.main-nav ul li ul li a{border-radius:0px;}
.main-nav ul li ul {
    background: #4CA5CD;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;float: left;margin: 0;position: absolute;top: 28px;right: 0;width: 188px;z-index: 99999;}
.main-nav ul li ul li{width:100%; background: #152C36;}
.main-nav ul ul ul {
    left: 100%;
    top: 0;
}
.main-nav ul ul a {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    color: #444;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
}
.main-nav li:hover > a,
.main-nav ul ul :hover > a,
.main-nav a:focus {
    background: #152C36;
}
.main-nav li:hover > a,
.main-nav a:focus { background: #FACE0E;color: #000;
}
.main-nav ul li:hover > ul {
    display: block;
}
.main-nav .current-menu-item > a,
.main-nav .current-menu-ancestor > a,
.main-nav .current_page_item > a,
.main-nav .current_page_ancestor > a {
background: #FACE0E; /* Old browsers */
color: #000;}
.main-nav ul li.menu-item-has-children a{position: relative;}
.main-nav ul li.menu-item-has-children a:before{
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 12px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    right: -3px;
}
.main-nav ul li.menu-item-has-children ul li a:before{content:none;}
}

@media only screen and (max-width: 40rem) {
#menu-primary-navigation{display: none;}    
.mnav h2{display:block; font-weight: 300}  
a.resp_navigation{background:#ccc url('../images/resp_nav_but_bg.png') center no-repeat;text-indent: -9999px; width:48px; height:48px; display: block;float:right;}
nav.mnav ul {font-size: 13px;list-style: none;padding: 1rem;}
nav.mnav ul li {float: left; width:100%;position: relative;margin-right: 2px; border-bottom:1px solid #f1f1f1;}
.mnav a {color: #fff;display: block;line-height: 2.3rem;padding: 0 1.15rem;font-weight: bold;}
.mnav ul li a{}
.mnav ul li.menu-item-has-children a{position: relative;}
.mnav ul li.menu-item-has-children a:before{
    content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    right: 0px;
}
.mnav ul li.menu-item-has-children ul li a:before{content:none;}
.mnav ul li ul li a{border-radius:0px;}
.mnav ul li ul {
    background: #bb1919;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;float: left;margin: 0;}
.mnav ul li ul li{width:100%; background: #bb1919;}
.mnav ul ul ul {
    left: 100%;
    top: 0;
}
.mnav ul ul a {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4rem;
    padding: 0.5rem;

}
.mnav li:hover > a,
.mnav ul ul :hover > a,
.mnav a:focus {
    background: #bb1919;
}
.mnav li:hover > a,
.mnav a:focus { background: #bb1919;color: #FFF;
}
/*.mnav ul li:hover > ul {
    display: block;
}*/
.mnav .current-menu-item > a,
.mnav .current-menu-ancestor > a,
.mnav .current_page_item > a,
.mnav .current_page_ancestor > a {
background: #bb1919; /* Old browsers */
color: #fff;
}
}