.menu-item{
    font-size: 16px;
    padding: 20px 20px 20px 30px;
    text-align: left;
}

.menu-contact{
    padding: 30px 20px 20px 20px;
    position: sticky;
    bottom: 0px;
    display: flex;
    vertical-align: middle;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    header.scroll-fix .logo,
    .logo {
        background: url('../assets/images/logo_pad.png') no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        margin-top: 16px;
    }

    header.scroll-fix .logo {
        width: 48px;
        height: 48px;
        margin-top: 8px;
    }
}

@media screen and (min-width: 576px) and (max-width: 1199px) {

    /* 隱藏選單和logo */
    .logo {
        display: none;
    }

    header .container {
        display: none;
    }

    /* 設定選單滑進的寬度 */
    .menu-bg {
        width: 60%;
        max-width: 60%;
    }

    #menu-container .menu-list {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        padding-top: 19%;
    }

    .content {
        z-index: 999;
    }

}


@media screen and (max-width: 360px) {

    #nav1 {
        padding-left: 20px;
    }


    #nav5, .no-next {
        font-size: 16px;
        padding: 20px 20px 20px 30px;
        text-align: left;
    }

    #nav6, .no-next {
        font-size: 16px;
        padding: 20px 20px 20px 30px !important; 
        text-align: left;
    }

    #nav8, .no-next {
        font-size: 16px;
        padding: 20px 20px 20px 30px;
        text-align: left;
    }

    #menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
        font-size: 16px;
        padding: 20px 20px 20px 30px;
        text-align: left;
    }
}


/* @media screen and (min-width: 480px) and (max-width: 767px) {

    .prev{
        bottom: calc(100vw*0.19) !important;
    }

    .next{
        bottom: calc(100vw*0.19) !important;
    }

} */