.img-fluid { margin-top: 50px; } .text-center { margin-top: 30px; } form { margin-top: 50px; } .radio a { text-decoration: none; margin-left: 75px; } form > div:last-child { margin-top: 40px; } form > div:last-child input:last-child { margin-left: 100px; } .btn-info { width: 105px; height: 43px; background: #85BF31; border: 1px solid #CFCFCF; box-sizing: border-box; border-radius: 5px; color: #000000; } .wrong-info { height: 20px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; color: #FF0505; } @media(max-width:373px){ .col-2 { display: none; } } @media(max-width:577px){ .radio a { margin-left: 0px; display: block; } form > div:last-child input:last-child { margin-left: 0px; } } @media(min-width:576px){ #usr { margin-left: 70px; } #pwd { margin-left: 40px; } .form div:not(:first-child) { margin-top: 20px; } } @media(min-width:768px){ .form-inline { margin-left: 50px; } .radio { margin-left: 50px; } form > div:last-child { margin-left: 60px; } .wrong-info { margin-left: 50px; } } @media(min-width:991px){ .form-inline { margin-left: 140px; } .radio { margin-left: 140px; } form > div:last-child { margin-left: 150px; } .wrong-info { margin-left: 140px; } } @media(min-width:1200px){ .form-inline { margin-left: 180px; } .radio { margin-left: 180px; } form > div:last-child { margin-left: 190px; } .wrong-info { margin-left: 170px; } }