.table {
    text-align: right;
    direction: rtl;
}

.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.products > div:not(:last-child) {
    margin: 2rem auto;
    padding: 0 0 2rem 0;
    box-shadow: 0px 0px 5px 2px #ccc;
}


@media (max-width: 575.98px) {
    #shopping-cart tr,#shopping-cart td{
        text-align: center;
    }

    #shopping-cart tr{
        margin-bottom:2rem;
    }

    table#cart {
        padding:1rem;
    }

    table#cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }

    table#cart thead {
        display: none;
    }

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

    table#cart tbody tr td:first-child {
        background: #333;
        color: #fff;
    }

    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;
    }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*// Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) and (max-width: 991.98px) {*/
/**/
/*}*/

/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) and (max-width: 1199.98px) {*/
/**/
/*}*/

/*// small devices (mobiles 1576px and up)*/
/*@media (min-width: 576px) {*/

/*}*/

/*//  medium devices (tablets, 786px and up)*/
/*@media (min-width: 786px) {*/
    /*#shopping-cart{*/
        /*margin:2rem!important;*/
    /*}*/
/*}*/

/*// large devices (laptops, desktops, 992px and up)*/
/*@media (min-width: 992px) {*/

/*}*/

/*// Extra large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px) {*/

/*}*/