@media (max-width: 767px) {
    table.cart thead {
        display: none;
    }

    table.cart,
    table.cart > tbody#cart,
    table.cart > tbody#cart > tr {
        position: relative;
    }

    table.cart > tbody#cart > tr {
        display: block;
    }

    table.cart > tbody#cart > tr > td.cart-col-position {
        display: block;
        padding: 40px 0 0 0;
        position: absolute;
        width: 24px;
        height: 100%
    }

    tbody#cart > tr > td.cart-col-quantity {
        padding-top: 38px;
        width: 66px !important;
        display: inline-block;
        position: absolute;
        left: 24px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        height: 100%;
        z-index: 1;
    }

    tbody#cart > tr > td.cart-col-image {
        display: inline-block;
        position: relative;
        padding: 15px 93px 15px 94px;
        text-align: center;
        width: 100%
    }

    tbody#cart > tr > td.cart-col-image > div {
        float: none !important;
        display: inline-block
    }

    tbody#cart > tr > td.cart-col-image img {
        max-width: 100%
    }

    tbody#cart > tr > td.cart-col-image > table {
        width: 100%
    }

    tbody#cart > tr > td.cart-col-image > table td {
        display: block;
        text-align: center
    }

    tbody#cart > tr > td.cart-col-description {
        display: inline-block;
        width: 100%;
        border-left: 1px solid #BDBDBD;
        position: relative;
        background: #fff;
        z-index: 2;
    }

    tbody#cart > tr > td.cart-col-sum,
    tbody#cart > tr > td.cart-col-total {
        display: inline-block;
        position: absolute;
        right: 0;
        border: 1px solid #BDBDBD;
        width: 92px;
        font-size: 12px !important;
        height: 50px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        z-index: 1
    }

    tbody#cart > tr > td.cart-col-sum > span.cart-col-sum-title,
    tbody#cart > tr > td.cart-col-sum > span.cart-col-total-title,
    tbody#cart > tr > td.cart-col-total > span.cart-col-sum-title,
    tbody#cart > tr > td.cart-col-total > span.cart-col-total-title {
        display: block;
        margin: 0
    }

    tbody#cart > tr > td.cart-col-sum {
        top: 0;
        height: 50px;
        padding-top: 8px
    }

    tbody#cart > tr > td.cart-col-total {
        top: 49px;
        padding: 5px 0
    }

    tbody#cart > tr > td.cart-col-total > span {
        font-size: 10px
    }

    .delete-overlay {
        position: fixed;
        top: calc(50% - 55px);
        width: calc(100% - 32px) !important;
        height: auto !important;
        left: 25px;
        right: 25px;
        z-index: 999;
    }

    .delete-overlay > .buttons {
        z-index: 1000;
    }
}