@media only screen and (max-width: 900px){
    .right-sidebar{
        display: none;
    }

    .left-sidebar 
    {
        display: none;
    }

    .nav 
    {
        flex-wrap: wrap;
    }

    .search_box{
        display: none;
    }

    .nav_left a 
    {
        font-size: 1.4rem;
        margin-right: 20px;
    }

    .nav_left ul li i 
    {
        width: 28px;
        margin: 0 8px;
    }

    .nav-user-icon 
    {
        margin-left: 0;
    }

    .nav-user-icon img 
    {
        width: 30px;
    }

    .online::after 
    {
        height: 6px;
        width: 6px;
    }

    .add_post_links 
    {
        flex-wrap: wrap;
    }

    .add_post_links a 
    {
        margin-right: 12px;
        font-size: 12px;
    }

    .add_post_links a img 
    {
        width: 20px;
        margin-right: 5px;
    }

    .main-content 
    {
        flex-basis: 100%;
    }

    .story img  
    {
        width: 30px;
        border-width: 3px;
    }

    .story p 
    {
        font-size: 10px;
    }

    .story.story-1 img  
    {
        width: 20px;
        bottom: 30px;
    }

    #felling_activity 
    {
        display: none;
    }

    .post_input_container 
    {
        padding-left: 0;
    }
}


/* ----------- media qury for profile page start ----------- */
@media only screen and (max-width: 900px){
    .profile_container 
    {
        padding: 20px 5%;
    }

    .profile_details 
    {
        flex-wrap: wrap;
    }

    .profile_details_right 
    {
        text-align: left;
        margin: 15px;
    }

    .profile_details_right button  
    {
        margin-left: 0;
        margin-right: 10px;
    }

    .pd_row div h3 
    {
        font-size: 1.5rem;
    }

    .profile_info 
    {
        flex-wrap: wrap;
    }

    .info_col,
    .post_col 
    {
        flex-basis: 100%;
    }

    .info_col 
    {
        position: relative;
        top: 0;
    }
}


@media only screen and (max-width: 450px){
    .pd_img 
    {
        width: 120px;
        height: 120px;
    }

    .pd_row div h3 
    {
        font-size: 1.2rem;
    }
}
/* ----------- media qury for profile page end ----------- */