.Article { @media only screen and (max-width: 600px) { .img_note_class{ width: 25%; height: 25%; } .btn-success{ font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 50%!important; padding: 0.2rem !important; } .media_sociaux { svg{ margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px!important; width: 20px!important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .img_note_class{ width: 15%; height: 15%; } .btn-success{ font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 50%!important; padding: 0.2rem !important; } .media_sociaux { svg{ margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px!important; width: 20px!important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .img_note_class{ width: 10%; height: 10%; } .btn-success{ font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 40%!important; padding: 0.2rem !important; } .media_sociaux { svg{ margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 20px!important; width: 20px!important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } } @media only screen and (min-width: 1200px) { .img_note_class{ width: 10%; height: 10%; } .btn-success{ font-size: x-small !important; font-family: "DM Sans", "sans-serif"; //width: 40%!important; padding: 0.2rem !important; } .media_sociaux { svg{ margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 25px!important; width: 25px!important; } } .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; } } }