@media(min-width: 1200px){
    .category-list {
        width: 100%;
        margin-top: 80px;
    }
    
    .category-list .category-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    
    .category-list .category-box .item {
        width: calc((100% - 90px) / 4);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    
    .category-list .category-box .item img {
        width: 100%;
        height: auto;
    }
    
    .category-list .category-box .item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media(max-width: 1199px){
    .category-list {
        width: 100%;
        margin-top: 8vw;
    }
    
    .category-list .category-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    
    .category-list .category-box .item {
        width: calc((100% - 6vw) / 3);
        margin-right: 3vw;
        margin-bottom: 3vw;
    }
    
    .category-list .category-box .item img {
        width: 100%;
        height: auto;
    }
    
    .category-list .category-box .item:nth-child(3n+3) {
        margin-right: 0;
    }
}