﻿.menu-toggle-btn {
    margin: 15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
    margin-top: 22px;
}

    .menu-toggle-btn label {
        position: absolute;
        background: #fff;
        display: block;
        width: 100%;
        height: 4px;
        left: 0;
        cursor: pointer;
        -webkit-transition: .1s ease-in-out;
        -moz-transition: .1s ease-in-out;
        -o-transition: .1s ease-in-out;
        transition: .1s ease-in-out;
    }

        .menu-toggle-btn label:nth-child(2) {
            top: 0px;
        }

        .menu-toggle-btn label:nth-child(3), .menu-toggle-btn label:nth-child(4) {
            top: 12px;
        }

        .menu-toggle-btn label:nth-child(5) {
            top: 24px;
        }

    .menu-toggle-btn.open label:nth-child(2) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

    .menu-toggle-btn.open label:nth-child(3) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-toggle-btn.open label:nth-child(4) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-toggle-btn.open label:nth-child(5) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

@media screen and (max-width: 815px) {
    .menu-toggle-btn {
        margin:0;
        margin-top:22px;
    }
}
