#sub-list{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#sub-list > div{
    border-radius: 15px;}
#sub-list > div img{
    width: 100%;
    border-radius: 15px;
}


@media print, screen and (min-width: 1301px){
#sub-list > div{
    margin-bottom: 15px;
    margin-right: 15px;
    width: calc((100% - 30px) / 3);
}
#sub-list > div:nth-of-type(3n){
    margin-right: 0;
    }
}

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

#sub-list > div{
    margin-bottom: 15px;
    width: calc((100% - 15px) / 2);
}
#sub-list > div:nth-of-type(2n){
    margin-left: 15px;
}
}