.bkg-banner { position: relative; }
.login-commercianti { position: absolute; bottom: 30px; width: 50%; margin: auto; left: 0; right: 0; }
    .login-commercianti form { padding: 20px; }
    .login-commercianti input[type="text"], .login-commercianti input[type="password"] { background-color: transparent; border: none; border-bottom: solid 1px #333; }
    .login-commercianti div.d_flx * { flex-basis: 48%; }
    .login-commercianti .close-form { position: absolute; top: 10px; right: 10px; width: 16px; cursor: pointer; }
.formCommerciante { width: 50%; margin: auto; background-color: #fff; padding: 20px; }

@media (min-width: 768px) and (max-width: 949px) {
    .login-commercianti { position: relative; margin-top: -135px !important; bottom: unset; width: 90%; margin: auto; }
    .formCommerciante { width: 90%; }
}

@media (min-width: 320px) and (max-width: 767px) {
    .login-commercianti { position: relative; margin-top: -170px !important; bottom: unset; width: auto; margin: auto; }
    .formCommerciante { width: auto; }
}