.hamburger__box.is-active {
    width: 27px;
    height: 23px;
}
.rotateTop {
    transform: rotate(45deg) translateY(1px);
}
.hideMiddle {
    opacity: 0;
}
.rotateBottom {
    transform: rotate(-45deg) translateY(-1px);
}
.displayNoneText {
    display: none;
}
.translate0 {
    transform: translateX(0);
}

/*--------------------
        1024px
--------------------*/
@media screen and (min-width: 1024px){
    .rotateTop,
    .rotateBottom {
        background-color: #fff;
    }
}