.mdl-layout__drawer {
  width: 320px;
  left: -80px;
}

.mdl-layout__drawer.is-visible {
  left: 0;
}

@media screen and (max-width: 768px) {
    .mnet-headernav {
        display: none;
    }
    .mnet-sidenav {
        display: block;
        cursor: pointer;
    }
} 
@media screen and (min-width: 769px) {
    .mnet-sidenav {
        display: none;
    }
    .mnet-headernav {
        display: block; background-color:#ffffff;
    }
}
 
#primary_nav_wrap {
  margin: 0px auto 0px auto;
}
#primary_nav_wrap ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
}
#primary_nav_wrap ul li {
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  background: white;
  color: black;
  height: 32px;
  width: 140px;
}
#primary_nav_wrap ul li div {
  cursor: pointer;
}
#primary_nav_wrap > ul > li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#primary_nav_wrap > ul > li:nth-last-child(n+2) {
  border-right: 1px solid rgba(33, 33, 33, 0.38);
}
#primary_nav_wrap > ul > li:nth-child(n+2) {
  border-left: 1px solid rgba(77, 77, 77, 0.38);
}
#primary_nav_wrap > ul > li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#primary_nav_wrap > ul > li > div {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  float: left;
  margin: 8px 0px;
  padding: 0px;
  background-color: transparent;
  color: black;
  height: auto;
  width: 100%;
}
#primary_nav_wrap ul li.current-menu-item {
/*  background: lightblue; */
/*  background: #ffebcd;   */
    background: /* cornsilk */ beige;
/*  background: #BBDEFB;  */
/*  background: #ccffff   */ 
}
#primary_nav_wrap ul li:active,
#primary_nav_wrap ul li:focus,
#primary_nav_wrap ul li:hover {
/*  background: #f7dcb4; */
/* 	background: #e0f7fa; */
  	background: /* #BBDEFB */ aliceblue;
  color: black;
}
#primary_nav_wrap ul li div:active, #primary_nav_wrap ul a:active,
#primary_nav_wrap ul li div:focus, #primary_nav_wrap ul a:focus,
#primary_nav_wrap ul li div:hover, #primary_nav_wrap ul a:hover {
  background: transparent;
  color: black;
}
#primary_nav_wrap ul div a, #primary_nav_wrap ul div a:visited {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: black;
  background: transparent;
  height: auto;
}
#primary_nav_wrap ul li > ul {
  display: none;
  position: absolute;
  top: 102%;
  left: 0px;
  color: black;
  background: white;
  margin: 0px;
  padding: 0px;
  z-index: 200;
}
#primary_nav_wrap ul ul li {
  float: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  height: auto;
  width: 280px;
  background: beige;
  color: black;
}
#primary_nav_wrap ul ul li:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
#primary_nav_wrap ul ul li:nth-last-child(n+2) {
  border-bottom: 1px solid rgba(33, 33, 33, 0.38);
}
#primary_nav_wrap ul ul li:nth-child(n+2) {
  border-top: 1px solid rgba(77, 77, 77, 0.38);
}
#primary_nav_wrap ul ul li:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#primary_nav_wrap ul ul li div {
  float: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  height: auto;
  width: 100%;
  background: transparent;
  color: black;
  padding: 8px 0px;
  margin: 0px;
}
#primary_nav_wrap ul ul a {
  background: transparent;
  color: black;
}
#primary_nav_wrap ul ul ul {
  display: none;
  position: absolute;
  top: 50%;
  left: 12%;
  background: white;
  color: black;
}
#primary_nav_wrap ul li:active > ul,
#primary_nav_wrap ul li:focus > ul,
#primary_nav_wrap ul li:hover > ul {
  display: block;
}
/* Vertical Menu   */

/* new side nav */
.sndiv {
  cursor: pointer;
}
.snhidden, #sn_wrap ul ul.snhidden, #sn_wrap ul ul.snhidden li, #sn_wrap ul li ul.snhidden li,
ul.snhidden li, ul.snhidden li div, ul.snhidden li div a, ul.snhidden li.current-menu-item {
  display: none;
}
.snexpandable {
  background-color: lightgrey;
}
.snexpbottom {
  display: none;
  height: 0px;
  margin-top: 3px;
  border-bottom: 3px ridge ghostwhite;
}
.snexpspan {
  width: 100%; 
  margin: 0px;
}
.snexpicon {
  font-size: 18px; 
  line-height: 18px; 
  float: right;
  color: #000;
}
#sn_wrap {
  margin: 0px;
  width: 300px;
}
#sn_wrap ul {
  list-style: none;
  margin: 0px 12px 0px 0px;
  padding: 0px;
}
#sn_wrap ul ul {
  list-style: none;
  margin: 0px 0px 0px 12px;
  padding: 0px;
}
#sn_wrap a  {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  background-color: transparent;
  color: black;
}
#sn_wrap div {
  background-color: white;
  color: black;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
#sn_wrap ul li.current-menu-item, #sn_wrap ul li.current-menu-item div {
  background: lightblue;
}
#sn_wrap div:active,
#sn_wrap div:focus,
#sn_wrap div:hover {
  background-color: grey;
}