// Responsive utilities
.chat-split-screen {
  .container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .chat-split-screen {
    width: 68% !important;
    float: left;
  }

  .chat-sidebar.open {
    width: 32%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .chat-split-screen {
    width: 75% !important;
    float: left;
  }

  .chat-sidebar.open {
    width: 25%;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .chat-split-screen {
    width: 81% !important;
    float: left;
  }

  .chat-sidebar.open {
    width: 19%;
  }
}

@media (min-width: 1600px) and (max-width: 1899px) {
  .chat-split-screen {
    width: 83% !important;
    float: left;
  }

  .chat-sidebar.open {
    width: 17%;
  }
}

@media (min-width: 1900px) {
  .chat-split-screen {
    width: 85% !important;
    float: left;
  }

  .chat-sidebar.open {
    width: 15%;
  }
}

@media (max-width: 767px) {
  .has-chat-popup-active {
    overflow: hidden;
  }

  .chat-sidebar.open {
    width: 100%;
    max-width: 100%;
  }

  .chat-popover {
    display: none !important;
  }
}