@media screen and (max-width: 800px){
    div#navbar-top {
        display: none;
    }

    img.logo-mobile {
        width: 100% !important;
        height: auto;
    }
 
    .card .card-title {
        font-size: 1.2rem !important;
        line-height: 1.4rem !important;
    }

    .view-content .card {
        margin-bottom: 30px;
        border-bottom: 1px solid rgb(209 197 197 / 69%) !important;
    }

    .card.shadow-sm {
        box-shadow: unset !important;
    }

    .card.rounded{
        border-radius: 0 !important;
    }
    
    button#edit-openid-connect-client-keycloak-sso-login {
        border: unset;
        background: unset;
    }

    .login-mobile img {
        width: 20px;
        height: auto;
    }

    .mobile-100 {
        width: 100%;
    }

    button#toggleSidebar,
    .d-block.d-md-none.mobile-login{
        flex: auto;
        width: auto;
    }

    .d-block.d-md-none.mobile-login{
        text-align: right;
    }

    a#userDropdown {
        text-decoration: unset;
    }

    a.navbar-brand.d-block.d-md-none {
        text-align: center;
        flex: auto;
        width: 60%;
    }

    .login-mobile span {
        color: #0074AA !important;
    }

    .arrow-on-name {
        color: var(--pa-color-primary);
        font-size: 10px;
        margin: auto;
        line-height: normal;
        margin-left: -7px;
    }

    ul.dropdown-menu.dropdown-menu-end.shadow.show {
        background-color: #ffff;
        height: max-content;
    }
    .dropdown-menu.dropdown-menu-end .dropdown-header {
        padding: 10px;
    }

    /** footer*/
    .pa_footer .footer-logo img {
        width: 100%;
    }

    .pa_footer ul.inline-list.share {
        text-align: center;
    }

    .footer-four-column img {
        height: auto;
        max-width: max-content;
    }

    .text-center.copy p {
        line-height: normal;
    }

    .pa_footer .footer-logo img {
        width: 100%;
        max-width: 200px;
    }

    .footer-logo.pb-3 {
        text-align: center;
    }
    
}