.mobile-nav {
  padding-bottom: 0px;
  width: 80%;
  margin: 0px auto;
  margin-top: 24px;}
  @media (min-width: 1024px) {
    .mobile-nav {
      display: none;
      height: 0px;
      width: 0px; } }
  @media (max-width: 1023px) {
    .mobile-nav {
      display: block; } }
  .mobile-nav .js-mobile-nav {
    max-height: 390px;
    transition: max-height 0.15s ease; }
  .mobile-nav .mobile-nav-close {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.2s ease; }
  .mobile-nav a.js-mobile-nav-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    color: #C00;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    text-align: center; }
  .mobile-nav ul {
    padding-left: 15px;
    padding-right:15px;
    list-style:none;
    background-color: white;
    border-radius:5px;
    }
  .mobile-nav li {
    margin-bottom: 9px; }
    .mobile-nav li a {
      display: block;
      width: 100%;
      padding: 7px;
      padding-left: 0px;
      text-decoration: none; }
    .mobile-nav li:first-of-type {
      margin-top: 9px; }
      .mobile-nav li:last-of-type a {
        border-bottom:none; }