@media screen and (max-width: 768px) {
    .header-mobile {
        position: fixed;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5.333333vw; /* 20 / 375 */
        box-sizing: border-box;
        width: 100%;
        height: 10.666667vw; /* 40 / 375 */
        z-index: 999999;
    }

    .header-mobile.shadow {
        box-shadow: 0 0 5.333333vw rgba(0,0,0,0.2); /* 20 / 375 */
        background: #fff;
    }

    .header-mobile .header-logo{
        /*width: 21.866667vw; !* 82 / 375 *!*/
        height: 7.466667vw; /* 28 / 375 */
    }
    .header-mobile .header-more{
        width: 4.266667vw; /* 16 / 375 */
        height: 4.266667vw; /* 16 / 375 */
    }
}