﻿#cart_top_div {
    display: table;
    width: 92%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.cart_error {
    text-align: right;
    color: red;
}


.heading {
    font: normal normal normal 24px/31px "din-2014" !important;
    min-height: 50px !important;
}

.table_row {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 100px;
    min-height: 100px;
    align-items: center;
}

.table_row.fee {

}

    .table_row.fee .cart_item_thumb {
        position: absolute;
    }

    .table_row.fee .cart_item_thumb,
    .table_row.fee .row_item.cart_count {
        visibility: hidden;
    }

    .row_item {
        display: table;
    }

#cart_items {
    float: left;
    width: 100%;
}

#gift_item {
    float: left;
    margin-top: 10px;
    font: normal normal normal 20px/25px "din-2014";
        
}

.cart_products {
    float: left;
    display: block;
}

.cart_item_name2 {
    font: normal normal 700 20px / 25px "din-2014";
    text-align: left;
    width: auto;
}

.cart_item_outofstock {
    font: normal normal normal 16px/25px "din-2014";
    color: red;
}

.cart_count {
    text-align: center;
}

/*.cart_count {
    width: 17px;
    height: 20px;
    text-align: center;
    background: #3876F1;
    color: #fff;
    position: relative;
    left: 30px;
    padding: 0 7px;
    border-radius: 10px;
}*/
.cart_count input {
    width: 30px;
}

.cart_price {
    float: left;
}

.cart_price_font {
    font: normal normal normal 18px/25px "din-2014";
    display: table-cell;
    vertical-align: middle;
}

.cart_price_total_font {
    font: normal normal 700 20px/25px "din-2014";
    display: table-cell;
    vertical-align: middle;
}

.cart_price_total {
    float: left;
    text-align: right;
}

.cart_price, .cart_price_total {
    letter-spacing: 0.2px;
    text-align: right;
}

.cart_buttons {
    display: flex;
    vertical-align: middle;
    font-size: 0.8em;
    justify-content: center;
}

.cart_shipping_free {
    font: normal normal normal 20px/25px "din-2014";
    float: right;
    padding: 10px;
}

.cart_shipping_free2 {
    font: normal normal normal 20px/25px "din-2014";
    float: left;
    padding: 10px;
    background: #E5F7EA80 0% 0% no-repeat padding-box;
    border: 1px solid #A0E1B3;
    border-radius: 10px;
}

.cart_summary_row {
    font: normal normal 700 20px/25px "din-2014";
}

#cart_help {
    float: right;
    padding: 20px 50px 20px 50px;
    margin: 10px 0 70px 0;
    background: rgba(206, 214, 221, .2) 0% 0% no-repeat padding-box;
    border: 1px solid #CED6DD;
    border-radius: 10px;
}

#div_discount_code {
    width: 100%;
    float: left;
}

.discount_textbox_label {
    margin-right: 10px;
    line-height: 40px;
}

/***************************************************************************************************/
/*                                  */
/*         IPHONE 4 - BEGIN         */
/*                                  */
/* ALL ORIENTATION */
/* for SMALL devices - smaller than 767px - iPhone 4 - iPhone 6s */
@media screen and (max-device-width : 767px) {
    .heading .cart_price_total, .cart_buttons, .cart_mobile_price {
        display: none;
    }

    .cart_arrow, .not_active_header {
        display: none;
    }


    .div_button {
        /*float: right;*/
        display: block;
        font: normal normal bold 18px/23px "din-2014";
    }

    #cart_button_panel .cart_back_shop {
        margin: 0;
    }

        #cart_button_panel .cart_back_shop a {
            margin: 0;
            padding: 5px 0;
            font: normal normal bold 16px/20px "din-2014";
        }

    #cart_help {
        margin: 10px;
    }

/*    .cart_item, .cart_item_name, .cart_item_params, .cart_buttons {
        display: block;
    }
*/

    .cart_item_thumb {
        float: left;
    }


    .cart_item_img {
        width: 70%;
    }

    .cart_item {
        background-color: transparent;
        border-bottom: 1px solid #333;
        border-top: 0;
        border-right: 0;
        border-bottom: 1px solid #333;
    }

    .cart_item_params {
        float: left;
    }

    .cart_count, .cart_price, .cart_price_total {
        display: none;
    }

        .cart_count a {
            display: none;
        }

        .cart_count input {
            border: none;
        }

    #cart_top_div .table_row {
        display: block;
        width: 100%;
    }

    .cart_item_thumb {
        width: 27%;
        margin: 3%;
    }

    .cart_item_img {
        width: 100%;
    }

    .cart_products {
        width: 100%;
        margin-left: 10px;
    }

    .cart_item_name2 {
        width: 60%;
        float: left;
        display: block;
        font: normal normal 700 16px/20px "din-2014";
    }

    .cart_mobile_count_price {
        display: block;
        margin-top: 10px;
    }

    .cart_mobile_count {
        font: normal normal bold 16px/20px "din-2014";
        font-weight: normal;
        margin-right: 20px;
    }

    .cart_mobile_price {
        font: normal normal 700 16px/20px "din-2014";
        letter-spacing: 0.16px;
    }

    .cart_item_mobile_delete {
        float: left;
        width: 5%;
        margin-top: 10%;
        display: block;
    }
}
