@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .modal {
        left: 76% !important;
        top: 42% !important;
    }

    .modal.maximized {
        top: 10% !important;
    }

    .min_btn {
        left: 77%;
        top: 27%;
    }
}

@media (max-width:1440px) and (min-width:1200px) {

    .illustration_img .illustration {
        height: 200px;
    }

    /* .modal-content {
        left: 460px !important;
        top: 74px !important;
    } */

        .modal {
        left: 69% !important;
        top: 5% !important;
        height: 562px !important;
    }

    .login_form {
        padding-left: 100px;
        padding-right: 100px;
    }

    .left_content {
        top: 140px;
        width: 668px;
    }

    .quotes .testi-content {
        width: 582px;
    }


}

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

    .illustration_img .illustration {
        height: 150px;
    }

    .left {
        margin-top: 25px;
        margin-left: 25px;
        margin-bottom: 25px;
        padding: 0;
    }

    .left_content {
        top: 130px;
        height: 330px;
        width: 459px;
    }

    .quotes .testi-content {
        width: 410px;
        font-size: 16px;
        margin-top: 13px !important;
    }

    .quotes .testi-heading .testimonial,
    .quotes .testi-heading .designation {
        font-size: 14px;
    }


    .login_form {
        padding-left: 80px;
        padding-right: 80px;
    }


    .before-logo {
        display: block;
    }

    .register_logo{
        margin-bottom: 20px;
    }

    .register_logo img{
        height: 120px;
    }
    



    /*************************** Import and Publish Q&A ***************************/


    .import_publish_field .col-6 {
        width: 100%;
    }

    /******************************** landingpage after login ********************************/

    .content {
        width: 600px;
    }

    .modal {
        left: 65% !important;
        top: 26% !important;
        height: 430px !important;
        width: 300px;
    }

    .modal.maximized {
        width: 300px !important;
        left: 66% !important;
        height: 500px !important;
        top: 94px !important;
    }


    /************************************************ adaptive card *******************************************/
    .title_text_field,
    .sub_title_text_field,
    .button_text_field,
    .intent_text_field,
    .imgurl_text_field {
        width: 50px;
    }

    .openurl_text_field {
        width: 250px;
    }

    /*************************************** security *************************************/
    .first_partition {
        display: block !important;
    }

    .second_partition {
        display: block !important;
    }

    .first_partition .add_role_user {
        margin-right: 0px;
        width: 100%;
    }

    .first_partition .remove_role_user {
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }

    .second_partition .create_new_role {
        margin-left: 0;
        width: 100%;
    }

    .second_partition .list_role_user {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    /********************************* before login *************************/

    .before-logo {
        height: 100px;
    }



    /******************************* role projects teams ******************************/

    .select_project_team button {
        width: 300px;
    }
}

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

    .illustration_img {
        margin-top: 2rem !important;
    }

    .left_content {
        margin-top: 2rem !important;
    }

    .illustration_img .illustration {
        height: 200px;
    }

    .left_content .welcome_text {
        font-size: 20px;
    }

    .left {

        margin-top: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
        padding: 0;
    }

    /************************* before login *************************/

    /********************* before login ****************************/

    .before-logo {
        height: 80px;
    }

    /************************************** landingpage after login *************************************/



    .web_bot_search_bar .web_bot_pub_btn a button {
        width: 117px;
    }

    .content {
        width: auto;
    }

    .modal {
        width: 43% !important;
        height: 70% !important;
        right: 0 !important;
        left: 380px !important;
    }

    .modal.maximized {
        width: 43% !important;
        left: 380px !important;
        top: 75px !important;
        height: 81% !important;
    }


    /************************ Edit Q&A ************************/

    .publish_btn a button,
    .add_cancel_btn a .add_qa_btn,
    .add_cancel_btn .cancel_btn {
        width: 150px;
    }

    .question_field {
        width: 18%;
    }




    /*************************** Import and Publish Q&A ***************************/


    .import_publish_field .col-6 {
        width: 100%;
    }


    /*************************************** security *************************************/
    .first_partition {
        display: block !important;
    }

    .second_partition {
        display: block !important;
    }

    .first_partition .add_role_user {
        margin-right: 0px;
        width: 100%;
    }

    .first_partition .remove_role_user {
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }

    .second_partition .create_new_role {
        margin-left: 0;
        width: 100%;
    }

    .second_partition .list_role_user {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }



    .login_content {
        display: none !important;
    }

    .login_form {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
    }

    /******************************* role projects teams ******************************/

    .pmo-admin {
        display: block !important;
    }

    .list-dropdown {
        margin-top: 60px !important;
    }

    .pmo-manager {
        display: block !important;
    }

    .project-team-member {
        display: block !important;
    }

    .navbar-light .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
    }

}

