@media only screen and (max-width: 1200px) {
	.dashboard-report-card .card {
		width: calc(50% - 10px);
	}
	.form-small-100 {
		padding-right: 0px;
	}
	.candidate-detail-page {
		padding-right: 300px;
		height: 100%;
	}
	.candidate-detail-page .nav-tabs-right {
		width: 300px;
		margin-right: -300px;
	}
	.candidate-detail-page:after {
		right: 300px;
	}
	.stage-accordion .panel-default .panel-body {
		padding: 10px;
	}
	.reviewer-list-main {
	    display: block;	
	}
	.reviewer-list-main .title { 
		padding: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.dashboard-report-card .card {
		width: calc(50% - 10px);
	}
	.applicant-question-list .applicant-question {
		width: calc(33.3% - 10px);	
	}
}

@media only screen and (max-width: 992px) {
	.page-info-right .form-control.top-search {
		min-width: auto;
	}
	.dashboard-body .reports {
		margin-bottom: 15px;
	}
	.form-small-100 {
		padding-right: 0px;
	}
	.applicant-question-list .applicant-question {
		width: calc(50% - 10px);	
	}
	.nav-tabs-radio li {
		margin-right: 16px;
	}
	.form-group.add-cc-btn .btn-info {
		right: 46px;
		padding: 6px 12px;
		font-size: 14px !important;
	}
	.nav-tabs > li > a {
		padding: 10px 5px;
	}
	.full-job-detail .left-tab-pane .form-horizontal .control-label {
		text-align: left;
		margin: 0;
	}
	.form-view-mode:before {
		display: none;
	}
	.form-view-mode {
		padding-left: 0;
		padding: 0;
	}
	.full-job-detail .right-tab-pane {
		width: 200px;
	}
	.full-job-detail .left-tab-pane {
		width: calc(100% - 200px);
	}
	.form-horizontal.view-mode .form-group {
		margin-bottom: 20px;
	}
	.candidate-detail-page {
		padding-right: 0px;
		height: 100%;
	}
	.candidate-detail-page .nav-tabs-right {
		width: 100%;
		margin-right: 0px;
		padding: 0;
		border-top: 1px dashed #a6a1a2;
		padding-top: 20px;
	}
	.candidate-detail-page:after {
		display: none;
	}
	.candidate-detail-page .nav-tabs-left {
		padding-right: 0px;
		margin-top: -20px;
	}
	.table-perform-actions .btn.show-action {
		font-size: 12px;
	}
	.page-info-right .btn {
		padding: 5px !important;
		font-size: 12px !important;
	}
	.table-perform-actions .filter-ul .btn, .btn {
		padding: 5px 15px;
		font-size: 12px !important;
		min-width: auto;
	}
	.btn-xs, .btn-group-xs > .btn {
		padding: 1px 5px !important;
	}
	.page-info-right .form-control.top-search, .page-info-right .dropdown .dropdown-menu li a {
		font-size: 12px;
	}
	.table-action a.btn.btn-xs, .table>tbody>tr>td .btn.btn-xs {
		padding: 1px 5px;
	}
}

@media only screen and (max-width: 768px) {
	.show-sidebar {
		overflow: hidden;
	}	
	.content {
		padding: 15px 15px 40px 15px;
	}
	.stage-accordion .panel-default .panel-body, .page-info, .calendar-overview .panel-body, .modal-theme .modal-body, .report-body .panel-body, .nav-tabs-theme-old .tab-content .panel-body, .nav-tabs-theme-old .panel-body {
		padding: 10px 10px;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		/* padding: 5px !important; */
		font-size: 12px;
		min-width: 100px;
	}
	.table > thead > tr > th.check-th, .table > tbody > tr > td.check-td {
		min-width: auto;
	}
	.dashboard-body .panel-body, .dashboard-body .reports {
		padding: 10px;
	}
	.grid-view-calendar .fc-toolbar .fc-center h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.modal-theme.modal.fade .modal-dialog {
		width: 95%;
	}
	.modal-title {
		font-size: 18px;
	}
	.modal-header {
		padding: 10px 30px;
	}
	.form-group.difference-group .col-xs-12 {
		padding-right: 15px;
	}
	.advance-search .advance-search-popup {
		left: 0;
		right: inherit;
		width: 250px;
	}
	.advance-search .advance-search-popup .form-group .checkbox-list .checkbox-theme {
		width: 50%;
	}
	.modal-theme .form-theme .radio-check {
		display: block;
	}
	.modal-theme .checkbox-list .checkbox-theme, .modal-theme .radio-check .radio-theme {
		width: 50%;
		float: left;
	}
	.publish-check .radio-theme {
		width: 100%;
	}
	.job-board {
		width: calc(52% - 40px);
	}
	.form-group.add-cc-btn .btn-info {
		right: 0px;
		padding: 6px 12px;
		font-size: 14px !important;
	}
	.hpanel .panel-body {
		padding: 10px;
	}
	.table-perform-actions ul li .dropdown ul.dropdown-menu {
		/* right: inherit; */
		/* left: 0; */
	}
	
	.subnav-tabs li a {
	    padding: 10px 5px;	
	}
	.write-review-group .single-review .single-review-header {
	    padding-right: 0px;	
	}
	.write-review-group .single-review .single-review-header .review-rating {
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
	}
	.write-review-group .single-review .thumbsup-rating {
		min-width: auto;
	}
	.page-info-group .subtitle {
		font-size: 11px;
	}
	.subtitle.coordinator-user {
		font-size: 13px !important;
	}
	.page-used .subtitle {
		font-size: 11px;
	}
	.modal-theme .modal-body .alert-success {
		font-size: 12px;
		line-height: 20px;
	}
	.table-action a.btn.btn-xs, .table>tbody>tr>td .btn.btn-xs {
		font-size: 10px !important;
	}
	.candidate-upload .form-group .control-label {
	    text-align: left;
	    width: 100%;
	    float: left;
	    /* padding: 0 15px; */
	}
	.add-candidate .candidate-upload .form-group .control-label {
		padding: 0 15px;
	}
	.widge-plan-item .widge-plan-footer .balance-available-left, .widge-plan-item .widge-plan-footer .price-right .price {
		font-size: 22px;
	}
}

@media (min-width: 768px) {
	.navbar-right {
		float: right !important;
		margin-right: 0px;
	}
}

@media only screen and (max-width: 576px) {
	.agenda-grid .agenda-grid-item .single-todo {
	    padding-right: 0px;
	    padding-left: 30px;
	}
	.agenda-grid .agenda-grid-item .single-todo .left-move {
		width: 30px !Important;
	}
	.agenda-grid .agenda-grid-item .single-todo .actions-todo {
		width: 100%;
		margin-right: 0px;
		text-align: left;
	}
	.agenda-grid .agenda-grid-item .single-todo .center-todo, .agenda-grid .agenda-grid-item .single-todo .actions-todo {
	    padding: 10px 5px 10px 5px;
	}
	.check-view .radio-theme, .types-list .checkbox-theme, .task-check .radio-theme {
		width: 50%;
	}
	.dashboard-report-card .card {
		width: 100%;
	}	.page-info-group, .page-info-group .title {
		width: 100%;
		text-align: center;
		/* display: none; */
	}
	.page-info-group {
		margin-bottom: 10px;
	}
	.page-info-group .subtitle {
	    margin-bottom: 5px;	
	}
	.panel-body-top-actions {
		width: 100%;
		text-align: center;	
	}
	.page-info-right {
	    display: block;	
	}
	.types-list .checkbox-theme {
		width: 100%;
	}
	.page-info-right .form-control.top-search {
		width: 100%;
		margin-bottom: 10px;
		margin: 0 auto 10px;
	}
	.work-flow .opening-flow .opening-flow-inner {
		padding-left: 0px;
		height: 160px;
		margin-bottom: 10px;
	}
	.work-flow .opening-flow .opening-flow-inner .opening-flow-left {
		width: 100%;
		margin-left: 0px;
		height: 40px;
		line-height: 38px;
	}
	.page-info-right .dropdown {
		float: none;
		display: inline-block;
	}
	.form-action {
		justify-content: center;
	}
	.applicant-question-list .applicant-question {
		width: 100%;
		margin: 0 0px 10px 0;		
	}
	.load-template .dropdown ul.dropdown-content li.nav-item .sub-menu {
		right: 4px;
		background-color: #fff;
		z-index: 9;
		width: 250px;
		top: 30px;
	}
	.page-used {
		width: 100%;
		margin: 0;
	}
	.nav-tabs-theme-old .tab-content .panel-body .footer-action .btn {
		margin: 0 5px 5px 0;
	}
	.feedback-comments .feedback-content .message-in {
		margin-right: 30px;
	}
	.feedback-comments .feedback-content .message-out {
		margin-left: 30px;
		font-size: 12px;
	}
	.candidate-link .candidate-profile-link {
	    width: 250px;
	    right: -30px;
	}
	.full-job-detail .left-tab-pane {
		width: 100%;
		padding-left: 0;
	}
	.full-job-detail .right-tab-pane {
		width: 100%;
		padding-left: 0;
		border-left: 0;
		border-top: 1px dashed #a6a1a2;
		margin-top: 20px;
		position: relative;
		float: left;
		padding-top: 10px;
	}
	.email-list .email-list-inner .candidate-email .candidate-email-inner {
		padding: 0px 0px 0px 40px;
	}
	.email-list .email-list-inner .candidate-email span {
		position: relative;
	}
	.full-job-detail .copy-details .copy-detail-single {
		padding-left: 0px;
	}
	.full-job-detail .copy-details .copy-title {
		width: 100%;
		margin-left: 0px;
		padding-right: 0px;
		text-align: left;
	}
	.page-info-group .candidate-top-detail {
		width: 215px;
	}
	.page-info-group .candidate-top-detail label {
		font-size: 12px;
	}
	.page-info-group .candidate-top-detail .form-control {
		font-size: 12px;
	}
	.page-used .coordinator-user {
	    justify-content: center;
	}
	.page-info-right .selected-openings {
		width: 100%;
		margin: 0;
	}
	.page-info-right .selected-openings .across-openings {
		width: 250px;
	}
	.pointer-cursor {
		cursor: pointer;
		font-size: 12px;
	}
	.page-info-group .user-rating {
		justify-content: center;
	}
	.page-info-right.opening-right {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page-info-right.opening-right .page-used {
		width: auto;
	}
	.page-info-right.opening-right .page-used .title {
		width: auto;
		float: none;
	}
	.page-info-right.opening-right .page-used .subtitle {
		width: auto;
	}
	.page-info-right.opening-right {
		margin-bottom: 0;
	}
	ul.interview-details li {
        line-height: 18px;
		font-size: 11px;
		display: flex;
	}
	ul.interview-details li .fa {
		font-size: 14px;
		height: 18px;
		line-height: 18px;
	}
	.popover-content {
		padding: 10px;
	}
	.modal-theme .modal-body .copy-details .copy-detail-single {
		padding-left: 0px;
	}
	.modal-theme .modal-body .copy-details .copy-detail-single .copy-title {
		margin-left: 0px;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	.agenda-grid .agenda-grid-item.no-due-show .actions-todo {
		display: none;
	}
	.table-perform-actions ul li {
		margin: 0 2px 5px 0;
	}
	.table-perform-actions .filter-ul .btn, .btn {
		padding: 5px 14px;
		font-size: 12px !important;
	}	
	.table-perform-actions ul li .dropdown ul.dropdown-menu {
	
	    width: auto;	
	}
	.table-perform-actions ul li .dropdown ul.dropdown-menu li a {
		font-size: 11px;
	}
	.candidate-detail-page .nav-tabs-left.desktop-view {
		display: none;
	}
	.detail-accordion.mobile-view {
		display: block;
	}
}

@media only screen and (max-width: 480px) {
	.job-board {
		width: 100%;
		margin-right: 0;
	}
	.table-perform-actions ul li .more-stage-dropdown ul.dropdown-menu {
		right: inherit;
		left: 0;
	}
	.page-info-group .candidate-top-detail {
		right: 0;
		left: inherit;
	}
}