@media only screen and (max-width: 768px) {
    .highstore table.shop_table_responsive thead, .highstore-page table.shop_table_responsive thead {
        display: none
    }

    .highstore table.shop_table_responsive tbody tr:first-child td:first-child, .highstore-page table.shop_table_responsive tbody tr:first-child td:first-child {
        border-top: 0
    }

    .highstore table.shop_table_responsive tbody th, .highstore-page table.shop_table_responsive tbody th {
        display: none
    }

    .highstore table.shop_table_responsive tr, .highstore-page table.shop_table_responsive tr {
        display: block
    }

        .highstore table.shop_table_responsive tr td, .highstore-page table.shop_table_responsive tr td {
            display: block;
            text-align: left !important
        }

            .highstore table.shop_table_responsive tr td.order-actions, .highstore-page table.shop_table_responsive tr td.order-actions {
                text-align: right !important
            }

            .highstore table.shop_table_responsive tr td::before, .highstore-page table.shop_table_responsive tr td::before {
                content: attr(data-title) ": ";
                font-weight: 700;
                float: right
            }

            .highstore table.shop_table_responsive tr td.actions::before, .highstore table.shop_table_responsive tr td.product-remove::before, .highstore-page table.shop_table_responsive tr td.actions::before, .highstore-page table.shop_table_responsive tr td.product-remove::before {
                display: none
            }

        .highstore table.shop_table_responsive tr:nth-child(2n) td, .highstore-page table.shop_table_responsive tr:nth-child(2n) td {
            background-color: rgba(0,0,0,.025)
        }

    .highstore table.my_account_orders tr td.order-actions, .highstore-page table.my_account_orders tr td.order-actions {
        text-align: right
    }

        .highstore table.my_account_orders tr td.order-actions::before, .highstore-page table.my_account_orders tr td.order-actions::before {
            display: none
        }

        .highstore table.my_account_orders tr td.order-actions .button, .highstore-page table.my_account_orders tr td.order-actions .button {
            float: none;
            margin: .125em 0 .125em .25em
        }

    .highstore .col2-set .col-1, .highstore .col2-set .col-2, .highstore-page .col2-set .col-1, .highstore-page .col2-set .col-2 {
        float: none;
        width: 100%
    }

    .highstore ul.products[class*=columns-] li.product, .highstore-page ul.products[class*=columns-] li.product {
        width: 48%;
        float: right;
        clear: both;
        margin: 0 0 2.992em
    }

        .highstore ul.products[class*=columns-] li.product:nth-child(2n), .highstore-page ul.products[class*=columns-] li.product:nth-child(2n) {
            float: left;
            clear: none !important
        }

    .highstore #content div.product div.images, .highstore #content div.product div.summary, .highstore div.product div.images, .highstore div.product div.summary, .highstore-page #content div.product div.images, .highstore-page #content div.product div.summary, .highstore-page div.product div.images, .highstore-page div.product div.summary {
        float: none;
        width: 100%
    }

    .highstore #content table.cart .product-thumbnail, .highstore table.cart .product-thumbnail, .highstore-page #content table.cart .product-thumbnail, .highstore-page table.cart .product-thumbnail {
        display: none
    }

    .highstore #content table.cart td.actions, .highstore table.cart td.actions, .highstore-page #content table.cart td.actions, .highstore-page table.cart td.actions {
        text-align: right
    }

        .highstore #content table.cart td.actions .coupon, .highstore table.cart td.actions .coupon, .highstore-page #content table.cart td.actions .coupon, .highstore-page table.cart td.actions .coupon {
            float: none;
            padding-bottom: .5em
        }

            .highstore #content table.cart td.actions .coupon::after, .highstore #content table.cart td.actions .coupon::before, .highstore table.cart td.actions .coupon::after, .highstore table.cart td.actions .coupon::before, .highstore-page #content table.cart td.actions .coupon::after, .highstore-page #content table.cart td.actions .coupon::before, .highstore-page table.cart td.actions .coupon::after, .highstore-page table.cart td.actions .coupon::before {
                content: ' ';
                display: table
            }

            .highstore #content table.cart td.actions .coupon::after, .highstore table.cart td.actions .coupon::after, .highstore-page #content table.cart td.actions .coupon::after, .highstore-page table.cart td.actions .coupon::after {
                clear: both
            }

            .highstore #content table.cart td.actions .coupon .button, .highstore #content table.cart td.actions .coupon .input-text, .highstore #content table.cart td.actions .coupon input, .highstore table.cart td.actions .coupon .button, .highstore table.cart td.actions .coupon .input-text, .highstore table.cart td.actions .coupon input, .highstore-page #content table.cart td.actions .coupon .button, .highstore-page #content table.cart td.actions .coupon .input-text, .highstore-page #content table.cart td.actions .coupon input, .highstore-page table.cart td.actions .coupon .button, .highstore-page table.cart td.actions .coupon .input-text, .highstore-page table.cart td.actions .coupon input {
                width: 48%;
                box-sizing: border-box
            }

                .highstore #content table.cart td.actions .coupon .button.alt, .highstore #content table.cart td.actions .coupon .input-text + .button, .highstore table.cart td.actions .coupon .button.alt, .highstore table.cart td.actions .coupon .input-text + .button, .highstore-page #content table.cart td.actions .coupon .button.alt, .highstore-page #content table.cart td.actions .coupon .input-text + .button, .highstore-page table.cart td.actions .coupon .button.alt, .highstore-page table.cart td.actions .coupon .input-text + .button {
                    float: left
                }

        .highstore #content table.cart td.actions .button, .highstore table.cart td.actions .button, .highstore-page #content table.cart td.actions .button, .highstore-page table.cart td.actions .button {
            display: block;
            width: 100%
        }

    .highstore .cart-collaterals .cart_totals, .highstore .cart-collaterals .cross-sells, .highstore .cart-collaterals .shipping_calculator, .highstore-page .cart-collaterals .cart_totals, .highstore-page .cart-collaterals .cross-sells, .highstore-page .cart-collaterals .shipping_calculator {
        width: 100%;
        float: none;
        text-align: right
    }

    .highstore-page.highstore-checkout form.login .form-row, .highstore.highstore-checkout form.login .form-row {
        width: 100%;
        float: none
    }

    .highstore #payment .terms, .highstore-page #payment .terms {
        text-align: right;
        padding: 0
    }

    .highstore #payment #place_order, .highstore-page #payment #place_order {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 1em
    }

    .highstore .lost_reset_password .form-row-first, .highstore .lost_reset_password .form-row-last, .highstore-page .lost_reset_password .form-row-first, .highstore-page .lost_reset_password .form-row-last {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .highstore-account .highstore-MyAccount-content, .highstore-account .highstore-MyAccount-navigation {
        float: none;
        width: 100%
    }

    .single-product .twentythirteen .panel {
        padding-right: 20px !important;
        padding-left: 20px !important
    }
}