@media (max-width:575px) and (min-width:320px) {


    .login_content {
        background: none;
    }

    .entire_screen {
        display: block !important;
    }

    .questions {
        display: none;
    }

    .login_content {
        height: fit-content;
        width: 100%;
    }

    .form {
        padding: 25px;
    }

    .left {
        padding-right: 25px;
        padding-top: 25px;
        padding-left: 25px;
        padding-bottom: 0 !important;
    }

    .fa-expand,
    .fa-minus {
        display: none;
    }

    
    .register_logo img{
        height: 140px;
    }

    /******************************** landingpage after login ********************************/

    .content {
        width: auto;
    }

    .modal {
        left: 7px !important;
        top: 36px !important;
        height: 541px !important;

    }

    /************************ Edit Q&A ************************/

    /* .question_field, .answer_field{
        width: 18%;
    }  */

    .container {
        width: auto;
    }


    .sub_btns {
        display: block !important;
    }

    .search_bar {
        display: block;
    }

    .publish_btn a button {
        width: 150px;
    }

    .add_cancel_btn a .add_qa_btn,
    .add_cancel_btn a .cancel_btn {
        width: 120px;
        margin-right: 15px;
    }

    .add_cancel_btn a {
        /* margin-right: 15px; */
        width: 134px !important;
    }

    .add_cancel_btn {
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .search .search_field {
        width: 300px;
    }

    .search a .search_btn {
        width: 95px;
        margin-top: 10px;
    }



    .edit_web {
        display: block !important;
    }

    .con_uni {
        display: block !important;
    }

    .config {
        display: block !important;
    }




    .edits {
        display: block !important;
    }

    .edit_text p,
    .export_text p,
    .import_text p {
        font-size: 20px;
        margin-bottom: 5px !important;
    }

    .export {
        display: block !important;
    }

    .import {
        display: block !important;
    }

    .upload_csv {
        margin-top: 15px;
    }

    .navbar-light .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
    }

    /************************************** before login *************************************/
    .before-left {
        padding: 25px;
        height: auto;
        display: flex;
        align-items: center;
    }

    /****************************** login ******************************/

    .left_login {
        padding: 25px;
        height: auto;
        display: flex;
        align-items: center;
        display: none;
    }

    .login_form {
        width: 100% !important;
        padding-left: 40px;
        padding-right: 40px;
    }



    /***************************** register-page *****************************/

    .register-left {
        display: none;
        /* padding: 25px;
        height: auto;
        display: flex;
        align-items: center; */

    }

    .login_reg_btn .log_in_btn button,
    .login_reg_btn .register_btn button {
        margin-top: 20px !important;
    }

    /************************************** landingpage after login *************************************/



    .web_bot_search_bar {
        display: block;
    }

    .web_bot_search_bar .search {
        margin-top: 10px;
    }

    .bck_save {
        justify-content: left;
    }

    .content h1 {
        font-size: 44px;
    }


    /***************************************** suggestive button *******************************************/

    .sug_btn {
        display: block !important;
    }

    .sug_btn_pub_add .add_btn button {
        width: 250px;
    }

    .sug_btn_pub_add .pub_btn button {
        margin-top: 10px;
    }

    .search_sug_btn .search_field_sug_btn {
        width: 293px;
    }

    .search_sug_btn a .search_btn {
        width: 100px;
    }

    .search_sug_btn {
        margin-top: 10px;
    }

    /*************************************** edit suggestive button ***************************************/


    .save_can {
        justify-content: unset;
    }

    .edit_sug,
    .sub_utt,
    .sequence {
        display: block !important;
    }

    /******************************** add tenant ********************************/

    .apply_bot {
        display: block !important;
    }

    /*************************************** security *************************************/
    .first_partition {
        display: block !important;
    }

    .second_partition {
        display: block !important;
    }

    .first_partition .add_role_user {
        margin-right: 0px;
        width: 100%;
    }

    .first_partition .remove_role_user {
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }

    .second_partition .create_new_role {
        margin-left: 0;
        width: 100%;
    }

    .second_partition .list_role_user {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }


    /************************* project summary *************************/
    .project-summary-dropdown {
        margin-top: 10px;
        display: block !important;
    }

    .project-dropdown {
        display: flex !important;
        align-items: center;
    }




    /******************************* role projects teams ******************************/

    .pmo-admin {
        display: block !important;
    }

    .list-dropdown {
        margin-top: 60px !important;
    }

    .select_project_team button {
        width: 250px;
    }

    .admin-btn {
        display: flex;
    }

    .admin-btn .admin-clear-btn {
        margin-left: 10px;
    }

    .select-admin-btn {
        display: flex;
    }

    .select-admin-btn .select-admin-clear-btn {
        margin-left: 10px;
    }


    .pmo-manager {
        display: block !important;
    }

    .manager-btn {
        display: flex;
    }

    .manager-btn .manager-clear-btn {
        margin-left: 10px;
    }

    .select-manager-btn {
        display: flex;
    }

    .select-manager-btn .select-manager-clear-btn {
        margin-left: 10px;
    }

    .project-team-member {
        display: block !important;
    }

    .team-member-btn {
        display: flex;
    }

    .team-member-btn .team-member-clear-btn {
        margin-left: 10px;
    }

    .select-team-member-btn {
        display: flex;
    }

    .select-team-member-btn .select-team-member-clear-btn {
        margin-left: 10px;
    }

    .task-summary {
        display: block !important;
    }

    .task-summary .data {
        margin-top: 10px !important;
    }

    .project-task-summary-dropdown {
        display: block !important;
    }

    .save_role_name a button,
    .save_list_role_user a button {
        width: 230px;
    }

    .bot_conversations_answer p {
        width: 178px;
    }

    .export_to_csv button {
        width: 140px;
    }

    .navbar-brand img {
        margin-right: 70px;
    }

    .selected-projects-teams {
        width: 92%;
    }

    .open_url p {
        max-width: 150px;
    }


}

