@media (max-width: 1500px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {
  #header .top-list {
    display: none;
  }
  #header {
    padding:10px 0 0;
  }
  #header .nav-opener {
    display: inline-block;
  }
  #header.sticky {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
  }
  #header.sticky #nav {
    top: 100%;
    position: absolute;
  }
  #nav {
    top: 100%;
    height: 0;
    left: -15px;
    right: -15px;
    bottom: auto;
    overflow: hidden;
    max-height: 100vh;
    transition: all ease 0.3s;
  }
  #nav .nav-list {
    padding: 0;
    border-radius: 0;
  }
  #nav .nav-list li {
    padding: 0;
    display: block;
  }
  #nav .nav-list .button {
    float: none;
  }
  #nav .nav-list a {
    display: block;
    padding: 10px 20px;
  }
  .nav-active #nav {
    height: 300px;
    overflow-y: auto;
  }
  .top-list {
    text-align: left;
    padding: 40px 0 10px;
  }
  .top-list li {
    padding: 0 70px 20px;
  }
  .top-list li .fa {
    left: 0;
    right: auto;
  }
}