.stacktable {
    width: 100%;
}

.st-head-row {
    padding-top: 1em;
}

.st-head-row.st-head-row-main {
    font-size: 1.5em;
    padding-top: 0;
}

.st-key {
    width: 49%;
    text-align: right;
    padding-right: 1%;
}

.st-val {
    width: 49%;
    padding-left: 1%;
}



/* RESPONSIVE EXAMPLE */

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

@media (max-width: 768px) {
    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }

    /*** personalizacion *****/
    table.stacktable.tabla-movil {}

    table.stacktable.tabla-movil tbody {}

    table.stacktable.tabla-movil tbody tr {}

    table.stacktable.tabla-movil tbody tr:last-child {
        border: none !important;
    }

    table.stacktable.tabla-movil tbody tr th.st-head-row.st-head-row-main {
        border-bottom: 1px solid #000000;
        font-size: 20px !important;
        padding-left: 15% !important;
    }

    table.stacktable.tabla-movil tbody tr th.st-head-row {
        font-size: 15px !important;
    }

    table.stacktable.tabla-movil tbody tr.totales {
        border-bottom: 1px solid #000000 !important;
    }

    table.stacktable.tabla-movil tbody tr th.st-head-row div.borrar {
        width: 15%;
        float: left;
    }

    table.stacktable.tabla-movil tbody tr th.st-head-row div.borrar span.glyphicon {
        font-size: 24px;
    }

    table.stacktable.tabla-movil tbody tr th.st-head-row div.nombre_prod {
        width: 85%;
        float: left;
        font-size: 12px;
    }

    table.stacktable.tabla-movil tbody tr td.st-key,
    table.stacktable.tabla-movil tbody tr td.st-val {
        text-align: right !important;
        padding: 3px !important;
        font-size: 15px !important;
    }

    table.stacktable.tabla-movil tbody tr td.st-val {}

    /*** FIN personalizacion *****/

}