.menu-burger {
    display: none;
    z-index: 51;
  }

  @media (max-width: 1024px) {
    body.lock {
      overflow: hidden;
    }

    .menu-burger {
     display: block;
     position: relative;
     width: 30px;
     height: 20px;
     z-index: 51;
  }
  
  .menu-burger span {
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 2px;
    /* left: -10px; */
    top: 9px;
  }
  
  .menu-burger::before,
  .menu-burger::after {
    content: '';
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 2px;
    /* left: -10px; */
  }
  
  .menu-burger::before {
    top: 0;
  }
  
  .menu-burger::after {
    bottom: 0;
  }
  
  .menu-burger.active::before {
    transform:rotate(45deg);
    top: 9px;
  }
  
  .menu-burger.active::after {
    transform:rotate(-45deg);
    bottom: 9px;
  }
  
  .menu-burger.active span {
    transform:scale(0);
  }
  
  .nav__link {
    margin: 5px auto;
  }
}