.home-header a.menu-icon {
    position: relative;
    justify-self: flex-end;
    display: block;
    width: 32px;
    height: 26.19px;
}

    .home-header a.menu-icon i {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 1.5px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        transition: .15s ease-in-out;
    }

        .home-header a.menu-icon i:nth-child(1) {
            top: 0;
        }

        .home-header a.menu-icon i:nth-child(2) {
            top: 11.595px;
            bottom: 11.595px;
        }

        .home-header a.menu-icon i:nth-child(3) {
            bottom: 0;
        }

    .home-header a.menu-icon.open-menu i:nth-child(1),
    .home-header.active-menu a.menu-icon i:nth-child(1) {
        top: 11.595px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .home-header a.menu-icon.open-menu i:nth-child(2),
    .home-header.active-menu a.menu-icon i:nth-child(2) {
        opacity: 0;
        /*left: -60px;*/
    }

    .home-header a.menu-icon.open-menu i:nth-child(3),
    .home-header.active-menu a.menu-icon i:nth-child(3) {
        bottom: 11.595px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }