@media only screen and (min-width: 4501px) and (max-width: 6000px)
/* == 25% == */
    {}


@media only screen and (min-width: 3100px) and (max-width: 4500px)
/* == 33% == */
    {}


@media only screen and (min-width: 2701px) and (max-width: 3100px)
/* == 50% == */
    {}


@media only screen and (min-width: 2001px) and (max-width: 2700px)
/* == 67% == */
    {}


@media only screen and (min-width: 1801px) and (max-width: 2000px)
/* == 75% == */
    {}


@media only screen and (min-width: 1601px) and (max-width: 1800px) /* == 80% == */ {}


@media only screen and (min-width: 1400px) and (max-width: 1700px) /* == 90% == */ {
    #searchFormContainer.active,
    #search-container-client.active{
        padding: 10px 20px 10px 40px !important;
    } 
}


@media (min-width: 1801px) {}

@media (min-width: 1700px) {
    #searchFormContainer.active,
    #search-container-client.active{
    padding: 20px 20px 10px 70px !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1200px) {
    /* #cm-nav-horz li a {
        padding: 15px 6px;
    } */
    /* #form{
        width: 65% !important;
    }  */
    .menu-title .res-client-pg-img{
        height: 32px !important;
        width: 32px !important;
    }
    .menu-title .menu-title-h2{
        font-size: 17px !important;
    }
    #form .res-search{
        font-size: 12px !important;
    }
    #form .search_main{
        font-size: 12px !important;
    } 
    .res-client #myChart {
        height: 240px !important;
        width: 460px !important;
    }
    .res-client-r{
        width: 45% !important;
    }
    .res-client-l{
        width: 55% !important;
    }
    .res-client-r .res-prior-btn li a{
        font-size: 12px !important;
    }
    .res-client-r .res-prior-btn li span{
        font-size: 12px !important;
    }
    .event h2 {
        font-size: 12px !important;
    }
    .event #event_time_zone_fllw{
        width: 120px !important;
        margin-top: 0px !important;
        margin-right: 10px;
        height: 30px !important;
    }
    .event #event_time_zone_fllw option{
        font-size: 12px !important;
    }
    .event h2 a {
        font-size: 11px !important;
    }
    .event #calbody tr td {
        font-size: 13px !important;
    }
    #todaycalls{
        width: 85% !important;
    }
    #todaycalls h2{
        font-size: 16px !important;
    }
    #todaycalls .res-act {
        font-size: 12px !important;
        width: 132px !important;
        position: relative;
        left: -25px;
    }
    #todaycalls .message{
        font-size: 13px !important;
    }
    .res-cust .res-cust-img{
        height: 32px !important;
        width: 32px !important;
    }
    .res-cust .res-cust-h2{
        font-size: 16px !important;
    }
    .res-cust-cr .res-cust-c-label{
        font-size: 12px !important;
    }
    .res-cust-cr .res-cust-a{
        font-size: 13px !important;
    }
    .res-cust-cr .agree_added_msg{
        font-size: 12px !important;
    }
    .res-cust-cr .chk_add_sch{
        font-size: 13px !important;
    }
    .res-cust-cr #reminder{
        width: fit-content !important;
    }
    .res-cust-cr .cust-bft{
        position: relative;
        left: -100px;
        top: 25px;
        text-wrap: nowrap;
    }
    .res-cust-cr select, .res-cust-cr textarea, .res-cust-cr input[type=text], .res-cust-cr input[type=password], .res-cust-cr input[type=email], .res-cust-cr input[type=url], .res-cust-cr input[type=date], .res-cust-cr input[type=number], .res-cust-cr input[type=time], .res-cust-cr input[type=date], .res-cust-cr input.date {
        font-size: 12px !important;
    }
    .res-cust-cr .error-message{
        font-size: 11px !important;
    }
    .res-cust-cr .res-cust-cr-btn{
        font-size: 12px !important;
    }
    .notes-out-box{
        padding: 1rem !important;

    }
    .notes-out-box .priority-note-caption{
        width: 65% !important;
        font-size: 13px !important;
    }
    .notes-out-box .priority-note-column {
        justify-content: space-between !important;
    }
    .notes-out-box .res-priorNote-h2{
        font-size: 15px !important;
    }
    .menu-title .res-custLi-img{
        height: 32px !important;
        width: 32px !important;
    }
    .menu-title .res-custLi-tit{
        font-size: 16px !important;
    }
    .res-custFil{
        font-size: 12px !important;
    }
    .res-custFil img{
        width: 18px;
    }
    .res-custSrt{
        font-size: 12px !important;
    }
    .res-custSrt img{
        width: 18px;
    }
    #cus_manage_columns{
        width: 280px;
        right: 125px;
        top: 0px;
    }
    #manage_column_contaner #manage_columns{
        font-size: 12px !important;
    }
    .res-custLi-expTo .res-custLi-expTo-btn{
        font-size: 12px !important;
    }
    .customerColumnsTable thead tr th{
        font-size: 12px !important;
    }
    .customerColumnsTable tbody tr td{
        font-size: 11px !important;
    }
    .res-custLi-tit img {
        width: 26px !important;
        height: 26px !important;
    }
    .search-container-client .panel{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .res-custFil-formWl{
        width: 95% !important;
    }
    .res-custFil-formWr{
        position: relative !important;
        left: -28px !important;
    }
    #search-container-client select, #search-container-client textarea,#search-container-client input[type=text],#search-container-client input[type=password],#search-container-client input[type=email],#search-container-client input[type=url],#search-container-client input[type=date],#search-container-client input[type=number],#search-container-client input[type=time],#search-container-client input[type=date],#search-container-client input.date{
        font-size: 11px !important;
    }
    #search-container-client h2{
        font-size: 16px !important;
    }
    .res-upload-job img{
        width: 21px !important;
        font-size: 15px !important;
    }
    .res-cust-im-menu h2{
        font-size: 16px !important;
    }
    .res-notes-box{
        position: relative !important;
        left: -40px !important;
    }
    .res-cust-im-scr{
        margin-left: 2rem !important;
    }
    .res-cust-rev-tit img
    {
        height: 32px !important;
        width: 32px !important;
    }
    .res-cust-rev-tit h2{
        font-size: 16px !important;
        text-wrap: nowrap;
        display: flex;
        align-items: center;
    }
    .res-cust-rev-main thead tr th {
        font-size: 12px !important;
    }
    .res-cust-rev-main tr td{
        font-size: 11px !important;
    }
    .res-logo-icon img{
        width: 155px !important;
        height: 50px !important;
    }
    .res-sign .loginTitle{
        font-size: 16px !important;
    }
    .res-sign #form{
        width: 100% !important;
    }
    .res-lgin-container-div{
        padding-bottom: 0 !important;
    }
    .pws_log img{
        top: 32px !important;
    }
    #sign .res-sgin-span{
        font-size: 14px !important;
    }
    #login_button{
        font-size: 14px !important;
    }
    #forgotPassword .loginTitle{
        font-size: 16px !important;
    }
    .otp-input{
        width: 28px !important;
        height: 30px !important;
    }
    #cust_track_tap #details {
        width: 98% !important;
    }
    #addEditcontactForm .res-add-n-con-btn{
        margin-top: -13px !important;
    }
    .table-changePass tr td {
        font-size: 13px !important;
    }
    .container .res-acc-tit h2{
        font-size: 16px !important;
    }
    .details-container #personal-details .personal-details-tit{
        font-size: 16px !important;
    }
    .filters-list .res-per-details .res-per-details-sp{
        font-size: 14px !important;
    }
    .filters-list .res-ch-pass .res-ch-pass-sp{
        font-size: 14px !important;
    }
    .res-ceo-mes-tit{
        font-size: 16px !important;
    }
    .res-mes-board-tit{
        font-size: 16px !important;
    }
    .res-pvt-msg-tit{
        font-size: 16px !important;
    }
    .res-upd-pass-pg .loginTitle{
        font-size: 15px !important;
    }
    .res-upd-pass-pg .up-pass-in{
        margin-top: 0 !important;
    }
    .res-upd-pass-pg .res-showHide{
        top: 16px !important;
        right: 15px !important;
    }
    .res-updPass-notes{
        padding: 0 !important;
    }
    .res-updPass-notes ul{
        padding-left: 0 !important;
    }
    .res-updPass-con{
        margin-top: 10px !important;
    }
    .res-updPass-form .loginFormContainer{
        margin-top: 2px !important;
    }
    #opt .res-ver-btn-div{
        margin-top: 25px !important;
    }
    .res-add-ctrack{
        width: auto !important;
        margin-left: -35px;
    }
    #search-container-client .res-clientFil-left{
        width: 52%;
    }
    .ui-multiselect{
        font-size: 12px !important;
    }
}
@media only screen and (min-width: 4501px) and (max-width: 6000px){
/* == 25% == */
    
        #main-nav .header-right-icons .notification-div .notification-span {
               
    }
}

@media only screen and (min-width: 3100px) and (max-width: 4500px)
/* == 33% == */
    {}


@media only screen and (min-width: 2701px) and (max-width: 3100px)
/* == 50% == */
    {}


@media only screen and (min-width: 2001px) and (max-width: 2700px)
/* == 67% == */
    {}


@media only screen and (min-width: 1801px) and (max-width: 2000px)
/* == 75% == */
    {}


@media only screen and (min-width: 1601px) and (max-width: 1800px) /* == 80% == */ {}


@media only screen and (min-width: 1350px) and (max-width: 1600px) /* == 90% == */ {
    
}

@media (min-width: 2000px) {
    #main-nav .profile-user {
        right: 5px !important;
    }
}

@media (min-width: 1700px) {
}

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

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

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

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

@media (max-width: 1400px) {
    #main-nav .header-right-icons .notification-div {
        margin-right: 14px !important;
    }
    #main-nav .header-right-icons {
        margin-right: 40px !important;
    }  
    
}

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

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

@media (min-width: 1200px) {
    /* #main-nav .header-right-icons .notification-div .notification-span {
        left: 13px !important;
    }
    .header-right-list-icons {
        margin-left: -110px !important;
    } */
}

@media (max-width: 1200px) {
    #cm-nav-horz li a{
        font-size: 12px !important;
        padding: 16px 12px !important;
    }
    #cm-nav-horz li li a{
        padding: 8px 18px !important;
        font-size: 10px !important;
    }
    a.quick_notificaton img {
        width: 26px !important;
        height: 26px !important;
        right: 83px !important;
        top: 13px !important;
        margin-top: 0px !important;
    }
    .header-right-list-icons .img_online-list {
        height: 24px !important;
        width: 24px !important;
    }
    #profile-submenu li a {
        padding: 8px 18px !important;
        font-size: 10px !important;
    }
    #main-nav {
        display: grid;
        grid-template-columns: 0.2fr 3fr 0.2fr;
        align-items: center;
    }
    #main-nav .header-right-icons .notification-div .notification-span {
        height: 14px !important;
        width: 14px !important;
        top: -7px !important;
        right: 30px !important;
        font-size: 10px !important;
    }
    #cm-nav-horz li li:hover ul, #cm-nav-horz li li li:hover ul, #cm-nav-horz li li li li:hover ul, #cm-nav-horz li li li li li:hover ul, #cm-nav-horz li li li li li li:hover ul, #cm-nav-horz li li li li li li li:hover ul {
        display: block;
        left: -98% !important;
        margin-left: 0% !important;

    }
    .profile-user img#user-img-fit {
        width: 32px !important;
        height: 32px !important;
    }
    #main-nav .header-right-icons {
        margin-right: 14px;
    }

    .import-submenu{
        display: block;
        left: 99% !important;
        margin-left: 0% !important;
    }
    .logo-img {
        width: 140px !important;
       
    }
    #profile-submenu li.menu-child a.submenu-arrow-1 {
        padding: 10px 18px !important;
    }
    .home-chart{
        width: 150px !important;
        height: 150px !important;
    }
    .message.info {
        font-size: 14px !important;
    }
    .f14 {
        font-size: 12px !important;
    }
    .col {
        font-size: 12px !important;
    }

body #wrapper #content :where(select, textarea, input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=number],
input[type=time],
input[type=date],
input.date) {
    font-size: 12px !important;
   
}
    form label {
        font-size: 12px !important;
    }
    div{
        font-size: 12px !important;
    }
    .left_search-box-1>div input, .left_search-box-1>div select {
        width: 100% !important;
        font-size: 12px !important;
        padding: 4px 6px !important;
    }
    .button-blue,.button-blue:focus, .button-blue:active,
    .button-orange, .button-orange:focus, .button-orange:active ,
    .button-gray,.btn.btn-secondary,.button_small{
          font-size: 12px !important;
    }
.col.pad_r_5.button-rigth {
    display: flex;
    align-items: center !important;
}
.fw-bold {
    font-weight: 700 !important;
    font-size: 12px !important;
}
table thead th {
    font-size: 12px !important;
}
table tbody td {
    font-size: 11px !important;
}
.total-reports a{
    font-size:14px !important ;
}
.d-pad {
    font-size: 12px !important;
}

/* candidate section changes started */
ul#cm-nav-horz li a{
    font-size: 10.5px;
}
/* candidate dashboard */
.menu-title h2 {
    font-size: 16px;
}
.menu-title img{
    width: 30px;
    height: 30px;
}
.manage_btn_f10{
    font-size: 10px !important;
}
.manage_btn{
    font-size: 11px !important;
}
.manage_btn_f12{
    font-size: 12px !important;
}
.manage_btn_f14{
    font-size: 14px !important;
}
.manage_btn_f16{
    font-size: 16px !important;
}
.manage_btn_f18{
    font-size: 18px !important;
}
.form.panel.can_panel {
    padding: 0px 10px;
}
#s_p_skill{
    font-size: 12px !important;
}
#frm_srch, #to_srch, #srch_type{
    font-size: 11px !important;
}
.widget header h2, .widget #calhead{
    font-size: 12px;
}
.table_scroll td, .table_scroll td a{
    font-size: 12px;
}
.admin_listpanelheader {
    font-size: 12px;
}
.admin_listpanelheader a{
    font-size: 12px;
}
.candidateColumnsTable tbody tr td, .candidateColumnsTable tbody tr td a{
    font-size: 10px;
}
.sidebar-popups.active{
    left: 70px !important;
}
.sidebar-popups{
    width: 79% !important;
}
.dialog-header{
    gap: 20px !important;
}
#resume-parser-resume-upload{
    width: 38%;
}
#resume-file-upload{
    width: 28%;
}
#dialog_candidateCreateForm.sidebar-popup.active, .corner-color.sidebar-popup.active{
    left: -78px !important;
}
.sidebar-popup{
    width: 99%;
}
.track_sec{
    width: 114% !important;
}
.track_sech{
    margin-left: 40px;
}
.e_can_basic_details .wid_50, .e_can_basic_details .wid_40{
    width: 100% !important;
}
.track_sec{
    width: 114% !important;
}
.dialog-box-head{
        font-size: 1rem !important;
}
.excel_import .col-7, .excel_import .col-5{
    flex: 0 0 auto;
    width: 50%;
}
.h-35 {
    height: 28px;
    font-size: 12px !important;
  }
