@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1366px) {
.user-login ul li ul { left:-149px;}
.popup-login { left:auto; right:0; }
}

@media only screen and (max-width: 1060px) {
 	 .packages ul li { width:24%;}  
     .packages ul li ul li { width:100%;}
     .howit, .feature .col-1-2, .benefits .col-1-2 { width:45%; margin-right:0%;}
}
@media only screen and (max-width: 1024px) {
body { min-width:750px; }
.inner { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }

/*header*/
#header .inner { padding:0 10px; }
.logo img{max-width:95%}

/*menu*/
#menu { margin-left:1%; }
#menu li { margin:0 5px; }

/*top login*/
.top-login { width:auto; }
.top-login a.login { width:120px; }
.user-img{margin-right:0px}
.user-login .user-name{max-width:120px; line-height:16px; margin-top:15px;}
.user-login .user-name span{max-width:77px; float:left; word-wrap:break-word;}
.user-login sup{top:10px;}

/*main banner*/
.main-slider .content { /*top:-250px; left:auto; right:30px;*/ }
.main-slider li.video .content { top:-225px; left:30px; }
.main-slider h1 { font-size:2em; margin-bottom:10px; line-height:1em;}

/*why section*/
.slides .col-left { margin-left:2%; width:40% }
.slides .col-right { width:50%; margin:20px 2% 0 0; height:280px; }

/*white section*/
.white { min-height:100px; }

/*footer*/
#footer .col-1{width:35%;}
#footer .col-1 li.first{width:50%;}
#footer .col-2 { float:right; width:33%; }

/*signup page*/
.light-gray ul{max-width:892px; width:100%; padding-left:1%} 
.signup h4{max-width: 750px; width:100%; padding-left:1%;}
.light-gray ul li label{max-width:300px; }
.term-condition {width:100%;}
.term-condition .form-element {float:left; margin-left:43%; margin-top:15px;}
/*contact page*/
.contact-wrap .col-3-1{width:45%; min-width:334px;}
.contact-wrap .col-3-2{width:27%;}
.contact-wrap .col-3-3{width:20%;}

/*promo page*/
.promo-wrap .col-2-1{width:54%; padding-right:6%;}
.promo-wrap .col-2-2{width:40%;}

/*edit profile*/
.user-login{margin:0;}

.edit-profile .col-wrap{max-width:100%;}
.edit-profile  .col-1-2, .edit-profile  .col-1-2.col-end {width:50%; box-sizing:border-box; -moz-box-sizing:border-box; }
.edit-profile .col-left,.edit-profile .col-right{width:100%;}
.edit-profile .col-left{padding-bottom:20px;}
.edit_li{max-width:75%}
.add-skill label, .resume label{width:100%;}
.add-skill input[type="text"]{width:53%;}
#wrapper div.uploader{width:100%;}
#wrapper div.uploader span.filename{width:53%; margin-right:0;}
.starred-table td{width:auto;}
#skill_desc_val div#skill_desc_tagsinput { width:275px !important; height:35px;}

/*interver page*/
.interview .col-wrap{max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding-right:0;}
.interview .col-wrap .col-1-2{width:66%; box-sizing:border-box; -moz-box-sizing:border-box; }
.interview .col-wrap .col-1-2._recorderLeft, .interview .col-wrap .col-1-2._recorderRight { width:50%}
.col-1-2 .content{padding-right:10%;}
.video-frame .btn{float:left; margin:0;}
.interview .col-wrap .col-1-2.faq { width:42%;}
.interview .col-wrap .col-1-2.faq-ans { width:56%;}
.col-1-2.faq .content { padding-right:5%;}

/*job list page*/
.job-search, .job-list{float:none; margin:0 auto;}

/*job-applicant*/
.job-applicant .col-wrap .col-1-2{width:50%; padding:25px 20px;}
.job-applicant .col-wrap .col-1-2.col-end{width:50%; padding:0;}
.job-applicant .col-1-2.col-end .grid-list{padding:20px;}
.approved-table table td{width:auto;}
.content-wrap{padding:0 0 24px;}
.approved-table .btn{min-width:40px;}
.applicant-list li{margin-right:20px;}
.applicant-list li.last{margin-right:20px;}
.applicant-list li.last-2{margin-right:0;}
.review-wrap textarea, .review-wrap .form-element{max-width:100%;}


/*create new job page*/
.crt-newjob > .inner {width:100%;}
.crt-newjob .light-gray ul{max-width:892px; width:100%; padding-left:12%} 
.crt-newjob .signup h4{max-width: 730px; width:92%;}
.crt-newjob .light-gray ul li label{max-width:301px}
.crt-newjob .radio-element {max-width:301px; width:42%;}
.crt-newjob .form-element {width:45%;}
.crt-newjob .light-gray ul li input[type="text"], .crt-newjob .light-gray ul li textarea{width:93%}
div.tagsinput{max-width:93%; min-width:auto; box-sizing:border-box; -moz-box-sizing:border-box; float:left;}
.crt-newjob .error .error{left:93%;}
#wrapper .crt-newjob div.selector{width:86%}
#wrapper .crt-newjob div.selector span{width:85%;}

/*applied job*/
.applied-job .col-1-2, .applied-job .job-list {float:none;margin:0 auto;}
.applied-job .col-right {width:220px;}
.applied-job .col-wrap .col-right ul li {display:block;clear:both;}


/*active job*/
.active-job .col-wrap .col-1-2{width:65%;}
.active-job .col-1-2, .applied-job .job-list {float:none;margin:0 auto;}
.active-job .col-right {width:220px;}
.active-job .col-wrap .col-right ul li {display:block;clear:both;}

/*how it work*/
.how-it-works .col-2-1 {width:449px; padding-right:30px;clear:both;}
.how-it-works ul li {margin-right:10px;}
.how-it-works .col-2-2 {width:30%;}

/*record promo*/
.record-promo .col-wrap {padding-left:24px;}
.record-promo .col-wrap .col-1-2 {width:50%;margin:0;}
.record-promo .col-wrap .col-end {margin-left:3%;width:47%;}
.record-promo ul li label {width:20%;margin-right:5%;}
.record-promo ul li input[type="text"] {width:75%;}
.record-promo ul li textarea {width:75%;}

/*view-profile*/
.view-profile .resume label{float:left; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*pagination*/
.detail .pagination{width:100%; margin:-50px 0 0 0}

/*cms*/
.cms .col-right{float:left; margin-left:20px; width:80%}

/*additions responsive css*/
.recruiter_login { width:60%;}
.promo-wrap p { margin-bottom:40px;}
.packages ul li { width:24%;}
.edit-profile .col-right { width:100%;}
#upload-video { float:left; display:block; margin-top:20px; margin-left:21%;}
.edit-profile .add-skill .btn { float:left; margin-left:85px; margin-top:0px;}
.steps-for-using.candidate ul li { width:40%; background:none; padding:0;}
.steps-for-using.candidate ul li:nth-child(3), .steps-for-using.candidate ul li:nth-child(4) { margin-top:50px;}
label span.info { position:relative;}
.col-wrap .col-1-2.howit:last-child{ float:right}
.howit h2{ width:100%}
.interview.job-applicant .ui-tabs .ui-tabs-nav li a{ padding:0 17px;}
.approved-table table td a{ font-size:14px}
.live, .green, .expired, .comment-expand{ font-size:10px}
.approved-table table td .reference-only-btn{ width:100px;}
.comment-expand{ background-position:105% 50%}
.leftwrapper{ width:158px}
.applicant-list li{ width:140px;}
.crt-newjob .light-gray h4{ width:760px;}
.flex-control-nav{ /*bottom:-22px*/}
.packages ul{ padding:0 10px}
#user_resume_file .qq-uploader{ margin-left:88px !important;}
.siteMap >table{ width:90% !important}
#all-applicant-list-result label{ width:112px}
}

@media only screen and (max-width: 900px) {
    .packages ul li { width:150px;}
    .package ul li.package_heading span strong { font-size:36px;}
    .package ul li.package_name span.package_all { font-size:20px;}
}

@media only screen and (max-width: 768px) {
/*additions responsive css*/
.recruiter_login { width:80%;}
.packages ul li.package_first_child { width:160px;}
.detailprices .packages ul li.package_first_child { width:auto;}
.packages ul li { width:180px;}
.package ul li.package_heading span strong { font-size:36px;}
.package ul li.package_name span.package_all { font-size:20px;}
.package ul.package_detail li { font-size:14px;}
#upload-file { float:left; margin-top:15px !important;}
#upload-video { margin-left:0;}
.logo{ display:none;}
.logo-responsive { display:inline-block;}
.job-applicant .col-wrap .col-1-2, .job-applicant .col-wrap .col-1-2.col-end { width:100%;}
.review-wrap textarea, .review-wrap .form-element{max-width:405px;}
.detail .video-wrap { width:518px;}
.main-slider .content { /*top:-250px; left:auto; width:450px;*/ }
.edit-profile .add-skill .btn { margin-left:0px; margin-top:15px;}
.download_resume a.btn { margin-left:0; float:left;}
.light-gray ul li label{max-width:230px; }
.howit, .feature .col-1-2, .benefits .col-1-2{ margin-right:0; width:45%}
.main-slider li.video .content h1{ font-size:30px; width:240px}
.innerWrapper{ top:-172px !important;}
.main-slider li.video .content{ width:245px}
.center_icon{ left:46%; top:20%;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li a{ padding:0 17px;}
.applicant-list li{ width:153px;}
.applicant-list li.last, .applicant-list li:nth-child(6n+6){ margin:inherit}
#wrapper .interview.job-applicant .approved-table div.selector.fixedWidth{ width:100px; padding-left:10px}
.crt-newjob .light-gray h4{ width:625px; }
#wrapper .interview.job-applicant .approved-table div.selector.fixedWidth span{ background-position:92% 50%}
.request_new .light-gray ul.references{ padding-left:20px}
.request_new .light-gray ul.new_ref li input[type="text"]{ width:328px !important}
.request_new .light-gray ul.new_ref li textarea{ width:704px !important}
#skill_desc_val div#skill_desc_tagsinput{ width:50% !important}
.grid-list .heading_notification{ font-size:17px !important}
#user_resume_file .qq-uploader{ margin-left:35px !important;}
.siteMap >table{ width:85% !important}
.interview .col-wrap .col-1-2.faq{ width:37%}
.interview .col-wrap .col-1-2.bloged{ width:25%}
.approved-table .ui-selectmenu-button{ width:100px !important}
.approved-table table td{width:10px;}
.bnr-sec .bnr-content h2{ font-size:15px}
.bnr-content{ top:15%}
#all-applicant-list-result label{ width:128px;}
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1025px) and (max-width: 1126px) {
body { min-width:1000px; }
.inner{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }
/*menu*/
#menu { margin-left:3.9%; }

/*main banner*/
.main-slider .content { top:-260px; }

/*why section*/
.slides .col-left { margin-left:2%; width:40% }
.slides .col-right { width:50%; margin:66px 2% 0 0; }

/*edit profile*/
.edit-profile .col-wrap{max-width:100%;}
.edit-profile  .col-1-2, .edit-profile  .col-1-2.col-end {width:50%; box-sizing:border-box; -moz-box-sizing:border-box; }
.edit-profile .col-right{width:54%;}
.edit_li{max-width:75%}
.edit_li input[type="text"]{width:195px;}
.add-skill label, .resume label, .upload-video label{width:19%;}
.add-skill input[type="text"]{width:47%;}
/*uniform*/
#wrapper .edit_li.small div.selector{width:53px; margin:4px 4px 10px 0; padding-left:0; height:30px;}
#wrapper .edit_li.small div.selector span{ width:40px; text-align:center; padding-right:10px; height:30px; line-height:30px; font-size:12px;}
#wrapper .edit_li div.selector{width:185px;}
#wrapper .edit_li div.selector span{ width:175px;}
#wrapper .upload-video div.uploader{width:78%;}
#wrapper div.uploader{width:81%;}
#wrapper div.uploader span.filename{width:56.5%; margin-right:0;}

/*interver page*/
.interview .col-wrap{max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding-right:0;}
.interview .col-wrap .col-1-2{width:50%; box-sizing:border-box; -moz-box-sizing:border-box; }
.video-frame .btn{margin-left:130px;}


/*job list page*/
.job-search{width:33%;}
.job-search .starred-table td{width:auto;}
.job-search label{width:19%;}

/*job-applicant*/
.job-applicant .col-wrap .col-1-2{width:43.4%;}
.job-applicant .col-wrap .col-1-2.col-end{width:570px;}
.approved-table table td{width:auto;}

.applied-job .col-wrap {max-width:100%;}
.applied-job .col-wrap .col-1-2 {width:33%;}
.applied-job .col-wrap .col-right {clear:both;;width:100%;}
.applied-job .col-wrap .col-right ul li {display:block;clear:both;}
.applied-job .status-wrap img {max-width:100%;}

.active-job .col-wrap {max-width:100%;}
.active-job .col-wrap .col-1-2 {width:33%; padding-bottom:20px;}
.active-job .col-wrap .col-right {clear:both;;width:100%;}
.active-job .col-wrap .col-right ul li {display:block;clear:both;}
.active-job .status-wrap img {max-width:100%;}
.active-job .status-bar{padding-top:10px;}

.how-it-works .col-2-1 {width:489px; padding-right:80px;clear:both;}
.how-it-works ul li {margin-right:30px;}
.how-it-works .col-2-2 {width:40%;}


.record-promo .col-wrap {padding-left:24px;}
.record-promo .col-wrap .col-1-2 {width:50%;margin:0;}
.record-promo .col-wrap .col-end {margin-left:3%;width:47%;}
.record-promo .video-frame img {min-width:100%;}
.record-promo .video-frame .btn {margin-left:178px;}
.record-promo ul li label {width:20%;margin-right:5%;}
.record-promo ul li input[type="text"] {width:75%;}
.record-promo ul li textarea {width:75%;}

/*status bar*/
   .jCProgress {}
   .status-bar{width:100%; padding-top:200px;}
   .progress_bar.small{max-width:200px;}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.cms{min-height:660px;}
}