@media (min-width: 768px) {
    html {
        font-size: 12px;
    }
    .top-bar .system .system-name {
        font-size: 1rem;
    }
    body.vertical-layout.vertical-menu.menu-expanded .main-menu {
        width: 180px;
    }

    body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer {
        margin-left: 180px;
    }

    body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-header {
        width: 180px;
    }
    body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-container {
        margin-left: 180px;
    }
    .card-body-Submissions {
        margin-top: -1%!important;
    }
    .header-navbar .navbar-container {
        padding: 0rem 2px;
    }
    .top-menu-identify {
        width: 250px;
    }
    .dropdown a i {
        margin-right: 0.2rem!important;
    }
}

@media (min-width: 1367px) {
    html {
        font-size: 14px;
    }

    .top-bar .system .system-name {
        font-size: 1rem;
    }
    body.vertical-layout.vertical-menu.menu-expanded .main-menu {
        width: 230px;
    }

    body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer {
        margin-left: 230px;
    }

    body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-header {
        width: 230px;
    }

    body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-container {
        margin-left: 230px;
    }

    .card-body-Submissions {
        margin-top: -2% !important;
    }
    .header-navbar .navbar-container {
        padding: 0rem 8px;
    }
    .top-menu-identify {
        width: 300px;
    }
    .dropdown a i {
        margin-right: 0.5rem!important;
    }

}

@media (min-width: 1601px) {
    html {
        font-size: 16px;
    }
    .top-bar .system .system-name {
        font-size: 1.25rem;
    }
    .card-body-Submissions {
        margin-top: -3% !important;
    }
    .top-menu-identify {
        width: 420px;
    }
        .top-menu-identify .divSystemSide {
            max-width: 30%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 30%;
            -moz-box-flex: 0;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
        }
        .top-menu-identify .divRepresent {
            max-width: 70%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 70%;
            -moz-box-flex: 0;
            -ms-flex: 0 0 70%;
            flex: 0 0 70%;
        }
}