#dialogbox.manage_msg{
    max-height: 90vh !important;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin-top: 10px;
}
.cal_ender{
    display: flex;
  margin-left: -27px;
  width: 100%;
}
.pix_btn{
    padding: 0px 10px !important;
}
.map-columns table thead th{
    font-size: 12px;
}
.import_page{
    max-width: 100%;
}
.grid-edit{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
.grid-edit .col-5{
    width: 42.667%;
}
#grid-result .table-responsive table tbody tr td, #grid-result .table-responsive table tbody tr td a{
    font-size: 10px;
}
.employee-group-listing-group .cur-point{
    font-size: 11px;
}
button.btn.btn-success.py-2.px-3.btn-sm {
    font-size: 12px !important;
}
table tbody td {
    padding: 10px 5px !important;
    text-align: left !important;
    font-size: 12px;
    font-weight: 400;
    font-family:  "Lexend", sans-serif;
}
.job_existdata{
    padding: 18px 4px 13px !important;
}
.btn-outline-upload-job-info {
    color: #212529 !important;
    background-color: transparent !important;
    font-size: 12px;
    border-color: #ddd !important;
}
.job_searchscr form{
  padding: 1rem !important;
}
/* .jobdashboard form{
    height: 44px;
} */
.jobdashboard form div input{
    height: 26px !important;
}
.jobdashboard form div button{
    height: 26px !important;
}
/* admin */
.countrylistTableContainer{
    width: 70% !important;
}
.skill-list-top-form-left{
    /* flex-direction: column; */
    margin-top: 3px;
}
/* admin end */
}
@media (max-width: 1170px) {}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 2701px) and (max-width: 3100px) {
    .loginMainContainer .loginFormContainer{
        padding: 10rem 6rem !important;
    }

    .loginMainContainer .loginFormContainer .res-container-top img{
        position: relative;
        top: -75px !important;
        height: 95px;
        width: 290px;
    }

    #sign .loginTitle {
        position: relative;
        top: -50px;
        font-size: 40px !important;
    }
    #sign .res-pos-username{
        position: relative;
        top: -30px;
    }
    #sign .res-pos-pass {
        top: -25px;
    }

    #sign .res-u-f{
        font-size: 30px;
    }
    #sign .res-u-p{
        font-size: 30px;
    }

    #sign .res-pos-username input.res-u-in-f{
        height: 60px;
        border-radius: 15px !important;
    }

    #sign .res-pos-pass input.res-u-in-p{
        height: 60px;
        border-radius: 15px !important;
    }

    #sign .res-pos-username input[type=text]{
        font-size: 26px !important;
    }
    #sign .res-pos-pass input[type=password],
    #sign .res-pos-pass input[type=text]{
        font-size: 26px !important;
    }
    .res-pos-pass img{
        right: 15px;
        top: 60px !important;
        width: 38px !important;
    }

    .loginFormContainer .res-fgt{
        font-size: 25px;
    }
    .loginFormContainer .res-login-btn{
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px !important;
        position: relative;
        top: 10px;
        border-radius: 15px !important;
    }

    .res-login-form-footer .res-login-form-footer-span{
        font-size: 25px !important;
        position: relative;
        top: 45px;
    }

    .res-login-form-footer img.res-login-form-footer-img{
        width: 200px !important;
        position: relative;
        top: 40px;
    }
    .res-left-login-foot-content a{
        font-size: 30px;
    }
    #forgotPassword .loginTitle {
        position: relative;
        top: -55px;
        font-size: 40px !important;
    }
    #forgotPassword .res-fgP-email{
        font-size: 30px !important;
    }
    #forgotPassword .res-fgP-email-in {
        font-size: 25px !important;
        border-radius: 15px !important;
        /* background-color: #ffffff !important; */
        height: 60px;
    }

    #forgotPassword .res-fgP-btsign a{
        position: relative;
        top: 35px;
    }
    #sendMail .res-fgP-btsign a .bts-img{
        height: 55px !important;
        width: 55px !important;
    }
    #forgotPassword .res-fgP-btsign a span{
        font-size: 25px;
    }
    .res-fgp-btn-div .res-fgp-btn{
        font-size: 30px !important;
        border-radius: 15px !important;
        position: relative;
        top: 50px;
    }

    #opt .res-otp .res-otp-tit{
        font-size: 30px !important;
        margin-left: 25px !important;
        left: 0 !important;
    }

    #opt .otp-container input {
        height: 90px !important;
        width: 100px !important;
        font-size: 26px !important;
        border-radius: 25px !important;
    }
    #opt .res-ver-btn {
        width: 93% !important;
        font-size: 30px !important;
        border-radius: 15px !important;
    }
    .res-updPass-form-logo img{
        position: relative;
        top: -75px !important;
        height: 95px;
        width: 290px;
    }
    .res-updPass-form .loginTitle{
        position: relative;
        top: -50px;
        font-size: 40px !important;
    }
    .res-updPass-form .res-updPass-np{
        font-size: 30px !important;
    }
    .res-updPass-form .res-updPass-cp{
        font-size: 30px !important;
    }
    .res-updPass-form #password,
    .res-updPass-form #password2{
        font-size: 26px !important;
        border-radius: 15px !important;
        margin-bottom: 10px !important;
    }
    .res-updPass-form .visible{
        right: 50px !important;
        top: 22px !important;
        width: 38px !important;
    }
    .res-updPass-form .updPass-btn{
        width: 95%;
        position: relative;
        left: -13px;
        margin-top: 40px !important;
        border-radius: 15px !important;
        font-size: 30px !important;
    }
    .res-notes-box{
        font-size: 22px !important;
    }
    .error-message{
        font-size: 24px !important;
    }
    .res-cr-client img{
        height: 70px !important;
        width: 70px !important;
    }
    .res-cr-client h2{
        font-size: 30px;
    }
    .form label{
        font-size: 28px !important;

    }
}