html,body{
    font-size: 10px;
}
@media (min-width: 769px){
    .row{
        /* margin: 4rem */
    }
    .news_box_item:hover{
        color: #006E55!important;
    }
    .news_box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2rem;
        /* background-color: pink; */
    }
    .news_box:hover{
        box-shadow: 0 8px 43px 0 rgba(6, 6, 6, 0.15);
    }
    .news_box:hover > .news_box_left{
        background-color: #006E55!important;
        color: #fff!important;
    }
    .news_box:hover > .news_box_middle{
        color: #006E55;
    }
    .news_box_left{
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #E5F0EE;
        padding: 40px 10px;
        box-sizing: border-box;
    }
    .news_box_left span:nth-child(1){
        font-size: 3.2rem;
    }
    .news_box_left span:nth-child(2){
        font-size: 2.2rem;
    }
    .news_box_middle{
        width: 65%;
        display: flex;
        flex-direction: column;
        /* background-color: skyblue; */
        padding: 4rem;
    }
    .news_box_middle_title{
        font-size: 3rem;
        font-weight: bold;
    }
    .news_box_middle_desc{
        font-size: 1.8rem;
        overflow: hidden;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_box_right{
        width: 20%;
        height: 18.8rem;
    }
    .news_box_right img{
        width: 100%;
        height: 18.8rem;
    }
    .pages{
        width: 100%;
        padding-left: 1rem!important;
    }
    .pagination{
        width: 100%;
        margin: 0 0 0 0.5rem!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pages .page-item{
        width: 5rem;
        height: 5rem;
        text-align: center;
        line-height: 4rem;
        font-size: 2rem;
    }

    

}
@media (max-width: 768px) and (min-width: 0px){
    .row{
        margin: 2rem 0;
    }
    .news_box{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem;
        /* background-color: pink; */
    }
    .news_box{
        box-shadow: 0 8px 43px 0 rgba(6, 6, 6, 0.15);
    }
    .news_box:hover > .news_box_left{
        background-color: #006E55!important;
        color: #fff!important;
    }
    .news_box:hover > .news_box_middle{
        color: #006E55;
    }
    .news_box_left{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #E5F0EE;
        padding: 40px 10px;
    }
    .news_box_left span:nth-child(1){
        font-size: 3.2rem;
    }
    .news_box_left span:nth-child(2){
        font-size: 2.2rem;
    }
    .news_box_middle{
        width: 100%;
        display: flex;
        flex-direction: column;
        /* background-color: skyblue; */
        padding: 4rem;
    }
    .news_box_middle_title{
        font-size: 2rem;
        font-weight: bold;
    }
    .news_box_middle_desc{
        font-size: 1.6rem;
        overflow: hidden;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_box_right{
        width: 100%;
        /* height: 18.8rem; */
    }
    .news_box_right img{
        width: 100%;
        height: 100%;
    }

    .pages{
        width: 100%;
        padding-left: 1rem!important;
    }
    .pagination{
        width: 100%;
        margin: 0 0 0 0.5rem!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pages .page-item{
        width: 5rem;
        height: 5rem;
        text-align: center;
        line-height: 4rem;
        font-size: 2rem;
        
    }

    
}