
@media (min-width:1250px) {
.container {
	max-width: 1224px;
}
.container-fluid {
	padding: 0 30px;
}
}

@media (max-width:1249px) {
.container-fluid, .content-main {
	padding: 0 15px;
}
}

@media (min-width:768px) {
.candidate-modalbox .modal-dialog {
	max-width: 720px;
}
.cst-modal2 .modal-dialog {
	max-width: 704px;
}
}

@media(max-width:1300px) {
.hireng-text {
	max-width: 437px
}
}

@media(max-width:1199px) {
.hireng-text {
	max-width: 437px;
	margin: 0 auto 40px;
	text-align: center;
}
.hireng-text h4, .hireng-text p {
	text-align: center;
}
.card-holders {
	justify-content: center;
}
.hire-talent {
	padding: 35px 0;
}
.track-step .card {
	padding: 30px 15px 70px;
	height: 100%;
}
.track-step {
	padding-bottom: 0;
}
.work-email {
	padding: 167px 0 30px;
}
.form-card {
	flex-basis: 46%;
}
.signup-bg {
	flex-basis: 54%;
}
.table td, .table th, .candidates-page .table_custom thead tr th {
	padding: 20px 9px;
}
.filter-candidates li a {
	padding: 18.5px 10px;
}
.filter-candidates {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	flex-wrap: nowrap;
}
.filter-candidates li {
	width: 100%;
}
.table-responsive {
	overflow-x: auto;
}
.filter-candidates li a {
	font-size: 16px;
}
.filter-candidates li a strong {
	font-size: 26px;
}
.job-code {
	max-width: 250px;
	padding-left: 15px;
	padding-right: 15px;
}
.main-embed .code-box {
	width: calc( 100% - 250px);
	padding: 0px 15px 0;
}
.application-box {
	padding: 21px 10px 11px;
}
.sidebar-left {
	min-width: 229px;
	max-width: 229px;
}
.card-title {
	font-size: 17px;
}
.content-main {
	padding: 0 15px !important;
}
}

@media(max-width:991px) {
.text-ditch h3 {
	font-size: 36px;
}
.text-ditch h4 {
	font-size: 24px;
}
.text-ditch {
	max-width: 624px;
}
.text-ditch h4 {
	margin-top: -73px;
	padding-right: 67px;
}
.text-ditch h4 img {
	height: 98px;
}
.text-ditch h3 span {
	margin-left: 59px;
}
.track-step .row [class*="col-"] {
	padding: 0 15px;
}
.track-step .row {
	margin: 0 -15px;
}
.col- {
	flex-basis: 164px;
}
.social-links {
	flex-basis: 164px;
}
.navbar-collapse {
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, 0.9);
}
header .navbar-nav .nav-item .nav-link {
	padding: 5px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .navbar-nav {
	margin-bottom: 5px;
}
.quik-links {
	justify-content: center;
	padding-top: 5px;
}
.signup-bg {
	padding-right: 13px;
}
.testimonial-slider {
	width: 54%;
}
.job-sidebar {
	padding: 20px 10px;
}
.content-jobs-detail {
	padding: 1rem 1px 6px;
}
.modal-fullwidth .modal-footer .btn {
	width: 100%;
	margin: 0 3px 10px;
	font-size: 10px;
}
.sidebar-left {
	position: fixed;
	height: 100%;
	background-color: #fff;
	z-index: 9;
	top: 74px;
	left: -229px;
	transition: all 0.3s ease-in-out
}
.job-tab-page .interview-drag li {
	flex: auto;
	width: 25%;
}
.hiring-two .interview-drag {
	padding-left: 13px;
}
.interview-drag li:first-child a {
	font-size: 10px;
}
.feedback-list li {
	padding: 0 8px;
}
.feedback-list {
	margin: 0 -8px;
}
.content-main {
	padding: 0;
}
.dashboard-wrapper {
	margin-top: 74px;
}
.mt--36 {
	margin: 0;
}
.title-mail {
	padding: 17px 15px;
}
.header-dashboard {
	min-height: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	background-color: #fff;
}
.header-dashboard .navbar-collapse {
	background-color: transparent;
}
.header-dashboard .navbar-brand {
	margin-right: 20px;
}
.nav-dashboard li a {
	font-size: 13px;
	padding: 0 9px;
}
.header-right .user-avatar {
	width: 30px;
	height: 30px;
}
.header-right a.btn-primary {
	height: 30px;
}
.header-dashboard .navbar-brand {
	max-width: 188px;
}
.side-menu {
	background-color: #db305f;
	display: inline-block;
	border-radius: 3px;
}
.side-menu img {
	width: 27px;
}
.sidebar-left.active {
	left: 0;
	overflow-y: auto;
}
.bg-menu {
	padding: 10px 10px;
}
.close-sidebar {
	display: inline-block;
	padding: 5px 10px;
	font-size: 16px;
	color: #fff;
	text-align: right;
	background-color: #db305f;
	margin-left: auto;
	width: 30px;
	height: 30px;
	margin: 5px 0 20px;
}
.sidebar {
	padding-top: 0;
}
.table_custom {
	width: 960px;
	margin: 0 auto;
}
.content-main {
	padding: 0 0 !important;
}
.user-links .dropdown-menu {
	top: 46px !important;
}
}

