/* // Small devices (landscape phones, 576px and up) */
/* CSS Styles */
.quantity-controls {
    /* Styles that suit the website's theme */
}

.btn-quantity-change {
    /* Button styles, including padding, border, background, etc. */
    cursor: pointer;
    background-color: white;
    border: 1px solid white;
}

.btn-quantity-change:hover,
.btn-quantity-change:focus {
    /* Interactive states for hover and focus */
}

.quantity-display {
    /* Style to make the quantity display look good */
}

.icon-minus:before,
.icon-plus:before {
    /* Use a font icon library like FontAwesome or similar */
    content: '\f068'; /* FontAwesome Unicode for minus */
    /* ...other styles */
}

.icon-plus:before {
    content: '\f067'; /* FontAwesome Unicode for plus */
    /* ...other styles */
}

@media (min-width: 300px) {
    .my-cart {
        color: #212529;
    }

    .title-cart {
        font-size: 1.8rem;
        opacity: .7;
        margin-bottom: 0;
    }

    .my-cart #myTable tbody tr {
        cursor: auto;
    }

    .my-cart .th-quantity {
        width: 100px;
    }

    .my-cart .quantityInput {
    }

    .product-cart-ref {
        font-size: .6rem;
        color: grey;
        background: rgb(237, 241, 252);
        padding: 5px;
        border-radius: 20px;
        text-align: center;
    }

    .product-cart-tva {
        background: #CD5C5C;
    }

    .product-cart-newref {
        background: #1b9448;
    }

    .th-dlu {
        padding-left: 30px !important;
    }

    .productCartDlu {
        font-size: .9rem;
        border: 1px solid gray;
        padding: 4px 8px;
    }
    .lot{
        font-size: 0.55rem;
    }
    .freeProductCart {
        font-size: .85rem;
        font-weight: bold;
        color: #2E8B57;
    }

    .my-cart .cart-reduction {
        padding: 3px 10px;
        font-size: 18px;
    }

    .tdPriceUnite{
        font-size: 12px;
    }
    .my-cart .old-price-cart {
        font-size: .8rem;
    }

    .my-cart .fa-xmark {
        font-size: 1.5rem;
    }

    .my-cart .fa-xmark:hover {
        color: #96252f;
    }


    /***** SECTION ORDERING *****/
    .cart-order {
        background: #fff;
        margin-top: 48px;
        padding-top: 20px;
        border: 1px solid rgb(214, 215, 216);
        border-radius: 3px;
    }

    .title-order-card {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 30px;
    }

    .total-order {
        font-size: 2rem;
    }

    .order-text-reduction {
        font-size: .8rem;
    }

    .title-order-delivery {
        font-size: 1.5rem;
    }

    .home-address {
        border: 1px solid rgb(214, 215, 216);
        border-radius: 3px;
    }

    .choice-address-delivery {
        background: rgb(230, 234, 242);
        color: #212529;
        font-size: .9rem;
        cursor: pointer;
    }

    .choice-address-delivery:hover {
        background: rgb(214, 214, 214);
        color: #000000;
    }

    .title-order-billing {
        font-size: 1.1rem;
    }

    .billing-title {
        margin-top: 60px !important;
    }

    .informations-address {
        font-size: .9rem;
    }

    .hovered-block:hover {
        background: rgb(230, 234, 242);
        cursor: pointer;
    }

    .checkbox-order {
        font-size: .9rem;
    }

    .edit-address-order {
        font-size: .8rem;
        position: relative;
        left: 50%;
    }

    .new-order-delivery:hover, .new-order-billing:hover {
        font-weight: bold;
        cursor: pointer;
    }

    /** MODAL ADDRESSES **/
    #addressModal {
        z-index: 9999999999999;
    }

    #addAddressModal {
        z-index: 9999999999999;
    }

    .modal-footer {
        border-top: none;
        padding-top: 0;
    }

    .modal-btn-add {
        position: relative;
        right: 82%;
    }

    .modal-btn-add:hover {
        background: #57616b;
        border-color: #57616b;
    }
    .pourcentRebateUnit{
        font-size: 18px;
    }
}
@media
only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 996px)  {

    .tableCart, .theadCart, .tbodyCart, .thCart, .tdCart, .trCart {
        display: block;
    }
    .theadCart .trCart {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .trCart {
        border: 1px solid #ccc;
    }

    .tdCart {
        border: none;
        border-bottom: 2px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .tdImageProduct{
        text-align: center !important;
    }
    .tbodyCart, .tdCart, .tdPriceUnite, .tdQuantity, .tdSousTotal, .tdDeleteProduct {
        text-align: end !important;
    }
    .tdPriceUnite{
        font-size: 16px;
    }
    .tdCart:before {
        position: absolute;
        top: 6px;
        left: 6px;
        white-space: nowrap;
    }
/*!*    Label the data*!*/
    .tdCart:nth-of-type(1):before { content: " "; }
    .tdCart:nth-of-type(2):before { content: "Nom du produit:"; }
    .tdCart:nth-of-type(3):before { content: "DLUC:"; }
    .tdCart:nth-of-type(4):before { content: "Prix pro. unitaire(HTVA):"; }
    .tdCart:nth-of-type(5):before { content: "Quantité:"; }
    .tdCart:nth-of-type(6):before { content: "Sous-total(HTVA):"; }
    .tdCart:nth-of-type(7):before { content: "Supprimer Article:"; }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .tableCart{
        width: 100% !important;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .cart-order{
        width: 100% !important;
    }
    .my-cart{
        width: 100% !important;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}