@media (max-width: 480px) {
    .background {
        height: 60vh;
        background-image: linear-gradient(to bottom,
                rgba(0, 0, 0, 0.9) 5%,
                rgba(0, 0, 0, 0.2) 20%,
                rgba(0, 0, 0, 0.2) 80%,
                rgba(0, 0, 0, 0.8) 100%),
            url("../img/banner_mobile.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0.26rem 0.75rem 0 0.75rem;
    }

    /* Header */
    .header__navigation-desktop {
        display: none;
    }

    .header__navigation-mobile {
        display: flex;
        display: block;
    }

    .header__navigation-mobile-top {
        display: flex;
        align-items: center;
        text-align: center;
        padding: 1rem 1rem;
    }

    .header__navigation-mobile-top img {
        width: 1rem;
        padding-left: 1rem;
        padding-right: 18rem;
    }

    .header__navigation-mobile-top i {
        color: var(--color-primary);
        width: 1rem;
        padding-right: 1rem;
    }

    .header__navigation-mobile-bottom ul {
        display: flex;
        justify-content: center;
        padding: 1rem 1rem;
        gap: 1rem;
    }

    .header__navigation-mobile-bottom ul li a {
        justify-content: center;
        text-decoration: none;
        text-align: center;
        color: var(--color-primary);
        font-family: var(--font-primary);
    }

    .header__navigation-mobile-bottom i {
        color: var(--color-primary);
    }

    /* Banner */
    .banner {
        display: flex;
        width: auto;
        align-items: center;
        text-align: center;
        padding: 13rem 1rem 1rem 1rem;
    }

    .banner__title {
        display: block;
        color: var(--color-primary);
        font-size: 2rem;
        padding-bottom: 1rem;
    }

    .banner img {
        display: none;
    }

    .banner__description {
        display: none;
    }

    .banner__button {
        display: flex;
    }

    .button__addlist {
        display: block;
        color: var(--color-primary);
        font-family: var(--font-primary);
        font-weight: bold;
        background-color: transparent;
        border: 0;
    }

    .button__watch {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
    }

    .button__information {
        display: none;
    }

    .button__information-mobile {
        display: block;
        color: var(--color-primary);
        font-family: var(--font-primary);
        font-weight: bold;
        background-color: transparent;
        border: 0;
    }

    /* List */
    .list {
        padding: 0;
    }

    .list-title {
        font-size: 1rem;
    }

    .list-series {
        padding: 0 1rem;
    }

    .scroll {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
    }

    .scroll::-webkit-scrollbar {
        display: none;
    }

    .scroll img {
        width: 35%;
    }

    .footer__mobile {
        display: block;
        display: flex;
        text-align: center;
        justify-content: space-around;
        padding: 1rem 0;
    }

    .footer__mobile ul {
        display: flex;
        gap: 1rem;
    }

    .footer__mobile li a {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
        color: var(--color-primary);
        font-family: var(--font-primary);
        font-size: 1rem;
        gap: 0.5rem;
        text-decoration: none;
    }

    .footer__mobile img {
        width: 1rem;
    }

    .footer__desktop {
        display: none;
    }
}