@media(max-width:767px) {
.text-ditch h4 {
	padding-right: 9px;
}
.card-team .t-img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.card-team p {
	font-size: 11px;
}
.track-step .card {
	height: auto;
	margin-bottom: 40px;
}
.track-step .row [class*="col-"] {
	margin-bottom: 20px
}
.client-list {
	flex-wrap: wrap;
}
.hire-card h3 {
	font-size: 24px;
}
.footer {
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.row-col .col-footer {
	flex-basis: 33.3%;
	text-align: center;
}
.row-col, .menu-link {
	margin-bottom: 30px;
}
.col-, .social-links {
	flex-basis: auto;
}
footer {
	padding: 50px 0 30px;
}
.register {
	padding: 30px 0 30px;
}
.form-holder {
	flex-wrap: wrap;
}
.form-card {
	flex-basis: 100%;
}
.signup-bg {
	flex-basis: 100%;
	padding-top: 110px;
}
.testimonial-slider {
	width: 100%;
}
.breadcrumb li {
	font-size: 16px;
}
.breadcrumb {
	padding: 0;
}
.jobs-post-info ul li:first-child {
	margin-right: 0px;
}
.jobs-post-info ul li {
	margin-bottom: 16px;
	width: 100%;
	margin-right: 0;
}
.jobs-post-info ul li a {
	width: 100%;
}
.jobs-post-info {
	flex-wrap: wrap;
}
.jobs-post-info .action-btn {
	width: 100%;
}
.action-btn .btn {
	width: 100%;
}
.box .contact-links li {
	margin-bottom: 15px;
}
.box .contact-links {
	margin-bottom: 3.5px;
}
.modal-fullwidth {
	padding-left: 0;
}
.requst-box {
	margin-bottom: 15px;
}
.job-code {
	max-width: 100%;
}
.main-embed .code-box {
	width: 100%;
}
.main-embed {
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.interview-drag {
	flex-wrap: wrap;
}
.interview-drag li {
	flex: auto;
	width: 50%;
}
.interview-drag li:first-child {
	width: 100%;
	margin-bottom: 10px;
}
.jobs-post-info ul {
	width: 100%;
}
.mailbox-email-list ul li.unread .note-c span.highlite {
	margin-bottom: 3px;
}
.mailbox-email-list ul li a .note-c {
	width: 100%;
}
.mailbox-email-list ul li a .right-date {
	width: 100%;
	margin-top: 7px;
}
.card-jobs {
	margin-bottom: 15px;
}
.feedback-list li p {
	font-size: 11px;
}
.feedback-list {
	padding: 10px 0;
}
.feedback-list li h4 {
	font-size: 11px;
}
.feedback-list li p {
	max-width: 120px;
}
.header-dashboard .navbar-toggler {
	background-color: #db305f;
	color: #fff;
	order: 3;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.header-dashboard .header-right {
	order: 2;
	margin-left: auto;
}
.header-dashboard .navbar-brand {
	order: 1;
}
.header-dashboard .navbar-collapse {
	position: absolute;
	top: 54px;
	left: 0;
	right: 0;
	background-color: #ffff;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	padding: 0;
}
.nav-dashboard li a {
	font-size: 13px;
	padding: 5px 15px;
	display: block;
	border-bottom: 1px solid #ddd;
}
.candidate-modalbox .modal-footer {
	padding: 15px;
}
.jobs-post-info ul li a {
	justify-content: flex-start;
}
}

@media(max-width:575px) {
.work-email {
	padding: 147px 0 30px;
}
.text-ditch {
	max-width: 290px;
}
.text-ditch h3 {
	font-size: 18px;
}
.text-ditch h4 {
	margin-top: -54px;
	font-size: 12px;
	padding-right: 10px;
}
.text-ditch h4 img {
	height: 70px;
	position: relative;
	top: 0;
}
.text-ditch h3 span {
	margin-left: 32px;
}
.work-email form .input-group .btn {
	min-width: 90px;
}
.work-email form .input-group {
	height: 37px;
}
.card-holders {
	flex-direction: column;
}
.card-holders .card-team:nth-child(2), .card-holders .card-team:nth-child(3), .card-holders .card-team:nth-child(4) {
	margin: 0;
}
.card-holders .card-team {
	flex-basis: 100%;
	width: 100%;
	margin-bottom: 30px;
}
.hire-talent {
	padding: 0;
}
.hireng-text h4, .caption h3 {
	font-size: 24px;
}
.hireng-text {
	margin-bottom: 0;
}
.row-col {
	flex-direction: column;
}
.row-col .col-footer {
	flex-basis: 100%;
	width: 100%;
	margin-bottom: 15px;
}
.signup-bg {
	padding-right: 17px;
}
.signup-bg h4 span {
	font-size: 30px;
}
.signup-bg h4 {
	font-size: 20px;
	max-width: 136px;
}
.form-card {
	padding: 30px 15px;
}
.testimonial-slider {
	width: 100%;
}
.testimonial-card p {
	font-size: 14px;
	margin-bottom: 21px;
}
.footer-testimonial h4 {
	font-size: 20px;
}
.footer-testimonial {
	margin-top: 60px;
}
.footer-testimonial h5 {
	font-size: 16px;
}
.testimonial-card {
	padding: 53px 15px 5px;
}
.breadcrumb {
	width: 100%;
	margin-bottom: 20px;
}
.content-header {
	flex-wrap: wrap;
	padding: 10px 0;
}
.dropdown-header2 {
	width: 100%;
	justify-content: space-between;
}
.dropdown-header2 li {
	width: 100%;
}
.dropdown-header2 li a {
	width: 100%;
}
.dropdown-header2 .btn {
	margin-left: 6px;
}
.header-dashboard .navbar-brand {
	margin-right: 26px;
}
.filter-list {
	width: 100%;
	margin: 20px 0 13px 0;
}
.tabs-card-header {
	flex-wrap: wrap;
}
.tabs-links li a {
	font-size: 11px;
	padding: 13.5px 5px;
}
.tabs-card-header h4 {
	margin-bottom: 20px;
}
.symbol-status {
	width: 100%;
	margin: 0 !important;
}
.symbol-status a {
	width: 100%;
}
.candidate-modalbox .close {
	top: 8px;
	width: 30px;
	height: 30px;
	font-size: 13px;
	left: auto;
	right: 8px;
}
.contact_info1 a {
	font-size: 11px;
}
.jobs-post-info h3 {
	margin-bottom: 10px;
}
.jobs-content-body .tabs-links li a {
	padding: 10px 37.8px;
}
.candidate-modalbox .modal-footer {
	padding: 15px 15px 25px;
	flex-wrap: wrap;
}
.rate-job {
	margin: 0 0 10px !important;
	text-align: center;
	width: 100%;
}
.modal-title {
	font-size: 16px;
}
.modal-footer .btn {
	width: 100%;
	margin: 0 0 10px;
}
.tabs-card-header h4 {
	font-size: 16px;
}
.filter-list a img {
	width: 15px;
}
.content-box {
	padding: 0 8px;
}
.drag-column-header h3 {
	font-size: 25px;
}
.gogle-logo .img-brand img {
	width: 92px;
}
.gogle-logo a {
	font-size: 12px;
	right: 6px;
	top: 4px;
}
.code-embed {
	padding: 10px;
}
.application-area {
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 15px 16px 15px 12px;
}
.application-area span {
	display: inline-block;
	margin-bottom: 8px;
}
.text-application li span {
	margin-bottom: 0;
}
.head-workflow {
	flex-wrap: wrap;
	justify-content: center;
}
.head-workflow h3 {
	margin-bottom: 10px;
}
.head-workflow a {
	width: 100%;
}
.add-stage {
	padding-right: 0;
	justify-content: flex-end;
	width: 100%;
}
.setting-accordian .card {
	padding: 9px 7px 9px;
}
.p-20 {
	padding: 0 10px;
}
.arrow-btn {
	top: 9px;
}
.interview-drag li {
	width: 100%;
	margin-bottom: 10px;
}
.interview-drag a {
	font-size: 12px;
}
.interview-drag {
	padding: 14px 14px 3px 9px
}
.setting-table {
	width: 490px;
}
.job-tab-page .interview-drag li {
	width: 100%;
}
.hiring-one {
	padding: 20px 8px 15px;
}
.main-hiring {
	padding: 0 8px 138px;
}
#pills-hiring .btn {
	width: 100%;
}
.tabs-card-header h4 {
	margin-bottom: 15px;
}
.proifle-items {
	flex-wrap: wrap;
}
.profile-links {
	margin-bottom: 13px;
}
.profile-btn {
	width: 100%;
}
.note-c span {
	margin-bottom: 8px;
}
.mailbox-email-list ul li a .right-date {
	margin-top: 3px;
}
.mailbox-email-list ul li.unread .note-c span.highlite {
	margin-bottom: 6px;
}
.container-fluid {
	padding: 0 15px !important;
}
.feedback-list {
	flex-direction: column;
}
.feedback-list li p {
	max-width: 100%;
}
.feedback-list li {
	margin-bottom: 10px;
	width: 100%;
}
.feedback-list .dropdown {
	text-align: right;
	width: 100%;
}
.header-dashboard {
	min-height: auto;
}
.modal-footer {
	flex-direction: column;
	justify-content: flex-start;
}
.error-message {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.header-dashboard .navbar {
	flex-direction: column;
	align-items: flex-start;
}
.header-dashboard .navbar-brand {
	margin-right: 0;
}
.header-dashboard .header-right {
	margin-left: 0;
}
.header-dashboard .navbar-brand {
	max-width: 152px;
}
.header-right a.btn-primary {
	min-width: 88px;
	font-size: 9px;
	height: 25px;
}
.header-right a.btn-primary i {
	margin-right: 5px;
}
.header-right .user-avatar {
	width: 25px;
	height: 25px;
}
.header-dashboard .navbar-toggler {
	height: 25px;
	width: 25px;
	font-size: 13px;
	margin-left: auto;
}
.header-dashboard .navbar-toggler {
	order: 2;
	position: absolute;
	right: 0;
	top: 0;
}
.header-dashboard .header-right {
	order: 3;
	margin-left: inherit;
	margin: 0 auto;
}
.header-dashboard .navbar-brand {
	order: 1;
}
.header-right .notification {
	padding: 0 0px;
}
.header-dashboard .navbar-collapse {
	top: 79px;
}
.dashboard-wrapper {
	margin-top: 98px;
}
.sidebar-left {
	top: 99px;
}
.side-menu img {
	width: 20px;
}
.dropdown-menu.large {
	min-width: 192px;
}
.notification-links li a .notification-title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.notification-links li a .notification-title h5.date-time {
	margin-left: 0 !important;
}
.notification-links .note-body span {
	font-size: 11px;
	line-height: 1;
}
.jobs-content-body .tabs-header .tabs-links li a {
	padding: 10px 5.8px;
}
.jobs-content-body {
	padding: 20px 15px 0;
}
.skills-add {
	padding: 10px 0;
}
.card-interviewer .card-body {
	padding: 0 10px;
}
.card-interviewer .card-header, .interview-card .card-header, .card-interviewer .card-footer {
	padding: 0 10px;
}
.interview-card .card-body {
	padding: 4px 10px;
}
.header-feed-back .time-date {
	margin-left: 0;
}
.dashboard-wrapper .tabs-card-header {
	padding: 15px;
}
.justify-header {
	flex-wrap: nowrap;
	justify-content: space-between;
}
.dashboard-wrapper .tabs-card-header {
	padding: 10px 0;
}
.justify-header .symbol-status a {
	text-align: right;
}
.justify-header h4 {
	width: 100%;
	margin-bottom: 0;
}
.account-footer {
	margin-top: 50px;
}
#search-result .modal-dialog {
	margin: 0 auto;
	padding: 30px;
}
}
