@media (max-width: 480px) {

    .modal-dialog{
        width:100vw;
        border:none;
        border-radius: 0;
        margin:0;
    }
    .hide-mobile-view {
         display:none;
    }
    .heading-elements-toggle{
        display: none;
    }
    #nav-user-name{
        display:none;
    }
    .breadcrumb > li {
        height:22px;
        line-height: 22px;
        overflow: hidden;
    }
    .page-title{
        margin:10px 0 0 10px;
        text-align: center;
    }
    .page-title .title-block{
    }
    .close-mobile-menu {
        display: inherit;
    }
    .modal-tall .modal-header .modal-title{
        text-overflow:ellipsis;
        height:40px;
        white-space: nowrap;
        overflow: hidden;
        padding:5px 5px 5px 5px;
    }
    .modal-tall{
        height: 100vh;
    }
    .modal-tall .modal-body{
       height:calc(100vh - 133px);
    }
    .modal-tall .modal-body #file-preview-frame {
        height:calc(100vh - 133px);
    }
    .modal-wide{
        padding:0px;
        width:100vw;
    }
    .menu-panel-group{
        top:0px;
        height:100vh;
    }
    .menu-panel-group .panel:last-child {
        padding-bottom: 6em;
    }
    #add-area{
        float: none;
        margin:auto;
    }
    .page-container{
        padding-left:0px;
        padding-right:0px;
    }
    .panel{
        border-radius:0px;
    }
    .panel-body{
        width:100%;
    }
    .task-icons{
        display:none;
    }
    .chat-room-panel .heading-elements {
        position: static;
        margin-top: 1em;
    }

    .chat-room-panel .heading-elements #room-participants-thumbs {
        margin-left: 0;
    }

    .btn-full-width-mobile {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 1em;
        float: none;
    }

    #add-area-mobile {
        display: block;
    }
}