@media only screen and (min-width:1280px) and (max-width:1300px) {

    /* CHAT-WELCOME-POPUP */
    #chatbot-popup .modal-dialog {
        padding: 0;
        max-width: 100%;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    .chatbot-chat-panel-welcome {
        width: 90%;
    }

    /* CHAT-WELCOME-POPUP */
}

@media only screen and (min-width:1000px) and (max-width:1279px) {

    /* CHAT-WELCOME-POPUP */
    #chatbot-popup .modal-dialog {
        padding: 0;
        max-width: 100%;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    .chatbot-chat-panel-welcome {
        width: 90%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHAT-LOGIN-POPUP */



    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        height: 100%;
        gap: 10px;
        align-items: unset;
    }

    .chatlogin-flow .modal-dialog {
        height: 100%;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.chatbot-field-icon {
        height: 80%;
    }

    /* CHAT-LOGIN-POPUP */
}

@media only screen and (min-width:912px) and (max-width:999px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        height: 100%;
        gap: 10px;
        align-items: unset;
    }

    .chatlogin-flow .modal-dialog {
        height: auto;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.chatbot-field-icon {
        height: 80%;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
        max-width: 100%;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */



    .chatbot-chat-panel-in-right p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-right form {
        width: 60%;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 50%;
    }

    #chat-password-changed-popup .modal-dialog .modal-content .modal-body {
        padding: 2rem 1rem;
    }

    /* CHATBOT-VERIFICATION-POPUP */
}

@media only screen and (min-width:800px) and (max-width:911px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        height: 100%;
        gap: 10px;
        align-items: unset;
    }

    .chatlogin-flow .modal-dialog {
        height: 100%;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.chatbot-field-icon {
        height: 80%;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
        max-width: 100%;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */



    .chatbot-chat-panel-in-right p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-right form {
        width: 60%;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 50%;
    }

    #chat-password-changed-popup .modal-dialog .modal-content .modal-body {
        padding: 2rem 1rem;
    }

    /* CHATBOT-VERIFICATION-POPUP */

    #deleteAccount .modal-dialog {
        margin-top: -10rem;
    }

    #updated-success {
        left: 0 !important;
        right: 0;
        margin: auto;
        top: -750px !important;
    }

    .prinfo-form>* {
        max-width: fit-content;
    }
}

@media only screen and (min-width:768px) and (max-width:799px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        height: 100%;
        gap: 10px;
        align-items: unset;
    }

    .chatlogin-flow .modal-dialog {
        height: 100%;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.chatbot-field-icon {
        height: 80%;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
        max-width: 100%;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */



    .chatbot-chat-panel-in-right p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 80%;
    }

    .chatbot-chat-panel-in-right form {
        width: 60%;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 50%;
    }

    #chat-password-changed-popup .modal-dialog .modal-content .modal-body {
        padding: 2rem 1rem;
    }

    /* CHATBOT-VERIFICATION-POPUP */

    .prinfo-form>* {
        max-width: fit-content;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        flex-direction: column;
        height: 100%;
    }

    .chatlogin-flow .modal-dialog {
        height: auto;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-history.active {
        width: 100%;
        padding: 15px;
        transform: translateX(0px);
    }

    .chatbot-chat-panel {
        width: calc(100% - 0px);
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */

    #chatbot-popup .modal-header h1 {
        left: -50px;
    }

    .chatbot-chat-panel-in-right p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-right form {
        width: 100%;
    }

    .chatbot-chatshare-dropdown {
        position: fixed;
        right: 0;
        left: 0;
        top: 64px;
        margin-top: 0px;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .chatbot-chatshare-dropdown form label {
        height: auto;
        flex-direction: column;
    }

    .chatbot-chatshare-dropdown form label button {
        position: relative;
        right: 0px;
        width: 95%;
        bottom: 5px;
    }

    .chatbot-chatshare-dropdown form label input[type="text"] {
        padding-left: 0px;
        text-align: center;
        height: 40px;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 90%;
    }

    /* CHATBOT-VERIFICATION-POPUP */

    #updated-success {
        left: 0 !important;
        right: 0;
        margin: auto;
        width: 100% !important;
        top: -420px !important;
    }
}

