@media only screen and (max-width: 1140px){
    #title_container.chat_title_container{
        transition: 0.8s;
        transition-timing-function: ease-in-out;
        height: 60px;
          /* position: sticky; */
          padding-right: 40%;
          
          
      }
      #title.chat_title{
        transition: 0.8s;
          font-size: 30px;
          text-align: left;
          
      }
      #chat_logout_container{
        position: fixed;
          top: 0;
          margin-left: 30%;
          margin-right: 2%;
          
        width: 100%;
        display: inline-block;
      
        display: flex;
        justify-content: center;
        align-items: center;
      
        float: none;
        margin-top: 12px;
        
      }
      #chat_logout{
        color: #29AB87;
        cursor: pointer;
        padding: 8px 16px;
        background-color: #F1FFFA;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 500;
        margin-right: 2%;
      }
      #chat_container{
        width: 100%;
        height: 100%;
      
        display: flex;
        justify-content: center;
      
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        
        /* Fade in container */
        animation: fadeIn 1s linear;
        
      
          /* position: sticky;
          bottom: 0; */
          /* bottom: 10%; */
          position: fixed;
      }
      #chat_inner_container{
        width: 100%;
        /* height: 90%; */
          
        margin-left: 0;
        margin-right: 0;
        /* margin-bottom: 20%; */
        /* bottom: 10%; */
        position: static;
        
      }
      #chat_content_container{
        width: 100%;
        height: 85%;
      
        float: left;
        overflow-y: auto;
        
        /* scroll-behavior: smooth; */
        font-family: Varela Round;
      
        padding-left: 8%;
        padding-right: 8%;
        
          /* scroll-margin-block-end: bottom; */
          top: 0;
          bottom: 0;
          margin-bottom: 0;
          position: sticky;
          /* margin-bottom: 10%; */
      }
      #chat_input_container{
        position: sticky;
        bottom: 0;
        width: 100%;
        height: 8%;
      
        float: left;
        
        background-color: #F1FFFA;
      
        padding-left: 8%;
        padding-right: 8%;
        font-family: Varela Round;
        /* margin-top: 10%; */
          box-sizing: border-box;
          display: block;
          position: fixed;
          -webkit-border-horizontal-spacing: 1px;
          -webkit-border-vertical-spacing: 0px
      }
}