/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /** BRANDS **/
    .sectionBrand {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
        text-align: center;
        position: relative;
        margin-bottom: 80px;
    }

    a .brand-img {
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
        margin-left: 8px !important;
    }
    .contenuRappelConditionsAchat{
        margin-top: 20px;

        justify-content: center;
        text-align: justify !important;
    }

    .brand-img:hover {
        transform: scale(1.2);
    }

    .brand-img-action {
        cursor: pointer;
        transition: transform 0.3s ease-in-out;
        padding: 0 4px;
    }

    .brand-img-action:hover {
        transform: scale(1.1);
    }

    .brandStyle {
        color: #2c4873;
        font-size: .8rem;
        padding: 2px 5px;
        color: #031633;
    }

    .brand-default {
        background: #ECECEC;
        color: #6A6A6A;
    }

    .brand-naturamedicatrix, .brand-naturamedicatrixsprl {
        background: #F6F6CA;
        color: #737322;
    }

    .brand-drjacobsmedical, .brand-jacobsmedical {
        background: #DFE8FF;
        color: #4465D3;
    }

    .brand-oliviepharma {
        background: #E2FFE2;
        color: #509450;
    }

    .brand-natuval {
        background: #FFF5E2;
        color: #B37D1B;
    }

    .brand-callys {
        background: #fcf2f9;
        color: #212529;
        border: 1px solid #fcf2f9;
    }

    /** end BRANDS **/

    /** SEARCHBAR **/
    #myTable_filter input[type="search"] {
        font-size: 3rem;
        border: none;
        border-bottom: 1px solid gray;
        outline: none;
        color: gray;
        margin-bottom: 20px;
    }

    #myTable_filter .fa-search {
        font-size: 3rem;
        position: relative;
        top: 68px;
        right: 0;
        color: gray;
    }

    /** enleve la croix de la barre de recherche **/
    .dataTables_filter input[type="search"]::-webkit-search-cancel-button {
        display: none;
    }

    /** PRODUCT LENGTH FILTER **/
    .dataTables_length {
        display: none;
    }

    #myTable thead th {
        line-height: 18px;
    }

    /** enlèves les flèches top, bottom dans les th **/
    table.dataTable thead th.no-sort::before, table.dataTable thead th.no-sort::after {
        display: none !important;
    }

    th.text-center.align-middle.sorting {
        padding: 0 15px 0 15px !important;
    }

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after {
        font-size: .8rem;
    }

    table.dataTable thead > tr > th.sorting:before {
        margin-bottom: 2px;
    }

    .price-format-tva {
        font-size: .7rem;
    }

    /** DATAS TABLE **/
    #myTable {
        background: #fff;
    }

    #myTable td {
        border-bottom: 6px solid rgb(248, 249, 253);
    }

    #myTable tbody tr:hover {
        background: rgb(237, 238, 240);
    }

    .productActionChocColors{
        background: linear-gradient(143deg, rgba(247,255,230,1) 0%, rgb(230, 252, 204) 63%, rgb(221, 255, 153) 100%);
    }
    .productActionChocColors:hover{
        background: linear-gradient(143deg, rgb(221, 255, 153) 0%, rgb(230, 252, 204) 63%, rgba(247,255,230,1) 100%) !important;
    }
    #myTable_length {
        margin-bottom: 50px;
    }

    #dataTables_filter {
        margin-bottom: 50px;
    }

    #myTable thead {
        background: #fff;
        color: gray;
        border-bottom: 4px solid #ECEFFA;
    }

    #myTable thead th {
        font-weight: 100;
        padding: 27px 8px;
        font-size: .9rem;
        border-bottom: 4px solid #ECEFFA;
    }

    #myTable tbody tr {
        cursor: pointer;
    }

    #myTable tbody tr td {
        font-weight: 500;
    }

    .eyesProduct {
        color: gray;
        width: 50px;
    }

    .priceProduct {
        font-size: 1.2rem;
        font-weight: 700 !important;
    }

    .priceProductConseille {
        color: gray;
    }

    .downloadAnalysis {
        text-decoration: none;
        font-size: 1.3rem;
        color: gray;
        opacity: .9;
        padding: 5px 0;
    }

    .downloadAnalysis:hover {
        color: #212529;
    }

    /** DLU and LOT **/
    .priceDluc {
        font-size: .9rem;
    }

    .dluLasted {
        border: 1px solid gray;
        padding: 5px;
        margin-bottom: 4px;
        font-size: 0.9rem;
    }

    .lotNumberLasted {
        opacity: .6;
        font-size: .8rem;
    }

    /** END DLU and LOT **/
    #myTable select.dluList {
        font-size: .9rem;
        color: #495159;
        padding: 5px 2px !important;
        border: 1px solid #ced4da;
    }

    .btnAddToCart {
        background: #ffbb6f;
        color: #fff;
    }

    /** PAGINATION **/
    .dataTables_paginate {
        margin-bottom: 70px !important;
    }

    .dataTables_wrapper .dataTables_paginate .previous,
    .dataTables_wrapper .dataTables_paginate .next {
        font-size: 1.4rem !important;
    }

    .dataTables_paginate .paginate_button:hover {
        background: #212529 !important;
        border: none !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: rgb(248, 249, 253) !important;
        border: none !important;
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: #212529 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #fff !important;
        background: #212529 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: #fff !important;
    }

    /* FREE PRODUCT */
    .free-product-block {
        display: none;
        position: fixed;
        top: 50px;
        right: -400px;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0 20px;
        max-width: 400px;
        z-index: 9999;
    }

    .closeblockMessage {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        left: 98%;
        bottom: 0;
    }

    .closeblockMessage:hover,
    .closeblockMessage:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    /* END FREE PRODUCT */
    #myModal {
        z-index: 9999999999999999;
    }
    .cnk{
        width:60px;
    }
    .prixTarifPro{
        width:100px;
    }
    .dLUC{
        width:80px;
    }
    .stockTh{
        width:80px;
    }
    .quantiteTh{
        max-width:80px;
    }
    .prixTarifProModal{
        margin-left: 2px !important;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 576px) {
    .logoBrandAccueil{
        margin-top: 20px;
    }
    .closeblockMessage{
        display: none;
    }
    .contenuRappelConditionsAchat{
        margin-top: 20px;
        justify-content: center;
        text-align: justify !important;
    }
    .sectionBrand {
             width: 100% !important;
             text-align: center;
             position: relative;
             margin-bottom: 80px;
         }
    .sectionBrand img {
        width: 80% !important;
    }
    .btn-modal-next, .btn-modal-previous{
        display: none !important;
    }
    .brand-default {
        background: #ECECEC;
        color: #6A6A6A;
    }

    .brand-naturamedicatrix, .brand-naturamedicatrixsprl {
        background: #F6F6CA;
        color: #737322;
    }

    .brand-drjacobsmedical, .brand-jacobsmedical {
        background: #DFE8FF;
        color: #4465D3;
    }

    .brand-oliviepharma {
        background: #E2FFE2;
        color: #509450;
    }

    .brand-natuval {
        background: #FFF5E2;
        color: #B37D1B;
    }

}

