@media (max-width: 768px){
        .sc-main-page__container {
            width: 100%;
        }
    }
    .article-card-title {
        color: #58595d;
        font-size: 18rem;
        line-height: 24rem;
        font-weight: 600;
        margin-bottom: 6rem;
    }
    .article-card-title a {
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
        font-size: inherit;
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #58595d;
    }
    .article-banner__content-title {
        font-size: 24px;
        line-height: 32px;
        color: #58595d;
        font-weight: 700;
    }
    .article-banner__content-title a {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
    }
    .article-nav-title {
        font-size: 24rem;
        line-height: 28rem;
        font-weight: 600;
        margin-bottom: 24rem;
    }
    .article-grade-title {
        color: #58595d;
        margin-bottom: 23rem;
        font-size: 24rem;
        line-height: 34rem;
        font-weight: 700;
    }
    .litlist-title {
        font-size: 24rem;
        line-height: 30rem;
        font-weight: 600;
        color: #58595d;
        margin-bottom: 24rem;
    }
    .modal-thunks-title {
        margin-bottom: 8rem;
        font-size: 24rem;
        line-height: 34rem;
        font-weight: 700;
    }
    .sc-spec-allitems__wrapper-content-title {
        font-size: 36rem;
        line-height: 40rem;
        font-weight: 700;
        color: #58595d;
        hyphens: none;
        margin-bottom: 25rem;
    }
    .modal-warning-title {
        color: #02d0b3;
        font-size: 48rem;
        line-height: 56rem;
        font-weight: 700;
    }   
    @media (max-width: 992px) {
        .article-card-title h3 {
            font-size: 16rem;
            line-height: 22rem;
            margin-bottom: 3rem;
        }
        .article-banner__content-title {
            font-size: 20px;
            line-height: 28px;
        }
        .article-nav-title {
            font-size: 20rem;
            line-height: 24rem;
            margin-bottom: 12rem;
        }
        .article-grade-title {
            font-size: 20rem;
            line-height: 26rem;
            margin-bottom: 16rem;
        }
        .litlist-title {
            font-size: 20rem;
            line-height: 26rem;
            margin-bottom: 20rem;
        }
        .modal-thunks-title {
            font-size: 24rem;
            line-height: 32rem;
        }
        .sc-spec-allitems__wrapper-content-title {
            font-size: 32rem;
            line-height: 36rem;
            margin-bottom: 32rem;
        }
        .modal-warning-title {
            font-size: 32rem;
            line-height: 40rem;
        }   
    }
    @media (max-width: 768px) {
        .article-card-title h3 {
            font-size: 14rem;
            line-height: 18rem;
            margin-bottom: 4rem;
        }
        .article-banner__content-title {
            font-size: 16px;
            line-height: 24px;
        }
        .article-nav-title {
            font-size: 16rem;
            line-height: 20rem;
            font-weight: 700;
            margin-bottom: 16rem;
            color: #fff;
        }
        .article-grade-title {
            font-size: 18rem;
            line-height: 24rem;
            max-width: 240rem;
        }
        .litlist-title {
            font-size: 18rem;
            line-height: 24rem;
            margin-bottom: 16rem;
        }
        .modal-thunks-title {
            font-size: 20rem;
            line-height: 28rem;
        }
        .sc-spec-allitems__wrapper-content-title {
            font-size: 24rem;
            line-height: 32rem;
            hyphens: auto;
            margin-bottom: 24rem;
        }
        .modal-warning-title {
            font-size: 24rem;
            line-height: 32rem;
        }
    }