@media screen and (max-width: 1100px) {
    .list_blog .blogs ul{
        justify-content: space-around;
    }
    .list_blog .blogs ul li{
        width: 40%;
        height: 100%;
    }
}
@media screen and (max-width: 1000px){
    .list_blog .blogs ul li {
        width: 40rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
@media screen and (max-width: 450px){
    .list_blog .blogs ul li {
        width: 100%;
    }
    .list_blog .blogs ul li .info{
        height: 100%;
        padding: 1.5rem;
    }
    .list_blog .blogs ul li .info h2{
        padding-bottom: 2rem;
        font-size: 1.8rem;
        line-height: 2.3rem;
        text-align: center;
    }
    .list_blog .blogs ul li .info .text{
        padding-bottom: 3rem;
        font-size: 1.5rem;
        line-height: 2.3rem;
        text-align: center;
    }
    .list_blog .blogs ul li .image{
        height: 100%;
    }
    .list_blog .blogs ul li .info_date .date,
    .list_blog .blogs ul li .info_date .view_more{
        font-size: 1.7rem;
        line-height: 3rem;
    }
}