@media only screen and (max-device-width: 1050px) {
    #content { margin-top: 25px !important; }
    #chatMainContainer { top: 0px !important; position: absolute !important; right: -8px !important; }
    #menu_left_container, #controllermenu, #main_bar  { /*position: absolute;*/ }
    .advancedTable { min-width: 600px; }
    div.main_bar, .menuspacer, .second_menuspacer { /*position: absolute;*/ }
    .menuspacer, .second_menuspacer { left: 0px; }
    #menu_left_content { position: absolute; background: #DDD; left: 0px; right: 0px; }
    #menu_left_container { padding: 0px; height: 30px; left:0px; right: 0px; width:100%; background: none; }
    
    #actionsmenu, .content_menu, .content_menu ul { float: left; width: 100%; }
    #actionsmenu #top_menu { margin-top: 0px; padding: 0px; margin-left: 183px; }
    #actionsmenu #top_menu div.menu_link { width: 165px; height: 30px; background-color: #383a39; cursor: pointer; float: left; margin-left: 10px; }
    #actionsmenu #top_menu div.menu_link div.menu_link_image { width: 30px; height: 30px; background-color: #4285f4; float: left; background-position: center; background-repeat: no-repeat; }
    #actionsmenu #top_menu div.menu_link span.menu_link_text { height: 30px; color: #FFF; font-size: 12px; line-height: 30px; padding-left: 5px; }  
    
    #search_bar { top: 68px; left: 0; /*position: absolute;*/ }
    #search_bar input.search_box { margin-left: 0px; width: 148px; height: 30px; margin-top: 0px; border: 0px; color: #FFF;  background-color: #383a39; border: none; padding-left: 2px; font-family: Verdana; font-size: 14px; font-weight: normal; }
    #search_bar input.search_box:focus { background-color: #DDD; color: #000; border: 1px solid #383a39; width: 146px; height: 28px; }    
    
    #content { margin-left: 10px!important; }
    #actionsmenu, .content_menu, .content_menu ul { float: left; width: 100%; }
    .content_menu ul li { float: left; clear: none; margin-left: 10px; }
    #menu_left_content { margin-top: 0px; }
    .main_table { padding-top: 51px!important; }
    #controllermenu { z-index: 1000; }
    
    div#callLabelsContainer { display: none; }
}

@media only screen and (min-device-width: 1051px) and (max-device-width: 1370px) {
    
    #content { margin-top: 25px !important; }
    #chatMainContainer { top: 140px !important;  }
    .advancedTable { min-width: 600px; }
    .menuspacer { left: 0px; }
    #menu_left_content { position: absolute; background: #DDD; left: 0px; right: 0px; }
    #menu_left_container { padding: 0px; height: 30px; left:0px; right: 0px; width:100%; background: none; }
    
    #actionsmenu, .content_menu, .content_menu ul { float: left; width: 100%; }
    #actionsmenu #top_menu { margin-top: 0px; padding: 0px; margin-left: 183px; }
    #actionsmenu #top_menu div.menu_link { width: 165px; height: 30px; background-color: #383a39; cursor: pointer; float: left; margin-left: 10px; }
    #actionsmenu #top_menu div.menu_link div.menu_link_image { width: 30px; height: 30px; background-color: #4285f4; float: left; background-position: center; background-repeat: no-repeat; }
    #actionsmenu #top_menu div.menu_link span.menu_link_text { height: 30px; color: #FFF; font-size: 12px; line-height: 30px; padding-left: 5px; }    
    
    
    #search_bar { z-index: 500; }
    #search_bar input.search_box { margin-left: 0px; width: 148px; height: 30px; margin-top: 0px; border: 0px; color: #FFF;  background-color: #383a39; border: none; padding-left: 2px; font-family: Verdana; font-size: 14px; font-weight: normal; }
    #search_bar input.search_box:focus { background-color: #DDD; color: #000; border: 1px solid #383a39; width: 146px; height: 28px; }    
        
    #content { margin-left: 10px!important; }
    .content_menu ul li { float: left; clear: none; margin-left: 10px; }
    #menu_left_content { margin-top: 0px; }
    .main_table { padding-top: 51px!important; }
    #controllermenu { z-index: 1000; }
    
    div#callLabelsContainer { display: none; }
}