@media screen and
(min-width: 240px) and
(max-width: 900px) {

    .chat-form-popup .card,
    .register-form-popup .card,
    .register-form-popup .card-header,
    .chat-form-popup .card .card-header,
    .chat-form-popup .card-block,
    .register-form-popup .card-block {
        border-radius: 0;
    }

    .chat-form-popup,
    .register-form-popup {
        top: 0;
        right: 0;
        left: 0;
        margin: -1px -2px;
    }

    /* CHAT FORM */
    .chat-form-popup > div {
        min-height: 100%;
        max-height: 100%;
        width: 100% !important;
    }

    /* REGISTER FORM */
    .register-form-popup .card {
        min-height: 100%;
        max-height: 100%;
        width: 100%;
    }

    .register-form-popup .card-block {
        margin-top: 15px;
    }

    .register-form-popup .register-wrapper {
        min-height: 80vh;
        max-height: 80vh;
    }

    ul.iti__country-list {
        height: 300px;
    }
}

@media screen and (max-width: 736px) {
    .color-chatbox { background-color: #2f3e9c;}
}

@media screen and (max-width: 360px) {

    .register-form-popup .register-wrapper {
        min-height: 76vh;
        max-height: 76vh;
    }
}

@media screen and (max-width: 320px) {
    .chat-form-popup .title > div {
        max-width: 60%;
        line-height: 10px;
    }

    .register-form-popup .card-header > div,
    .register-form-popup .title > div {
        max-width: 80%;
        line-height: 10px;
    }

    .register-form-popup button.form-control {
        padding: 0 5px;
    }

    .right-header-button {
        margin-top: -26px;
    }

}