.list-middle {
   margin-left:auto;
   margin-right:auto;
   width: 30rem;
}

.list-middle > ul {
    list-style:inside none; 
    padding:0; 
    margin:0;
}

.list-middle > ul > li {
    list-style:inside none; 
    padding:0.7143rem; 
    margin:0; 
    float:left; 
    display:block; 
    position:relative;
}



@media (max-width: 767px) {
    .list-middle {
       width: 25rem;
    }
}

@media (max-width: 480px) {
    .list-middle {
       width: 20rem;
    }
}