@media screen and (max-width: 1279px),
       screen and (max-height: 500px) {

.app-user-info-container #app-contact-image-icon,
.app-user-info-container #app-contact-icon,
.app-user-info-container #app-contact-name {
  display: none !important;
}

.app-user-info-container {
  z-index: 1;
  right: 0px;
}

.app-user-info-container.searchopen {
  display: none;
}

.app-user-info-container:hover {
  background-color: unset;
  border-radius: unset;
}

#app-user-presence-menu-container {
  width: 120px;
  background-color: #333;
  top: 61px;
  right: 0px;
  border-left: 1px solid #444;
  border-bottom: 1px solid #444;
  border-radius: 0px 0px 0px 4px;
  padding-top: 10px;
}

.app-user-info-container #app-contact-image-icon,
.app-user-info-container #app-contact-icon,
.app-user-info-container #app-contact-name {
  display: none !important;
}

}

@media screen and (max-width: 1079px),
       screen and (max-height: 500px) {

body {
  font-weight: 500;
}

#app-toolbar-pane {
  position: fixed;
  display: block;
  flex-direction: row;
  height: 60px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  top: calc(100% - 60px);
  background-color: #202020;
  text-align: center;
  margin-top: 5px;
}

.app-toolbar-icon,
.app-toolbar-icon-nohover {
  position: relative;
  width: 45px;
  height: 54px;
  background-size: 26px;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 1px;
}

#app-contacts-icon,
#app-chats-icon,
#app-settings-icon,
#app-email-icon,
#app-dashboard-icon,
#app-alert-attention-required,
#app-online-status-icon,
#app-logout-icon {
  position: relative;
  top: unset;
  bottom: unset;
  margin-top: unset;
}

#app-list-pane,
#app-right-pane,
#app-chat-conversation-container {
  position: fixed;
  left: 0px;
  width: 100%;
  height: calc(100% - 120px);
  border-left: unset;
  border-right: unset;
  border-bottom: 1px solid #444444;
  border-radius: unset;
}

#app-list-pane.invited,
#app-right-pane.invited,
#app-right-pane.invited > #app-chat-conversation-container {
  height: calc(100% - 120px);
  top: 60px;
}

#app-chat-by-invite-signup-info {
  height: 60px;
  width: 90%;
  background-size: 380px;
  background-position: left;
}

#app-list-pane.rightopen {
  display: none;
}

#app-list-pane.rightclosed + #app-right-pane {
  display: none;
}

.app-list-tools,
#app-chat-conversation-tools-pane {
  margin-left: 6px;
  text-align: left;
}

.app-list-tools-icon,
.app-chat-tools-icon {
  width: 40px;
  height: 54px;
  margin-top: 1px;
}

#app-chat-name,
#app-chat-last-message {
  width: calc(100% - 174px);
}

#app-chat-date,
#app-chat-time {
  left: unset;
  right: 10px;
}

#app-chat-messages-container {
  height: calc(100% - 110px);
}

#app-chat-message-input {
  width: calc(100% - 150px);
}

.app-chat-message-container,
#app-chat-typing-container {
  width: calc(100% - 80px);
}

#app-chat-message-menu-sender-name-container {
  width: 100%;
}

#app-chat-message-menu-container {
  left: 5px;
}

#app-logo-watermark {
  display: none;
  opacity: 0;
}

.app-chat-message-container.peer:after,
#app-chat-typing-container.peer:after {
  left: 88%;
}

.app-chat-tools-icon .app-icon-label {
  bottom: 6px;
}

}