@media screen and (max-width: 1280px) {

    .box {
        height: 200px;
    }

    .box-bottom-middle,
    .box-middle {
        width: 100%;
    }
    
    .box-middle ul li {
        width: 48%;
    }

    .box-middle ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

}

@media screen and (max-width: 700px)  {

    .box {
        background-size: cover;
        background-position: 15%;
    }
    
    .box-middle ul li {
        width: 100%;
    }

}