@media only screen and (max-width: 480px) {
  html,
  body {
    font-size: 16px;
  }
  .sw {
    margin: 0;
    padding: 0;
  }
  .nomobile {
    display: none;
  }
  #top-bar {
    padding-left: 12px;
    padding-right: 12px;
  }
  #areas {
    display: none;
  }
  #header {
    height: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  #header #logo {
    position: static;
    text-align: center;
    margin-top: 32px;
  }
  #header #logo .tagline {
    display: none;
  }
  #header .contact {
    text-align: center;
    position: static;
    width: auto;
  }
  #header .contact span.address {
    display: none;
  }
  #nav ul li {
    display: block;
  }
  #nav ul li a {
    padding: 20px 12px;
    line-height: normal;
    border-bottom: 1px solid #ddd;
  }
  #nav ul li a:hover {
    background: inherit;
  }
  #nav ul li ul {
    background: #fff;
    margin-left: 20px;
    box-shadow: none;
    border-right: 0 none;
  }
  #nav li:hover a {
    background: inherit;
    color: #1e283a;
  }
  #nav ul li ul li a {
    padding: 20px 12px;
    background: inherit;
    color: #1e283a;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
  }
  #nav ul li ul li a:link,
  #nav ul li ul li a:active,
  #nav ul li ul li a:visited {
    background: inherit;
    color: #333;
  }
  #nav > ul > li:last-child a {
    border-bottom: 0 none;
  }
  #nav > ul > li > a {
    transition: border-color 0.2s;
    border-bottom: 1px solid #ddd;
  }
  #nav > ul > li:hover > a {
    border-bottom: 1px solid #ddd;
  }
  #col-side {
    padding: 0;
  }
  #col-side .sidebar {
    padding: 0;
  }
}