.login-block {
    margin-bottom: 100px;
}

.login-block .login .login-box {
    width: 290px;
    margin-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.login-block .login .login-box:nth-child(1) {
    -ms-flex-pack: justify;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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 #4F56FF;
    color: #6B71FF;
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.login-block .login .login-box:nth-child(2) .login-box__footer a {
    color: #6B71FF;
    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 {
        -ms-flex-wrap: wrap;
        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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        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 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .login-block .login .login-box {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .login-block .login .login-box:nth-child(3) {
        width: 600px;
    }
}