body.login.login-designer-template-01 { background-image: none !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; content: " "; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media only screen and (min-width: 400px) { body.login.login-designer-template-01 #login { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 85%; margin: 0; max-width: 580px; padding: 40px 0 0; } } @media only screen and (min-width: 800px) { body.login.login-designer-template-01 #login { padding: 100px 0 0; } } @media only screen and (max-width: 399px) { body.login.login-designer-template-01 #login { width: 90%; } } body.login.login-designer-template-01 #login .message { max-width: 400px; margin-left: auto; margin-right: auto; } body.login.login-designer-template-01 form { border: 0; max-width: 420px; margin: 0 auto; } @media only screen and (max-width: 499px) { body.login.login-designer-template-01 form { padding-left: 25px; padding-right: 25px; } } body.login.login-designer-template-01 #lostpasswordform label { display: block; text-align: center; } body.login.login-designer-template-01 #lostpasswordform .submit { text-align: center; } body.login.login-designer-template-01 #lostpasswordform .submit .button { float: none; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 683px) { body.login.login-designer-template-01 #login-designer-background { background-attachment: initial !important; bottom: 0; height: 100%; left: 580px; position: fixed; right: 0; top: 0; width: 100%; width: calc(100% - 580px); z-index: 0; } } body,html { height: auto !important; }