@media (min-width: 1401px){
    .promotionCartGreen {
        font-size: 1.3rem !important;
        padding-right: 1px !important;
        padding-left: 1px !important;
    }
    .contenuRappelConditionsAchat{
        width: 50% !important;
    }
}
@media (min-width:1201px) and (max-width: 1400px) {
    .promotionCartGreen{
        font-size: 0.90rem !important;
        padding-right: 1px !important;
        padding-left: 1px !important;
    }
    .contenuRappelConditionsAchat{
        width: 50% !important;
    }
}
@media (min-width:992px) and (max-width: 1201px) {
    .btnLink{
        width: 20% !important;
    }
    .contenuRappelConditionsAchat{
        width: 50% !important;
    }
    .promotionCartGreen{
        font-size: 1.2rem !important;
        padding-right: 1px !important;
        padding-left: 1px !important;
    }
}

@media (min-width:768px) and (max-width: 992px) {
    .contenuRappelConditionsAchat{
        width: 90% !important;
    }
    .promotionCartGreen{
        text-wrap: none;
        font-size: 0.85rem !important;
        padding-right: 1px !important;
        padding-left: 1px !important;
    }
    .btnLink{
        font-size: 13px;
        margin-left: 2%;
        width: 17% !important;
    }
    .dluLasted {
        font-size: 0.7rem;
    }
    .contenuRappelConditionsAchat{
        margin-top: 20px;
        width: 100% !important;
        justify-content: center;
        text-align: justify !important;
    }
}

@media (max-width: 767px) {

    .section-more-desc {
        display: flex;
        flex-direction: column;
    }
    .btn-modal-next, .btn-modal-previous{
        display: none !important;
    }
    .btnLink{
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .productActionChocColors{
        background: linear-gradient(143deg, rgba(247,255,230,1) 0%, rgb(230, 252, 204) 63%, rgb(221, 255, 153) 100%);
    }
    .productActionChocColors:hover{
        background: linear-gradient(143deg, rgb(221, 255, 153) 0%, rgb(230, 252, 204) 63%, rgba(247,255,230,1) 100%) !important;
    }

}