/* ===============================================
                    992px  Css
   ===============================================
*/
@media only screen and (max-width:1600px){
    .multiple-popup .form-detail.overflow-y, .multiple-popupAll .form-detail.overflow-y {
        max-height: 360px;
        margin-bottom: 10px;
        padding-top: 30px;
    }

    .multiple-popup .overflow-y, .multiple-popupAll .overflow-y {
        max-height: 550px;
    }
}

@media only screen and (max-width:1399px){
    .brand_logo {
        max-width: 140px;
    }
    .process-counter {
        padding: 15px 0;
    }
    .show-data-counter {
        padding: 20px 0;
    }
    .table-footer-area {
        padding: 15px 25px 25px 25px;
    }
    .input-with-icone.radious {
        padding: 8px 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .label-list {
        padding: 8px 0;
    }
    .label-list label {
        font-size: 12px;
        line-height: 13px;
        margin: 0 8px 8px 0;
    }
    .label-list label.bg_default{
        margin: 8px 3px;
    }
    .label-list.selected-item {
        padding: 7px 0 10px 0;
    }
    /*------- popup Content-----*/
    .popBody {
        max-width: 750px;
    }
    .popupMain .form-content.search-default {
        padding: 9px 15px;
        min-height: 40px;
    }
    .popupMain .input-with-icone input{
        font-size: 16px;
        line-height: 25px;
    }
    .popupMain .form-control {
        padding: 6px 15px;
        font-size: 16px;
        line-height: 25px;
    }
    .popupMain .form-content {
        margin-bottom: 30px;
    }
    .popupMain .input-with-icone.radious {
        min-height: 50px;
    }
    .multiple-popup .inner-content {
        margin-top: 15px;
    }
    .multiple-popup .overflow-y {
        max-height: 580px;
    }
    .multiple-popup .flex-col-53 .form-content {
        margin-bottom: 15px;
    }
    .multiple-popup .form-content {
        margin-bottom: 10px;
    }
    .multiple-popup .form-group .form-content.search-default{
        min-height: 40px;
    }
    .single-popup .form-group .form-content.m-b-0{
        flex-direction: column;
        align-items: flex-start;
    }
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content{flex-direction: row;align-items: center;}
    .single-popup .label-list.selected-item {
        width: 100%;
    }
    .single-popup .inner-content {
        margin-top: 20px;
    }
    .msgpopup .popDetails {
        padding: 60px 45px;
    }
    .user_utility_btns {
        column-gap: 20px;
    }
    .filter-flex {
        column-gap: 45px;
    }
    .multiple-popup .tab-panel-list {
        min-height: 220px;
    }
    .multiple-popup .form-detail.overflow-y, .multiple-popupAll .form-detail.overflow-y {
        max-height: 380px;
        margin-bottom: 10px;
        padding-top: 30px;
        padding-right: 10px;
    }

    /* popup css */
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col{align-items: flex-end;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-label{margin: 0 0 6px 0;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-group.btn-group .btn{min-width: unset;min-height: unset;}

}

@media only screen and (max-width:1199px){
    .brand_logo {
        max-width: 140px;
    }
    .header_wrapper {
        padding: 0;
    }
    nav > ul > li > .nav_link {
        font-size: 14px;
        line-height: 22px;
    }
    .header_profile_wrapper span{
        font-size: 14px;
        line-height: 22px;
    }

    /*----------- Filter Content --------*/
    .filter_area .filter_input_search {
        min-width: 500px;
    }

    /*-------- Form Content ---------*/
    .form-content label {
        width: 100px;
    }

    /*-------- Label List ---------*/
    .label-list label{
        width: auto;
    }


    #table-proces thead th:first-child {
        width: 20%;
    }
    #table-proces thead th:nth-child(2) {
        width: 20%;
    }
    #table-proces thead th:nth-child(3) {
        width: 30%;
    }
    #table-proces thead th:last-child {
        width: 30%;
    }

    /*------- popup Content-----*/
    .popBody {
        max-width: 750px;
    }
    .popupMain .form-group .form-content {
        margin-bottom: 25px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .popupMain .form-content .form-control {
        min-width: 100px;
        width: 220px;
    }
    .popupMain .btn {
        min-width: 165px;
        min-height: 50px;
    }
    .multiple-popup .form-control, .multiple-popupAll .form-control {
        width: 100%;
    }

    .multiple-popup .form-content .form-control {
        min-width: 100px;
        width: 100%;
      }
    
    .multiple-popup .form-control-sm {
        min-width: 210px;
    }
    .multiple-popup .form-group .form-content,
    .multiple-popupAll .form-group .form-content {
        margin-bottom: 10px !important;
        flex-direction: column;
    }
    .multiple-popup .form-group .form-content.user-selector{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .multiple-popup .form-content .form-control {
        min-width: 100px;
        width: 100%;
    }
    .multiple-popupAll .form-content .form-control {
        min-width: 100px;
        width: 100%;
    }
    .multiple-popup .user-selector .label-list label{
        margin: 8px 2px 8px 0 !important;
    }
    .mergecontact .btn {
        line-height: 28px;
    }
    .popupMain .form-group .form-content.w-45{
        flex-direction: row;
    }

    .filter-section-location .filter_dropdown {
        right: 20%;
        top: 50%;
    }
    .dropdown-check-list {
        width: 160px;
    }
    .dropdown-check-list.visible .dropdown-item-list {
        width: 170px;
        min-width: 100px;
    }

    .w-45 {
        flex: 0 0 auto;
        width: 45%;
    }
    .form-general-dtl .form-label {
        min-width: 120px;
    }
    .form-general-dtl .form-control {
        min-width: 245px;
        width: 100%;
    }

    .section-proceed-edit .form-area .form-control {
        min-width: 280px;
    }
   
}
@media only screen and (min-width: 1025px) and (max-width: 1180px) {
    .section-proceed-edit .form-area .form-control {
        min-width: 270px;
    }
}
/* common css for screen size between 992 to 1024 */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .credential_info_content {
        max-width: 400px;
    }
   
    .Credential_detail_wrapper {
        margin-top: 80px;
    }
    .brand_logo {
        max-width: 130px;
    }
    .form-content.check-list{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .form-content.check-list.m-t-10{
        flex-direction: row;
    }
    .box-content {
        padding: 40px;
    }
    .form-general-dtl .form-label {
        min-width: 100px;
    }
    .form-email-account .form-content.check-list{
        flex-direction: row;
    }
    .card-detail {
        padding: 21px;
    }
    .user_name {
        font-size: 24px;
        line-height: 26px;
    }
    .breadcrumb li {
        font-size: 12px;
        line-height: 20px;
    }
    .section-proceed-edit .form-area {
        padding-top: 40px;
    }
    .section-proceed-edit .form-area .form-content {
        margin-bottom: 15px;
    }
    .section-proceed-edit .flex-col .label-list {
        padding-bottom: 10px;
    }
    .section-proceed-edit .flex-col .inner-content {
        padding-top: 15px;
    }
    .section-proceed-edit .flex-col .overflow-y {
        max-height: 750px;
        padding: 0 0 0 30px;
    }
    .section-proceed-edit .flex-col.flex-col-40 {
        width: 37%;
        flex: 0 0 37%;
    }
    .section-proceed-edit .flex-col.flex-col-60 {
        width: 64%;
        flex: 0 0 63%;
    }

    .table-role thead th:first-child {
        width: 12%;
    }
    .table-role thead th:last-child {
        width: 29%;
    }
    .section-role .form-group .form-content {
        display: flex;
        flex-direction: row;
    }
    .filter-flex {
        column-gap: 15px;
    }
    .filter-section .container{
        padding: 0;
    }
    .filter_area {
        padding: 20px 30px;
    }
    .filter_area .filter_input_search {
        min-width: 525px;
    }
    .user_utility_btns {
        column-gap: 10px;
    }
    .filter-flex {
        column-gap: 12px;
    }
    .form-content.w-45.check-list{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .popupMain .form-group .form-content.w-45{
        flex-direction: column;
        align-items: flex-start;
    }

    .section-proceed-edit .form-area .form-content{
        padding-left: 5px;
    }
    .section-proceed-edit .form-area .form-control {
        min-width: 250px;
    }

    .section-proceed-edit .form-area .form-content .form-label {
        width: 95px;
        min-width: 80px;
    }
    .section-proceed-edit .form-area .form-control {
        min-width: 230px;
      }
}
@media only screen and (max-width:991px){
    .Credential_detail_wrapper {
        margin-top: 65px;
    }
    
    .btn {
        padding: 8px 18px;
        font-size: 16px;
        line-height: 22px;
    }
    .user_name {
        font-size: 24px;
        line-height: 26px;
    }
    .user_utility_section {
        padding: 15px 0px;
    }
    .submenu{
        right: -55px;
    }
    .credential_info_content{
        max-width:345px;
        padding: 0 15px;
    }
    .brand_logo {
        max-width: 100px;
    }
    nav {
        max-width: 480px;
        width: 100%;
    }
    nav > ul > li > .nav_link {
        font-size: 12px;
        line-height: 16px;
    }
    .header_wrapper .header_left{
        margin-right: 15px;
    }
    .header_admin_details img {
        width: 20px;
        height: 20px;
        margin: 0 7px;
    }
    .header_wrapper .header_right{
        margin-left: 10px;
    }
    nav > ul > li:hover > .nav_link::after, nav > ul > li.active > .nav_link::after {
        bottom: -28px;
    }
    .user_utility_btns {
        column-gap: 15px;
    }  
    
    .breadcrumb li {
        font-size: 12px;
        line-height: 20px;
    }
    .user_utility_btns{
        column-gap: 10px;
    }
    .user_utility_btns .btn {
        padding: 8px 12px;
        font-size: 16px;
        line-height: 26px;
        min-width: 115px;
    }

    .section {
        padding: 30px 0;
    }

    .input-with-icone.radious {
        min-height: 45px;
    }

    .box-content {
        padding: 30px;
    }

    /*------- Filter Flex --------*/
    .filter_area {
        padding: 20px 30px;
    }
    .filter-flex {
        column-gap: 35px;
    }
    .filter_area .filter_input_search {
        min-width: 290px;
    }
    .filter_area .filter_input_search .input-with-icone {
        margin-top: 20px;
    }
    .filter_area .filter_input_search .input-with-icone {
        padding-bottom: 15px;
    }
    .tab-panel {
        padding: 35px;
    }

    .filter-section-location .filter_dropdown {
        right: 27%;
        top: 50%;
    }

    /*--------- Form Content --------*/
    .form-group {
        column-gap: 25px;
    }
    .form-group .form-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .form-content label {
        width: 100%;
    }
    .form-content.check-list label{
        margin-bottom: 5px;
    }
    .form-group .form-content.check-list{
        display: flex;
        align-items: flex-start;
    }
    .form-group .check-inline.width_300{
        min-width: 220px;
    }
    .form-email-account .form-group .form-content.check-list {
        display: flex;
        flex-direction: revert;
        margin-bottom: 20px;
    }
    .form-email-account .form-content.check-list .check-inline label {
        word-break: break-all;
        width: 200px;
    }

     /*--------- Label List ---------*/
     .label-list.selected-item label{
        width: auto;
    }


    /*------------ Table ------------*/
    .table th, .table td {
        padding: 10px;
    }
    .table th label {
        font-size: 14px;
        line-height: 22px;
    }
    .table-header-area .process-counter .data-counter-lbl{
        width: 50%;
    }
    .table-header-area .process-counter .contact-status{
        width: 50%;
        text-align: right;
    }


    /*------------- Section Processed Edit ------------*/
    .section-proceed-edit .form-area {
        padding-top: 30px;
    }
    .section-proceed-edit .flex-col .overflow-y {
        max-height: 720px;
        padding: 0 0 0 25px;
    }
    .section-proceed-edit .form-area .form-control {
        min-width: 200px;
        max-width: 250px;
    }
    .section-proceed-edit select.form-control.dropdown{
        width: 250px;
    }
    .section-proceed-edit .flex-col .label-list {
        padding-bottom: 10px;
    }
    .section-proceed-edit .flex-col .inner-content {
        padding-top: 10px;
    }

    /*------- popup Content-----*/
    .popBody {
        max-width: 700px;
    }
    .popupMain .form-group .form-content {
        margin-bottom: 25px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .popupMain .form-content .form-control {
        min-width: 100px;
        width: 220px;
    }
    .popupMain .btn {
        min-width: 165px;
        min-height: 50px;
    }
    .popDetails {
        padding: 35px;
    }
    .popupMain .nav-tab li.nav-option a.btn {
        font-size: 16px;
        line-height: 27px;
        min-width: auto;
        text-align: center;
    }
    .popupMain .nav-tab li.nav-option {
        margin: 0 5px;
    }
    .multiple-popup .form-control-sm {
        min-width: 210px;
    }
    .multiple-popup .form-group .form-content {
        margin-bottom: 10px;
        flex-direction: column;
    }
    .multiple-popup .form-group .form-content.user-selector {
        flex-direction: column;
        align-items: flex-start;
    }
    .multiple-popup .form-content .form-control {
        min-width: 100px;
        width: 100%;
    }
    .multiple-popup .user-selector .label-list label{
        margin: 8px 2px !important;
    }

    .popupMain .form-group .form-content.w-45{
        flex-direction: column;
        align-items: flex-start;
    }



    .tab-two .input-with-icone.radious {
        min-height: 50px;
    }
    .tab-two .input-with-icone .icone {
        top: 14px;
    }

    .table-role thead th:first-child {
        width: 12%;
    }
    .table-role thead th:last-child {
        width: 35%;
    }
    .table-role .btn {
        padding: 6px 18px;
        font-size: 12px;
        line-height: 18px;
    }
    .section-role .form-group .form-content {
        flex-direction: row;
    }
    .section-role .form-group .form-content label {
        min-width: 150px;
    }

    .filter-flex {
        column-gap: 15px;
    }
    .filter-section .container{
        padding: 0;
    }
    .filter_area {
        padding: 20px 30px;
    }
    .filter_area .filter_input_search {
        min-width: 370px;
    }
    .filter_area .filter_search_btn .btn {
        min-width: 144px;
        line-height: 30px;
    }

    .form-general-dtl .form-label {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .form-content .toggle-password, 
    .form-content .toggle-confirm-password {
        top: 50%;
        transform: translate(-30%, 50%);
    }
    .form-group .form-content.check-list .form-label{
        margin-bottom: 15px;
    }
    .popupMain .nav-tab li.nav-option:first-child, .popupMain .nav-tab-multi li.nav-option:first-child {
        margin-left: 0;
        width: auto;
        min-height: 50px;
    }
    .popupMain .nav-tab li.nav-option a.btn, .popupMain .nav-tab-multi li.nav-option a.btn {
        font-size: 14px;
        min-height: 40px !important;
        width: auto;
        min-width: 156px;
      }
      .data-counter-lbl.block {
        width: 40%;
    }
    .table-header-area form {
        width: 65%;
    }
    .table-header-area form .input-with-icone {
        min-width: 90%;
    }
    .popupMain .flex-col.flex-col-44 {
        padding-left: 10px;
    }
    .popupMain .flex-col.flex-col-56 {
        padding-right: 10px;
    }
    .popupMain .inner-content {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .section-proceed-edit .form-area .form-content {
        margin-bottom: 10px;
    }
    .section-proceed-edit .form-area .form-content .form-label {
        width: 95px;
        min-width: auto;
    }
    .section-proceed-edit .flex-col.flex-col-60 {
        padding-left: 20px;
    }

    .section-proceed-edit .error{
        width: auto;
    }

    /* popup css */
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-group.btn-group .btn{height: 45px;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-control.search{min-width: initial;width: 100%;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-label{width: 100px;}

}
@media only screen and (max-width:820px){
    .multiple-popup .flex-col, .multiple-popupAll .flex-col {
        width: 50%;
        flex: 0 0 50%;
    }
    .multiple-popupAll .flex-col .form-group .form-content.m-b-0 {
        flex-wrap: wrap;
        width: 100%;
    }
    .popupMain .inner-content {
        margin-top: 10px;
        margin-bottom: 30px;
        width: 100%;
    }
    .popupMain .nav-tab li.nav-option, .popupMain .nav-tab-multi li.nav-option {
        margin: 0 5px;
        width: 150px;
        min-height: 50px;
    }
    .popupMain .nav-tab li.nav-option a.btn, .popupMain .nav-tab-multi li.nav-option a.btn {
        font-size: 14px;
        min-height: 40px !important;
        width: auto;
        min-width: 155px;
    }
    .popupMain .form-group .form-content {
        width: 100%;
    }
    .popupMain .form-content .form-control {
        min-width: 100px;
        width: 100%;
    }
    .multiple-popup .form-detail.overflow-y, .multiple-popupAll .form-detail.overflow-y {
        max-height: 380px;
        margin-bottom: 10px;
        padding-top: 20px;
    }

    .data-counter-lbl.block {
        width: 40%;
    }
    .table-header-area form {
        width: 65%;
    }
    .table-header-area form .input-with-icone {
        min-width: 90%;
    }
    .section-proceed-edit .form-area .form-content {
        margin-bottom: 10px;
    }
    .section-proceed-edit .form-area .form-content .form-label {
        width: 85px;
        min-width: auto;
    }
    .section-proceed-edit .flex-col.flex-col-60 {
        padding-left: 20px;
    }
    .section-proceed-edit .form-area .form-content .form-label {
        width: 120px;
    }
    .section-proceed-edit .form-area .flex-col.flex-col-60 .form-content {
        padding-left: 20px;
    }
    .input-with-icone .icone {
        right: 15px;
    }
}

@media only screen and (max-width:767px)
{
    /* popup css */
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col{align-items:flex-start;flex-direction:column;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-group.btn-group{margin: 15px 0 0 0;}
    .popupMain.single-popup.single-popup-test-ai .form-group{width: 100%;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content{flex-direction: column;align-items: flex-start;}

}

@media only screen and (max-width:480px)
{
    /* popup css */
    .popupMain.single-popup.single-popup-test-ai .form-group{width: 100%;}
    .popupMain.single-popup.single-popup-test-ai .form-group .form-content.flex-col-40{flex:unset;width:100%;}
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-control.search,
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content
    {
	    min-width:100%;
    }
    .popupMain.single-popup.single-popup-test-ai .popDetails .flex-col .form-content .form-label{width: 100%;}



}