.news_section {
    max-width: 1200px;
    margin: auto;
    width: 94%
}

.card_design_container ul {
    display: flex;
    flex-wrap: wrap
}

.card_design_container ul li {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
    box-shadow: 0 0 10px -2px #c7c7c7
}

.card_design_container ul li:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 768px) {
    .card_design_container ul li {
        width:47%;
        margin-right: 6%;
        margin-bottom: 6%
    }

    .card_design_container ul li:nth-child(3n) {
        margin-right: 6%
    }

    .card_design_container ul li:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 480px) {
    .card_design_container ul li {
        width:100%;
        margin-right: 0
    }

    .card_design_container ul li:nth-child(3n) {
        margin-right: 0
    }
}

.card_design_container ul li a {
    display: block
}

.card_design_container ul li a .img_box {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 60%;
    display: block
}

.card_design_container ul li a .img_box img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.card_design_container ul li a .text_box {
    display: block;
    background: var(--white);
    padding: 15px 8px 10px 15px;
    border-top: 2px solid var(--site_color1)
}

.card_design_container ul li a .text_box .news_date {
    margin-bottom: 15px;
    color: var(--secondary)
}

.list_design_container li {
    border-bottom: 1px solid var(--secondary)
}

.list_design_container li:first-child {
    border-top: 1px solid var(--secondary)
}

.list_design_container li a {
    width: 100%;
    padding: 35px 30px 25px;
    display: block;
    transition: all 0.5s
}

@media (max-width: 768px) {
    .list_design_container li a {
        padding:15px 8px
    }
}

.list_design_container li a .news_date {
    margin-bottom: 10px;
    color: var(--secondary)
}

@media (max-width: 768px) {
    .list_design_container li a .news_date {
        margin-bottom:5px
    }
}
