@media screen and (max-width: 950px) {
    .detailarticleview {
        width: 90%;
    }

    .detailarticleview_wrapper {
        flex-direction: column;
    }

    .detailarticleview_wrapper .detailarticleview_mailservice,
    .detailarticleview_wrapper .detailarticleview_similar {
        width: 100%;
        padding: 0;
    }

    .detailarticleview thead th:not(:first-child) {
        display: none;
    }

    .detailarticleview td, .detailarticleview th {
        margin: 5px;
        display: block;
        clear: both;
    }

    .detailarticleview td[data-th]:before {
        content: attr(data-th);
        float: left;
    }

    .detailarticleview .button.desktop {
        display: none;
    }

    .detailarticleview .button.mobile {
        display: block;
    }


}