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



}

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

    #display-options { display:none; }
    #header-image {  }

    #dashboard-main .dashboard-left,
    #dashboard-main .dashboard-right,
    #dashboard-main .dashboard-mid,
    #dashboard-main .dashboard-center,
    #dashboard-main .dashboard-left.db-wide { float:none; width:100%; max-width:100%; margin:0 auto; padding:0; }

    #dashboard-main .dashboard-panel { margin:0 0 1.5rem; }

    #dashboard-main { padding:0 2rem; }
    #dashboard-main .bxd-shell,
    body.expanded #dashboard-main .bxd-shell { width:100%; max-width:100%; }

}

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

    #dashboard-header nav {
        padding-right: 0;
        text-align: left;
    }
    #dashboard-header .bxd-shell {
        text-align: right;
    }
    #dashboard-header .custom-logo-link {

    }
    #bxd-notifications {
        position: static !important;
        clear: both;
        display: inline-block;
        vertical-align: middle;
        transform: translateY(0) !important;
    }
    #dashboard-header .bxd-user-info {
        position: static;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }
    #dashboard-header .bxd-user-info .photo {
        position: static;
        float: left;
        margin-right: 10px;
    }
    #dashboard-header .bxd-user-info .photo img {
        position: static;
    }
    #dashboard-header nav li {
        line-height: 3rem;
        height: 3rem;
        font-size: 1rem;
    }
    #dashboard-header nav li a {
        line-height: 3rem;
        height: 3rem;
        font-size: 1rem;
    }
    #header-image {
        display: none;
    }
    #dashboard-header {
        position: static;
    }
    #dashboard-main {
        top: auto;
    }

}

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

    #dashboard-header { height: auto; }
    #dashboard-header nav { position:relative; left:2rem; }
    #dashboard-header nav li {
        display: block;
    }
    #dashboard-header nav li a { padding:0 0 0 1rem; }
    #dashboard-header nav li a svg { font-size:0.7rem; }
    #dashboard-header nav li a:hover, #dashboard-header nav li.current-menu-item a, #dashboard-header nav li.current-menu-item a:hover { background:transparent; }
    #dashboard-header .bxd-user-info {
        padding-left: 2rem;
        margin: -10px 0 0 0;
        width: auto;
        position: absolute;
        display: block;
        margin: 0;
        padding: 0;
        top: 20px;
        left: 20px;
        right: auto;
    }
    #dashboard-header .bxd-user-info > span { display:none; }
    #dashboard-header .bxd-user-info > span.photo {
        display:block;
        margin:0;
        padding:0;
    }
    #dashboard-header .bxd-user-info > span.photo img {  }
    #dashboard-header .custom-logo-link {
        display: none;
    }
    #dashboard-header nav {
        left: auto;
        padding-left: 0;
        text-align: center;
    }

    body #bxd-notifications {
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1rem;
        padding: 0 1.2rem 0 1rem;
        position: absolute !important;
        top: 20px;
        right: 10px;
    }
    body #bxd-notifications-dropdown { top:0.5rem; width:18rem; }

    #dashboard-main h2 { font-size:1.25rem; }
    #dashboard-main .dashboard-panel { border-radius:0; box-shadow:none; }
    #dashboard-main .dashboard-panel { margin:0 0 1rem; }
    #header-image { height:6.5rem; }
    #dashboard-main { padding:0; }
    #dashboard-main .dashboard-left,
    #dashboard-main .dashboard-right,
    #dashboard-main .dashboard-mid,
    #dashboard-main .dashboard-center,
    #dashboard-main .dashboard-left.db-wide { float:none; width:100%; max-width:100%; margin:0 auto; }
    body, body.custom-background { background:#fff !important; }

    .jconfirm-box { width:60% !important; max-width:60% !important; }

    /* Discussions */
    body #dashboard-main .discussion-category-block { padding:0.5rem 0 }
    body #dashboard-main .single-discussion { padding:0.5rem 3rem 0.5rem 2.75rem; }
    body #dashboard-main .discussion-category-block:hover,
    body #dashboard-main .single-discussion:hover { background:transparent; }
    body #dashboard-main .discussion-category-block > h3,
    body #dashboard-main .single-discussion > h3 { font-size:0.9rem; }
    body #dashboard-main .single-discussion .bxd-discussion-meta,
    body #dashboard-main .discussion-category-block .bxd-category-meta,
    body #dashboard-main .discussion-category-block .discussion-category-icon { display:none; }
    body #dashboard-main .single-discussion > .avatar { width:2.2rem; top:0.75rem; left:0; }
    body #dashboard-main .discussion-category-block .bxd-category-replies,
    body #dashboard-main .single-discussion .bxd-discussion-replies { font-size:1rem; right:0; top:1.15rem; }
    body #dashboard-main .discussion-category-block > p,
    body #dashboard-main .single-discussion > p { font-size:0.85rem; }

    body.single-discussions #dashboard-main .comment-date-bar > a > span,
    body.single-discussions #dashboard-main .comment-date-bar > a:hover > span { display:none; }
    body.single-discussions #dashboard-main .comment { padding-left: 2rem; padding-top: 1.5rem; padding-bottom: 1.75rem; padding-right: 0rem; border-left:0.2rem solid #fff; }
    body.single-discussions #dashboard-main .comment .avatar { left:1.25rem; width:3rem; box-sizing:border-box; top:-2.5rem; border:0.35rem solid #fff; box-shadow:none; }
    body.single-discussions #dashboard-main #new-comment.comment .avatar { left:1.5rem; }
    body.single-discussions #dashboard-main .comment-date-bar { padding:0.4rem 3.25rem 0.4rem 5rem; }
    body.single-discussions #dashboard-main #new-comment.comment { padding-left:2rem; padding-top:0.8rem; }
    body.single-discussions #dashboard-main #new-comment.comment p.name { font-size:1rem; padding-left:2.8rem; }
    body.single-discussions #discussion-comment-form { margin-top:2rem; margin-bottom:0; }
    body.single-discussions #dashboard-main .dashboard-panel { margin:0 0 -4rem; }

    .hamburger {
        display: block;
        text-align: center;
        padding: 17px;
    }
    .hamburger a {
        color: #fff;
        font-size: 29px;
    }
    .hamburger a:hover,
    .hamburger a:focus {
        color: #fff;
    }
    #menu-item-12 svg {
        font-size: 23px !important;
    }
    #menu-item-18 svg {
        font-size: 25px !important;
    }
    #menu-item-535 svg {
        font-size: 29px !important;
    }
    #menu-item-646 svg {
        font-size: 26px !important;
    }
    #menu-item-843 svg {
        font-size: 26px !important;
    }

    #dashboard-header nav.responsive {
        display: block;
        padding-bottom: 13px;
    }
    #dashboard-header nav {
        display: none;
    }

}
