.chat {
    border: 1px solid #cecece;
    margin-right: 0.1em;
}
.chatleft {
    background-color: #fcb827;
    width: 100%;
    height: 400px;
}

.chatleft img {
    display: block;
    margin: 0 auto;
    max-width: 75%;
}

.chatleft h4 {
    text-align: center;
    color: #ffffff;
    
}

.input {
    width: 90%;
    position: absolute;
    bottom: 0;
    margin-left: -1.75em;
}

.form-control {
    margin-top: -3em;
}

.chat-messages {
    overflow-y: hidden !important;
}

@media (max-width: 991px) {
    .chatleft h4 {
        font-size: 1em;
    }
}

@media (max-width: 768px) {
    .chatleft {
        height: 75px;
        width: 100%;
    }
    
    .chatleft img {
        display: block;
        margin-left: 0;
        margin-top: -1.25em;
        max-height: 65px;
    }
    
    .chatleft h4 {
        margin-top: -2.5em;
        margin-left: -16em;
    }
    
    .chatfeld {
        height: 20em;
    }
    
    .chat {
        margin-left: 0.15em;
    }
}

@media (max-width: 540px) {
    .chatleft h4 {
        margin-left: -12em;
    }
}

@media (max-width: 465px) {
    .chatleft h4 {
        margin-left: -9em;
    }
}

@media (max-width: 415px) {
    .chatleft h4 {
        margin-left: -7em;
    }
}
@media (max-width: 415px) {
    .chatleft h4 {
        margin-left: -5em;
    }
}

@media (max-width: 350px) {
    .chatleft h4 {
        margin-left: -1.5em;
    }
}