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


    .nav-bottom-option-wrap {
        font-size: 26px;
    }

    .nav-icon-section .nav-main-menu i,
    .nav-profile-section .nav-main-menu i {
        font-size: 22px;
    }

        .burger {
            font-size: 27px !important;
            margin-top: 8px;
        }

        .nav-icon-section > li:focus,
        .nav-icon-section > li:hover,
        .nav-icon-section > li > a:hover,
        .nav-icon-section > li > a:focus {
            background-color: white;
            color: black ;
            border-bottom: 0px;
        }

.yourCommunitiesTab
{
    display:none;
}

    .homepage.subCommunityFilterOn {
        margin-top: 0px;
    }
    .heading-image {
      margin-bottom: 0px; 
    }

    .caption {
        height: 50%;
    }


    .logon-box .title {
        text-align: center;
        margin-left: 0px;
    }



    .heading-image .desktop,
    .heading-contents {
        display: none !important;
    }

    .heading-image .mobile-separator {
        display: block;
        width: 100%;
        border-bottom: solid 4px #eee;
    }

    .heading-image {
        margin-top: 53px !important;
    }

    body:not(.show-background) {
        background-image: none !important;
        background-color: white !important;
    }

    .no-gutters-mobile {
        margin-right: 0;
        margin-left: 0;
    }

        .no-gutters-mobile > .col, .no-gutters-mobile > [class*="col-"] {
            padding-right: 0;
            padding-left: 0;
        }

    .container-fluid {
        margin: 0;
    }

    .content-media {
        margin-top: 20px;
        border-radius: 0px;
        padding-left: 3px;
        padding-right: 3px
    }

    #page-heading h1 {
        text-align: center;
    }

    .content-add {
        padding: 20px 8px
    }

    .content-post {
        padding: 12px 13px 23px
    }

    .section-heading .btn {
        margin-top: 20px;
        border-radius: 0px;
    }

    .footer {
        margin-top: 0px;
        background-color: #333333 !important;
        padding:0 0 23px 0;

    }
    .footer .nav.terms > li {
        color: #777;
        padding:0px;
    }

    .panel:not(.panel-login):not(.panel-join) {
        margin-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .join-box,
    .logon-box {
        padding-top: 68px;
    }



    .panel-body {
        padding: 4px;
    }

    .panel-heading {
        margin-left: 0;
        margin-right: 0
    }

    .btn-mobile-block {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .project-section .panel-body {
        padding: 0px;
    }

    .wrap {
        min-height: Calc(100% - 62px);
    }
    .clientSite .wrap {
        min-height: Calc(100% - 62px);
    }
    .content-media > .row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .engagement-item {
        border-bottom: 1px solid black;
    }


    #navbar-container {margin-bottom:50px;}

    .feed-post-wrap .feed-post-comments {margin-left:20px;}
}