body{
    background-color:#f2f2f2;
}
#category{
    padding:130px 0 106px 0;
    background-color:#F2F3F5;
}
#category .page-title{
    text-align: center;
    margin-bottom:60px;
}
#category .page-title h1{
    font-size:50px;
}
#category .page-title small{
    font-weight: 500;
    font-size:17px;
}

#category .subcategories{
    padding:10px;
    margin-bottom: 50px;
}
#category .subcategories ul{
    display:flex;
    justify-content:space-between;
    width:740px;
    margin:0 auto;
}
#category .subcategories ul li a{
    display: block;
    width: auto;
    text-decoration: none;
    color: #000;
    position: relative;
    font-size: 17px;
    padding: 2px 15px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}
#category .subcategories ul li:last-child a::after{
    display:none;
}
#category .subcategories ul li a:hover, #category .subcategories ul li a.selected{
    background-color:#d29d34;
    color:#000;
}
#category .news-list{
    display: flex;
    flex-wrap: wrap;
}
#category .news-list li{
    width: 32%;
    box-sizing: border-box;
    margin: 0 2% 70px 0;
}
#category .news-list li a{
    text-decoration: none;
    color:#444;
}
#category .news-list li a:hover{
    opacity:0.9;
}
#category .news-list li:nth-of-type(3n+0){
    margin-right: 0;
}
#category .news-list li a h3{
    font-size:16px;
}
#category .news-list li img{
    width:100%;
}
#category .pagination{
    display: table;
    margin:0 auto;
}
#category .pagination span, #category .pagination a{
    text-decoration: none;
    color:#444;
    font-size:18px;
    padding: 4px 10px;
    margin: 0 3px;
    position: relative;
}
#category .pagination a::after{
    content: ' ';
    width:0;
    height: 2px;
    position: absolute;
    top:0px;
    left:10%;
    background-color: #000;
}
#category .pagination a:hover::after{
    animation: pagination 0.5s forwards;
}
#category .pagination .current::after{
    content: ' ';
    width:80%;
    height: 2px;
    position: absolute;
    top:0px;
    left:10%;
    background-color: #000;
}
@keyframes pagination {
    100%{
        width:80%;
    }
}
@media screen and (max-width:1050px){
    #category .subcategories ul{
        width:100%;
    }
    #category .news-list li{
        width:48%;    
        margin-right: 4%;
    }
    #category .news-list li:nth-of-type(3n+0){
        margin-right: 4%;
    }
    #category .news-list li:nth-of-type(2n+0){
        margin-right: 0;
    }
    #category .subcategories ul li a{
        width:110px;
    }
    #category .news-list li a h3{
        font-size:14px;
    }
}
@media screen and (max-width:850px){
    #category .subcategories ul{
        display:block;
        justify-content:unset;
    }
    #category .subcategories ul li{
        width:100%;
        margin-bottom:10px;
    }
    #category .subcategories ul li a{
        width:50%;
        margin:0 auto;
    }
}
@media screen and (max-width:500px){
    #category .container{
        width:90%;
    }
    #category .subcategories ul li a{
        width:80%;
    }
    #category .news-list li a h3{
        font-size:12px;
    }
}