@media (max-width: 480px) {
    * {
        height: unset;
    }

    .auth-body {
        position: relative;
        background-color: #2a363b;
    }

    .main-body {
        position: relative;
        background-color: #f8d37c;
    }

    /* SIDEBAR */
    .sidebar {
        display:none;
        z-index: 20;
    }

    .sidebar-header {
        width: auto;
    }

    .open-sidebar {
        top: 0;
        left: 0;
        position: absolute;
        margin: 4% 0  0 4%;
        display: block;
        z-index: 20;
    }

    /* AUTH LAYOUT */
    .auth-container {
        height: unset;
        justify-content: flex-start;
    }

    /* LOGIN */
    .site-login {
        flex-direction: column;
        padding-top: 5px;
    }

    .sign-in-banner {
        background-size: contain;
        height: 150px;
    }

    .sign-in {
        min-height: unset;
    }

    .helper-msg {
        display: none;
    }

    .signup-actions,
    .login-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .auth-button,
    .site-login .default-button-black,
    .site-signup .default-button-black {
        width: 100%;
    }

    .auth-button-reverse {
        width: 100%;
    }

    .footer {
        display: none;
    }

    /* SIGNUP */
    .sign-up-banner {
        display: none;
    }

    .site-signup {
        flex-direction: column;
        padding: 10px 0;
    }

    .signup-form {
        padding: 0;
    }

    .signup-actions {
        margin-bottom: 0 !important;
    }

    /* MAIN */
    .main-content {
        margin-left: 0;
        height: 100%;
    }

    /* PROFILE */
    .your-profile {
        padding-top: 20px;
        height: 100%;
        flex-direction: column;
    }

    .your-profile .title,
    .round-information-title {
        width: 100%;
    }

    .profile-information {
        flex-direction: column;
    }

    .team-card {
        padding: 15px;
    }

    .team-card-logo {
        display: none;
    }

    .team-card-header {
        justify-content: center;
    }

    .team-card-header .team-name {
        font-size: 18px;
    }

    /* CREATE TEAM PAGE */
    .step {
        padding: 10px;
    }

    .step-form {
        min-width: unset;
        width: 100%;
    }

    /* TEAM PAGE */
    .team-page {
        padding: 0;
        background-color: #f8d37c;
    }

    .team-page-header {
        flex-direction: column;
    }

    .team-page .team-page-header .title {
        justify-content: center;
        width: 100%;
        font-size: 26px;
        margin-bottom: 10px;
    }

    .sidebar-header {
        width: auto;
    }

    .open-sidebar {
        top: 0;
        left: 0;
        position: absolute;
        margin: 4% 0  0 4%;
        display: block;
    }

    .team-page .actions {
        width: 100%;
        justify-content: center;
    }

    .team-page .actions .team-related {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .team-page-content {
        flex-direction: column;
    }

    .statistics-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .default-table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }

    .default-table > thead > tr > th,
    .default-table > tbody > tr > td {
        padding-right: 15px;
    }

    /* PICK ROUND PAGE */
    .pick-round-page {
        padding: 40px 0 0 0;
    }

    /* ROUND PAGE */
    .page-round {
        padding: 0 0 20px 0;
    }

    .round-banner {
        background-image: url("/img/logo/beero_round_banner.png");
    }

    .round-participant-card {
        min-width: unset;
        width: 100%;
    }

    .round-page-participants {
        flex-direction: column;
    }

    .round-pager {
        margin-top: 0;
    }

    /* PICK TOURNAMENT PAGE */
    .organizations-hide {
        display: none;
    }

    .tournament-page {
        padding-top: 25px;
        flex-direction: column;
    }

    /* TOURNAMENT PAGE */
    .tournament-dashboard {
        height: 100%;
    }

    .tournament-dashboard-content {
        flex-direction: column;
    }

    .tournament-dashboard-info {
        flex-direction: column;
    }

    .tournament-leaderboard {
        height: 100%;
    }
}