/*responsive code*/

@media screen and (max-width:768px) {
  .videoList {
    position: fixed !important;
    width: 100% !important;
  }
  /*caller*/
  .DialerContWidth {
    width: 100% !important;
  }
  /*caller*/
  .agentInfoCont .finalOne {
    font-size: .8em;
  }
  .agentRestCont {
    padding: 0 !important;
  }
  .restData {
    padding: 0 .19em 0 .19em;
  }
  .table-responsive-custom {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .borderRight {
    border: none !important;
  }
  /*
  .default_chat {
    display: none;
  }*/
  .default_chat {
    height: 100% !important;
  }
  .contact_section {
    right: 0;
    bottom: 0;
  }
  .chat_show {
    width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
    right: 0 !important;
    bottom: 0 !important;
  }
  .contact_section_show {
    width: 100%;
    height: 100%;
  }
  .active_chat {
    height: 100% !important;
  }
  .info_area {
    height: 13.33% !important;
  }
  .chat_area {
    height: 73.34% !important;
  }
  .type_area {
    height: 13.33% !important;
  }
  .tablecontrol {
    font-size: .8em !important;
  }
  .cal_modal_width .modal-dialog {
    max-width: fit-content;
    min-width: -webkit-fill-available;
  }
  .fc-left button {
    padding: .25rem !important;
  }
  .fc-right button {
    padding: .25rem !important;
  }
  .fc-center {
    font-size: .4em;
  }
  .dy_status {
    font-size: .7em;
  }
  .home_tab_container .react-tabs__tab-list {
    height: 0 !important;
    overflow: hidden;
    opacity: 0 !important;
  }
  .taskChildTabs .react-tabs__tab-list {
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
  }
  .theme-colors>div>div>ul {
    opacity: 1 !important;
    height: auto !important;
  }
  .theme-colors>div>div>ul>li {
    width: 100% !important;
  }
  .react-tabs {
    padding-bottom: 0 !important;
  }
  .rcw-conversation-container .rcw-close-button {
    background-color: #232223 !important;
    border: 0;
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 40px;
  }
  .rcw-widget-container {
    height: 100%;
    height: 30em !important;
    margin: 0;
    max-width: none;
    width: 100%;
  }
  .react-tabs__tab {
    width: 100% !important;
  }
  .md_pad {
    position: relative;
  }
  .res_height {
    height: 9em !important;
  }
  .content {
    width: 100% !important;
    animation-fill-mode: both!important;
  }
  .boxD {
    display: none !important;
  }
  .submenu {
    left: 5em !important;
  }
  .sellphone_sidebar {
    height: 88.65% !important;
  }
  .submenu {
    height: 88.65% !important;
  }
  .logo-single {
    margin-bottom: 2em !important;
  }
  .table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/*only for box.*/

@media (max-width: 1066px) {
  .search_section {
    width: 10em !important;
  }
}