.list_top .pagation .title,

.list_top .pagation .pagation_list,

.list_top .pagation .product_top_btns {

    display: flex !important

}



.list_news .lists {

    margin-top: calc((100 / 14.8) * 1%)

}



.list_news .lists .item {

    --l-w: 367px;

    padding: 35px;

    background: #fff;

    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.29);

    margin-bottom: 47px

}



.list_news .lists .item:last-child {

    margin-bottom: 0

}



.list_news .lists .item:first-child {

    box-shadow: unset;

    margin-bottom: 62px;

    padding: 0;

    --l-w: 620px

}



.list_news .lists .item:first-child .img {

    padding-bottom: calc((480 / 14) * 1%);

    padding: 0;

    height: auto

}



.list_news .lists .item:first-child .rrr {

    background: #f2f4f6;

    padding: 25px 25px 25px 40px

}



.list_news .lists .item:first-child .more {

    border-color: var(--color-main);

    background: var(--color-main);

    color: #fff !important

}



.list_news .lists .item .img {

    padding-bottom: calc((244 / 13.3) * 1%);

    padding: 0;

    height: auto;

}



.list_news .lists .item .rrr {

    padding: 0 10px 0 35px

}



.list_news .lists .item .rrr a {

    display: block

}



.list_news .lists .item .rrr .title {

    font-weight: bold;

    font-size: 24px;

    color: #000000

}



.list_news .lists .item .rrr time {

    display: block;

    font-weight: 400;

    font-size: 16px;

    color: #333333;

    margin-top: 15px

}



.list_news .lists .item .rrr .desc {

    font-weight: 400;

    font-size: 16px;

    color: #333333;

    line-height: 35px;

    margin-top: 15px

}



.list_news .lists .item .rrr .more {

    margin-top: 34px;

    font-weight: 400;

    font-size: 18px;

    color: var(--color-main);

    border: 1px solid var(--color-main);

    line-height: 1;

    padding: 21px 46px;

    display: inline-flex

}



.list_news .lists .item .rrr .more:hover {

    border-color: var(--color-main);

    background: var(--color-main);

    color: #fff !important

}



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

    .list_top .pagation .product_top_btns .down {

        display: none !important;

    }

}



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

    .flex_main .lll {

        position: relative

    }



    .list_news .lists .item {

        margin-bottom: 30px !important;

        padding: 20px

    }



    .list_news .lists .item:first-child .rrr {

        padding: 20px !important

    }



    .list_news .lists .item .lll,

    .list_news .lists .item .rrr {

        width: 100%

    }



    .list_news .lists .item .lll {

        height: 0 !important;

        padding-bottom: 100% !important

    }



    .list_news .lists .item .rrr {

        padding: 0 !important

    }



    .list_news .lists .item .rrr .more {

        font-size: 16px;

        padding: 15px;

        margin-top: 15px

    }

}