.table>tbody>tr>td, .table>tfoot>tr>td{

    vertical-align: middle;

}



.shopping-cart-items {

    list-style-type: none;



}


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

    table#cart tbody td .form-control{



        display: inline !important;

    }

    .actions .btn{

        width:36%;

        margin:1.5em 0;

    }

     .show-order-container .cart-panel .actions .btn.btn-danger {
        width: 10%;
        margin-top: 0px;
    }



    .actions .btn-info{

        float:left;

    }

    .actions .btn-danger{

        float:right;

    }



    table#cart thead { display: none; }

    table#cart tbody td { display: block; padding: .6rem; min-width:320px;}

    table#cart tbody td:before {

        content: attr(data-th); font-weight: bold;

        display: inline-block; width: 8rem;

    }







    table#cart tfoot td{display:block; }

    table#cart tfoot td .btn{display:block;}



}