nav#desktopnav {
    display: none!important;
}
#mobilenav .mainnav>ul {
    padding: 40px 0;
}
#mobilenav .mainnav>ul>li a div p {
    color: #b40000;
    padding: 23px 0 0 0;
}
#mobilenav li>ul>li {
    font-size: 1em;
}
#mobilenav .overlay.overlay-active a.close {
   /* display: block;
    top: 0;
    left: calc(100% - 124px);
    position: absolute;
    z-index: 999;
*/
    display: block;
    /* top: 0; */
    /* left: calc(100% - 100px); */
    position: relative;
    z-index: 999;
    float: right;
}
#mobilenav .mobilenav a.hamburger {
    color: #000;
    font-size: 5em;
    position: relative;
    top: -10px;
    left: 20px;
}
#mobilenav .overlay.overlay-active a.close {
    font-size: 8em;
    color: #fff;
    line-height: 0.4;
    padding: 10px 0 10px 10px;
}
#mobilenav .overlay.overlay-active a:hover.close  {
   
}
#mobilenav .overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
   /* height: 100%; */
    z-index: 10;  
    background-color: #000 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease 0s, visibility 0.5s ease
}       
#mobilenav .overlay-active{
    opacity: 1;
    visibility: visible;
}
.overlay.overlay-active nav.primary {
    padding-top: 60px;
}
#mobilenav .overlay.overlay-active nav.primary ul {
    float: none;
}
#mobilenav .overlay.overlay-active nav.primary ul li:last-child a {
    padding: 8px 12px 6px;
}
#mobilenav div.overlay nav.primary ul li:hover a,
#mobilenav .overlay.overlay-active>nav.primary>ul>li {
    float: none;
    display: block;
     background:          none;
      -moz-box-shadow:    none;
      -webkit-box-shadow: none;
      box-shadow:         none;
}
#mobilenav .overlay.overlay-active>nav.primary>ul>li>a {
    display: block;
    color: #fff;
}
#mobilenav div.overlay.overlay-active nav.primary ul li,
#mobilenav div.overlay.overlay-active nav.primary ul li a{
     background: none;
}
#mobilenav div.overlay.overlay-active nav.primary ul li:hover a {
      font-weight: 400;
}
    @media screen and (min-width:999px) {   /* navigation switch */
        nav#desktopnav {
            display: block!important;
        }
        nav#mobilenav {
            display: none!important;
            }
    }