@media only screen and (max-width: 48em) {
    .mark-arrow {
        transform: rotate(90deg);   
        -moz-transform: rotate(90deg);   
        -webkit-transform: rotate(90deg);   
    }
    .topnavigation {
        margin-top: 0;
        border-top: 0;
    }
    h1.logo a {
        color: #00498d !important;
        text-transform: uppercase !important;
        font-family: 'Roboto', sans-serif;
        font-weight: bold !important;
        font-size: 20px;
    }
    .top-bar.expanded h1.logo a {
        color: #FFF !important;
    }
    .top-bar {
        background: #00498d;
    }
    .top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0px 0 1px #00498d, 0 7px 0 1px #00498d, 0 14px 0 1px #00498d;
    }
    .top-bar.expanded .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
    }
    .top-bar.expanded .title-area {
        background: #00498d;
    }
    .top-bar-section li {
        padding: 10px 0;
    }
    .top-bar-section ul li:hover:not(.has-form) > a,
    .top-bar .toggle-topbar.menu-icon a {
        color: #00498d;
    }
    .top-bar .toggle-topbar.menu-icon a::after {
        -webkit-box-shadow: 0 10px 0 1px #00498d, 0 16px 0 1px #00498d, 0 22px 0 1px #00498d;
        box-shadow: 0 10px 0 1px #00498d, 0 16px 0 1px #00498d, 0 22px 0 1px #00498d;
    }
    .top-bar.expanded .toggle-topbar.menu-icon a::after {
        -webkit-box-shadow: 0 10px 0 1px #FFFFF, 0 16px 0 1px #FFFFF, 0 22px 0 1px #FFFFF !important;
        box-shadow: 0 10px 0 1px #FFFFF, 0 16px 0 1px #FFFFF, 0 22px 0 1px #FFFFF !important;
    }
    .top-bar.expanded .toggle-topbar a {
        color: #FFF;
    }
    .top-bar-section ul {
        background: #FFF;
    }
    .top-bar-section ul li > a {
        background: #FFF;
        color: #CCC;
    }
    .top-bar-section ul li:hover > a {
        background: #00498d;
        color: #FFF;
    }
    .top-bar-section .has-dropdown > a:after {
        border-color: transparent transparent transparent #00498d;
    }
    .top-bar-section .has-dropdown > a:hover:after {
        border-color: transparent transparent transparent #FFF;
    }
    .top-bar-section .has-dropdown.moved > .dropdown {
        background: #FFF !important;
    }
    .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a,
    .top-bar-section .dropdown a:not(.button) {
        color: #333;

    }
    .top-bar-section .dropdown a:not(.button):hover {
        color: #00498d;
    }
    .top-bar-section .dropdown li.title h5 {
        margin-top: 0;
    }
    .top-bar-section .dropdown li.title h5 a {
        background: #FFF;
        color: #333;
        font-weight: bold;
    }
    .top-bar-section .dropdown li.title h5 a:before {
        content: '\00AB';
    }
    .top-bar-section .has-dropdown.moved > .dropdown form {
        margin-bottom: 10px;
    }
    .top-bar-section .dropdown label {
        font-size: 1rem;
        color: #333;
        text-transform: capitalize;
    }
    .top-bar-section .has-dropdown.moved > .dropdown form p.lostpassword {
        padding: 10px 0;
    }
    .top-bar-section .has-dropdown.moved > .dropdown form p.lostpassword a {
        padding: 0;
        text-transform: capitalize;
    }
    .top-bar-section .dropdown.login {
        left: 575px !important;
    }
    table tr th, table tr td {
        font-size: 0.8em;
    }
    .shareform .text-right {
        text-align: left !important;
    }
    .login-bordered {
        border: none;
    }
    /*
    * ===================================================== GOOGLE CHART ==================================================
    */
}