@media screen and (min-width: 960px) {
  .form-signin {
    width: 330px;
    padding: 15px;
    margin: 150px 0px 0px 500px;
    border-radius:20px;
    background-color: #eef;
  }
  .form-signin .checkbox {
    font-weight: 400;
  }
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  h3{
    margin: 10px 0px 10px 100px;
  }
  .b1{
    margin: 0px 0px 0px 187px;
  }
  .m1{
    font-size: 10px;
    margin: 10px 0px 10px 100px;
  }
}

/* ------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 480px) {

  body { width: 360; }
  .form-signin {
    width: 290px;
    padding: 15px;
    margin: 100px 0px 0px 10px;
    border-radius:20px;
    background-color: #eef;
  }
  .form-signin .checkbox {
    font-weight: 400;
  }
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  h3{
    margin: 10px 0px 10px 100px;
  }
  .b1{
    margin: 0px 0px 0px 207px;
  }
  .m1{
    font-size: 10px;
    margin: 10px 0px 10px 100px;
  }
}

@media screen and (min-width: 481px) and (max-width: 959px) {
  .form-signin {
    width: 330px;
    padding: 15px;
    margin: 150px 0px 0px 500px;
    border-radius:20px;
    background-color: #eef;
  }
  .form-signin .checkbox {
    font-weight: 400;
  }
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  h3{
    margin: 10px 0px 10px 100px;
  }
  .b1{
    margin: 0px 0px 0px 187px;
  }
  .m1{
    font-size: 10px;
    margin: 10px 0px 10px 100px;
  }
}