.utility-header .flex-row .settings-links {
    min-height: 37px;
}

/********CA Logo styling update***/
.header-cagov-logo img {
    top: 0px;
    height: 25px;
}

/*--lowers the z-index of the EDD Logo in the main nav on mobile
so that it does not interfere with things like the date picker--*/
@media (max-width: 767px) {
    .branding .header-organization-banner a {
        z-index: 5 !important;
    }
}

@media screen and (min-width: 768px) {
    .header-organization-banner-mobile {
        display: none;
    }

    .top-level-nav li:nth-child(1),
    .top-level-nav li:nth-child(2) {
        display: none;
    }

    .settings-links {
        margin-right: 12px;
    }

    .setting-links #LanguageOptions {
        margin-right: 0px;
    }
}

.top-level-nav li:nth-child(1) a span,
.top-level-nav li:nth-child(2) a span {
    display: none;
}

@media screen and (max-width: 767px) {
    .header-organization-banner-desktop {
        display: none;
    }

    .settings-links {
        flex-direction: row-reverse;
    }

        .settings-links a:nth-child(3),
        .settings-links a:nth-child(4) {
            display: none;
        }

    .utility-header .flex-row .settings-links a {
        margin-right: 12px;
    }

    .top-level-nav li:nth-child(1),
    .top-level-nav li:nth-child(2) {
        background-color: #F2F2F2;
        border-top: 1px solid #CCC;
        min-height: 60px;
    }

    .top-level-nav li:nth-child(2) {
        border-bottom: 1px solid #CCC;
    }

        .top-level-nav li:nth-child(1) a,
        .top-level-nav li:nth-child(2) a {
            color: #555;
            padding: 18px 0px 18px 5px;
        }
}

@media (max-width: 976px) {
    #LanguageOptions {
        margin-left: 3px !important;
    }
}