@media(max-width:1365px)
{
    .e-grid .e-table{    table-layout: auto !important;}
    .e-grid.call-history-grid .e-table{    table-layout: fixed !important;}

}


@media(max-width:1199px)
{
    /* login */
    .login-page h2{font-size: 60px;}
    .login-page p{font-size: 28px;}
}
@media(max-width:991px)
{
    .navbar .navbar-collapse{background: rgb(255, 255, 255);padding: 15px;margin-top: 10px;}
    .navbar-light .navbar-nav .nav-item{    display: inline-block;}
    .navbar-light .navbar-nav{display: inline-block;}
    .navbar-light .navbar-nav .nav-item {margin-left: 15px;}
    .navbar-light .navbar-nav .nav-link{padding: 0;}
    .navbar{height: 58px;}
    #sidebar .sidebar-header{height: 58px;}
    .desk-img img{max-width: 165px;}
    #content{padding-top: 30px; height: auto !important;}
    #content .chat-content{height: calc(100vh - 58px);}
    /* #content .chat-sidebar{ height: calc(100vh - 58px);} */
    #content .chat-sidebar{width: 300px;}
    #content .chat-content{   
        width: calc(100% - 300px);
    }
    #content .chat-content.insidePhonebook{
        width: 100%;
    }
    .login-page{height: auto;}
    .login-page .login-left{margin-top: 70px;padding-right: 0;}
    .login-page h2{font-size: 54px;}
    .login-page p{font-size: 26px;}

}

@media (max-width: 768px) {
    /* #sidebar {margin-left: -270px;} */
    #sidebar.active {margin-left: 0;}
    #sidebarCollapse span {display: none;}
    .navbar{margin-bottom: 20px;}
    nav .select2-container{    width: 100% !important;margin-bottom: 10px;}
    .navbar{width: 100%;}
    .navbar.full{width: calc(100% - 270px);}

    /* login */
    .login-page h2 {font-size: 46px;}
    .login-page p {font-size: 22px;}
    .login-page h5{font-size: 23px;}
    .login-page p.support-text{font-size: 18px;}
}

@media (max-width: 767px) {
    #content .chat-content{   
        width: 100%;
    }
    /* #content .chat-sidebar, #content .chat-content {
        width: 100%;
    } */

    /*  */

    /* #content .chat-content{    position: fixed;height: 100vh !important;width: 100%;} */
    #content .chat-content img{max-width: 100%;}
    .e-grid .e-content{height: 250px !important;}
}

@media(max-width: 575px)
{
    /* login */
    .login-page h2 {font-size: 35px;}
    .login-page p {font-size: 20px;}
    .login-page h5 {font-size: 20px;}
    .login-page p.support-text {font-size: 16px;}
    .main-container{padding: 10px !important;}

    .keypad-modal .modal-dialog{max-width: 275px !important;margin: 20px auto;}
    .zendesk-keypad-modal .modal-dialog{margin: 0px;}
    .table td, .table th{font-size: 14px;}

    
}
@media(max-width: 480px)
{
    /* #sidebar{min-width: 200px;max-width: 200px;} */
    #sidebar.active {margin-left: 0;}
    /* #sidebar {margin-left: -200px;} */
    .navbar .navbar-collapse{margin-top: 0; width: 100%;position: fixed;left: 0;top: 58px;}
    .navbar.full{width: calc(100% - 200px);}

    .desk-img img {max-width: 145px;}
    #content{padding-top: 5px; height: auto !important;}
    /* login */
}