@media screen and (max-width: 1024px) {
    body { width:100%; margin:0; padding:0; }

    #loginlogo { display:none; }
    #login { margin:0; padding:0; position:static; }
    #login input[type="text"], #login input[type="password"], #login input[type="submit"] { display:block; width:80%; margin:10px auto;}

    #cocktelbar { display:none; width:100%; top:38px; z-index:1000; }
    #cocktelbar.show { display:block; }
    #presence { overflow-y:auto; }
    #title { display:none; }
    #user #screenshot { display:none; }
    #user .selextlist { display:none; }
    #navbar { left:0; top:0; width:100%; height:auto; min-height:65px; border:none; }
    #navbar #user { min-height:65px; }
    #navbar > ul { display:none; }
    #footer { display:none; }
    #notiflist { float:left; }
    #usermenu { width:100%; }
    #usermenu li { height:40px; line-height:40px; font-size:14px; }
    #usermenu li :before { margin-right:4px; }
    #usermenu .phonebook, #usermenu .logs, #usermenu .params { display:block; }

    .popup { width:100%; max-width:640px; }
    .popup .tr_contact td { white-space:nowrap; }
    .popup input[name="contact"] { width:auto; }
    .popup select { width:auto; }
    .popup .chat { margin:0; }
    .popup .popup_text { width:90%; }
    .mail { width:100%; }
    .mail select { width:auto; }
    .mail textarea { width:auto; }

    #direct_call_list li { padding:5px; }

    #page { position:static; margin-top:65px; left:auto; width:100%; }

    .btn_add { text-indent:-9999px; padding:0; }

    #alphabet { display:none; }
    div.form > div { width:45%; height:auto; padding:5px 0; }
    div.form > div > input[type="text"] { width:95%; }
    div.form > div > select { width:95%; }

    .callpopup { width:calc(100% - 10px); max-width:480px; z-index:1001; }

    #dir_table table { display:block; width:100%; }
    #dir_table table thead { display:none; }
    #dir_table table tbody { display:block; width:100%; }
    #dir_table table tr { display:block; height:auto; }
    #dir_table table tr td:last-child { display:none; }
    #dir_table table td { display:inline-block; border-right:none; margin:0; width:48%; padding:2px; color:#888; }
    #dir_table table td.tdchamp4 { width:100%; color:black; font-weight:bold; }
    #dir_table table td.tdchamp1 { color:black; }
    #dir_table table td.tdchamp2 { color:black; }

    #table_edit { width:calc(100% - 16px); padding:5px; }

    #search_form { display:none; }
    #stats { float:none; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
    .topnav { float:none; }

    #logs_appel table { display:block; }
    #logs_appel table thead { display:none; }
    #logs_appel table tbody { display:block; width:100%; }
    #logs_appel table tr { display:block; position:relative; width:100%; height:50px; }
    #logs_appel table td { display:block; border-right:none; padding:0; }
    #logs_appel table td:first-child { display:inline-block; margin:4px 4px 0 4px; }
    #logs_appel table td:last-child { display:inline-block; width:48%; text-align:right; }
    #logs_appel table td.td_date { display:inline-block; width:calc(100% - 40px); text-align:left; color:#888; }
    #logs_appel table td.td_duration { display:inline-block; width:20%; position:absolute; right:0; top:2px; color:#888; }
    #logs_appel table td.td_from { display:inline-block; width:48%; height:28px; line-height:20px; white-space:nowrap; overflow:hidden; }
    #logs_appel table td.td_to { display:inline-block; width:48%; height:28px; line-height:20px; white-space:nowrap; overflow:hidden; }
    #logs_appel table td.td_text { width:100%; }
    #logs_appel table td .b_call { display:none; }

    #nbcontacts { display:none; }

    .form-2-col-elg { float:none; margin:0; width:100%; text-align:left; border:none; }
    .form-2-col-eld { float:none; margin:0 0 10px 0; width:100%; }
    .form-2-col-eld table { display:block; margin:0; }
    .form-2-col-eld table thead { display:none; }
    .form-2-col-eld table tbody { display:block; }
    .form-2-col-eld table tbody tr { display:block; border:solid 1px #CCC; }
    .form-2-col-eld table tbody td { display:block; border:none; }

    .col.p25 { width:calc(50% - 50px); }
    .col.center { width:100%; }
    .col2,.col1 {
        clear:both;
        width:100%;
        margin:5px 0;
    }
    .phead h1 { margin:0; font-size:16px; }
    .phead .fselect, .phead .fkselect { margin:0 0 0 5px; }
    .pgroup { padding:10px; }
    .stat { width:100%; }
    
    .renvoiext { margin:0; padding:0; }
    .renvoiext .renvoi .dest { width:calc(100% - 120px); font-size:12px; overflow:hidden; white-space:nowrap; }
    .renvoiext .renvoi .arrow { margin:0 4px; }
    .renvoiext .renvoi .extension { width:120px; overflow:hidden; }
    
    .fiche .row .speeddial { display:block; margin:5px 0 0 0; }
    
    #dashboard { width:100%; }
    #dashboard thead { display:none; }
    #dashboard tr { clear:both; display:block; height:30px; }
    #dashboard.extboard tr td:nth-child(1) { display:block; float:left; width:16%; }
    #dashboard.extboard tr td:nth-child(2) { display:block; float:left; padding:0; width:30%; line-height:28px; }
    #dashboard.extboard tr td:nth-child(3) { display:block; float:left; padding:0; width:44%; }
    #dashboard.extboard tr td:nth-child(n+4) { display:none; }
    
    #dashboard.usersboard tr td:nth-child(2) { display:none; }
    #dashboard.usersboard tr td:nth-child(4) { display:none; }
    #dashboard.usersboard tr td:nth-child(5) { display:none; }
    #dashboard.usersboard .user_photo { width:20px; }
}

@media screen and (max-width: 480px) {
    .aide { display:none; }
    .col { float:none; }
    .col.p25 { width:calc(100% - 20px); margin:10px 0; }
    .stat object { display:none; }
    
    .barremenu { overflow:auto; white-space:nowrap; scrollbar-width: thin; }
    .barremenu .menu { height:30px; padding:5px 10px; line-height:30px; }
    .barremenu:before { background-size:16px; margin:0 0 0 4px; width:20px; height:20px; }
    a.menu.nomobile { display:none; }
    
    #fkeys { width:100%; }
    #fkeys tbody tr { display:block; border:solid 1px #CCC; }
    #fkeys tbody tr td:first-child { display:block; float:left; border:none; height:26px; line-height:30px; }
    #fkeys tbody tr td.fkeyfunc { display:block; float:left; border:none; }
    #fkeys tbody tr td.fkeyval { display:block; border:none; clear:both; }
}