.toggle-menu {
        position: relative;
        width: 31px;
        height: 51px;
        min-width: 31px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
    }
    header.open .toggle-menu {
        top: 0px;
        left: 2px;
    }

header.open .toggle-menu span {
    background-color: white;
}

    header.open .toggle-menu span:nth-child(1) {
        transform: rotate(405deg);
        transform-origin: left top;
        position: relative;
        left: 3px;
        width: 110%;
    }

    header.open .toggle-menu span:nth-child(2) {
        transform: scalex(0) rotate(360deg);
    }

    header.open .toggle-menu span:nth-child(3) {
        transform: rotate(-405deg);
        transform-origin: left top;
        position: relative;
        left: 1px;
        top: 2px;
        width: 110%;
    }

    .toggle-menu span {
        display: block;
        margin: 4px 0;
        width: 100%;
        height: 3px;
        background: black;
        transition: 0.5s;
    }
@media screen and (max-width: 1024px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
        background-color: white;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    body header .header-box .logo {
        margin: auto;
        margin-left: 60px;
    }
    header nav {
        display: none;
    }

    header.open nav {
        display: block;
        width: 100%;
    }

    body header .header-box nav ul {
        justify-content: center;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    body header .header-box .phone-box {
        display: flex;
    }

    body .header-box .phone-box a {
    }
    body header.open .header-box .phone-box {
        margin: auto;
        padding-bottom: 10px;
        padding-top: 0;
        display: inline-block;
        justify-content: center;
        background-image: none;
        padding-left: 0;
    }

    .phone-box li {
        padding-left: 15px;
    }
}