@media screen and (min-width: 1199px) {
    .list-inline-item {
        width: max-content;
    }
    
    .chat-header .list-inline {
        flex-wrap: wrap;
    }
    
    .list-inline-item:not(:nth-child(odd)) {
        width: auto;
    }
    
    .list-inline-item:not(:last-child) {
    }
    
    .chat-header {
        height: 100px;
    }
    
    .chat-content {
        padding-top: 120px;
    }
}
@media screen and (min-width: 576px) and (max-width:833.98px) {
    .chat-header .list-inline {
        display: none!important;
    }
}