menu responsive

@media only screen and (max-width: 768px) {
        .header {
            width: 100%;
            height: 50px;
        }
        .header .menu {
            width: 100%;
            height: 50px;
        }
        .header .menu .ul {
            width: 100%;
            height: 50px;
        }
        .header .menu .ul .li {
            width: 100%;
            height: 50px;
            text-align: center;
        }
        .header .menu .ul .li .a {
            width: 100%;
            height: 50px;
            line-height: 50px;
            display: block;
        }
    }