@media (max-width: 1200px) {
  .header nav {
    display: block;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 100;
    left: -100%;
    opacity: 0;
    transition: all 0.6s;
    background-color: #fff;
  }
  .header nav > li {
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
  }
  .header nav > li a {
    color: #222;
    transition: all 0.3s;
  }
  .header nav > li::before {
    content: '';
    transition: all 0.3s;
    position: absolute;
    top: 19px;
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 68px;
    background: url(../images/moblie-arrow-down.png) no-repeat center center;
  }
  .header nav > li:first-child::before {
    position: initial;
    width: 0;
    height: 0;
  }
  .header nav > li.li-lang-change::before {
    position: initial;
    width: 0;
    height: 0;
  }
  .header nav .active::before {
    display: none;
  }
  .header nav .mobile-nav-li::before {
    transform: rotate(180deg);
  }
  .header nav .mobile-nav-li .nav-child-ul {
    display: block;
    position: initial;
    margin-top: -18px;
  }
  .header nav .mobile-nav-li .nav-child-ul-scheme {
    display: block;
    position: initial;
    margin-bottom: 24px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header nav .mobile-nav-li .nav-child-li {
    height: auto;
    line-height: 20px;
    color: rgba(34, 34, 34, 0.7);
  }
  .header nav .mobile-nav-li .nav-child-li .nav-child-li-three {
    height: 20px;
    line-height: 20px;
  }
  .header nav .mobile-nav-li .nav-child-li .nav-child-li-three a {
    font-size: 16px;
  }
}