@media(max-width:1799px) {
}
@media(max-width:1199px) {
    .navigation .nav li a{ font-size: 14px;}
    .pricePackage .packageTop{ padding: 30px 20px 40px 20px;}
    .pricePackage .packageTop h3{ font-size: 20px;}
    .pricePackage .packageTop p strong{ font-size: 30px;}
    .pricePackage .packageTop p span{ font-size: 17px;}
    .jbsBtn a:nth-child(1){ width: 41%;}
    .jbsBtn a:nth-child(2){ width: 56%;}
    .jbsBtn a:nth-child(3){ width: 41%;}
    .jbsBtn a:nth-child(4){ width: 56%;}
    .jbsBtn a:nth-child(5){ width: 41%;}
    .jbsBtn a:nth-child(6){ width: 56%;}
    .accountProfile{ width: auto;}
    .editbtnSection{ right: -14px;}
    .postJobTextEditor{ width: 78%;}
    .registrationForm label.expHeight{ width: 45%;}
    .experienctDrop{ width: 56.5%;}
    .navigation .nav li{ padding: 0 5px;}
    .experienctDrop select, .experienctDrop input[type=text]{ width: 37.5% !important;}
    .jobseekerTips h6{ font-size: 19px;}
    .jsregd p{ margin-right: 0;}
    .singleResume input[type=text], .singleResume textarea, .singleResume select{ width: 86.2%;}
    .singleResume label{ max-width: 108px;}
    .addLastEmployer label{ width: 36%;}
    .addLastEmployer input[type=text], .addLastEmployer .datepick{ width: 63%;}
    .accountSlot h4{ font-size: 17px;}
    .recruitBtn, .recruitBtn2{ display: block; margin-bottom: 10px; text-align: center;}
    .contactSubmit{ width: 70%;}
    .contactSubmit label{ text-align: left;}
    .contactSubmit input[type=text], .contactSubmit input[type=email], .contactSubmit textarea{ width: 100%;}
    .newsBlog img{ width: 40%;}
    .caption{ width: 80%;}
    .newsDetail img{ width: 100%;}
    .addLastSeekers input[type=text]{ width: 57%;}
    .postJobmain label{ max-width: 170px;}
    .postJobmain input[type=text], .postJobmain textarea, .postJobmain select{ width: 78%;}
    .addLastEmployer select{ width: 64%;}
    .addLastEmployer div.errorMsg{ text-align: 35%;}
    .exp2 select, .exp2 input[type=text] { width: 97% !important;}
    .recruit4li .checkbox{ margin-right: 18px;}
    .post_job_form .errorMsg{ text-indent: 21% !important;}
    .rowPercent{ width: 51%;}
    .nsCity select{ width: 47%; float: right;}
    .rowPercent2{ width: 48%;}
    .nsCity2 input[type=text]{ float: right; width: 50%;}
}
@media(max-width:1024px) {
    .atsDescription button{ width: auto; padding: 5px 15px; font-size: 15px;}
    .dbContainer{ width: 100%;}
    .mainAtsForm label{ width: 100%; text-align: left;}
    .mainAtsForm input[type=text], .mainAtsForm select{ width: 100%;}
    .mainAtsBtmTable{ width: 100%; overflow: auto;}
    .mainAtsBtmTable table{ width: 1800px;}
    .mainAtsBottom .showBread{ position: inherit; float: right; margin-bottom: 20px;}
    .circleBase ul li{ margin: 0 7px 15px;}
    .mainAtsToptable{ width: 100%; overflow: auto;}
    .mainAtsToptable table{ width: 940px;}
    .atsFormsec{ width: 31%;}
}
@media(max-width:1023px) {
    .atsInfo{ width: 32%;}
    .atsDescription{ width: 45%; margin-bottom: 30px;}
    .deskHide{ display: block;}
}
@media(max-width:991px) {
    .cr_error{ position: inherit;}
    .registrationForm .uploadResume{ width: 63%;}
    .pricingTable{ top: -47px;}
    .addLastEmployer select{ width: 67%;}
    .create_resume_editor{ width: 72%;}
    .employerV1{ top: -47px;}
    .empMiddle{ margin: 30px 0;}
    .descSec1{ width: 100%; padding: 0; margin-bottom: 20px;}
    .descSec2{ width: 100%; border-left: 0; border-top: 1px solid #ccc; padding: 20px 0 15px 0; margin-bottom: 20px; }
    .jspTab h2{ padding-bottom: 15px;}
    .jspTab .nav-tabs{ float: left;}
    .jspTop ul li a{ padding: 0 15px;}
    .jspProfiletop{ border: 0; padding-right: 0;}
    .jbsBtn a:nth-child(2){ width: 55%;}
    .jbsBtn a:nth-child(4){ width: 55%;}    
    .jbsBtn a:nth-child(5){ width: 97%;}
    .jbsBtn a:nth-child(6){ width: 97%;}
    .editbtnSection{ right: -22px; bottom: 10px;}
    .postJobTextEditor{ width: 72%;}
    .experienctDrop{ width: 72.5%;}
    .experienctDrop select, .experienctDrop input[type=text]{ width: 43.7% !important;}
    .newsDetail form label{ display: block; width: 100%;}
    .caption p{ font-size: 29px; text-shadow: 0 0 1px #fff;}
    .caption h1{ font-size: 38px; text-shadow: 0 0 1px #fff;}
    .contactSubmit{ width: 90%;}
    .updatePassword label{ width: 100%; margin-right: 0;}
    .updatePassword input[type=password]{ width: 100%;}
    .passErr{ padding-left: 0;}
    .viewJobTable{ overflow-y: hidden; overflow-x: scroll;}
    .accountSlot h4{ font-size: 14px; padding-left: 15px;}
    .accountProfile img{ height: 140px; width: 140px;}
    .colSignup{ position: absolute; z-index: 9; right: 0; top: 0;}
    .navigation{ float: left; width: 100%; margin: 20px 0 15px;}
    .navbar-nav{ width: 100%;}
    .navigation .nav li{ padding: 0 2.4%;}
    .navigation .nav li a{ font-size: 15px;}
    .jobPostSection{ overflow-y: hidden; overflow-x: scroll; margin-top: 20px;}
    .jobPostSection table{ width: 914px; max-width: inherit;}
    .findJobDiv{ top: -47px; position: relative;}
	
    .sliderSiv .bxslider li .caption p{ font-size: 34px;}
    .sliderSiv .bxslider li .caption h1{ font-size: 43px;}
    .homeMain{ padding-top: 0;}
    .jobseekerTips{ margin-top: 20px;}
    .singleResume label{ max-width: 165px;}
    .singleResume input[type=text], .singleResume textarea, .singleResume select{ width: 72.2%;}
    .addLastSeekers input[type=text]{ width: 67%;}
    .addLastEmployer input[type=text], .addLastEmployer .datepick{ width: 67%;} 
    .btn_app4u button{ margin-left: 30.5%;}
    .packgCentre{ height: inherit !important;}
    .servAndFeature ul li{ width: 50%;}
    .createResumeform #error_skill{ text-indent: 26%;}
    .createResumeform #error_editor{ text-indent: 26%; top: 0;}
    .addLastEmployer div.errorMsg{ text-indent: 32%;}
    .col-sm-2 .notifications{ left: -45px;}
    .updatePassword{ width: 90%;}
    .updatePassword input[type=text], .updatePassword input[type=email], .updatePassword input[type=password], .updatePassword select{ width: 100%;}
    .multiselect-native-select div{ width: 100%;}
    .exp2 select, .exp2 input[type=text] { width: 99% !important;}
    .previewMain{ top: 0;}
    .rec4uLocation label{ display: block; width:100%; max-width: 100%; padding-bottom: 20px;}
    .rec4uLocation input[type=text] { width: 80%; float: right;}
    .r4ucity, .r4ustate{ text-indent: 0; width: auto; float: left; line-height: 35px;}
    .recruit4u{ top: -47px;}
    .post_job_form .errorMsg{ text-indent: 27% !important;}
    .registrationForm .softSkills{ width: 73%;}
    .softSkills ul li{ width: 49%;}
}
@media(min-width:768px) { 
    .caret{ display: none;}
    .multiselect-native-select .caret{ display: block;}
    .forSecurity .multiselect .caret{ display: block;}
    .dropdown:hover .dropdown-menu{ display: block;}
}

@media(max-width:767px) {
    #frm_create_resume #error_skill, #frm_create_resume #error_editor{ text-indent: 0;}
    .pricingTable{ top: -15px;}
    .forSecurity .multiselect .caret{ display: block;}
    .forSecurity .mulSelect div{ width: 100%;}
    .create_resume_editor{ width: 100%;}
    .employerV1{ top: -15px; width: 94%; margin: 0 3%;}
    .jspTab .nav li a{ padding: 11px 9px;}
    .jspTop .navbar{ margin-bottom: 15px;}
    .jspTop ul{ margin: 15px 0;}
    .jspTop ul li{ display: block; background-image: none; padding: 0 0 6px 0;}
    .jspTop .navbar{ background-color: #eee;}
    .accountProfile{ width: 200px; margin: 0 auto;}
    .editbtnSection { right: -5px; bottom: 33px;}
    .postJobTextEditor{ width: 100%;}
    .experienctDrop{ width: 100%;}
    .experienctDrop select, .experienctDrop input[type=text]{ width: 41% !important;}
    .experienctDrop span{ width: 15%; text-align: center;}
    .circleBase ul li{ margin: 0 40px 20px;}
    .atsFormsec{ width: 48%;}
    .aplyJobMain{ margin-top: 30px;}
    .navigation .nav .dropdown-menu{ background-color: #000;}
    .carrerToggle{ color: #fff; position: absolute; left: 90px; top: 5px; z-index: 9;}
    .updatePassword{ width: 90%;}
    .findJobDiv{ top: -15px;}
    .findInput .inputDiv .firstSel{ width: 100%; display: block; margin-bottom: 15px;}
    .findInput .inputDiv .firstSel select{ margin-top: 0;}
    .findInput .inputDiv .firstSel .iconsBg{ top: 11px;}
    .findInput .inputDiv .firstSel select{ margin-right: 0 !important; width: 100%;}
    .accountSlot{ margin-bottom: 20px; height: inherit !important;}
    .accountProfile img{ width: 186px; height: 186px; margin-bottom: 10px;}
    .skills{ margin-bottom: 20px;}
    .myaccTop{ text-align: center; top: 30px;}
    .CreateResumeMain label{ text-align: left;}
    .CreateResumeMain .datepick{ width: 100%;}
    .notifications{ left: -80px; top: 26px;}
    .userProfile{ margin-top: -22px; position: relative; top: 3px;}
    .userProfile img{ margin-bottom: 2px;}
    .userProfile span{ font-size: 13px;}
    .pt2{ background-color: #eee; overflow: hidden; padding: 5px 10px; margin-bottom: 10px;}
    .pt2 label{ margin:5px !important;}
    .registrationForm .jsregd select{ width: 94%; float: right; margin-right: 0;}
    .jsregd p{ float: left; width: 100%; margin-bottom: 10px; margin-top: 0;}
    .jsregd .errorUnique{ position: inherit; left: 33px; bottom: 15px;}
    .jrpt2bg ul li{ width: 32%;}
    .registrationForm label{ width: 100%;}
    .registrationForm label br{ display: none;}
    .registrationForm input[type=text], .registrationForm input[type=email], .registrationForm input[type=password], .registrationForm textarea, .registrationForm select, .registrationForm .browseDiv{ width: 100%;}
    .homeMain{ padding-bottom: 30px;}
    .findInput .inputDiv input{ width: 100%; margin-right: 0; margin-bottom: 12px;}
    .navigation .nav li{ padding: 0 11px;}
    .navbar-nav{ margin: 0;}
    .navbar-header{ background-color: #444;}
    .navigation .nav li a{ padding: 10px 0;}
    .navigation #myNavbar{ padding: 0px 15px; background-color: #444;}
    .navigation .nav li:first-child{ padding-left: 11px;}
    .navigation .nav li:last-child{ padding-right: 11px;}
    .interviewSecCnt h2{ font-size: 30px;}
    .interviewSecCnt p{ font-size: 18px; text-shadow: 0 0px 2px #fff;}
    .interviewSecCnt{ padding-right: 15px; padding-top: 25px; padding-bottom: 25px;}
    .orrangeDivCnt{ padding-bottom: 50px;}
    .orrangeDivCnt .brdRight{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #feb26a;}
    .footer{ padding-bottom: 22px;}
    .footer .ftrCnt, .footer .ftrCnt2{ border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 20px;}
    .atsDescription{ width: 55%;}
    .footer .col-sm-3:last-child .ftrCnt2{ border-bottom: 0;}
    .pt3Page .postJobTextEditor{ width: 100%;}
    .startEndDate label{ width: 26% !important;}
    .blanks{ display: none !important;}
    .pt3Page .add_field_button{ margin-bottom: 25px;}
    .registrationForm div.errorMsg{ text-indent: 0;}
    .registrationForm div.successMsg{ text-indent: 0;}
    .step2 a.remove_field{ padding-left: 0; position: relative !important; top: -22px;}
    #NotificationSettingApp4uForm div.errorMsg{ text-indent: 0%;}
    .btn_app4u button{ margin-left: auto;}
    .navigation{ margin-top: 30px;}
    .myAcctbtm{ top: 0;}
    .app4usuccess{ text-indent: 0; text-align: center!important;}
    .exp2 select, .exp2 input[type=text] { width: 100% !important;}
    .rec4uLocation input[type=text] { width: 80%;}
    .recruit4u{ top: -15px;}
    .post_job_form .errorMsg{ text-indent: 0% !important;}
    .rowPercent{ width: 100%;}
    .rowPercent2{ width: 100%;}
    .nsCity2 label{ text-align: left;}
    .registrationForm .nsCity .errorMsg{ text-indent: 0; clear: both;}
    .registrationForm .nsCity2 .errorMsg{ text-indent: 0; clear: both;}
    .registrationForm .softSkills{ width: 100%;}
    .jrpt2bg ul li{ width: 48%;}
    .registrationForm .nsCity2 .errorMsg{ text-indent: 0;}
    .NewField .nf2{ padding-left: 0;}
    .NewField select{ background-position: 97%;}
	/** 26-12-2017 **/
	.contact_ava_inside {
		float: none;
		width: 102%;
		overflow: hidden;
	}
	.contact_availity span {
		padding: 10px 0px;
		display: block;
	}
	.signUp ul li {
	float: none;
	
	display: inline-block;
}
    
    .notification_box{
        right: auto;
        left: 0;
        top: 78px;
        width: 290px;
    }
    .notification_box:before{
        right: auto;
        left: 10px;
    }
	.findJobDiv1{top:0px;}
	.structure_change2, .structure_change{margin-top:0px;}
    
}

@media(max-width:600px) {
    .empTablebase{ width: 100%; overflow: auto;}
    .empTablebase table{ width: 520px;}
    .jspTab .nav-tabs > li{ margin-bottom: 3px;}
    .descSec1 table tr td{ width: 100%; padding-right: 0px; float: left; clear: both; padding-bottom: 15px;}
    .rateJob{ position: static; margin-bottom: 15px; display: inline-block; height: 36px;}
    .jspProfiletop h2{ padding-bottom: 5px; display: block;}
    .jspProfiletop h2 br{ display: none;}
    .jspProfiletop .rateJob img{ width: auto;}
    .jbsBtn{ margin-top: 20px;}
    .statusScore, .statusMyscore{ width: 100%;}
    .jspProfiletop img{ width: 100%; margin: 0 0 15px 0;}
    .atsDescription{ width: 64%;}
    .contactSubmit{ width: 100%;}
    .showBread{ position: inherit; background-color: #fff; padding: 6px 10px; margin-bottom: 10px;}
    .careerModal1 .modal-body .nav-tabs{ margin: 15px 10% 25px;}
    .signinForm label{ width: 100%; padding-right: 0; text-align: left; margin-bottom: 0;}
    .signinForm input[type=text], .signinForm input[type=password]{ width: 100%;}
    .signinForm{ margin: 0 10%;}
    .noFld{ display: none !important;}
    .signinForm form p{ text-align: center;}
    .jrpt2bg ul li{ width: 48%;}
    .sliderSiv .bxslider li .caption p{ font-size: 27px;}
    .sliderSiv .bxslider li .caption h1{ font-size: 33px;}
    .findJobDiv{ padding: 20px;}
    .findJobDiv h4{ font-size: 18px;}
    .navbar-toggle{ padding: 4px 10px;}
    .interviewSecCnt{ width: 66%;}
    .findInput button{ margin-top: 12px;}
    .registrationForm .jsregd select{ width: 90%;}
    .userForgot input[type=text], .userForgot input[type=email], .mobileForgot input[type=text], .mobileForgot input[type=email]{ width: 100%;}
    .skills{ padding-bottom: 20px;}
    .recruit4li ul li{ width: 95%;}
    .jrpt2bg ul li{ width: 100%;}
}
@media(max-width:500px) {
    .col-sm-2 .notifications{ left: 0;}
    .comparisonAtsBg ul li{ font-size: 12px;}
    .atsInfo{ width: 41%;}
    .atsDescription{ width: 55%;}
    .atsInfo li{ padding-top: 7px !important;}
    .atsFormsec{ width: 99%;}
    .signUp{ padding-top: 0; padding-bottom: 10px; width: 100%; text-align: center;}
    .logo{ text-align: center;}
    .colSignup{ position: inherit;}
    .notifications{ top: 13px; left: 0; float: left;}
    .userProfile{ margin-top: -7px; margin-bottom: 5px;}
    .servAndFeature ul li{ width: 100%; height: auto !important;}
    .servAndFeature ul li p{ height: auto !important;}
    .greenField{ border-bottom: 1px solid #ccc;}
}
@media(max-width:480px) {
    .startEndDate label{ width: 100% !important; max-width: 100%; text-align: left !important;}
    .startEndDate .DateDemo{ width: 100%;}
}
@media(max-width:479px) { 
    .check-out{ padding: 20px;}
    .browseDiv input[type="file"]{ width: 100%;}
    .notification button{ margin: 0 auto;}
    .empMiddle h2{ font-size: 22px;}
    .empMiddle h1{ font-size: 22px;}
    .jbsBtn a:nth-child(1){ width: 97%;}
    .jbsBtn a:nth-child(2){ width: 97%;}
    .jbsBtn a:nth-child(3){ width: 97%;}
    .jbsBtn a:nth-child(4){ width: 97%;}
    .caption p{ font-size: 21px;}
    .caption h1{ font-size: 28px;}
    .newsBlog img{ width: 100%; margin-right: 0;}
    .applyJobtop p span{ width: 86%; display: inline-block; margin-bottom: 10px;}
    .findJobDiv h5{ font-size: 17px;}
/*    .myaccTop{ margin: 0 50px;}*/
    .careerModal1 .modal-header h4{ font-size: 20px;}
    .careerModal1 .modal-body .nav-tabs{ margin: 15px 1% 25px;}
    .signinForm{ margin: 0;}
    .careerModal1 .modal-body .nav-tabs > li a{ font-size: 12px;}
    .jrpt2bg ul li{ width: 100%;}
    .additionalMain h5{ margin-left: 15px; margin-right: 15px; font-size: 20px;}
    .registrationForm{ padding: 15px;}
    .interviewSecCnt{ width: 97%;}
    .sliderSiv .bxslider li .caption p{ font-size: 17px;}
    .sliderSiv .bxslider li .caption h1{ font-size: 28px;}
    .pt3Submit button{ margin-left: 15px;}
    .pricingTable{ padding: 25px 10px;}
}
    
@media(max-width:430px) { 
    .postJobmain .findInput{ text-align: left;}
    .signinForm a img{ width: 100%;}
    .experienctDrop select, .experienctDrop input[type=text]{ width: 100% !important;}
    }
    
@media(max-width:320px) { 
    .atsInfo{ width: 43%;}
    .atsDescription{ width: 53%;}
    }




/*avik*/

@media(max-width:767px){
    .inbox_page{
        padding: 20px 0;
    }
    
    .message_search_section h2{
        width: 100%;
        margin-bottom: 5px;
    }
    .search_box label+{
        width: 100%;
    }
    .search_bx_btn{
        margin-left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .search_bx_btn input[type="text"]{
        width: 100%;
    }
    .search_box{
        float: left;
        width: 100%;
    }
    
    .sortBy_section ul li{
        padding: 0 6px;
    }
    .sortBy_section{
        float: left;
        width: 100%;
    }
    .compose_mail{
        width: 100%;
    }
    .apps_for_u{
        padding: 15px;
    }
    .apps_for_u h2{
        font-size: 20px;
    }
    .apps_for_u h3{
        font-size: 15px;
        line-height: 22px;
    }
    .appForu_feature_list{
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .appForu_feature_list:before{
        display: none;
    }
    .appForu_feature_list:nth-last-child(2) p:before{
    display: block;
}
    .appForu_feature_list h4{
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
        min-height: 25px;
    }
    .appForu_feature_list p{
        font-size: 14px;
    }
    .appForu_feature_list h4 img{
        max-width: 100%;
        width: 18px;
        margin-right: 10px;
    }
    .subscribe_btn{
        font-size: 14px;
        padding: 8px 50px;
    }
    .limited_time{
        font-size: 14px;
        padding: 20px 30px;
    }
    .limited_frees{
        margin: 25px 0;
    }
    .limited_time_box{
        margin-bottom: 15px;
    }
    .order_professional_resume{
        padding: 25px 15px 15px 15px;
    }
    .job_seeker_feature{
        padding: 15px 10px;
    }
    .order_professional_resume h2{
        font-size: 17px;
        padding-bottom: 8px;
    }
    .job_seeker_feature h3{
        font-size: 17px;
        margin-bottom: 12px;
    }
    .job_seeker_feature p{
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px;
}
    .label_item label{
        width: 100%;
        margin-bottom: 5px;
        font-size: 15px;
        margin-top: 0;
    }
    .update_field{
        width: 100%;
        
    }
    .update_field input[type="text"]{
        height: 40px;
    }
    .job_seeker_feature button{
        font-size: 16px;
        padding: 6px 40px;
    }
    .ats_page h2{
        font-size: 20px;
    }
    .ats_page{
        padding: 25px 0;
    }
    .add_user p{
        margin-bottom: 10px;
    }
    .add_users_form h4{
        margin-top: 10px;
    }
}
@media(max-width:420px){
    .mail_header_section{
        padding: 10px 10px;
    }
    .mail_header_section ul li a{
        padding-left: 24px;
    }
    .mail_header_section ul li{
        margin-right: 10px;
    }
    .mail_header_section ul li a{
        font-size: 12px;
    }
    .delect_mail{
        background-size: 15px;
    }
    .save_mail{
        background-size: 20px;
    }
    .checkmark{
        width: 16px;
        height: 16px;
    }
    .select_all .checkmark:after{
        left: 6px;
        top: 2px;
    }
}
@media(min-width:992px) and (max-width:1199px){
.message_search_section h2{
    width: 130px;
}
    .job_seeker_feature{
        padding: 30px 20px;
    }
}
@media(min-width:768px) and (max-width:991px){
    .inbox_page{
        padding: 20px 0;
    }
    .message_search_section h2{
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .sortBy_section ul li{
        padding: 0 10px;
    }
    .sortBy_section ul li a{
        font-size: 14px;
    }
    .search_box label{
        font-size: 14px;
        margin-top: 7px;
    }
    .appForu_feature_list{
        width: 100%;
    }
    .appForu_feature_list:before{
        display: none;
    }
    .appForu_feature_list:nth-last-child(2) p:before{
    display: block;
}
    .limited_time_box_header{
        font-size: 16px;
        padding: 10px 7px;
    }
    .limited_time_box{
        min-height: 400px;
    }
    .limited_time_box p{
    font-size: 14px;
    }
    .job_seeker_feature{
        padding: 30px 0;
    }
    .order_professional_resume{
        padding: 30px;
    }
    .label_item label{
        width: 33%;
    }
    .update_field{
        width: 67%;
    }
    
    .notification_box:before{
        right: 103px;
    }
}