@media screen and (min-width: 1200px) {
    .news_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .news-item {
        width: 32%;
        margin-bottom: 30px;
        background-color: #f9f9f9;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }

    .new-img {
        width: 100%;
        height: 216px;
        overflow: hidden;
    }



    .new-img a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .new-img a img {
        width: 100%;
        height: auto;
        transition: all 200ms linear;
    }

    .new-img:hover a img {
        transform: scale(1.1);
    }

    .new-date {
        padding: 30px 30px 20px 30px;
        cursor: default;
        color: #959595;
        font-size: 18px;
    }

    .new-titles {
        padding: 0 30px 0 30px;
        font-size: 24px;
        line-height: 30px;
        width: 100%;
        font-weight: bold;
    }

    .new-text {
        margin: 20px 0 30px;
        width: 100%;
        font-size: 20px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 36px;
        box-sizing: border-box;
        padding: 0 30px 0px 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

    .container_details {
        margin-top: 50px;
    }

    .details_title {
        text-align: center;
        padding-bottom: 10px;
    }

    .details_img {
        width: 80%;
        display: block;
        margin: 0 auto 30px;
    }

    .details_img img {
        width: 100%;
        height: auto;
    }

    .details_text {
        width: 100%;
        margin-bottom: 50px;
    }

    .details_text strong {
        font-weight: bold;
    }

    .details_text p {
        padding: 0 20px 10px;
        font-size: 20px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 36px;
    }

}

@media screen and (max-width: 1200px) and (min-width: 870px) {
    .news_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .news-item {
        width: 32%;
        margin-bottom: 30px;
        background-color: #f9f9f9;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }

    .new-img {
        width: 100%;
        height: 216px;
        overflow: hidden;
    }



    .new-img a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .new-img a img {
        width: 100%;
        height: auto;
        transition: all 200ms linear;
    }

    .new-img:hover a img {
        transform: scale(1.1);
    }

    .new-date {
        padding: 30px 30px 20px 30px;
        cursor: default;
        color: #959595;
        font-size: 18px;
    }

    .new-titles {
        padding: 0 30px 0 30px;
        font-size: 24px;
        line-height: 30px;
        width: 100%;
        font-weight: bold;
    }

    .new-text {
        margin: 20px 0 30px;
        width: 100%;
        font-size: 20px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 36px;
        box-sizing: border-box;
        padding: 0 30px 0px 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

    .container_details {
        margin-top: 50px;
    }

    .details_title {
        text-align: center;
        padding-bottom: 10px;
    }

    .details_img {
        width: 80%;
        display: block;
        margin: 0 auto 30px;
    }

    .details_img img {
        width: 100%;
        height: auto;
    }

    .details_text {
        width: 100%;
        margin-bottom: 50px;
    }

    .details_text strong {
        font-weight: bold;
    }

    .details_text p {
        padding: 0 20px 10px;
        font-size: 20px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 36px;
    }

}

@media screen and (max-width: 870px) {
    .news_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .news-item {
        width: 100%;
        margin-bottom: 30px;
        background-color: #f9f9f9;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }

    .new-img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }



    .new-img a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .new-img a img {
        width: 100%;
        height: auto;
        transition: all 200ms linear;
    }

    .new-img:hover a img {
        transform: scale(1.1);
    }

    .new-date {
        padding: 10px;
        cursor: default;
        color: #959595;
        font-size: 18px;
    }

    .new-titles {
        padding: 0 10px;
        font-size: 20px;
        line-height: 30px;
        width: 100%;
        font-weight: bold;
    }

    .new-text {
        margin: 20px 0 30px;
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 24px;
        box-sizing: border-box;
        padding: 0 10px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

    .container_details {
        margin-top: 80px;
    }

    .details_title {
        text-align: center;
        padding-bottom: 10px;
    }

    .details_img {
        width: 100%;
        display: block;
        margin: 0 auto 30px;
    }

    .details_img img {
        width: 100%;
        height: auto;
    }

    .details_text {
        width: 100%;
        margin-bottom: 50px;
    }

    .details_text strong {
        font-weight: bold;
    }

    .details_text p {
        font-size: 18px;
        font-weight: 500;
        color: #0d0d0e;
        line-height: 24px;
        margin-bottom: 10px;
    }

}