@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
/* Custom injected code*/
    th {
        display: none;
    }

    tr {
        display: block;
    }

    .col1:before, .col2:before, .col3:before, .col4:before,.col5:before {
        font-weight: bold;
        display: block;
    }

/* naming fields */
    td.col1:before {
        content:"Produto";
    }

    td.col2:before {
        content:"Quantidade";
    }

    td.col3:before {
        content:"Tamanho";
    }

    td.col4:before {
        content:"Marca";
    }

    td.col5:before {
        content:"Cores";
    }

/* positioning fields */
    td.col1 {
        display: block;
        position: relative;
        top: 3px !important;
        margin-left: 0px;
        width: 192px;
    }

    td.col2 {
        display: block;
        position: relative;
        top: -37px !important;
        margin-left: 170px;
        width: 192px;
    }

    td.col3 {
        display: block;
        position: relative;
        top: -28px !important;
        margin-left: 0px;
        width: 192px;
    }

    td.col4 {
        display: block;
        position: relative;
        top: -126px !important;
        margin-left: 170px;
        width: 192px;
    }

    td.col5 {
        display: block;
        position: relative;
        top: -62px !important;
        margin-left: 0px;
    }

    td.col6 {
        display: block;
        position: relative;
        top: -55px !important;
        margin-left: 0px;
    }


    button.add {
        margin-top: -28px;
        position: relative;
        display: block;
    }
}