@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    header .nav-list {
        justify-content: flex-start;
        overflow-x: auto !important;
    }

        header .nav-list .nav {
            white-space: nowrap;
        }

    header .identity .avatar {
        position: absolute !important;
        top: 15px;
        right: 50px;
    }

    .vitem .inner {
        height: auto;
    }

    .nav-container ul {
        white-space: nowrap;
        padding: 0 15px !important;
        overflow: scroll;
    }

    .nav-container li a {
        font-size: 18px !important;
    }

    .prize-list.result .pzitem {
        width: 75%;
        float: none;
    }

    .knorr-home .post-tabbar {
        position: static;
    }

    .alist {
        margin: 0 10px;
    }

        .alist .aitem {
            padding: 15px 5px;
        }

            .alist .aitem .inner {
                height: auto;
                min-height: unset;
            }

    .pdlist {
        padding: 15px 15px 15px 0;
        display: block;
    }

        .pdlist .pditem {
            min-width: 160px;
        }
            .pdlist .pditem .inner img {
                height: 200px !important;
                width: 150px !important;
            }

    .knorr-post .post-container .body-container .post .image img {
        width: 100% !important;
        height: 100% !important;
    }

    .knorr-terms .top-headline {
        height: 50px;
    }

        .knorr-terms .top-headline .body-container {
            line-height: 50px;
            font-size: 24px;
        }

    .popup-product {
    }

        .popup-product #product-popup-content {
            min-width: 100% !important;
            top: 0 !important;
            left: 0 !important;
            text-align: center;
        }

        .popup-product .product-box {
            display: block;
            overflow-y: auto;
            max-height: 95vh;
        }

        .popup-product .product-image {
            margin: 15px auto;
        }

        .popup-product .product-info-box {
            padding-left: 0;
        }
}

@media screen and (device-aspect-ratio: 40/71) {
    .nav-container li a {
        font-size: 16px !important;
    }

    header .identity .avatar {
        top: 7px;
        right: 50px;
        height: 30px;
        width: 30px;
    }
}