/* Change max-width to 767px after renaming Новогодние Акции back to Акции */
@media (max-width: 767px) {
    .header-container .menu {
        display: none;
    }

    .header-container .hamburger {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 20px 25px 0 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: inline-block;
        float: right;
    }

    .header-container .hamburger span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #3a5067;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    .header-container .hamburger span:nth-child(1) {
      top: 0px;
    }

    .header-container .hamburger span:nth-child(2),.header-container .hamburger span:nth-child(3) {
      top: 8px;
    }

    .header-container .hamburger span:nth-child(4) {
      top: 16px;
    }

    .header-container .hamburger.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%;
    }

    .header-container .hamburger.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    .header-container .hamburger.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .header-container .hamburger.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%;
    }

    .slide-menu {
        display: block;
        position: fixed;
        top: 0;
        left: -221px;
        width: 220px;
        height: 100vh;
        background: #333333;
        z-index: 100;
        transition: left 400ms;
    }

    .slide-menu.open {
        left: 0;
    }

    .body-wrapper .darker {
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.5);
        position: absolute;
        z-index: 99;
        display: none;
    }

    .slide-menu ul {
        margin: 0;
        padding: 0;
    }

    .slide-menu ul li {
        padding-left: 16px;
        height: 54px;
        border-bottom: 2px solid #1c1c1c;
        font-family: "CenturyGothicRegular", sans-serif;
        font-size: 16px;
        line-height: 54px;
        vertical-align: middle;
    }

    .slide-menu ul li.active a {
        border-bottom: 1px solid #e7e7e7;
    }

    .slide-menu ul li a {
        color: #e7e7e7;
    }

    .slide-menu .mobile-social-buttons {
        margin-top: 20px;
    }

    .slide-menu .mobile-social-buttons a {
        margin: 0 15px;
    }
}