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

}

@media only screen and (max-width: 992px) {
    .tab-wrapper {
        flex-direction: column-reverse;
    }
    .tab-container {
        width: 100%;
    }
    .tab-fixed {
        width: 100%;
        border-left: none;
    }
    .brand-title {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    header {
        font-size: 0.8rem;
    }
    .home {
        font-size: 0.8rem;
    }
    .user-form {
        font-size: 0.85rem;
    }
    .color-modal {
        font-size: 0.8rem;
    }
    .filter-section {
        font-size: 0.8rem;
    }
    .chart-row-2 .eChart img,
    .chart-row-1 svg {
        height: auto;
    }

}

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

@media only screen and (max-width: 420px) {
    section {
        padding: 5vw;
    }
    .sidebar {
        font-size: 0.8rem;
        /* padding-top: 59px; */
        padding-top: 89px;
    }
    .btn-list {
        justify-content: flex-start;
    }
    .user-form .focusable label.ul-form__label {
        font-size: 0.7em;
    }
}