.login-block {
  margin-bottom: 100px; }
  .login-block .login .login-box {
    width: 290px;
    margin-right: 30px;
    display: flex;
    flex-direction: column; }
    .login-block .login .login-box:nth-child(1) {
      justify-content: space-between; }
      .login-block .login .login-box:nth-child(1) .login-1 {
        font-size: 16px;
        font-weight: 500;
        height: 40px;
        width: 250px;
        border: 1px solid #DCDCDC;
        border-radius: 58px;
        display: flex;
        align-items: center;
        padding-left: 50px;
        white-space: pre;
        border: 1px solid #DCDCDC; }
        .login-block .login .login-box:nth-child(1) .login-1:not(:last-child) {
          margin-bottom: 15px; }
        .login-block .login .login-box:nth-child(1) .login-1:hover {
          border: 1px solid #FC1246;
          color: #FC1246; }
        .login-block .login .login-box:nth-child(1) .login-1-google {
          background: url(../images/google.svg) no-repeat 15px center; }
        .login-block .login .login-box:nth-child(1) .login-1-vk {
          background: url(../images/vk.svg) no-repeat 15px center; }
        .login-block .login .login-box:nth-child(1) .login-1-yandex {
          background: url(../images/yandex.svg) no-repeat 15px center; }
        .login-block .login .login-box:nth-child(1) .login-1-mymir {
          background: url(../images/mymir.svg) no-repeat 15px center; }
    .login-block .login .login-box:nth-child(2) h4 {
      margin-bottom: 20px;
      font-weight: 500;
      font-size: 18px; }
    .login-block .login .login-box:nth-child(2) input {
      margin-bottom: 15px; }
    .login-block .login .login-box:nth-child(2) button {
      margin-bottom: 15px; }
    .login-block .login .login-box:nth-child(2) .login-box__footer {
      display: flex;
      justify-content: space-between; }
      .login-block .login .login-box:nth-child(2) .login-box__footer a {
        color: #FC1246;
        font-size: 14px; }
    .login-block .login .login-box:nth-child(3) h4 {
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: 500; }
    .login-block .login .login-box:nth-child(3) p {
      font-size: 14px;
      margin-bottom: 15px;
      line-height: 16px; }
      .login-block .login .login-box:nth-child(3) p.blue-text {
        color: #6B71FF; }

@media screen and (max-width: 479.98px) {
  .login-block h2 {
    font-size: 24px;
    margin-bottom: 30px; }
  .login-block .login {
    flex-wrap: wrap; }
    .login-block .login .login-box {
      padding: 20px 15px;
      margin-right: 0;
      margin-bottom: 20px;
      width: 100%; } }

@media screen and (min-width: 480px) and (max-width: 767.98px) {
  .login-block h2 {
    font-size: 28px;
    width: 360px;
    margin-left: auto;
    margin-right: auto; }
  .login-block .login {
    flex-wrap: wrap;
    justify-content: center; }
    .login-block .login .login-box {
      padding: 20px 25px;
      margin-right: 0;
      margin-bottom: 20px;
      width: 360px; }
      .login-block .login .login-box .login-1, .login-block .login .login-box input, .login-block .login .login-box button {
        width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 999.98px) {
  .login-block .login {
    flex-wrap: wrap; }
    .login-block .login .login-box {
      margin-right: 20px;
      margin-bottom: 20px; }
      .login-block .login .login-box:nth-child(3) {
        width: 600px; } }