@media (max-width:320px) {


    .illustration_img .illustration {
        height: 270px;
    }

    .search_sug_btn a .search_btn {
        margin-top: 10px;
    }


    .login_form {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }


    /*************************************** security *************************************/
    .first_partition {
        display: block !important;
    }

    .second_partition {
        display: block !important;
    }

    .first_partition .add_role_user {
        margin-right: 0px;
        width: 100%;
    }

    .first_partition .remove_role_user {
        margin-left: 0px;
        margin-top: 20px;
        width: 100%;
    }

    .second_partition .create_new_role {
        margin-left: 0;
        width: 100%;
    }

    .second_partition .list_role_user {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .save_role_name a button {
        width: 250px;
    }

    .save_list_role_user a button {
        width: 250px;
    }

    .user_role .username_field {
        margin-left: 5px;
    }

    .bot_conversations_answer p {
        width: 138px;
    }

    .export_to_csv button {
        width: 140px;
    }

    .filter {
        display: block !important;
    }

    .filter_btn,
    .export_to_csv {
        margin-top: 10px;
    }

    .navbar-brand img {
        margin-right: 30px;
    }

    .update_back_btn .update_btn button,
    .update_back_btn .bck_btn button {
        margin: 2px;
    }

    .content h1 {
        font-size: 44px;
    }

}