@media screen and (min-width : 1400px) {

    .post.individual {
        margin-right: 100px;
    }
}

@media screen and (min-width : 1200px) {

    .sub_members_nav {
        gap: 3em;
    }
}

@media screen and (min-width : 992px) {

    .post .comments .comment .comment_header {
        border-bottom: 1px solid transparent;
        margin-bottom: 1px;
    }

    .post .comments .comment:hover .comment_header,
    .post .comments .comment_container.open > .comment .comment_header {
        border-color: rgba(0,0,0,.05);
    }
}

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

    .members_pwa_actions > div {
        top: 20px !important;
        bottom: unset !important;
        gap: 0.5em !important;
    }

    .group_blocks {
        margin-bottom: 20px;
    }

    .feed_container {
        padding-bottom: 0px !important;
    }

    .feed .post .card_header {
        padding-bottom: 0;
        flex-flow: column;
    }

    .feed .post .card_footer .btn {
        opacity: 1 !important;
        font-size: .9em;
    }

    #graph {
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

    .page_content #graph {
        margin-bottom: 20px;
    }

    #graph .card {
        margin-bottom: 10px;
    }

    #graph .card h3.themed {
        font-weight: 600;
        margin-bottom: 0;
    }

    .pfp img {
        min-width: 45px;
    }

    .post.individual {
        margin-right: 0px;
    }

    .post .post_tags {
        justify-content: start;
        margin-left: inherit;
    }

    .post .card_footer .post_interactions span {
        font-size: 1.2em;
    }

    .post .comments {
        margin-top: 10px !important;
    }

    .post .comments {
        margin: 0 -10px;
        padding: 10px 5px;
    }

    .post .comments .comment {
        padding: 10px 5px;
    }

    .post .comments .comment .comment_header {
        flex-wrap: wrap;
    }

    .post .comments .comment .comment_header > span {
        font-size: .9em;
        top: 2px;
        position: relative;
    }

    .post .comments .comment .comment_header .comment_interactions {
        flex-basis: 100%;
    }

    .post .comments .comment .comment_header .comment_interactions {
        display: none !important;
    }

    .post .comments .comment .comment_header .comment_interactions > span {
        padding: 5px 0 10px;
        margin-right: 10px;
    }

    .post .comments .comment .comment_content .comment_interactions {
        display: block !important;
    }

    .post .comment_container + .comment_container {
        border-radius: 0;
    }

    .post .comment_container > .comment_container {
        margin: 0 10px 0 10px;
        border-radius: 0;
    }

    .post .comment_container > .comment_container:first-of-type {
        border-top: 1px solid rgba(0,0,0,.1);
    }

    .post .comment_container > .comment_container .pfp img {
        min-width: 35px;
    }

    .post .comment_container > .comment_container + .new_comment {
        margin-left: 10px;
    }

    .post .comments .comment.new_comment {
        align-items: center;
        padding: 5px 10px 5px 5px;
    }

    .post .comments .comment.new_comment .pfp img {
        min-width: 39px;
    }

    .post .comments .comment.new_comment .btn {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .post .comments .comment .form-control {
        font-size: 1em;
    }

    .post .comment_container.open > .comment + .comment_container {
        border-top: 1px solid rgba(0,0,0,.1);
    }

    .breadcrumb,
    .social_share {
        display: none;
    }
}