@media only screen and (max-width: 768px) {

header {
    padding: 10px;
    background-color: #333;
}

.sidebar {
    display: none;
}

.content {
    margin-left: unset;
    width: unset;
    padding: 20px;
    background-color: #fff;
}

.content-header {
    display: unset;
    margin-left: unset;
    left: 0;
    padding: 20px;
    width: 100%;
}

.content-body {
    padding: unset;
    margin-top: 120px;
}

.username {
    display: none;
}

.menu-container {
    background-color: #333;
    padding: 10px;
}

.menu-mobile-hamburger {
    display: flex;
    background-color: #333;
}

.menu-right i {
    color: #fff;
}

.help a {
    background-color: #333;
}

.table-mailbox {
    grid-template-columns: 3.3fr 0.7fr 1fr;
}

.table-passwords {
    display: unset;
}

form {
    min-width: unset;
    padding: 10px;
}

.login-content {
    width: unset;
    height: unset;
}

.login-step {
    display: unset;
}

.login-language {
    width: unset;
}

.step-body {
    margin-top: 20px;
    padding-left: unset;
}

.login-container {
    background-color: #fff;
    display: inline-grid;
}

.language-form {
    background: #fff;
}

.language-select {
    background: #fff;
}

.login-language {
    background: #fff;
}

.td.td-name {
    display: none;
}

.th.th-name {
    display: none;
}
}