@media (max-width:1536px){
/**1536 x 750**/

}
@media (max-width:1460px){
/**1460 x 832**/
.home_page .content-area h1{font-size:52px}

}
@media (max-width:1366px) {
/**1366 x 655**/
.home_page .content-area h1{font-size:48px}

}


/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){
	.home_page .content-area{text-align:center}
	.home_page .content-area .logo {position: relative; margin:0 auto; top:0px}
	.sign-in-area{padding:20px 0}
	.sign-in-area .form-area{padding:40px}
	.sign-in-area .form-area .order-1{order: 0;}
	.sign-in-area .form-area h2{font-size:32px}
	
	.profile-area{padding:20px 0}
	.profile-area .form-area{padding:40px; margin-top:60px}
	.profile-area .form-area ul.step li {width: 23%;}
	.profile-area .form-area ul.step li .icon {width: 100px; height: 100px;}
	.profile-area .form-area ul.step {margin: -90px 0px 20px 0px}
	.profile-area .form-area ul.step::before {top:50px}
	
	.instruction-video{height:342px}
	.congratulations-area .congratulations-box .content-box{padding:20px}	
	.congratulations-area .congratulations-box ul li{margin:0 10px}
	.congratulations-area .congratulations-box ul li .btn{padding:0px 40px}
	
	.your-data-area .main-dropdown{text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; padding-right:45px; }
	.your-data-area .title{max-width:240px}
	.dashboard-area .user-content ul li{max-width: 170px; min-width: 170px;}
	.dashboard-area .user-content ul li.profile{display:none}
	.question-page .title-area{padding:15px 20px}
	.question-page .title-area .notification{font-size:18px}
	.question-page .title-area .notification span{line-height:30px; height:30px; width:30px}
	.question-page .question-box{padding:15px 10px}
	.question-page .question-box .user-photo {width: 170px; height: 170px;}
	.question-page .question-box .question-title{font-size: 24px; margin: 0 0 12px 0;}
	.question-page .question-box .relationship{font-size: 16px; margin: 0 0 10px 0;}
	.question-page .question-box p{font-size: 14px; margin: 0 0 10px 0;}

	.references-area{padding:40px 0}
	.references-area .content-area{padding:40px}
	.modal-lg {max-width: 700px;}
	
	.employer .profile-area table thead tr {position: absolute; top: -9999px; left: -9999px;}
.employer .profile-area table tbody tr {border-top:#e9eef1 5px solid}
.employer .profile-area table tbody tr td {border: none;    position: relative;  line-height: 24px !important; display:inline-block; width:100%; min-height:40px; padding:10px 10px 10px 40% !important}
.employer .profile-area table tr td:nth-child(1) {border-radius: 25px 25px 0 0;}
.employer .profile-area table tr td:nth-last-child(1){border-radius:0 0 25px 25px}
.employer .profile-area table tbody tr td:before{position: absolute; top: 0; left: 12px; color:#4F6475; width: 35%; white-space: nowrap; line-height:42px; font-size: 16px; font-weight: 400;}
.employer .profile-area table tbody tr td:nth-of-type(1):before { content: "Job Vacancy"; }
.employer .profile-area table tbody tr td:nth-of-type(2):before { content: "Location"; }
.employer .profile-area table tbody tr td:nth-of-type(3):before { content: "Work Type"; }
.employer .profile-area table tbody tr td:nth-of-type(4):before { content: "Shortlist"; }
.employer .profile-area table tbody tr td:nth-of-type(5):before { content: "Action"; }

#profile_page_video_pannel {
    margin: 50px 0;
}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
/*.sidenav.active{margin-left: -250px;}
.sidenav{margin-left: 0%;}*/
.navbar_main .navbar-brand{width:40px}
.navbar-toggler{color:#fff}
.navbar-nav{border-top: #fff 1px solid; margin-top: 15px; padding-top:10px}
.navbar_main .navbar-nav li a{padding:0px !important; line-height:50px}
.container{ width:94%; margin:0 auto; padding:0;}
.home_page{padding:50px 20px; height:auto}
.home_page .content-area{display:block; }
.home_page .content-area h1 {font-size: 30px; margin:30px 0}
.home_page .content-area .logo {position: relative; top:0px}
.home_page .content-area ul.btn-list li .btn-recruiters,
.home_page .content-area ul.btn-list li .btn-candidates,
.home_page .content-area ul.btn-list li .btn-work{max-width:100%; font-size:18px; height:50px; line-height:48px}

.sign-in-area{padding:20px 0}
.sign-in-area .form-area{padding:25px}
.sign-in-area .form-area h2{font-size:28px; float:none}
.sign-in-area .form-area p{font-size:16px; margin:0 0 15px 0; float:none}
.sign-in-area .form-area .order-1{order: 0;}
.sign-in-area .form-area .user-photo {display:none}
.sign-in-area .form-area form {margin-top: 0;}
.sign-in-area .form-area .form-control{height:46px}
.sign-in-area .form-area .form-group {margin-bottom: 15px;}
.sign-in-area .form-area label {height: auto;margin: 0px; line-height: 18px; font-size:16px}
.sign-in-area .form-area .btn-submit{width:100%}

.profile-area{padding:20px 0}
.profile-area .form-area{padding:25px 15px 20px 15px; margin-top:30px}
.profile-area .form-area ul.step li {width: 23%;}
.profile-area .form-area ul.step li .icon {width: 50px; height: 50px;}
.profile-area .form-area ul.step {margin: -50px 0px 20px 0px}
.profile-area .form-area ul.step::before {top:23px}
.profile-area .form-area h2{font-size:22px; margin:0 0 18px 0}
.profile-area .form-area h2 .btn-info{width:20px}
.profile-area .form-area .form-control{height:46px}
.profile-area .form-area .md-15 {margin-bottom: 10px;}
.profile-area .form-area select {height: 46px !important; background-size: 46px 46px !important;}
.profile-area .form-area .form-group {margin-bottom: 10px;}
.employer .profile-area .btn-save, .employer .profile-area .btn-add, .profile-area .form-area .btn-area .btn-back, .profile-area .form-area .btn-area .btn-save, .profile-area .form-area .btn-area .btn-continue {padding: 0 15px;font-size: 13px; height: 40px; line-height: 38px;}
.profile-area .form-area .btn-area .btn-save{margin-right:6px}
.profile-area .form-area .btn-add{width:100%}
.profile-area .form-area .main-dropdown-content ul li{font-size:13px}

.upload-profile input[type="file"], .upload-resume input[type="file"]{width:280px}
.profile-area .form-area .line{margin:15px 0 35px 0}
.profile-area .form-area .switch-field{display:block}
.instruction-video{height:240px; margin-bottom:20px}
.interview-video{margin-bottom:20px}

.congratulations-area{padding:20px 0}
.congratulations-area .congratulations-box{padding:10px}
.congratulations-area .congratulations-box .content-box{padding:15px}
.congratulations-area .congratulations-box h2{font-size:28px}
.congratulations-area .congratulations-box .content-box .img{width:100%; max-width:500px}
.congratulations-area .congratulations-box ul {margin: 20px 0px 0px 0px;}
.congratulations-area .congratulations-box ul li .btn{padding: 0 15px;font-size: 13px; height: 40px; line-height: 38px; width:100%}
.congratulations-area .congratulations-box ul li {    display: block; margin: 0 0 5px 0;}
.profile-area .form-area .btn-verification{padding: 0 15px;font-size: 13px; height: 40px; line-height: 38px; width:100%; margin-bottom:10px}
.profile-area .form-area ul.link-list li a.icon-text {font-size: 14px; display: block;}
.profile-area .form-area ul.link-list li a.icon-text img {height: 40px; margin-right: 10px;}
.profile-area .form-area ul.link-list li:first-child{width:100%}
.profile-area .form-area .btn-add{padding: 0 15px;font-size: 13px; height: 40px; line-height: 38px; width:100%; margin-bottom:20px}


.dashboard-area{padding:20px 0}
.dashboard-area h2{font-size: 22px; margin: 0 0 18px 5px; padding-bottom: 20px;}
.dashboard-area .user-content{margin:0 5px}
.dashboard-area .user-content ul li{width:100%; min-width:auto; margin-bottom:10px}
.dashboard-area .user-content ul li.profile{float:left; margin-bottom:0px; display:none}
.video-number-count{padding:0 5px}
.video-number-count .interview-video {margin: 0px 0px 15px 0px;}
.video-number-count .mobile-md{margin:0 -8px}
.video-number-count .col-6{padding:0 8px}
.video-number-count .count-box{margin-bottom:16px; font-size:15px; padding:18px 0}
.video-number-count .count-box span{font-size:40px; line-height:40px}
.video-number-count .count-box .user-photo {width: 40px; height: 40px;}
.four-box{padding:0 5px}
.four-box .mobile-md{margin:0 -8px}
.four-box .col-6{padding:0 8px}
.box-content{margin:15px 0 25px 0}
.box-content .icon {width: 80px; height: 80px;}
.box-content .text{font-size:15px; margin:0px}
.box-content .number{margin:-40px auto 10px auto}
.your-data-area{padding:20px 15px; margin:0 5px}
.your-data-area h3{font-size: 20px; margin: 0 0 20px 0; padding-bottom: 20px;}
.your-data-area .title-green, .your-data-area .title{font-size:15px}
.your-data-area .content-block {margin-bottom: 30px;}
.your-data-area .main-dropdown{text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; padding-right:45px; font-size:14px}
.your-data-area .main-dropdown-content ul li{margin: 0 0 10px 0;line-height: 20px; font-size: 13px;}
.your-data-area .main-dropdown-content{padding:0px 15px 10px 15px}
.your-data-area .main-dropdown-content .btn-add{padding: 0 25px;font-size: 13px; height: 40px; line-height: 38px; margin-bottom:0px}
.your-data-area .btn-area .btn-save{padding: 0 15px;font-size: 13px; height: 40px; line-height: 38px; }
.your-data-area ul.progress-list li {margin: 0 0 15px 0;}
.your-data-area ul.progress-list li h4{font-size: 14px; margin: 0px 0 8px 0; line-height: 14px;}
.your-data-area .btn-area{margin:0px}

.question-page{padding:0px}
.question-page .title-area{padding:15px 20px; margin-bottom:15px}
.question-page .title-area h2{padding-left:50px; font-size:20px; margin-bottom:10px}
.question-page .title-area h2::before {left:50px}
.question-page .title-area h2 img{width:36px}
.question-page .title-area .notification{font-size:18px; line-height:30px; float:none; margin:0px}
.question-page .title-area .notification span{line-height:30px; height:30px; width:30px}
.question-page .question-box{padding:15px; margin-bottom:15px}
.question-page .question-box .user-photo {width: 125px; height: 125px; margin:0 0 15px 0}
.question-page .question-box .question-title{font-size: 20px; margin: 0 0 12px 0;}
.question-page .question-box .relationship{font-size: 16px; margin: 0 0 10px 0;}
.question-page .question-box p{font-size: 14px; margin: 0 0 10px 0;}
.question-page .question-box .btn{padding: 0 25px;font-size: 13px; height: 40px; line-height: 38px; margin-bottom:0px}
.question-page .question-box .user-photo .notification{right: 0; top: 0;}
.question-page .title-area .user-info{text-align:left; padding-right:70px}

.question-page .question-answer-box{padding:15px 0}
.question-page .question-answer-box .question-title{font-size:16px}
.question-page .question-answer-box .btn-submit{padding: 0 25px;font-size: 13px; height: 40px; line-height: 38px; margin-bottom:0px}
.question-page .question-answer-box .video-record, .question-page .question-answer-box .voice-memo-record{margin:15px 0; font-size:16px}
.question-page .question-answer-box .video-record img, .question-page .question-answer-box .voice-memo-record img{margin-right:10px}
.question-page .question-answer-box .wrapper .playpause{background-size: 80px}
.question-page .question-answer-box ul.answer-reply li{margin-bottom: 40px;}
.question-page .question-answer-box ul.answer-reply li .msg-box {line-height: 22px; font-size: 14px;}
.question-page .question-answer-box .code-textarea .name-code, .question-page .question-answer-box ul.answer-reply li .textarea .name-code{top:0px}

.references-area{padding:0; margin-bottom:20px}
.references-area .content-area{padding:20px}
.references-area .content-area h2{font-size:24px}
.references-area .content-area h3{font-size:24px; margin:0 0 15px 0}
.references-area .content-area .btn-blue{padding: 0 25px;font-size: 13px; height: 40px; line-height: 38px; margin-bottom:15px}
.references-area .content-area .copy-link a{word-wrap: anywhere;}
.references-area .references-box{padding:20px}
.references-area .references-box .user-photo{position: relative; left: 0; top: 0; margin: 0 auto 20px auto;}
.references-area .references-box .question-title{font-size: 20px; margin: 0 0 12px 0; padding-right:35px;}
.references-area .references-box .relationship{font-size: 16px; margin: 0 0 10px 0;}
.references-area .references-box p{font-size: 14px;}
.references-area .references-box .btn-delete{top: 20px; right: 15px;}

.modal-body{padding:20px}
.modal-body h2{font-size:22px; margin:0 0 15px 0; padding-bottom:20px}
.modal-content .btn-area .btn-save, .modal-content .btn-area .btn-add{padding: 0 25px;font-size: 13px; height: 40px; line-height: 38px; margin-left:10px; margin-right:0px; margin-bottom:15px}
.references-area .references-box .pending-area {
    position: relative;
    right: 0;
    top: 0;
}

#toTop{width:30px; right:15px; bottom:10px;}
#toTop img{width:100%;}


.employer .profile-area{padding:20px 0}
.employer .profile-area .form-area{padding:25px 15px 20px 15px; margin-top:0px}
.employer .profile-area .form-area h3 img {width: 36px;margin-right: 15px;}
.employer .profile-area .form-area h3 { margin:0 0 15px 0;    font-size: 20px; line-height: 35px;}
.employer .profile-area .form-area .or{padding:30px 0}
.employer .profile-area .form-area .btn-save{width:100%; margin:10px 0px 0px 0px}

.employer .profile-area table thead tr {position: absolute; top: -9999px; left: -9999px;}
.employer .profile-area table tbody tr {border-top:#e9eef1 5px solid}
.employer .profile-area table tbody tr td {border: none;    position: relative;  line-height: 24px !important; display:inline-block; width:100%; min-height:40px; padding:10px 10px 10px 40% !important}
.employer .profile-area table tr td:nth-child(1) {border-radius: 25px 25px 0 0;}
.employer .profile-area table tr td:nth-last-child(1){border-radius:0 0 25px 25px}
.employer .profile-area table tbody tr td:before{position: absolute; top: 0; left: 12px; color:#4F6475; width: 35%; white-space: nowrap; line-height:42px; font-size: 16px; font-weight: 400;}
.employer .profile-area table tbody tr td:nth-of-type(1):before { content: "Job Vacancy"; }
.employer .profile-area table tbody tr td:nth-of-type(2):before { content: "Location"; }
.employer .profile-area table tbody tr td:nth-of-type(3):before { content: "Work Type"; }
.employer .profile-area table tbody tr td:nth-of-type(4):before { content: "Shortlist"; }
.employer .profile-area table tbody tr td:nth-of-type(5):before { content: "Action"; }

.forced-display-none {display: none !important;}

.employer .navbar_main .welcome-user{font-size:0px}

.employer .dashboard-area{padding: 20px 0 20px 0}
.employer .dashboard-area .btn-next, .employer .dashboard-area .btn-previous{padding: 0px 20px; margin-bottom: 15px}
.employer .video-number-count .box-content .icon { width: 70px; height: 70px;}
.employer .add-question-box{padding: 0px}
.add-question-box .ans-option{padding: 0px}
.add-question-box .ans-option span{position: relative;}
.add-question-box .switch-field{display: block;}

.insights-page .title-area{padding: 15px}

.employer .evaluation-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.employer .evaluation-table tbody tr {border-top:#e9eef1 5px solid}
.employer .evaluation-table tbody tr td {border: none;    position: relative;  line-height: 24px !important; display:inline-block; width:100%; padding:34px 10px 10px 10px !important}
.employer .evaluation-table tbody tr td:before{position: absolute; top:10px; left: 0px; color:#4F6475; width: 100%; white-space: nowrap; line-height:20px; font-size: 16px; font-weight: 400;}
.employer .evaluation-table tbody tr td:nth-of-type(1):before { content: "Evaluation Criteria"; }
.employer .evaluation-table tbody tr td:nth-of-type(2):before { content: "Importance"; }
.employer .evaluation-table tbody tr td:nth-of-type(3):before { content: "Evaluation"; }

.score-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.score-table tbody tr {border-top:#e9eef1 5px solid}
.score-table tbody tr td {border: none;    position: relative;  line-height: 24px !important; display:inline-block; width:100%; padding:34px 10px 10px 10px !important}
.score-table tbody tr td:before{position: absolute; top:10px; left: 0px; color:#4F6475; width: 100%; white-space: nowrap; line-height:20px; font-size: 16px; font-weight: 400;}
.score-table tbody tr td:nth-of-type(1):before { content: "Name"; }
.score-table tbody tr td:nth-of-type(2):before { content: "Evaluation"; }
.score-table tbody tr td:nth-of-type(3):before { content: "Action"; }

.employer .dashboard-area .search-form{padding: 0px}
.employer .dashboard-area .list-box ul{padding: 0px 0px 20px 65px; min-height: auto}

.sub-menu.dropdown-menu.selected{border-radius: 10px;padding: 10px}
.sub-menu.dropdown-menu.selected a{color: #5370F6;text-align: left;font-size: 14px;padding: 5px 0 !important;line-height: 15px;}

.dashboard_interview_video #profile_page_video_pannel{margin-bottom: 25px}
.dashboard_interview_video #profile_page_video_pannel .btn-primary{padding: 0px 20px; font-size: 14px}
.dashboard_interview_video #profile_page_video_pannel .btn-success, .dashboard_interview_video #profile_page_video_pannel .btn-danger{padding: 0px 20px; font-size: 14px}


}

@media (max-width: 359px) {
}
@media only screen and (max-width:480px) {

}