.checkout-header{
    width: 100%;
    border-bottom: 2px solid var(--color-black);
    display: flex;
    justify-content: center;
    padding: 14px 0px;
    margin-bottom: 48px;
    position: relative;
}
.checkout-header .logo-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 0;
    border-right: 0;
    width: 173px;
}
.mall-quick-checkout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
}

.mall-quick-checkout__content-column {
    grid-area: 1 / 1 / 2 / 8;
}


.mall-quick-checkout__cart-column {
    grid-area: 1 / 8 / 2 / 13;
    padding: 36px;
    background-color: var(--color-silver);

}

.cart-column-wrapper{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    align-self: start;
}

.cart-column-wrapper .mall-cart__table tr td {
    padding: 24px 0;
    border-bottom: 1px solid var(--color-lightgray);
}

.cart-column-wrapper .mall-cart__table tr.mall-cart__muted-row td{

    padding: 5px 0;
    border-bottom: 0px solid var(--color-lightgray);
    color: var(--color-lightgray);

}

.cart-column-wrapper .mall-cart__table tr.mall-cart__muted-row.black-text td{
color: var(--color-black);

}
.mall-cart__muted-row.black-text.mall-cart__taxes td{
    padding-top: 15px !important;
}

.cart-column-wrapper .mall-cart__table tfoot tr td {
    padding: 12px 0;
    border-bottom: 1px solid var(--color-lightgray);
}

.cart-column-wrapper .mall-cart__table tr.mall-cart__product:first-child td {
    padding-top: 0;
}
.cart-column-wrapper .mall-cart__grand-total {
     display: table-row;
    justify-content: space-between;
    align-items: flex-start;
    font-family: var(--font-primary-bold);
    font-size: 18px;
    line-height: 25px;
    width: 100%;
}

tr.mall-cart__product {
    vertical-align: top;
}

.cart__product__info p{
    font-size: var(--checkout-label-font-size);
    line-height: var(--checkout-label-line-height);
    font-family: var(--font-primary-regular);
    margin-top: 8px;
}
.cart__product__info a{
    font-size: 18px;
    line-height: 25px;
    font-family: var(--font-primary-bold);
}

.mall-quick-checkout__cart .mall-cart__wrapper{
    display: flex;
}
.mall-table-overflow {
    width: 100%;
}
.checkout-page .container{
    width: calc(100% - 140px);
}
ul.checkout-tabs {
    display: flex;
    margin-bottom: 48px;
}
ul.checkout-tabs li {
    width: 33.33%;
    border-bottom: 2px solid var(--color-black);
    text-align: center;
    padding-bottom: 12px;
    position: relative;
    font-size: 18px;
    font-family: var(--font-primary-regular);
    line-height: 25px;
}
li.order-tab-step {
    cursor: pointer;
}
li.order-tab-step.active-tab {
    cursor: default;
}
ul.checkout-tabs li.active-tab {
    font-size: 18px;
    font-family: var(--font-primary-bold);
    line-height: 25px;
}
ul.checkout-tabs li.active-tab:after {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background-color: var(--color-black);
    /* margin-top: -4px; */
    position: absolute;
    bottom: -5px;
}

.mall-quick-checkout-tab{
    display: none;
}
.mall-quick-checkout-tab.active-tab{
    display: block;
}


