.section.registration {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: var(--color-bg-dark2);
    color: var(--color-main-light);
    background-image: url('../img/registration/registration-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section.registration .has-error .control-label,
.section.registration .has-success .control-label {
    color: var(--color-main-light);
}

@media screen and (max-width: 1199px) {
    .section.registration {
        background-image: url('../img/registration/registration-bg-1200px.png');
    }
}

@media screen and (max-width: 991px) {
    .section.registration {
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: url('../img/registration/registration-bg-1000px.png');
    }
}

@media screen and (max-width: 767px) {
    .section.registration {
        background-image: url('../img/registration/registration-bg-780px.png');
    }
}

@media screen and (max-width: 480px) {
    .section.registration {
        background-image: url('../img/registration/registration-bg-500px.png');
    }
}