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

    .p_group_item{
        display: grid;
        width: calc(100% - 32px);
        grid-template-columns: auto;
        grid-template-rows: 30px auto auto;
        margin: 16px;
    }

    .p_group_item_title{
        grid-column: 1;
        grid-row: 1;
        font-size:12px;
        border-bottom: 1px solid #CCCCCC;
    }

    .p_group_item_img{
        grid-column: 1;
        grid-row: 2;
        padding: 8px;
        text-align: center;
    }

    .p_group_item_img img{
        max-width: calc(100% -16px);
        max-height: 284px;
    }

    .p_group_item_text{
        grid-column: 1;
        grid-row: 3;
        padding: 8px;
    }

}