@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    /*site{ font-size: 0.65vw; }*/
    /*site{ font-size: 0.88vw; }*/
    site{ font-size: 0.95vw; }
}


@media (min-width: 1200px) { /* Desktop */
    .no_desktop{ display: none!important; }
}

/* Tablette */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1199.98px) {
    .no_tablet{ display: none!important; } 
    site { font-size: 1.22vw; }
    .editct form{ flex-wrap: wrap; }
    .row lab{ width: 30%; }
}

/* Mobile */
@media (max-width: 767px) {
    .no_mobile{ display: none!important; } 
    site { font-size: 3.56vw; }
    .editct form{ flex-direction: column; }
    .editct .panel{ width: 100%; }
    .row:not(.invert, .pending, .payed, .cancel, .refund){ flex-direction: column; }
    .row:not(.invert, .pending, .payed, .cancel, .refund) lab, .row:not(.invert, .pending, .payed, .cancel, .refund) dom{ width: 100%; }

    .pageLegend{ width: 100%; }
    .pageLegend .cta{ width: 100%; }
    .pageLegend .legendCt{ flex-direction: column; }
    .pageLegend .legendBlock{ flex-direction: column; margin: 1em 0; }

    .pageLegend.columns{ flex-direction: column; }
    .pageLegend.columns .legendToggleBlock{ padding: 1em 0; }
    .pageLegend.columns .checkzone span{ width: 33%; margin-right: 0; }
}