@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
    .chat-ui-sec{
        flex-direction: column;
    }
    .chat-ui-sidebar{
        flex-direction: row!important;
        width: 100%!important;
    }
    .chat-ui-main-wrapper-header{
        padding: 0.75rem 1rem!important;
    }
    .chat-ui-layout{
        max-width: 100%!important;
    }
    .chat-ui-main-wrapper-body{
        min-height: calc(100vh - 216px)!important;
        max-height: calc(100vh - 217px)!important;
    }
    .step-1{
        /* min-height: 65vh; */
        min-height: calc(100vh - 235px);
    }
    .chat-sidebar-clear-btn{
        padding-right: 0;
    }
    .chat-ui-footer-input {
        padding: 1em 1em!important;
    }
}