.section-heading{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}
a.login-link {
    font-size: 18px;
    text-decoration: underline;
    font-family: var(--font-primary-bold);
    line-height: 25px;
    padding-right: 0;
    margin-right: 0;
}
.mall-quick-checkout .line-divider{
    margin-top: 36px;
    margin-bottom: 24px;
}
.mall-overlay {
    background: rgba(255, 255, 255, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.mall-selection-indicator {
    background-color: #f3f7f9;
    color: #f3f7f9;
    font-weight: 700;
    width: 22px;
    height: 22px;
    line-height: 1;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--color-black);
}
.mall-selection-indicator--active:after {
    background-color: var(--color-black);
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    border-radius: 100%;
}
.mall-selection-indicator--active {
    border: 1px solid var(--color-green);

}
.mall-quick-checkout__toggle-option .mall-selection-indicator {
    margin-right: 20px;
}
a.mall-quick-checkout__toggle-option {
    display: flex;
    border: 1px solid var(--color-black);
    padding: 10px;
    margin-bottom: 12px;
    align-items: center;
}
.mall-quick-checkout__toggle-option-text {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.checkout-foot-note{
    font-size: 15px;
    font-family: var(--font-primary-regular);
    line-height: 21px;
    margin: 36px 0;
}
button.step-forward-checkout {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.order-overview-item{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--color-black);
    padding: 24px 0;
}
.order-overview-item-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.order-overview-item-header .order-overview-item-label{
    color: var(--color-gray);
    font-size: 18px;
    line-height: 24px;
}
.order-overview-item-header button{
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-primary-bold);
    text-decoration: underline;
    padding: 0;
    text-transform: lowercase;
    background: none;
    border: none;
    color: var(--color-black);
}
.order-overview-item-text{
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-primary-bold);
}
.block_type_header.text-left{
    justify-content: flex-start;
}
.order-overview-heading{
    display: none;
}
.customer-current-addresses{
    display: flex;
}
.customer-current-addresses .customer-address{
    padding: 36px;
    border: 1px solid var(--color-black);
    font-size: 18px;
    width: 33%;
}
.order-confirmation-details {
    max-width: 872px;
    padding: 50px 40px;
    border: 1px solid var(--color-black);
}
.order-confirmation-details p{
    font-size: 18px;
    line-height: 34px;
}
.check-inbox-wrapper {
    display: flex;
    align-items: flex-start;
}
.check-inbox-wrapper img {
    margin-right: 20px;
}
.mall-checkout-result__actions {
    display: flex;
}
.gray-button {
    border: 1px solid var(--color-lightgray);
    background: var(--color-lightgray);
    color: var(--color-black);
    padding: 10px 30px;
    display: flex;
    /* max-width: 249px; */
    margin-top: 36px;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
}

/*.mall-cart__product__image img{*/
/*    background-color: var(--color-lightgray);*/
/*}*/
.show_only_in_mobile{
    display: none;
}

.mall-signup-terms h4{
    margin-bottom: 12px;
    font-size: var(--copy-small-font-size);
    line-height: var(--copy-small-font-line-height);
    font-family: var(--font-primary-bold);
}
.mall-signup-terms p{
    margin-bottom: 48px;
    font-size: var(--copy-small-font-size);
    line-height: var(--copy-small-font-line-height);

}
.steps-button.final-step{
    padding-top: 24px;
}
.checkout-footer{
    margin-top: 72px;
}
.checkout-footer-links {
    display: flex;
}
.checkout-footer a{
    margin-bottom: 30px;
    color: var(--color-black);
    display: flex;
    font-size: var(--navigation-footer-font-size);
    line-height: var(--navigation-footer-line-height);
    font-family: var(--font-primary-regular);
    margin-right: 60px;
}


