.menu-mobile-btn{
    display: none;position: absolute;right: 0;top: 0; bottom: 0; margin: auto; z-index: 3; width: 20px;height: 16px;
    .btn-mobile{
        display: block; width: 20px;height: 16px;
        @include transition(all 200ms ease-out);
        .bar{
            position: absolute;width: 100%;height: 2px;left: 0;background-color: $color-primary;margin: auto;
            @include transition(all 200ms ease-out);
            @include border-radius(2px);
            &:nth-child(1){top: 0;};
            &:nth-child(2){top: 0; bottom: 0;}
            &:nth-child(3){top: 0; bottom: 0;}
            &:nth-child(4){bottom: 0;}
        }
        &.close{opacity: 1;
            .bar{
                &:nth-child(1){top: 0; opacity: 0;}
                &:nth-child(2){top: 0; bottom: 0;
                    @include transform(rotate(45deg));
                }
                &:nth-child(3){top: 0; bottom: 0;
                    @include transform(rotate(-45deg));
                }
                &:nth-child(4){bottom: 0; opacity: 0;}
            }
        }
    }
}