@media (max-width: 400px) {
  @height:                      460px;
  @width:                       100%;
  @heightMessage:               60px;
  @heightBar:                   30px;
  @widthUsers:                  320px;
  @widthMessages:               320px;

  @import "sized";
  @import "panels";

  .LeftNavigationTDContainer {
    display: none;
  }

  #NavigationPortlet {
    display: none;
  }

  #chat-application {
    min-width: 320px;
    width: 100%;
//    padding: 5px;
    padding: 0;

    .uiGrayLightBox {
      margin: 0!important;
      -webkit-border-radius: 0;

      .btn-weemo-download {
        display: none!important;
      }
      .uiSearchInput {
        display: none;
      }
      .containerMoreItem {
        padding-right: 0px!important;
      }
    }

    .uiBox {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin: 0;
    }

    .uiLeftContainerArea {
      width: 100%;
      float: none;
      #chat-users {
        height: initial !important;
        margin: 0!important;
      }
    }

    .uiRightContainerArea {
      clear: both;
      height: 400px!important;

      #chats {
        height: 275px!important;
      }
    }
  }

  .msRow {
    .msRightInfo {
      .msTimePost {
        width: 100%;
        position: relative;
      }

      .msAction {
        display: none !important;
      }
    }

    .msUserMes {
      clear: both;
    }
  }
}