@media only screen and (max-width: 768px) {
    
    p { 
        font-size: 16px; 
        line-height: 1.5; 
        margin-bottom: 1.5em;
    }

    .article-container .content-left-area,
    .article-container .content-right-area { 
        width: 100%; 
        float: none;
    }
    
    .article-container h2 { 
        word-break: break-all;
    }

    .article-container .content-left-area li { 
        display: inline-block;
        position: relative;
    
    }
    
    .article-container .content-left-area li:not(:first-child) { 
        margin: 0 6px;
    }
    
    .article-container .content-left-area li:after { 
        content: "/"; 
        display: block; 
        position :absolute;
        top: 0; 
        left: -10px;
    }
    
    .article-container .content-left-area li:first-child:after,
    .article-container .content-left-area li:nth-child(2):after { 
        content: "";
    }
    
    .article-container .content-left-area span {
        width: 25px;
        height: 25px;
    }
}