.cat-wrapper{
    margin-top: 38px;
    margin-bottom: 118px;
}
.cat-wrapper .section-header{
    margin-bottom: 1rem;
}
.cat-list > div{
    margin-bottom: 60px
}
.cat-wrapper .category-tags{
    margin-bottom: 42px;
}
.category-tags .header{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;  
    text-align: center;  
    padding: 3px 6px 4px;
    border: 1px solid #000000;
    border-radius: 24px;
    margin-right: 10px;
    height: 19px;
}

.category-tag-list{
    flex-wrap: wrap;
}
.category-tag-list .tag{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 0.5rem;
    padding: 0;
    border: none;
    margin-right: 0;
}
.category-tag-list .tag:not(:last-of-type){
    padding-right: 1rem;
}
.category-tag-list .tag:not(:last-of-type):after{
    content: "/";
    padding-left: 1rem;
}

.cat-more-btn{
    margin:0 auto;
}

@media screen and (max-width: 980px) {
    .cat-wrapper .category-tags{
        margin-bottom: 36px;
    }
    .category-tag-list .tag:not(:last-of-type){
        padding-right: 0.75rem;
    }
    .category-tag-list .tag:not(:last-of-type):after{
        padding-left: 0.75rem;
    }    
}
@media screen and (max-width: 620px) {
    .cat-wrapper .category-tags{
        margin-bottom: 25px;
    }
    .category-tags .header{
        margin-right: 19px;
    }
    .category-tag-list .tag{
        font-size: 14px;
    }
    .category-tag-list .tag:not(:last-of-type){
        padding-right: 0.5rem;
    }
    .category-tag-list .tag:not(:last-of-type):after{
        padding-left: 0.5rem;
    }    
}

/*  category */
.cat-wrapper .article-column{
    flex-wrap: wrap;
}
.cat-list-main{
    width: 100%;
    flex-wrap: wrap;
}
.cat-list-main > div{
    width: 100%;
}

.cat-list-main{
    --gap: 20px;
    margin-bottom: 88px;
}

.cat-list-main .top-row{
    margin-bottom: 65px;
}
.cat-list-main .main-article{
    flex-grow: 2;
}
.cat-list-main .sec-articles{
    margin-right: 0;
}
.cat-list-main .sec-articles > div:not(:last-of-type){
    margin-bottom: 69px;
}

.cat-list .card .card-info{
    padding-left: 0;
}

@media screen and (max-width: 1120px) {
    .cat-list-main{
        margin-bottom: 60px;
    }
    .cat-list-main .top-row{
        flex-wrap: wrap;
    }
    .cat-list-main .top-row > div{
        width: 100%;
        margin-right: 0;
    }
    .cat-list-main .top-row .sec-articles{
        display: flex;    
        justify-content: space-between;
        margin-top: 2.5rem;
    }
    .cat-list-main .top-row .sec-articles > div{
        width: calc((100% - 20px) / 2);
        margin-bottom: 0;
    }
    .cat-list-main .top-row{
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 1080px) {
    .cat-list-main .bottom-row .card .lead{
        display: none;
    }
}
@media screen and (max-width: 1020px) {
    .cat-list-main{
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        border-bottom: 2px solid #000;
    }
    .cat-list-main .top-row{
        margin-bottom: 2rem;
    }
    .cat-list-main .bottom-row{
        display: block;
    }
    .cat-list-main .bottom-row > div{
        width: 100%;
        margin-bottom: 1rem;
    }
    .cat-list-main .bottom-row .card{
        display: flex;
    }
    .cat-list-main .bottom-row .card-image{
        margin-bottom: 0;
        width: 100%;
    }
    .cat-list-main .bottom-row .card-info{
        padding-left: 1rem;
    }
    .cat-list > div{
        margin-bottom: 2.5rem;
    }
    .cat-list .card .lead{
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .list-wrapper.aside-2 .asd-column{
        display: none;
    }    
}

@media screen and (max-width: 620px) {
    .cat-list-main .top-row .sec-articles{
        display: block;
    }  
    .cat-list-main .top-row .sec-articles > div{
        width: 100%;
    }  
    .cat-list-main .top-row .sec-articles > div:not(:last-of-type){
        margin-bottom: 2rem;
    }
    .cat-list-main .top-row .sec-articles .card-image{
        width: 100%;
    }  
    .cat-list-main .bottom-row .card{
        display: block;
    }
    .cat-list-main .bottom-row .card-image{
        margin-bottom: 0.5rem;
    }
    .cat-list-main .bottom-row .card-info{
        padding-left: 0;
    }
}

/*  Search */

.search-cat{
    margin: 33px 0 46px;
    max-width: 604px;
}
.search-cat .search-box-inner{
    position: relative;
}
.search-cat .search-box-inner .searchBox{
    border-bottom: 1px solid #000;
    max-width: 566px;
}
.search-cat .search-box-inner .search-btn{
    position: absolute;
    right: 0;
    top: 0;
}
.search-cat p{
    font-weight: 400;
    font-size: 14px;
    line-height: 134%;
    margin-top: 12px;
}
.search-cat .search-wrapper .clear{
    position: absolute;
    right: 40px;
}