.checkout-phone-icon a:before {
    content: '';
    width: 26px;
    height: 27px;
    margin-right: 12px;
    display: block;
    /*background-color: red;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.723" height="27" viewBox="0 0 17.723 27"> <g id="Group_5678" data-name="Group 5678" transform="translate(-1317.269 -671)"> <g id="Rectangle_439" data-name="Rectangle 439" transform="translate(1317.269 671)" fill="none" stroke="%23000000" stroke-linecap="round" stroke-width="2"> <rect width="17.723" height="27" rx="1" stroke="none"/> <rect x="1" y="1" width="15.723" height="25" fill="none"/> </g> <line id="Line_2467" data-name="Line 2467" x2="3.6" transform="translate(1324.169 693.7)" fill="none" stroke="%23000000" stroke-linecap="round" stroke-width="2"/> </g> </svg>');
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.checkout-email-icon a:before {
    content: '';
    width: 26px;
    height: 25px;
    margin-right: 12px;
    display: block;
    /*background-color: red;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25.061" height="18.039" viewBox="0 0 25.061 18.039"> <g id="Group_5454" data-name="Group 5454" transform="translate(0.5 0.5)"> <g id="Group_2020" data-name="Group 2020" transform="translate(0.5 0.5)"> <path id="Path_673" data-name="Path 673" d="M23.345.5H.5V16.539H23.561V.5Z" transform="translate(-0.5 -0.5)" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Path_674" data-name="Path 674" d="M1.026.5,8.788,5.677,16.551.5" transform="translate(2.742 3.449)" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </g> </svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.checkout-footer-top-section p{
    font-size: 18px;
}
.checkout-customer-service{
    display: flex;
    margin-bottom: 36px;
    margin-top: 24px;
}

.checkout-customer-service .checkout-customer-service__phone{
    margin-right: 60px;
}
.mall-quick-checkout__password-inputs{
    display: none;
}
.packstation-form{
    display: none;
    margin-top: 24px;
}
label.cr-wrapper.mall-checkbox.packstation-toggle {
    align-items: flex-start;
}
label.cr-wrapper.mall-checkbox.packstation-toggle img {
    margin-bottom: 12px;
}

.shipping-method-packstation{
    margin-top: 24px;
}
.mall-cart__grand-row-total_wrapper{
    display: flex;
    justify-content: space-between;
}
.order-overview-item-payment .mall-quick-checkout__toggle-option-logo{
    display: none;
}
.mobileVersionFinalStepButton{
    display: none;
}
.steps-button.mobileVersionStepButton{
    display: none;
}
.mall-btn-checkout{
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.mall-signup-terms a{
    text-decoration: underline;
    font-family: var(--font-primary-bold);
}

.hideShipmentAndPaymentMethod{
    display: none;
}

img.mall-quick-checkout__toggle-option-image {
    max-height: 50px;
}

.checkout-page #layout-footer p,
.checkout-page #layout-footer a
{
    color: #ffffff;
}
@media (max-width: 630px) {

    .show_only_in_mobile{
        display: block;
    }

    .action-user-account, .shopping-cart-cta {
        margin-right: 10px;
    }

    .shop-actions {
        padding-left: 18px;
    }

    .mall-cart__wrapper {
        display: flex;
        flex-direction: column;
        border-top: 0px solid var(--color-black);
    }

    .mall-cart__header{
        display: none;
    }

    .mall-cart__product__image {
        width: 67px;
    }
    .mall-cart__product__image a {
        margin-right: 12px;
        display: block;
    }

    .total-row-price{
        display: none;
    }

    .mall-cart__product {
        position: relative;
    }

    tr.mall-cart__product {
        vertical-align: top;
        display: inline-flex;
        /* flex-direction: column; */
        width: 100%;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--color-lightgray);
    }


    .mall-quick-checkout__cart tr.mall-cart__product {
        vertical-align: top;
        display: table-row;
        /* flex-direction: column; */
        width: 100%;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--color-lightgray);
    }

    .mall-cart__table tr td {
        padding: 12px 0;
        border-bottom: 0px solid var(--color-lightgray);
    }
    td.text-right.cart-product-column-right {
        padding-top: 0;
    }
    td.break-column {
        width: 100%;
        padding: 0 !important;
        line-height: 0;
        visibility: hidden;
    }

    td.mall-cart__product__image.dummy-tab-image {
        visibility: hidden;
    }

    .mall-cart__product .js-mall-remove-product {
        position: absolute;
        top: 12px;
        right: 0;
        text-decoration: underline;
        font-family: var(--font-primary-regular);
    }



    .popup-cart .mall-cart__product .js-mall-remove-product {
        top: 12px;
        right: 12px;
    }

    .show_only_in_mobile span {
        display: block;
        margin: 6px 0 12px;
    }

    .mall-cart__product__info a{
        font-family: var(--font-primary-bold);
        margin-bottom: 6px;
    }

    .mall-cart__product__info span{
        font-size: 14px;
        line-height: 28px;
    }

    .container.cart-wrapper {
        max-width: 100%;
    }
    .container.cart-wrapper .block_type_header {
        padding: 0 24px 24px;
        border-bottom: 2px solid var(--color-black);
    }

    .container.cart-wrapper .mall-cart__wrapper .shopping-cart-col-left {
        grid-area: 1 / 1 / 2 / 8;
        padding: 0 24px;
    }
    .mall-cart__wrapper .shopping-cart-col-right {
        grid-area: 1 / 9 / 2 / 13;
        border: 0px solid var(--color-black);
        padding: 36px;
        border-top: 2px solid;
    }

    .mall-quick-checkout {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .mall-shipping-address {
        margin-top: 24px;
    }
    .steps-button {
        width: calc(100% - 96px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    ul.checkout-tabs li {
        width: 33.33%;
        border-bottom: 2px solid var(--color-black);
        text-align: center;
        padding-bottom: 12px;
        position: relative;
        font-size: 11px;
        font-family: var(--font-primary-regular);
        line-height: 17px;
    }

    ul.checkout-tabs li.active-tab {
        font-size: 13px;
        font-family: var(--font-primary-bold);
        line-height: 17px;
    }

    ul.checkout-tabs li.active-tab:after {
        content: '';
        display: block;
        width: 100%;
        height: 6px;
        background-color: var(--color-black);
        /* margin-top: -4px; */
        position: absolute;
        bottom: -4px;
    }

    .mall-quick-checkout .line-divider {
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .customer-current-addresses .customer-address {
        padding: 18px;
        border: 1px solid var(--color-black);
        font-size: 18px;
        width: 100%;
    }

    .checkout-page .container {
        width: 100%;
        max-width: 100%;
    }

    .checkout-header {
        margin-bottom: 0;
    }
    .mall-quick-checkout__cart-column {

        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
    }
    .checkout-footer {
        margin-top: 12px;
    }
    .checkout-header-summary {
        padding: 12px 48px;
        background-color: var(--color-lightgray);
        border-bottom: 2px solid var(--color-black);
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        font-family: var(--font-primary-bold);
    }
    .checkout-header-summary span:nth-child(2) {
        font-family: var(--font-primary-regular);
    }
    .total-amount-header-mobile {
        font-size: 26px;
        line-height: 30px;
    }
    .order-overview-heading, .mall-quick-checkout__content-column.mall-quick-checkout-tab.tab-order, .checkout-tabs, .mall-quick-checkout__content-column.mall-quick-checkout-tab.tab-overview  {
        padding: 0 48px;
    }
    .steps-button.final-step {
        bottom: 0;
        padding: 24px 0;
    }

    .mall-signup-terms h4{
        margin-bottom: 6px;
    }
    .mall-signup-terms p{
        margin-bottom: 24px;
    }

    button.js-mall-checkout.mall-btn-checkout.mall-btn.mall-btn--secondary {
        width: 100%;
        justify-content: center;
    }
    .checkout-customer-service {
        display: flex;
        margin-bottom: 36px;
        margin-top: 24px;
        flex-direction: column;
    }
    .checkout-footer-links{
        flex-direction: column;
    }

    .shopping-cart-col-right small {
        font-size: 14px;
        line-height: 28px;
    }

    .mall-quick-checkout__shipping-address-option{
        margin-top: 8px;
    }

    .mall-quick-checkout__shipping-address-option span{
        font-size: 16px !important;
        line-height: 22px;
        font-family: var(--font-primary-regular);
    }
    .checkout-footer a {
        margin-bottom: 30px;
        margin-right: 0;
    }

    .mall-quick-checkout__cart .mall-cart__product

}
@media (min-width: 631px) {
    td.break-column, .dummy-tab-image {
        display: none;
    }
}
@media (min-width: 631px) and (max-width: 1200px) {

    .mall-quick-checkout__content-column {
        grid-area: 1 / 1 / 2 / 7;
    }
    .mall-quick-checkout__cart-column {
        grid-area: 1 / 7 / 2 / 13;
        padding: 24px;
        background-color: var(--color-silver);
    }

    .mall-quick-checkout__cart-column .mall-cart__table tr td.mall-cart__product__image {
        padding-right: 12px !important;
        width: 80px;
    }


    .customer-current-addresses .customer-address {
        padding: 36px;
        border: 1px solid var(--color-black);
        font-size: 18px;
        width: 50%;
    }

}
@media (max-width: 430px) {
    .mall-quick-checkout {
        display: flex;
        flex-direction: column;
        position: relative;
    }
}
@media (min-width: 631px) and (max-width: 900px) {
    .mall-quick-checkout {
        display: flex;
        flex-direction: column;
        position: relative;
    }
}
@media (max-width: 900px) {

    .steps-button{
        display: none;
    }

    .steps-button.mobileVersionStepButton{
        display: block;
        margin-top: 24px;
        margin-bottom: 24px;
    }

}
@media (min-width: 901px) {
    .mobileVersionFinalStepButton{
        display: none !important;
    }
}