@media only screen and (min-width:390px) and (max-width:479px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        flex-direction: column;
        height: 100%;
    }

    .chatlogin-flow .modal-dialog {
        height: auto;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.logo-right {
        width: 90%;
        right: 0px;
        left: 0;
        margin: auto;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-history {
        width: 0;
        padding: 0;
        transform: translateX(-265px);
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .chatbot-history.active {
        width: 100%;
        padding: 15px;
        transform: translateX(0px);
    }

    .chatbot-chat-panel {
        width: calc(100% - 0px);
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */

    #chatbot-popup .modal-header h1 {
        left: -50px;
    }

    .chatbot-chat-panel-in-right p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-right form {
        width: 100%;
    }

    .chatbot-chatshare-dropdown {
        position: fixed;
        right: 0;
        left: 0;
        top: 64px;
        margin-top: 0px;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .chatbot-chatshare-dropdown form label {
        height: auto;
        flex-direction: column;
    }

    .chatbot-chatshare-dropdown form label button {
        position: relative;
        right: 0px;
        width: 95%;
        bottom: 5px;
    }

    .chatbot-chatshare-dropdown form label input[type="text"] {
        padding-left: 0px;
        text-align: center;
        height: 40px;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 90%;
    }

    /* CHATBOT-VERIFICATION-POPUP */

    #updated-success {
        left: 0 !important;
        right: 0;
        margin: auto;
        width: 100% !important;
        top: -420px !important;
    }
}

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

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        flex-direction: column;
        height: 100%;
    }

    .chatlogin-flow .modal-dialog {
        height: auto;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.logo-right {
        width: 90%;
        right: 0px;
        left: 0;
        margin: auto;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-history {
        width: 0;
        padding: 0;
        transform: translateX(-265px);
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .chatbot-history.active {
        width: 100%;
        padding: 15px;
        transform: translateX(0px);
    }

    .chatbot-chat-panel {
        width: calc(100% - 0px);
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */

    #chatbot-popup .modal-header h1 {
        left: -50px;
    }

    .chatbot-chat-panel-in-right p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-right form {
        width: 100%;
    }

    .chatbot-chatshare-dropdown {
        position: fixed;
        right: 0;
        left: 0;
        top: 64px;
        margin-top: 0px;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .chatbot-chatshare-dropdown form label {
        height: auto;
        flex-direction: column;
    }

    .chatbot-chatshare-dropdown form label button {
        position: relative;
        right: 0px;
        width: 95%;
        bottom: 5px;
    }

    .chatbot-chatshare-dropdown form label input[type="text"] {
        padding-left: 0px;
        text-align: center;
        height: 40px;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 90%;
    }

    /* CHATBOT-VERIFICATION-POPUP */

    #updated-success {
        left: 0 !important;
        right: 0;
        margin: auto;
        width: 100% !important;
        top: -420px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:359px) {

    /* CHAT-LOGIN-POPUP */
    .chatlogin-flow .modal-dialog .modal-content {
        height: 100%;
        border: none;
    }

    .chatlogin-wrap {
        flex-direction: column;
        height: 100%;
    }

    .chatlogin-flow .modal-dialog {
        height: auto;
    }

    .chatlogin-in.p-4 {
        padding: 0 !important;
        height: auto;
    }

    img.logo-left {
        width: 220px;
    }

    .chatlogin-in {
        height: auto;
    }

    .chatlogin-in h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .chatlogin-in-btn {
        gap: 10px;
    }

    .chatlogin-in-btn button {
        padding: 6px 0px;
    }

    .chatlogin-flow button.btn-close {
        position: relative;
    }

    .chatlogin-left {
        padding: 1rem 0.5rem;
    }

    img.logo-right {
        width: 90%;
        right: 0px;
        left: 0;
        margin: auto;
    }

    /* CHAT-LOGIN-POPUP */

    /* CHAT-WELCOME-POPUP */



    #chatbot-popup .modal-dialog {
        padding: 0;
    }

    #chatbot-popup .modal-header {
        border-radius: 0;
    }

    #chatbot-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: none;
    }

    #chatbot-popup .modal-header button.chatmenu-icon {
        left: 0px;
    }

    .chatbot-history {
        width: 0;
        padding: 0;
        transform: translateX(-265px);
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .chatbot-history.active {
        width: 100%;
        padding: 15px;
        transform: translateX(0px);
    }

    .chatbot-chat-panel {
        width: calc(100% - 0px);
    }

    .chatbot-chat-panel-welcome {
        width: 100%;
    }

    /* CHAT-WELCOME-POPUP */

    /* CHATBOT-POPUP */

    #chatbot-popup .modal-header h1 {
        left: -50px;
    }

    .chatbot-chat-panel-in-right p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-left p {
        max-width: 100%;
    }

    .chatbot-chat-panel-in-right form {
        width: 100%;
    }

    .chatbot-chatshare-dropdown {
        position: fixed;
        right: 0;
        left: 0;
        top: 64px;
        margin-top: 0px;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .chatbot-chatshare-dropdown form label {
        height: auto;
        flex-direction: column;
    }

    .chatbot-chatshare-dropdown form label button {
        position: relative;
        right: 0px;
        width: 95%;
        bottom: 5px;
    }

    .chatbot-chatshare-dropdown form label input[type="text"] {
        padding-left: 0px;
        text-align: center;
        height: 40px;
    }

    /* CHATBOT-POPUP */

    /* CHATBOT-VERIFICATION-POPUP */



    .chatbot-field-code {
        gap: 15px;
    }

    .chatbot-field-code-in {
        height: 40px;
        width: 40px;
    }

    #chat-password-changed-popup .modal-dialog {
        max-width: 90%;
    }

    /* CHATBOT-VERIFICATION-POPUP */
}