.cart-head h3 {
    padding-bottom: 10px;
    margin: 10px 0 20px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    display: inline-block;
    color: #323232;
}

.header {
    background: #fff;
}

/*.cart-page-content {*/
/*    padding: 15px;*/
/*}*/

.cart-page-item .img-pro {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.name-pro {
    font-weight: bold;
    font-size: 15px;
    padding: 5px 0;
    display: block;
    color: #40444e;
    text-align: left;
}

.cart-page-quality {
    cursor: pointer;
}

.cart-page-quality input::-webkit-outer-spin-button,
.cart-page-quality input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-page-item {
    margin-bottom: 20px;
}

.cart-page-price {
}

.cart-page-item .cart-page-price span{
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    color: #111111;
}

.item-total-price {
    padding: 5px 0;
}

.item-total-price span {
    font-weight: 600;
    font-size: 14px;
}

.item-total-price span.total-money {
    font-size: 16px;
    color: #e38181;
}

.cart-page-item .remove {
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    margin: 5px 0;
    color: #111111;
}

/*right*/
.cart-page-right {
    padding: 20px;
    border: 1px solid var(--gray-color);
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgba(51, 51, 51, .3);
}

.right-total-price {
    padding: 10px 0 20px;
    border-bottom: 1px dot-dash #f4f4f4;
}

.descriptionCustomer ul li {
    margin-bottom: 10px;
    font-style: italic;
    line-height: 24px;
    color: #666666;
}

.cart-checkout-button {
    padding: 10px 0;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    background-color: var(--main-color);
    border-radius: 10px;
    border: none;
    outline: none;
}

.cart-checkout-button:hover {
    color: #fff;
    background: #82a3d0;
}

.right-total-price span {
    font-size: 16px;
    color: #343434;
}

.right-total-price span.tp_product_price {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #4c4c4c;
}

/*cart note*/

.cart-page-note .note-head h4{
    padding-bottom: 10px;
    margin: 10px 0 20px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-transform: capitalize;
}

.note-left-content .note-content {
    border: 1px solid #666666;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    outline: none;
}

.note-right-content ul li{
    margin-bottom: 10px;
    font-style: italic;
    line-height: 24px;
    color: #666666;
}

@media (min-width: 1200px) {
    .cart-page-content .cart-page-item .cart-page-quality input {
        width: 50px;
        color: #3a3a3a;
    }
}

@media (min-width: 992px) {
    .cart-page-item .cart-page-quality input {
        width: 35px;
    }

    .cart-page-left {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .cart-page-left {
        padding: 15px 35px;
        border: 1px solid var(--gray-color);
        border-radius: 10px;
        box-shadow: 0 3px 5px 0 rgba(51, 51, 51, .3);
        background: #fff;
    }

    .cart-page-note,
    .cart-page-right {
        background: #fff;
    }

    .cart-page {
        background: #f7f7f7;
    }

    .cart-page-quality i {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        background: #f4f4f4;
    }

    .cart-page-quality input {
        width: 30px;
        border: none;
        text-align: center;
        outline: none;
    }
    .cart-page-note {
        padding: 35px;
        border-radius: 10px;
        box-shadow: 0 3px 5px 0 rgba(51, 51, 51, .3);
    }

    .right-item-box {
        text-align: center;
    }

}

@media (max-width: 767px) {
    .cart-head h3 {
        display: block;
    }

    .cart-page-item .cart-page-price span {
        color: #95b7dc;
    }

    .name-pro {
        color: #3d3d3d;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .cart-page-item {
        padding: 20px 0;
        border-bottom: 1px solid #e2e2e2;
    }

    .right-item-box {
        position: relative;
    }

    .cart-page-quality {
        position: absolute;
        bottom: 20px;
    }

    .cart-page-quality input {
        width: 35px;
        height: 25px;
        padding: 0 6px;
        font-size: 12px;
        float: left;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none;
        text-align: center;
        color: #828282;
    }

    .cart-page-quality i {
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #dcdcdc;
        color: #828282;
        cursor: pointer;
        float: left;
        font-size: 8px;
    }

    .cart-page-quality i.fa-minus {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .cart-page-quality i.fa-plus {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px
    }

    .item-total-price .remove {
        margin-top: 15px;
    }

    .cart-page-content {
        padding: 0;
    }

    .cart-page-price .tp_product_price {
        color: var(--main-color);
    }

    .item-total-price .remove,
    .item-total-price span {
        font-weight: 500;
        color: #686868;
    }

    .cart-page-note {
        padding: 15px;
    }

    .cart-page-note .note-head h4 {
        margin-bottom: 0;
    }

    /*cart header*/
    .header .mobile-header-top {
        padding-bottom: 10px;
    }

    .header-mobile {
        margin-bottom: 0;
    }

    .breadcrumbs.active {
        top: 76px;
        padding: 12px 0;
    }

    .mobile-header-bottom,
    .back-top-icon {
        display: none;
    }
/*    end cart header*/
}

@media (max-width: 540px) {
    .right-item-box .cart-page-quality {
        bottom: 15px;
    }

    .name-pro {
        font-size: 14px;
        padding: 0;
        font-weight: 600;
    }

    .item-total-price span.total-money {
        font-size: 14px;
    }

    .item-total-price span {
        font-size: 13px;
    }

    .right-item-box .col-md-2,
    .right-item-box .col-md-3,
    .right-item-box .col-md-4 {
        padding: 0;
    }

}

@media (max-width: 480px) {
    .cart-page-item .right-item-box .cart-page-quality {
        bottom: 10px;
    }
    .name-pro {
        font-size: 12px;
    }

}

@media (max-width: 414px) {
    .PageContainer .breadcrumbs.active {
        top: 76px;
        padding: 12px 0;
    }
}