@media(max-width:767px){
    html[style*="--vh"]{height: 100vh;height: calc(var(--vh, 1vh) * 100);}
    body.ngagge-mobile-view{font-family: 'Montserrat', sans-serif;height: 100vh;height: calc(var(--vh, 1vh) * 100);position: fixed;left: 0;right:0;bottom:0;}
    body.ngagge-mobile-view .login-wrap-left {height: 100vh;height: calc(var(--vh, 1vh) * 100);}
    body.ngagge-mobile-view .fw-600,body.ngagge-mobile-view .fw-700,
    .ngagge-mobile-view #searchClsConvTab .nav-tabs .nav-link.active{font-family: 'Montserrat', sans-serif !important;font-weight: 600;}
    body.ngagge-mobile-view h1, body.ngagge-mobile-view h2, body.ngagge-mobile-view h3, body.ngagge-mobile-view h4, body.ngagge-mobile-view h5, body.ngagge-mobile-view h6, 
    body.ngagge-mobile-view .h1, body.ngagge-mobile-view .h2, body.ngagge-mobile-view .h3, body.ngagge-mobile-view .h4, body.ngagge-mobile-view .h5, body.ngagge-mobile-view .h6 {font-family: 'Montserrat', sans-serif !important;}
    .ngagge-mobile-view .list-sb-actions .col-form-label,.ngagge-mobile-view .btn:not(.card-link),
    .ngagge-mobile-view button, .ngagge-mobile-view input, .ngagge-mobile-view optgroup, .ngagge-mobile-view select, .ngagge-mobile-view textarea{font-family: 'Montserrat', sans-serif !important;}
    .ngagge-mobile-view aside.app-sidebar,
    .ngagge-mobile-view .header,
    .ngagge-mobile-view .ngg-agent-name-row{display: none;}
    .ngagge-mobile-view main.page > header + .container-fluid,
    .ngagge-mobile-view .console-all-wrap{height:100vh;height: calc(var(--vh, 1vh) * 100);}
    .ngagge-mobile-view .console-main-right {
        /* display: none !important; */
        padding-left: 0 !important;
        width: 100vw;
        position: relative;
        /*left: 100vw;*/
        transition: all 0.5s;
    }
    body.ngagge-mobile-view #app:not(.registration-page) {min-width: 0;}
    .ngagge-mobile-view .console-main-left {width: 100vw;}
    /*    .ngagge-mobile-view .message-view-active .console-main-left,
        .ngagge-mobile-view .right-view-active .console-main-left{display: none !important;}*/
    .ngagge-mobile-view .message-view-active .console-main-right{left: 0;}
    .ngagge-mobile-view .right-view-active .console-main-right{left: -100vw;}
    .ngagge-mobile-view .chat-console-body {flex-wrap: nowrap;}
    .ngagge-mobile-view .right-view-active .prior-chat-wrap,
    .ngagge-mobile-view .right-view-active .visitor-card,
    .ngagge-mobile-view .right-view-active .chat-detail-inner .btn-accordion .card {box-shadow: none;border-radius: 0 !important;border-bottom: 1px solid #cbd6e2;margin-top:0 !important;}
    .ngagge-mobile-view .message-view-active .console-main-right .gutter,    
    .ngagge-mobile-view .right-view-active .console-main-right .gutter{ display: none;}
    .ngagge-mobile-view .right-view-active .console-main-right .chat-detail-part{flex-basis: 100% !important;background-color:#fff;}
    .ngagge-mobile-view .right-view-active .chat-detail-part .chat-detail-inner{padding: 0 !important;}
    .ngagge-mobile-view .console-main-right .chat-detail-part{min-width: 100vw;}
    .ngagge-mobile-view .message-view-active .console-main-right .chat-window-part {flex-basis: 100% !important;height: 100%;border: none !important;}
    .ngagge-mobile-view .chat-window-part{min-width: 100vw;}
    .ngagge-mobile-view .console-main-left .btn-op-sub-menu {display: none;}
    .ngagge-mobile-view .right-view-active .chat-window-part{min-width:100vw;}
    .ngagge-mobile-view .chat-console-head{background: #F5F5f5;    }
    .ngagge-mobile-view .right-view-active .visitor-card {background-color: #F5F5f5 !important;border-bottom: 0 !important;margin-bottom: 0 !important;padding: 22px 1.5rem !important;}
    .ngagge-mobile-view .console-main-left .btn-op-sub-menu + span {margin-left: 0 !important;font-size: 20px !important;}
    .ngagge-mobile-view .console-main-left .slide-btn-toggle-dd {display: none;}
    .ngagge-mobile-view  .console-main-left .slide-toggle-dd {position: absolute !important;top: 22px;right: 50px;}
    .ngagge-mobile-view .console-left-head {padding: 0 40px !important;}
    .ngagge-mobile-view .console-left-head h2.d-flex {flex-grow: 1;padding: 20px 0 10px !important;}
    .ngagge-mobile-view .list-sb-actions {display: flex;margin-left: 0 !important;}
    .ngagge-mobile-view .visitor-action i.fa {color: #444 !important;}
    .ngagge-mobile-view .visitor-action span {font-weight: 400 !important;font-size:11px !important}
    .ngagge-mobile-view .list-sb-actions li.list-inline-item + li.list-inline-item {margin-left: auto !important;}
    .ngagge-mobile-view .chat-types-wrapper .console-two-section{display: none;padding-left: 0 !important;padding-right: 0 !important;height: 100%;background-color: #fff !important;}
    .ngagge-mobile-view .console-left-head[data-current-chat-type="Incoming"] + .chat-types-wrapper .incoming-conversation{display:block;}
    .ngagge-mobile-view .console-left-head[data-current-chat-type="Open"] + .chat-types-wrapper .open-conversation{display:block;}
    .ngagge-mobile-view .console-left-head[data-current-chat-type="Closed"] + .chat-types-wrapper .close-conversation{display:block;}
    .ngagge-mobile-view .chat-types-wrapper .console-two-section > * {display: none;background-color: #fff !important;padding: 0;}
    .ngagge-mobile-view .chat-types-wrapper .console-two-section > *:nth-child(3) {display: block !important;}
    .ngagge-mobile-view .console-two-section + .console-two-section {margin-top: 0 !important;}
    .ngagge-mobile-view #saveClosedConvFilter .modal-dialog.mw-600 {max-width: 100vw !important;}
    .ngagge-mobile-view .console-left-head,
    .ngagge-mobile-view #saveClosedConvFilter .modal-header{background: #F5F5f5;}
    .ngagge-mobile-view #saveClosedConvFilter .modal-header .close{visibility: hidden !important;}
    .ngagge-mobile-view #saveClosedConvFilter .modal-body-inner-container {padding-top: 4px !important;padding-bottom: 0 !important;background-color: #F5F5f5;}
    .ngagge-mobile-view #saveClosedConvFilter .tab-content .tab-pane {margin: 0 -1.5rem;padding: 0;background-color: #fff;}
    .ngagge-mobile-view #saveClosedConvFilter .knowledge-input-search {line-height: 30px;padding-left: 15px !important; padding-right: 35px !important;}
    .ngagge-mobile-view #saveClosedConvFilter .modal-header {padding: 6px 1.5rem 7px 1.5rem !important;color:#111111;}
    .ngagge-mobile-view #saveClosedConvFilter .nav-tabs {border: none;margin: 0;}
    .ngagge-mobile-view #saveClosedConvFilter #searchClsConvTab {margin-top: 0 !important;padding-bottom: 1px;}
    .ngagge-mobile-view #saveClosedConvFilter .modal-body-inner-container .whc-part.mb-4 {margin-bottom: 16px !important;}
    .ngagge-mobile-view #saveClosedConvFilter #searchConvAcc {padding: 0 !important;}
    .ngagge-mobile-view #saveClosedConvFilter #searchConvAcc .card {border: none;border-radius: 0 !important;box-shadow: none !important;margin: 0 !important;}
    .ngagge-mobile-view #saveClosedConvFilter #searchConvAcc .card {border-bottom:1px solid #e6e6e6;}
    .ngagge-mobile-view #searchClsConvTab .nav-tabs .nav-link.active {border-bottom: none !important;background-color: transparent;}
    .ngagge-mobile-view .console-left-head .text-white{color: #111111 !important;}
    .list-chat-status a{color: #111111;}
    .ngagge-mobile-view .console-main-left .bootstrap-select.btn-group:not(.dd-abs-menu) .dropdown-menu li a, 
    .ngagge-mobile-view .console-main-left .bootstrap-select.btn-group:not(.dd-abs-menu) span, 
    .list-chat-status .mct-active a,
    .cmv-back-button{color: #4354b6 !important;font-weight: 600;font-family: 'Montserrat', sans-serif !important;}
    .ngagge-mobile-view .chat-window-btns .list-chat-window-btns {background: #F5F5f5;border-radius: 4px 4px 0 0;padding: 0 1rem 0 1.5rem !important;height: 45px;border: 0;border-bottom: 1px solid #ddd;}
    .list-chat-status .mct-active a{font-weight: 600;position: relative;}
    .list-chat-status .mct-active a:after{content: "";display: block;width: 100%;height: 1px;background-color: #4354b6;bottom: -2px;position: absolute;left: 0;}
    .ngagge-mobile-view .chat-types-wrapper {background-color: #fff;}
    .ngagge-mobile-view .console-visitor-row a {color: #111111 !important;padding: 18px 34px 18px 40px;border: 0;}
    .ngagge-mobile-view .console-visitor-row .visitor {width: 36px;height: 36px;line-height: 36px;}
    .ngagge-mobile-view .console-two-section .dropdown-item  {border-bottom: 1px solid #e6e6e6;margin-top: 0;}
    .ngagge-mobile-view .console-wrapper {margin: 0 -16px 0 -15px;overflow: hidden;}
    .ngagge-mobile-view .console-bg-blue {margin: 0;width: 100%;}
    .ngagge-mobile-view .console-visitor-row {max-width: 100%;}
    .ngagge-mobile-view .console-main-left .dropdown-toggle::after{top:11px;color: #4354b6 !important;}
    .conv-mob-menu a{color:#d9d9d9;}
    .conv-mob-menu a.active{color:#fff;}
    .engage-knowledgebase-wrap .search-key + .list-kb-category li{width:100%;}
    .ngagge-mobile-view .visitor-details {max-width: none;}
    .ngagge-mobile-view .mx-datepicker input{font-size:16px;padding: 5px 10px;}
    .ngagge-mobile-view .chat-console-head > div{border-color: #ddd !important;}
    .ngagge-mobile-view .chat-console-head > div >ul {padding: 22px 0 !important;margin: 0 !important;}
    .ngagge-mobile-view .chat-window-btns .list-chat-window-btns .dropdown-toggle::after {display: none;}
    .ngagge-mobile-view .chat-window-btns .list-chat-window-btns button {color: #4354b6 !important;font-weight: 600;height: 45px !important;}
    .ngagge-mobile-view .chat-console-head .cch-top-line {line-height: 1;}
    .ngagge-mobile-view .chat-console-head .cch-top-line + p {line-height: 1;margin-top: 4px;}
    .ngagge-mobile-view .list-sb-actions .col-form-label{font-weight: 600;}
    .ngagge-mobile-view .console-main-left .bootstrap-select:not(.dd-abs-menu) .dropdown-menu {background: #fff !important;}
    .ngagge-mobile-view .list-sb-actions li:last-child .bootstrap-select.btn-group.show div.dropdown-menu {right: 0 !important;left: auto !important;transform: translate3d(0,0px,0) !important;}
    .ngagge-mobile-view .all-conversation .console-bg-blue {max-height: 100%;}
    .ngagge-mobile-view .console-two-section .console-visitor-row a:not(.bg-white) .text-black{color:#111111 !important;}
    .ngagge-mobile-view .incoming-chat-spot {top: 30px;background-color: #4354b6;left: 15px;}
    .ngagge-mobile-view .chat-console-head .visitor {width: 40px;height: 40px;line-height: 40px;border-radius: 4px;text-align: center;}
    .ngagge-mobile-view .chat-window-btns {position: absolute;top: 87px;width: 100%;}
    .ngagge-mobile-view  .chat-console-footer {padding: 10px 0px 22px 0px !important;position: static;border-top: 1px solid #eee;background: #F9F9f9}
    html.iphone .ngagge-mobile-view  .chat-console-footer {padding: 10px 0 18px!important;}    
    .ngagge-mobile-view .form-chat-box .chat-console-editor {border-radius: 23px;border: 1px solid #ddd !important;min-height: 0;margin: 0 4px 7px 14px;padding: 5px 10px 5px 20px;line-height: 1.15;display: flex;align-items: center;}
    .ngagge-mobile-view .chat-msgs-wrap:not(.mob-closed-chat) {margin-top:45px;}
    .ngagge-mobile-view #chatConvHubActionDD + .dropdown-menu {display:block;border-radius: 0;margin-top: 0;right: 0px !important;transform: translate3d(0%, 100%, 0)!important;bottom: 0% !important;position: fixed !important;z-index: 99;top: auto !important;border-top:1px solid #cbd6e2;box-shadow: none;transition: all 0.4s;}
    .ngagge-mobile-view #chatConvHubActionDD + .dropdown-menu.show ,
    .ngagge-mobile-view .chat-console-single .bootstrap-select.btn-group.show div.dropdown-menu{transform: translate3d(0px, 0px, 0px) !important;border-radius: 15px 15px 0 0;box-shadow: 0 0 20px #ddd;overflow: hidden;}
    .ngagge-mobile-view .list-chat-window-btns .list-console-links li a {padding: 1.35rem 2rem;}
    .ngagge-mobile-view .right-view-active .prior-chat-wrap {padding-left: 18px !important;padding-right: 15px !important;}
    .ngagge-mobile-view .chat-detail-part .j-custm-scroll {height:100vh;height: calc(var(--vh, 1vh) * 100);}
    .ngagge-mobile-view .console-visitor-row a:hover,
    .ngagge-mobile-view .cat-thread-list li:hover {background: #fff;}
    .ngagge-mobile-view .modal-content .modal-header .close {visibility: visible !important;}
    .ngagge-mobile-view .chat-single-row-bot-visitor .chat-single-row-head, 
    .ngagge-mobile-view .chat-single-row-visitor .chat-single-row-head {display: none;}
    .ngagge-mobile-view .chat-single-row-bot-visitor .chat-single-row-head + div.col .ngg-chat-msg-text, 
    .ngagge-mobile-view .chat-single-row-visitor .chat-single-row-head + div.col .ngg-chat-msg-text{background: #f1f1f1;padding: 6px 10px;max-width: calc(100% - 15px);border-radius: 5px;}
    .ngagge-mobile-view .chat-single-row.oth-msg {padding: 0 11px;}
    .ngagge-mobile-view .loader-overlay {top: 0;left: 0;}
    .ngagge-mobile-view .chat-single-row-bot,
    .ngagge-mobile-view  .chat-single-row-agent {width: calc(100% - 15px);float: right;display: flex;flex-wrap: nowrap;}
    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head,
    .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head{display: flex;align-self: flex-end !important;margin-bottom: 16px;flex-direction: column;margin-left: auto;}
    /*    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head + div.col, 
        .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head + div.col {background: linear-gradient(to left, #2196f3,#3f51b5 ) !important;padding: 6px 0;margin-left: 5px;}*/
    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head + div.col .ngg-chat-msg-text, 
    .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head + div.col .ngg-chat-msg-text {background: linear-gradient(to left, #2196f3,#3f51b5 ) !important;padding: 6px 10px;border-radius: 5px;}
    .ngagge-mobile-view .agent-row{color: #fff;margin-left: 0;min-width: 100%;padding-right: 0 !important;}
    .ngagge-mobile-view .agent-row-inn-wrap {display: flex;flex-direction: column;}
    .ngagge-mobile-view .ibx-msg-stt {position: static;margin-left: auto;margin-top: 4px;}
    .ngagge-mobile-view .chat-single-row-agent .row-timestamp,
    .ngagge-mobile-view .chat-single-row-bot .row-timestamp{visibility: visible;color: #aaa;min-width: 0;text-align: left;margin-left: 0;line-height: 1;margin-top: 4px;}
    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head + div.col .text-black, 
    .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head + div.col .text-black{color:#fff !important;}
    /*.ngagge-mobile-view .agent-row .text-lgray {color: #eee !important;}*/
    /*    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head + div.col .btn-send-conv, 
        .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head + div.col .btn-send-conv {color: #111111;margin-bottom: 4px;border: 1px solid #cbd6e2;}*/
    .ngagge-mobile-view .chat-window {padding-left: 0 !important;padding-right: 0 !important;padding-top: 10px !important;}
    .ngagge-mobile-view .chat-single-row:not(.oth-msg).editing-active,
    .ngagge-mobile-view .chat-single-row:not(.oth-msg):hover, .ngagge-mobile-view .chat-single-row:not(.oth-msg):focus ,
    .ngagge-mobile-view .single-day-msg-row:not(.oth-msg):hover, .ngagge-mobile-view .single-day-msg-row:not(.oth-msg):focus {background: transparent;}
    .ngagge-mobile-view .ngg-mob-agent-time,.ngagge-mobile-view .ngg-mob-visitor-time{display: block;color: #aaa;visibility: visible;white-space: nowrap;}
    .ngagge-mobile-view .chat-single-row-visitor .ngg-agent-name-row + .row > div {width: 100%;}
    .ngagge-mobile-view .visitor-row .agent-row-inn-wrap {flex-direction: row;align-items: flex-end;}
    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head + .col,
    .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head + .col {flex: 0 0 auto;width: auto;max-width: calc(100% - 40px);}
    .ngagge-mobile-view .chat-msgs-wrap {margin-top: 50px;}
    .ngagge-mobile-view .chat-mob-btns{font-size: 20px !important;align-items: center;}
    .ngagge-mobile-view .chat-mob-btns svg {height: 25px !important;}
    .ngagge-mobile-view .chat-mob-btns a {color: #4354b6 !important;display: flex;}
    .ngagge-mobile-view .chat-single-row-bot .chat-single-row-head img, 
    .ngagge-mobile-view .chat-single-row-agent .chat-single-row-head img {border-radius: 50% !important;margin-right: 4px;max-width: 30px;margin-bottom: 2px;}
    .ngagge-mobile-view .visitor-row{margin-right: 0;}
    .ngagge-mobile-view .chat-detail-inner .btn-accordion .card-header .card-link[aria-expanded="true"]{border-bottom: none;margin-bottom: 0;}
    .ngagge-mobile-view .chr-item-open div[id*='console-accordion-'] .card:not(.crd-active),
    .ngagge-mobile-view .chr-item-open .prior-chat-wrap,
    .ngagge-mobile-view div[id*='console-accordion-'] .collapsing{display:none;}
    .ngagge-mobile-view .chr-item-open div[id*='console-accordion-'] .card.crd-active{border-top:1px solid #cbd6e2;border-bottom:0;}
    .ngagge-mobile-view .chat-detail-inner .btn-accordion .collapse.show{margin-top: 10px;}
    .ngagge-mobile-view .chat-detail-inner .arrow.pull-right {display: none;}    
    .ngagge-mobile-view .cmv-back-button img {max-width: 12px;margin-right: -5px;}
    .ngagge-mobile-view .list-conv-all-dd-other .bootstrap-select.btn-group div.dropdown-menu,
    .ngagge-mobile-view .list-sb-actions .bootstrap-select.btn-group div.dropdown-menu,
    .ngagge-mobile-view .chat-console-single .bootstrap-select.btn-group div.dropdown-menu,
    .ngagge-mobile-view .notification-sett-row .bootstrap-select.btn-group div.dropdown-menu,
    .ngagge-mobile-view .bootstrap-select.btn-group div.dropdown-menu,
    .ngagge-mobile-view .kb-keywords-holder .ctg-input{position: fixed !important;display: block;transform: translate3d(0,100%,0) !important;transition: transform 0.4s;bottom: 0 !important;top: auto !important;border:0;border-top:1px solid #cbd6e2;}
    .ngagge-mobile-view .bootstrap-select.btn-group.show:not(.dd-abs-menu) .dropdown-menu:not(.inner){position: fixed !important;border-radius: 15px 15px 0 0;box-shadow: 0 0 20px #ddd;}
    .ngagge-mobile-view .list-conv-all-dd-other .bootstrap-select.btn-group.show div.dropdown-menu,
    .ngagge-mobile-view .list-sb-actions .bootstrap-select.btn-group.show div.dropdown-menu,
    .ngagge-mobile-view .chat-console-single .bootstrap-select.btn-group.show div.dropdown-menu,
    .ngagge-mobile-view .notification-sett-row .bootstrap-select.btn-group.show div.dropdown-menu,
    .ngagge-mobile-view .bootstrap-select.btn-group.show div.dropdown-menu,
    .ngagge-mobile-view .kb-keywords-holder .ctg-input{transform: translate3d(0,0%,0) !important;}
    .ngagge-mobile-view .bootstrap-select.btn-group .dropdown-menu li a{padding: 1.35rem 2rem;}
    .ngagge-mobile-view .chat-detail-inner .border-blue,
    .ngagge-mobile-view .visitor-card .btn-btds,
    .ngagge-mobile-view .chr-item-open .visitor-card .btn-btms{display: none;}
    .ngagge-mobile-view .chr-item-open .visitor-card .btn-btds{display: block;}
    .ngagge-mobile-view .visitor-card-name {width: 40px;height: 40px;line-height: 40px;font-weight: 400;font-family: 'Montserrat', sans-serif;text-align: center;font-size: 16px !important;}
    .ngagge-mobile-view .sr-date-range-row .col {min-width: 100%;padding-left: 16px !important;margin-top: 10px;}
    .ngagge-mobile-view .console-main-right .kb-keywords-holder+.ctg-input,
    .ngagge-mobile-view .console-main-right .kb-keywords-holder .ctg-input{position: fixed !important;bottom: -1px;left: -1px;right: -1px;top:auto;width: auto;display:block;transform: translateY(100%) !important;transition: all 0.4s;}
    .ngagge-mobile-view .console-main-right .kb-keywords-holder.holder-on + .ctg-input,
    .ngagge-mobile-view .console-main-right .kb-keywords-holder.holder-on .ctg-input{transform: translateY(0) !important;}
    .ngagge-mobile-view .console-main-right .kb-keywords-holder + .ctg-input .search-input{border-top:1px solid #cbd6e2 !important;}
    .ngagge-mobile-view .console-main-right .card[id*="add-as-contact-"] .slide-content-toggle-dd {min-width: 240px !important;position: fixed;left: 0;right: 0;}
    .ngagge-mobile-view .desktop-view-show{display: none;}
    .ngagge-mobile-view .mob-view-show{display: inline;}
    .ngagge-mobile-view .mob-view-visible{display: block;}
    .ngagge-mobile-view .chat-detail-part .form-group > .col-form-label {width: 115px;}
    .ngagge-mobile-view .chat-detail-part .form-group > .col-form-label + div.col{max-width: calc(100% - 115px);}
    .engage-knowledgebase-wrap .search-key > p {margin: 0 !important;}
    .ngagge-mobile-view #searchClsConvTab .cs-msg-head{display: none;}
    .ngagge-mobile-view #searchClsConvTab .chat-single-row-visitor .chat-single-row-head{display: none;}
    .ngagge-mobile-view #searchClsConvTab .btn-accordion .collapse.show{margin-top: 0;padding-top: 10px;}
    .ngagge-mobile-view #searchClsConvTab .btn-accordion .card-body{}
    .ngagge-mobile-view #searchClsConvTab .chat-msgs-wrap{margin-top: 0;}
    .ngagge-mobile-view .chat-single-row-visitor .agent-row-inn-wrap {flex-direction: row;align-items: flex-end;}
    .ngagge-mobile-view #searchClsConvTab .chat-single-row-agent .chat-single-row-head{margin-bottom: 0;}
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .card:not(.crd-active),
    .ngagge-mobile-view #ViewContactActivity.mob-srch-card-active .card:not(.crd-active) {display: none;}
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .whc-part, 
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .whc-part + .form-group, 
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .nav-tabs,
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .btn-back-search,
    .ngagge-mobile-view #saveClosedConvFilter .btn-search-active{display: none;}    
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .tab-content{margin-top: 0 !important;}
    .ngagge-mobile-view #saveClosedConvFilter.mob-srch-card-active .btn-search-active,
    .ngagge-mobile-view #ViewContactActivity.mob-srch-card-active .btn-search-active{display: block;}
    .ngagge-mobile-view #chatConvHubActionDD + .dropdown-menu:after{display: none;}
    .ngagge-mobile-view #ViewContactActivity .modal-header,
    .ngagge-mobile-view #rateChatModal .modal-header,
    .ngagge-mobile-view #addSchedulingEventModal .modal-header,
    .ngagge-mobile-view #addSchedulingTaskModal .modal-header,
    .mob-conv-setting .modal-header{background: #F5F5f5 !important;color: #111111;justify-content: flex-start;}
    .ngagge-mobile-view #addSchedulingEventModal .modal-header .close,
    .ngagge-mobile-view #addSchedulingTaskModal .modal-header .close{display: none;}
    .ngagge-mobile-view #ViewContactActivity .modal-header .close{display:none;justify-content: flex-start;}
    .ngagge-mobile-view .hide-mob-view{display: none !important;}
    .ngagge-mobile-view #rateChatModal .modal-dialog.modal-middle {transform: translate(0,0) !important;top: 0;bottom: 0;max-width: 100% !important;}
    .ngagge-mobile-view .modal-dialog.modal-middle .modal-content {border-radius: 0;max-height: 100vh;}
    .ngagge-mobile-view #rateChatModal .modal-header{border-radius: 0;}
    .ngagge-mobile-view #ViewContactActivity .btn-search-active {display: none;}
    .ngagge-mobile-view #ViewContactActivity .modal-header{justify-content: flex-start;}
    .ngagge-mobile-view div[id*="console-accordion-other-"].mt-2{margin-top: 0 !important;}
    .ngagge-mobile-view .console-link-wrap a.console-widget{top:16px;right:0;}
    .ngagge-mobile-view #rateChatHead,.ngagge-mobile-view #rateChatBody {color: #111111;}
    .ngagge-mobile-view .chat-detail-part button.card-link{font-family: 'Montserrat', sans-serif !important;font-weight: 600;}
    .ngagge-mobile-view .item-op-sub-menu,
    .template-shortcuts.ngagge-mobile-view .modal-header .close,
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr td:last-child .btn-link:first-child{display:none;}
    .template-shortcuts.ngagge-mobile-view .main-app-container { padding-left: 1px;padding-right: 1px;}
    .template-shortcuts.ngagge-mobile-view .console-head-row {background-color: #F5F5f5;}
    .template-shortcuts.ngagge-mobile-view .modal-header,
    .ngagge-mobile-view #addEditComAgent .modal-header,
    .ngagge-mobile-view #csvImportListTableModal .modal-header,
    .ngagge-mobile-view #instructionsUploadTeammatesCSV .modal-header{background: #F5F5f5 !important;color: #111111;justify-content: flex-start;}
    .template-shortcuts.ngagge-mobile-view .modal-header .modal-title {display: flex;align-items: center;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts thead,
    .ngagge-mobile-view #addEditComAgent .modal-header .close,
    .ngagge-mobile-view #csvImportListTableModal .modal-header .close{display:none;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr td {min-width: 0;font-weight: 500;white-space: normal;max-width: 100%;border-left: none;border-right: none;border-top: 0;padding: 0 33px 0 15px;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr {display: flex;flex-direction: column;position: relative;padding: 12px 0;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr:nth-child(n + 2) {border-top: 1px solid #cbd6e2;}
    .template-shortcuts.ngagge-mobile-view .px-65 {height: 100vh;height: calc(var(--vh, 1vh) * 100);display: flex;flex-direction: column;}
    .template-shortcuts.ngagge-mobile-view .conv-mob-menu,
    .template-shortcuts.ngagge-mobile-view .mob-conv-setting,
    .template-company.ngagge-mobile-view .conv-mob-menu,
    .template-company.ngagge-mobile-view .mob-conv-setting{margin: 0 -15px;width: auto;}
    .template-shortcuts.ngagge-mobile-view .shortcut-wrapper .table-responsive {max-height: calc(100vh - 70px);margin: 0 -15px;width: auto;}
    .template-shortcuts.ngagge-mobile-view .btn-create-mobile{display: block !important;}
    .template-shortcuts.ngagge-mobile-view .btn-create-mobile .nav-link{border-radius: 50% !important;font-size: 25px;padding: 0 !important;width: 30px;height: 30px;justify-content: center;margin-top: 6px;}  
    .template-shortcuts.ngagge-mobile-view .btn-create-desktop{display: none !important;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr td:nth-child(1) {font-weight: 600;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts.table-w-icon:not(.no-sticky-icon) td:last-child::after{display:none;}
    .template-shortcuts.ngagge-mobile-view .table-shortcuts tbody tr td:nth-child(3) {position: absolute;top: 0;bottom: 0;padding: 0;width: auto;display: flex;}
    .template-shortcuts.ngagge-mobile-view .modal[id*='delete'] .modal-dialog {height: 100vh;max-width: 100vw !important;}
    .ngagge-mobile-view .table-invitee td:nth-child(n + 3),
    .ngagge-mobile-view .table-invitee thead{display: none;}
    .ngagge-mobile-view.template-company .main-app-container {padding-left: 0;padding-right: 0;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
    .ngagge-mobile-view.template-company .tab-content{margin-top: 0 !important;}
    .ngagge-mobile-view .invitee-wrapper {max-height: calc(100vh - 255px);}
    .ngagge-mobile-view .invitee-main-wrapper .table-responsive {max-height: calc(100vh - 60px);margin: 0 -15px;min-width: 100vw;}
    .ngagge-mobile-view .invitee-main-wrapper .console-head-row{min-width: 100vw;background-color: #F5F5f5;}
    .ngagge-mobile-view .invitee-main-wrapper .site-main-tabs li:nth-child(6) {margin-left: auto;padding-right: 0;}
    .ngagge-mobile-view .invitee-main-wrapper .table-invitee .name {min-width: calc(100vw - 95px);max-width: calc(100vw - 70px);}
    .ngagge-mobile-view .table-invitee .avatar,.ngagge-mobile-view .table-invitee .photo {min-width: 57px;max-width: 57px;padding-left: 15px !important;}
    .ngagge-mobile-view .invitee-main-wrapper.mobile-menu-view {min-height: calc(var(--vh, 1vh) * 100);display: flex;flex-direction: column;}
    .ngagge-mobile-view #addEditComAgent .modal-footer .btn-multi-invite{display: none;}
    .ngagge-mobile-view #addEditComAgent .modal-body {top: 67px;}
    .ngagge-mobile-view .invite-invitation-row .col-4 {flex: 0 0 100%;max-width: 100%;padding: 0 15px !important;}
    .ngagge-mobile-view .invite-invitation-row .col-1 {display: none !important;}

    /*.ngagge-mobile-view #addEditShorcutModal {display: block !important;}*/
    .ngagge-mobile-view #deletepop .modal-dialog,
    .ngagge-mobile-view .modal-mobile-view .modal-dialog{left: 100vw !important;transition: left 0.5s;right: auto;}
    .ngagge-mobile-view #deletepop .modal-dialog{transform: translate(0,0) !important;top: 0;}
    .ngagge-mobile-view #deletepop.show .modal-dialog,
    .ngagge-mobile-view .modal-mobile-view.show .modal-dialog{left: 0 !important;}
    .ngagge-mobile-view .attmnt-wrapper {width: calc(100% - 0px);margin-bottom: 1px;position: fixed;bottom: 50px;}
    .mob-photo-input input[type="file"] {width: 22px;height: 20px;position: absolute;top: 2px;left: 0px;opacity: 0;z-index: 9;}
    .ngagge-mobile-view .chat-mob-btns  #uploadForm label.custom-file-label {color: #4354b6 !important;font-size: 20px;display: flex;}
    html.iphone .ngagge-mobile-view .modal .col-form-label,.ngagge-mobile-view .modal .form-control:not(.min-w-0),
    html.iphone .ngagge-mobile-view .form-chat-box .chat-console-editor,
    html.iphone .form-control{font-size: 16px !important}
    html.iphone .ngagge-mobile-view .console-left-head h2.d-flex,
    html.iphone .ngagge-mobile-view .chat-console-head > div >ul,
    html.iphone .ngagge-mobile-view .right-view-active .visitor-card{padding-top: 40px !important;}
    html.iphone .modal-header{padding-top: 33px !important;}
    .ngagge-mobile-view .conv-email-msg-attachment{padding:4px;margin-right: 0;}
    .ngagge-mobile-view #consoleWinSlider .conv-email-msg-attachment-dwld{    position: absolute;bottom: auto;right: auto;transform: translate(-50%,-50%);top: 50%;width: 40px;height: 40px;line-height: 40px;text-align: center;left: 50%;color: #fff;border-radius: 50%;background-color: rgba(0,0,0,.25);}
    .ngagge-mobile-view .chat-single-row .cht-msg.msg-attachment {max-width: 200px;}
    .ngagge-mobile-view .console-visitor-row a:hover {background-color: rgba(0,0,0,0) !important;border-radius: 0 !important;}
    .ngagge-mobile-view .console-visitor-row a.ctt-tooltip:before,
    .ngagge-mobile-view .console-visitor-row a.ctt-tooltip:after{display: none;}
    .console-all-wrap-inn{left:0;transition: all 0.5s;flex-wrap: nowrap;}
    .console-wrapper.message-view-active .console-all-wrap-inn,.console-wrapper.right-view-active .console-all-wrap-inn{left:-100vw;}
    .ngagge-mobile-view .console-visitor-row .unread-msg-count,
    .ngagge-mobile-view .unread-msg-grp-count {position: absolute;width: 20px;height: 20px;background: #ea4949;border-radius: 50%;font-size: 10px;text-align: center;line-height: 20px;left: 0px;top: 50%;margin-top: -10px;margin-left: 10px;color: #fff;}
    .ngagge-mobile-view ul.list-pns-list-conv li.list-pns-card {width: 100%;margin-left: 0; min-width: 220px;margin-right: 15px;}
    .ngagge-mobile-view button[id*="convTagsDD"] + .dropdown-menu {left: 0px !important;position: fixed !important;transform: translate3D(0,0,0) !important;bottom: 0;top: auto !important;min-width: 100%;}
    .ngagge-mobile-view ul[class*='list-main-tags-'] li.dropdown-item a.active ~ ul {position: absolute;max-width: none;transform: translateX(0px);margin-left: 0;overflow: visible;width: 100%;left: 0;}
    html.iphone .ngagge-mobile-view .console-main-left .slide-toggle-dd {top: 43px;}
    html.iphone .ngagge-mobile-view #saveClosedConvFilter .modal-header {padding: 30px 1.5rem 7px 1.5rem !important;}
    html.iphone .ngagge-mobile-view #saveClosedConvFilter .modal-body {top: 74px;}
    .ngagge-mobile-view .open-sub-menu + .page {padding-left: 0px !important;}
    .ngagge-mobile-view .site-main-tabs{align-items: center;}
    .ngagge-mobile-view .site-main-tabs#myTabOptions{margin-right:-15px;margin-left:-15px;padding-left: 15px;padding-right: 15px;margin-bottom: -1px;}
    .ngagge-mobile-view .invitee-main-wrapper .site-main-tabs#myTabOptions li:nth-child(2){margin-right:auto;}
    html.iphone .ngagge-mobile-view .site-main-tabs {margin-top: 30px;}
    html.iphone .ngagge-mobile-view .modal[id*='info'] .modal-header,html.iphone .ngagge-mobile-view .modal[id*='delete'] .modal-header {padding: 40px 1.5rem 12px 1.5rem !important;}
    html.iphone .ngagge-mobile-view #addEditComAgent .modal-body {top: 87px;}
    .ngagge-mobile-view ul[class*='list-main-tags-'] {max-width: 100%;}
    .ngagge-mobile-view .list-main-tags-start .dropdown-item h2 {display: flex;align-items: center;}
    .ngagge-mobile-view ul[class*="list-main-tags-"] .dropdown-item a.btn-back-close-crm {margin-left: -0.5rem;display: inline-block;padding: 0 0.5rem;width: auto;font-size: 22px;line-height: 1;}
    .template-shortcuts.ngagge-mobile-view #myTabOptions .nav-item:last-child {margin-left: auto;}
    .ngagge-mobile-view a.btn.btn-close-loadmore {color: #4354b6 !important;font-weight: 600;font-size: 15px;}
    .ngagge-mobile-view .table-shortcuts.table-w-icon.table td .btn-link {padding: 0 12px;}
    .template-shortcuts.ngagge-mobile-view .main-app-container {overflow-x: hidden;}
    html.iphone body.ngagge-mobile-view .modal-body {bottom: 82px;top: 87px;}
    html.iphone body.ngagge-mobile-view .modal-footer {padding-bottom: 30px;}
    .iphone .ngagge-mobile-view .console-bg-blue.conv-mob-menu {position: fixed;left: 0;right: 0;bottom: 0;}
    .iphone .ngagge-mobile-view .chat-types-wrapper {margin-bottom: 85px;}
    .ngagge-mobile-view main.page ,.ng-nw-menu-shrink.ngagge-mobile-view main.page{padding-top: 0 !important;padding-left: 0 !important;}
    .ngagge-mobile-view #ViewContactActivity .modal-body-inner-container {padding-left: 0.25rem !important;padding-right: 0rem !important;}
    .ngagge-mobile-view #attachmentSliderHolder {padding: 0;}
    .ngagge-mobile-view #attachmentSliderWrapper {max-height: 100vh !important;max-width: 100vw !important;}
    .ngagge-mobile-view #attachmentSliderHolder .conv-email-msg-attachment {background-color: transparent;}
    .ngagge-mobile-view .conv-email-msg-attachment .cema-img-wrap .conv-email-msg-attachment-dwld {display: none;}
    .ngagge-mobile-view #attachmentSliderHolder .btn-close {top: 10px;right: 10px;}
    .ngagge-mobile-view .btn-mob-sms-compose button .pull-right{display:none;}
    .ngagge-mobile-view .btn-mob-sms-compose .my-conversation button{text-transform: capitalize !important;min-height: 0 !important;}
    .ngagge-mobile-view .btn-mob-sms-compose .my-conversation{background:transparent !important;padding-left: 0 !important;padding-right: 0 !important;margin-bottom: 0 !important;color: #111 !important;}
    .ngagge-mobile-view .sms-compose-wrapper .kb-keywords-holder {min-height: 0;border: none;background: none !important;display: inline-block;padding-right: 30px;}
    .ngagge-mobile-view .sms-compose-wrapper .kb-keywords-holder .kb-keyword-item {padding: 0;}
    .ngagge-mobile-view .sms-compose-wrapper .kb-keywords-holder.single-holder:after{color: #4354b6 !important;}
    .ngagge-mobile-view .sms-compose-wrapper .chat-window-btns {display: none;}
    .ngagge-mobile-view .sms-compose-wrapper .kb-keywords-holder.holder-on .ctg-input {border-radius: 30px 30px 0 0;overflow: hidden;}
     .ngagge-mobile-view .kb-keywords-holder .ctg-input input {padding-left: 20px !important;padding-right: 20px !important; margin-top: -1px;}
}
@media(max-width:374px){
    .ngagge-mobile-view .visitor-row {margin-left: 0 !important;}
    .ngg-agent-name-row + .row.mr-3,
    .ngagge-mobile-view .chat-single-row-agent .row.mr-3{margin-right: 0 !important;}
    .ngagge-mobile-view .console-visitor-row a {padding: 18px 22px 18px 28px;}
    .ngagge-mobile-view .console-left-head {padding: 0 28px !important;}    
    .ngagge-mobile-view #chatConvHubActionDD + .dropdown-menu .list-console-links {max-height: 240px;}
    .ngagge-mobile-view .sr-date-range-row .list-inline-item:not(:last-child) {margin-right: 1.15rem;}
    .ngagge-mobile-view .list-sb-actions .mx-datepicker input {max-width: 80px !important;}
    .ngagge-mobile-view .list-sb-actions .col-form-label + .col-auto {padding-left: 8px;}
    .ngagge-mobile-view .console-main-left .slide-toggle-dd {right: 35px;}
}