.pricing { @media only screen and (max-width: 600px) { .koUpdateData { font-size: small; color: red; font-style: italic; } .okUpdateData { font-size: small; color: green; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .koUpdateData { font-size: small; color: red; font-style: italic; } .okUpdateData { font-size: small; color: green; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .koUpdateData { font-size: small; color: red; font-style: italic; } .okUpdateData { font-size: small; color: green; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } } @media only screen and (min-width: 1200px) { .koUpdateData { font-size: small; color: red; font-style: italic; } .okUpdateData { font-size: small; color: green; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0px !important; margin-top: 0px !important; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .buton_add_price { border-radius: 10rem; padding: 0.3rem; width: 20%; background: #81BC3A; float: right; margin-right: 10px; border: none; } .texte_area { width: 48% !important; } .btn_editer { width: 15rem; background-color: #212121 !important; color: white; border-radius: 10rem; } .btn_enreg { width: 15rem; background-color: green !important; color: white; border-radius: 10rem; } .my_label { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: small; line-height: 1.4375em; letter-spacing: 0.00938em; } .div_row_droite_adapt_date{ padding-left: 1rem; float: left; } } // End media }