media.css

@media only screen
and (max-width : 800px) {
    .custom_top_title{
        width: 23%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media only screen
and (max-width : 1000px) {
    #display_toolbar span.actionbar_button_label{
        display: none !important;
    }
    #display_toolbar span.ajxp_icon_span{
        display: inline-block !important;
    }
}

@media only screen
and (max-width : 680px) {
    .ws-label{
        display: none !important;
    }
    span.actionbar_button_label,
    .action_bar span.actionbar_button_label,
    #get_my_feed_button_label,
    #logging_string i,
    #logging_string *[ajxp_message_id],
    #global_toolbar span.icon-caret-down,
    #search_form a
    {
        display: none !important;
    }
    div.toolbarGroup span.ajxp_icon_span
    {
        display: inline-block !important;
        padding: 7px 2px 4px;
    
        font-size: 16px;
}

    div.toolbarGroup a{
        padding-bottom: 2px !important;
    }

    div.toolbarGroup a span.ajxp_icon_span{
        display: inline-block !important;

    }

    #group_more_action_button{
        padding-top: 6px !important;
        padding-bottom: 4px !important;
    }

    #simple_repository_label{
        font-size: 16px;
        width: 100px !important;
    }
    #simple_repository_label div.repository_legend{
        visibility: hidden;
    }
    #workspace_toolbar {
        padding-top: 0;
    }
    .user_widget_label.withImage i{
        width: 30px;
        overflow: hidden;
    }
    .thumbnail_selectable_cell > div > div.overlay_icon_div{
        top: 32px !important;
    }
    #topPane{
        width: 200px;
    }

    .breadcrumbs-one span.reduced.first-bread, .breadcrumbs-arrow span.reduced.first-bread{
        width: 121px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

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

    #topPane{
        width: 0;
        display: none;
    }

    #simple_repository_label{
        display:none;
        font-size: 12px;
        width: 100% !important;
        padding:0 20px;
        height:auto;
    }
    
    div.repository_legend{
        display:none;
    }
    #search_engine_cont{
        width:100% !important;
    }
    #buttons_bar_cont{
        margin-left: 0;
    }
    #workspace_toolbar{
        padding-top:0;
    }

    #buttons_bar a, #buttons_bar_top a{
        padding: 0px 8px 0px 11px;
        margin: 0 3px 0 0;
    
        border-radius: 12px;
    }

    a#group_more_action_button {
        height: 20px;
    }

    .tabulatorContainer.panelHeader.icons_only {
        width: 37px;
    }

    #userdashboard_myparams_title{
        display: none;
    }

    div#background-imager{
        background-image: url(../images/hires-photos/03-mobile.jpg) !important;
        background-position: 50% 50%;
        background-repeat: repeat repeat;
    }

    div.dialogBox{
        min-width: 99%;
    }

    div.dialogBox.form-login_form div.dialogContent, div.dialogBox.form-login_form_dynamic div.dialogContent {
        height: 100%;
        padding-top: 20%!important;
    }

    #login_form, #login_form_dynamic {
        margin: 0;
    }

    div.dialogContent div.SF_element {
        margin: 0 10px;
    }
}