/*================ Normal desktop :992px.==================== */

@media (min-width: 992px) and (max-width: 1169px) {
	.header-right-menu ul li a,
	.header-menu ul li a {
		padding: 5px
	}
	.site-logo {
		margin-top: 13px
	}
	.banner-welcome form .video-banner-input {
		width: 40%
	}
	.top-job-company-image h3,
	.single-browse-company h3 {
		font-size: 16px
	}
    .blog-social-follow a{
        padding: 10px 15px
    }
    .single-candidate-widget-2 .jobguru-btn-2{
        padding: 10px 15px
    }
}



/*================ Tablet desktop :768px.==================*/

@media (min-width: 768px) and (max-width: 991px) {
	.header-right-menu {
		display: none
	}
	.jobguru-responsive-menu {
		display: block;
		width: 50%;
		z-index: 99999
	}
	.header-menu {
		display: none
	}
	.site-logo {
		width: 100%;
		margin: 0;
		padding: 0
	}
	.slicknav_btn {
		margin-top: 0
	}
	.forsticky.sticky {
		position: absolute;
		background: transparent
	}
	.banner-search h2 {
		font-size: 40px
	}
	.single-candidate-widget-2 a.jobguru-btn-2 {
		padding: 10px
	}
	.jobguru-inner-hire-area::after {
		width: 55%
	}
	.jobguru-inner-hire-area::before {
		width: 52%
	}
	.hire_circle {
		left: 30%
	}
	.video-container h2 {
		font-size: 35px
	}
	.how-works-box img {
		display: none
	}
	.how-works-box {
		width: auto;
		height: auto;
		padding: 60px 20px;
		margin-top: 30px
	}
	.how-works-box.box-1::before,
	.how-works-box.box-2::before,
	.how-works-box.box-3::before {
		display: none
	}
	.works-box-text p {
		font-size: 18px
	}
	.how-works-area {
		padding-bottom: 70px
	}
	.blog-image p {
		padding: 35px 0
	}
	.single-footer-widget {
		margin: 30px 0
	}
	.banner-welcome form {
		width: 100%
	}
	.banner-welcome form .video-banner-input {
		width: 36%
	}
	.sigle-top-job,
	.single-browse-company,
	.single-about-box,
	.blog-page-right {
		margin: 30px 0 0
	}
	.price-standard .price-value::before {
		top: -54px
	}
	.single-blog-page-item,
	.pagination-box-row {
		margin: 0 0 30px
	}
	.hire-box-2-btn a.jobguru-btn-2 {
		text-align: center;
		padding: 10px 15px
	}
	.hire-2-box h2 {
		font-size: 24px
	}
	.page-header .slicknav_menu .slicknav_icon-bar {
		background-color: #111
	}
	.available-count h4 {
		text-align: center
	}
	.instagram>li {
		width: 15%
	}
	.breadcromb-box h3 {
		font-size: 35px
	}
	.single-input label span {
		display: none
	}
    .single-candidate-bottom-right{
        margin-top: 50px
    }
	.single-candidate-action a.bookmarks,
	.single-candidate-action a.candidate-contact {
		padding: 10px
	}
	.nav-tabs .nav-item {
		margin: 3px 0
	}
	.chat-board-right {
		margin-top: 30px;
		height: auto
	}
	.earnings-flex,
	.balance-box-flex {
		display: block
	}
	.single-earnings,
	.single-balance-box {
		margin: 10px 0
	}
	.change-pass form {
		width: 100%
	}
	.job-grid-right {
		margin-top: 30px
	}
	.search-category-box h3 {
		font-size: 16px
	}
	.candidate-text-bottom {
		text-align: left;
	}
    .candidate-list-page .candidate-text-bottom {
		display: block
	}
    .candidate-list-page .candidate-action {
		display: block
	}
	.about-main-box {
		width: 70%
	}
	.footer-top::after {
		width: 100%
	}
    .manage_jobs_top{
        margin-top: 30px
    }
    
}


/*================== small mobile :320px. ===================*/

@media (max-width: 767px) {
	.header-right-menu {
		display: none
	}
	.jobguru-responsive-menu {
		display: block
	}
	.header-menu {
		display: none
	}
	 .responsive-iframe {
  width: 100%;
  height: 320px;
  } 
	.site-logo {
		width: 60%
	}
	.paddingtop {
	padding-top:15px;
	}
		
	.banner-search h2 {
		display: none
	}
	.banner-search h4 {
		display: none
	}
	.banner-form-box {
		background: transparent;
		display: block
	}
	.banner-form-input {
		display: block;
		border-radius: 5px;
		padding: 5px;
		background: #fff none repeat scroll 0 0;
		margin-top: 8px
	}
	.banner-form-input input {
		padding: 3px 5px
	}
	.mob-hide {
		display: none
	}
	.banner-form-input:last-child {
		display: block;
		margin-top: 8px;
		background: #25ad60 none repeat scroll 0 0
	}
	.banner-form-input button {
		position: relative
	}
	.banner-form-input button:hover {
		background: #25ad60 none repeat scroll 0 0
	}
	.banner-form-input .select2 {
		padding: 0
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 8px
	}
	.site-heading {
		width: 100%
	}
	.site-heading h2 {
		font-size: 25px;
		line-height: 35px
	}
	.jobguru-categories-area .row .col-lg-3 {
		padding-left: 15px;
		padding-right: 15px
	}
	.jobguru-inner-hire-area::after,
	.hire_circle {
		display: none
	}
	.jobguru-inner-hire-area::before,
	.inner-hire-left {
		width: 100%
	}
	.inner-hire-left h3 {
		font-size: 32px
	}
	.job-tab .job-tab-switch {
		border: 0px solid #ddd;
		padding: 0
	}
	.job-tab-switch li {
		margin-top: 10px
	}
	.top-company-list {
		display: block;
		text-align: center
	}
	.top-company-list .company-list-logo {
		margin: 0 auto 15px !important;
		max-width: 110px !important;
	}
	.top-company-list .company-list-details>h3 {
		line-height: 30px
	}
	.company-list-details p {
		display: block;
		margin-right: 0;
		margin-bottom: 10px
	}
	.rating-company {
		width: 25%;
		margin: 0 auto 10px !important;
		padding: 5px;
		text-align: center
	}
	.video-container h2 {
		font-size: 26px;
		line-height: 40px
	}
	.how-works-box img {
		display: none
	}
	.how-works-box {
		border-radius: 5px;
		margin: 30px auto 0
	}
	.how-works-area {
		padding-bottom: 70px
	}
	.blog-image p {
		font-size: 15px;
		line-height: 22px
	}
	.single-footer-widget {
		margin: 30px 0
	}
	.banner-welcome h4 {
		font-size: 22px;
		line-height: 40px
	}
	.banner-welcome h4 span {
		font-size: 35px
	}
	.banner-welcome {
		text-align: center
	}
	.banner-welcome form {
		width: 70%;
		margin: 30px auto 0
	}
	.banner-welcome form .video-banner-input:last-child {
		float: none;
		text-align: center
	}
	.banner-welcome form .video-banner-input {
		width: 100%;
		float: none;
		margin-top: 10px
	}
	.banner-welcome form .video-banner-input input {
		padding: 0
	}
	.top-search-cat {
		display: none
	}
	.no-pad-right {
		padding-right: 15px
	}
	.no-pad-left {
		padding-left: 15px
	}
	.no-pad-all {
		padding-left: 15px;
		padding-right: 15px
	}
	.single-pricing {
		margin-top: 30px
	}
	.single-pricing.price-standard {
		transform: scale(1)
	}
	.jobguru-pricing-area.section_70 {
		padding-bottom: 70px
	}
	.hire-2-box {
		text-align: center
	}
	.hire-2-box h2 {
		font-size: 26px;
		line-height: 40px
	}
	.hire-box-2-btn {
		text-align: center;
		margin-top: 20px
	}
	.breadcromb-top {
		padding: 0px;
	}
	.breadcromb-box h3 {
		font-size: 28px;
		line-height: normal;
		padding:5px 10px;
	}
	.browse-job-head-option,
	.job-browse-search {
		display: block
	}
	.job-browse-action {
		display: block;
		margin-left: 0;
		margin-top: 10px
	}
	.job-browse-action .dropdown button {
		margin-left: 0;
		width: 100%;
		margin-top: 10px
	}
	label.styled {
		text-align: left
	}
	.job-browse-action .dropdown-menu {
		min-width: 100%
	}
	.job-browse-action .dropdown-toggle:after {
		top: 30px
	}
	.search-category-box {
		width: 100%;
		float: none
	}
	.nav-tabs .nav-item {
		margin: 3px 0
	}
	.single-candidate-action {
		text-align: left;
		margin: 30px 0 0
	}
	.single-candidate-bottom-right {
		margin-top: 30px
	}
	.progressbar-example {
		width: 100%
	}
	.single-candidate-widget-2 ul li {
		display: block
	}
	.single-candidate-widget-2>ul.candidate-social>li {
		display: inline-block
	}
	.submit-resume-box {
		width: 100%
	}
	.feild-flex-2 {
		display: block
	}
	.single-resume-feild.feild-flex-2 .single-input:last-child {
		margin-left: 0
	}
	.single-resume-feild.feild-flex-2 .single-input:first-child {
		margin-right: 0
	}
	.dashboard-right,
	.chat-board-right {
		margin-top: 30px
	}
	.chat-content {
		width: calc(70%)
	}
	.chat-board-right {
		height: 80%
	}
	.earnings-flex,
	.balance-box-flex {
		display: block
	}
	.single-earnings,
	.single-balance-box {
		margin-right: 0;
		margin-top: 30px
	}
	.change-pass form {
		width: 100%
	}
	.job-grid-right {
		margin-top: 30px
	}
	.main-comment {
		padding: 30px 0px 10px 0px
	}
	.candidate-image {
		position: relative;
		top: 0
	}
	.candidate-text-bottom {
		display: block
	}
	.candidate-text-box {
		margin-bottom: 20px
	}
	.candidate-text-inner ul {
		display: inline-block
	}
	.about-main-box {
		width: 100%
	}
	.blog-title>h3 {
		font-size: 20px
	}
	.blog-page-right {
		margin-top: 30px
	}
	.leave-comment input[type="text"],
	.leave-comment input[type="email"] {
		width: 100%;
		margin-right: 0
	}
	.leave-comment textarea {
		width: 100%;
		margin-right: 0
	}
	.contact-right {
		margin-top: 30px
	}
	.top-job-company-desc ul li span i {
		display: none
	}
	.single-candidate-box {
		display: block
	}
	.single-candidate-img {
		margin-bottom: 20px
	}
	.single-candidate-action a.candidate-contact {
		margin-left: 0;
		margin-top: 10px
	}
	.resume-box h3 {
		font-size: 20px
	}
	.message-text-area button {
		right: 15px
	}
	.single-balance-box h2 {
		font-size: 22px
	}
	.single-balance-box h3 span {
		display: block;
		float: none;
		margin-top: 10px
	}
	.blog-social-follow a {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 5px
	}
	.blog-content blockquote .quote-inner {
		padding-left: 20px
	}
	.single-work-history.reply-commnt {
		padding-left: 0
	}
	.remember-row {
		display: block;
		text-align: center
	}
	.page-header .slicknav_menu .slicknav_icon-bar {
		background-color: #111
	}
	.remember {
		display: block;
		float: none
	}
	.lost-pass a {
		float: none
	}
	.footer-top::after {
		width: 100%
	}
	.forsticky.sticky {
		position: absolute;
		background: transparent
	}
	.about-page .breadcromb-top .about-banner{ background-position: center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.about-page .breadcromb-top .mission-banner{ background-position: center center;}
.about-page .breadcromb-top .strategy-banner{ background-position: center center;}
.about-page .breadcromb-top .recruitment-banner{ background-position: center center;}
.about-page .breadcromb-top .contact-banner{ background-position: center center;}
.about-page .breadcromb-top .contract-banner{ background-position: center center;}
.about-page .breadcromb-top .useful-links-banner{ background-position: center center;}
.about-page .breadcromb-top .key-sector-banner{ background-position: center center;}
.about-page .breadcromb-top .whyus-banner{ background-position: center center;}
.about-page .breadcromb-top .testimonial-banner{ background-position: center center;}
.about-page .breadcromb-top .selection-banner{ background-position: center center;}
.about-page .breadcromb-top .blog-banner{ background-position: center center;}

.service-area p img {
	float:none;
	margin:0px 0px 20px 0px;
	max-width:100%;
	height:auto;
	border-radius:15px;
	}

.btn_2 { width:80%;
		margin:auto;
}	
}


/* ======================Large Mobile :480px.================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-right-menu {
		display: none
	}
	.jobguru-responsive-menu {
		display: block
	}
	.header-menu {
		display: none
	}
	.site-logo {
		width: 60%
	}
	.banner-search h2 {
		display: none
	}
	.banner-search h4 {
		display: none
	}
	.banner-form-box {
		background: transparent;
		display: block
	}
	.banner-form-input {
		display: block;
		border-radius: 5px;
		padding: 5px;
		background: #fff none repeat scroll 0 0;
		margin-top: 8px
	}
	.banner-form-input input {
		padding: 3px 5px
	}
	.banner-form-input:last-child {
		display: block;
		margin-top: 8px;
		background: #25ad60 none repeat scroll 0 0
	}
	.banner-form-input button {
		position: relative
	}
	.banner-form-input button:hover {
		background: #25ad60 none repeat scroll 0 0
	}
	.banner-form-input .select2 {
		padding: 0
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 8px
	}
	.site-heading {
		width: 100%
	}
	.site-heading h2 {
		font-size: 25px;
		line-height: 35px
	}
	.jobguru-categories-area .row .col-lg-3 {
		padding-left: 15px;
		padding-right: 15px
	}
	.jobguru-inner-hire-area::after,
	.hire_circle {
		display: none
	}
	.jobguru-inner-hire-area::before,
	.inner-hire-left {
		width: 100%
	}
	.inner-hire-left h3 {
		font-size: 32px
	}
	.job-tab .job-tab-switch {
		border: 0px solid #ddd;
		padding: 0
	}
	.job-tab-switch li {
		margin-top: 10px
	}
	.top-company-list {
		display: block;
		text-align: center
	}
	.top-company-list .company-list-logo {
		margin: 0 auto 15px !important;
		max-width: 110px !important;
	}
	.top-company-list .company-list-details>h3 {
		line-height: 30px
	}
	.company-list-details p {
		display: block;
		margin-right: 0;
		margin-bottom: 10px
	}
	.category-holder-text h3 {
		font-size: 14px
	}
	.single-category-holder {
		margin-top: 30px
	}
	.how-works-box {
		width: 100%;
	}
	.how-works-box.box-1::before,
	.how-works-box.box-2::before,
	.how-works-box.box-3::before {
		display: none
	}
	.rating-company {
		width: 25%;
		margin: 0 auto 10px !important;
		padding: 5px;
		text-align: center
	}
	.video-container h2 {
		font-size: 26px;
		line-height: 40px
	}
	.how-works-box img {
		display: none
	}
	.how-works-box {
		border-radius: 5px;
		margin: 30px auto 0
	}
	.how-works-area {
		padding-bottom: 70px
	}
	.blog-image p {
		font-size: 17px;
		line-height: 23px;
		padding: 22px 0
	}
	.single-footer-widget {
		margin: 30px 0
	}
	.banner-welcome h4 {
		font-size: 22px;
		line-height: 40px
	}
	.banner-welcome h4 span {
		font-size: 35px
	}
	.banner-welcome {
		text-align: center
	}
	.banner-welcome form {
		width: 70%;
		margin: 20px auto 0
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #fff
	}
	.banner-welcome form .video-banner-input:last-child {
		float: none;
		text-align: center
	}
	.banner-welcome form .video-banner-input {
		width: 100%;
		float: none;
		margin-top: 10px
	}
	.banner-welcome form .video-banner-input input {
		padding: 0
	}
	.top-search-cat {
		display: none
	}
	.no-pad-right {
		padding-right: 15px
	}
	.no-pad-left {
		padding-left: 15px
	}
	.no-pad-all {
		padding-left: 15px;
		padding-right: 15px
	}
	.single-pricing {
		margin-top: 30px
	}
	.single-pricing.price-standard {
		transform: scale(1)
	}
	.jobguru-pricing-area.section_70 {
		padding-bottom: 70px
	}
	.hire-2-box {
		text-align: center
	}
	.hire-2-box h2 {
		font-size: 26px;
		line-height: 40px
	}
	.hire-box-2-btn {
		text-align: center;
		margin-top: 20px
	}
	.breadcromb-top {
		padding: 50px 0
	}
	.breadcromb-box h3 {
		font-size: 30px;
		line-height: normal;
	
	}
	.browse-job-head-option,
	.job-browse-search {
		display: block
	}
	.job-browse-action {
		display: block;
		margin-left: 0;
		margin-top: 10px
	}
	.job-browse-action .dropdown button {
		margin-left: 0;
		width: 100%;
		margin-top: 10px
	}
	label.styled {
		text-align: left
	}
	.job-browse-action .dropdown-menu {
		min-width: 100%
	}
	.job-browse-action .dropdown-toggle:after {
		top: 30px
	}
	.search-category-box {
		width: 100%;
		float: none
	}
	.nav-tabs .nav-item {
		margin: 3px 0
	}
	.single-candidate-action {
		text-align: left;
		margin: 30px 0 0
	}
	.single-candidate-bottom-right {
		margin-top: 30px
	}
	.progressbar-example {
		width: 100%
	}
	.single-candidate-widget-2 ul li {
		display: block
	}
	.single-candidate-widget-2>ul.candidate-social>li {
		display: inline-block
	}
	.submit-resume-box {
		width: 100%
	}
	.feild-flex-2 {
		display: block
	}
	.single-resume-feild.feild-flex-2 .single-input:last-child {
		margin-left: 0
	}
	.single-resume-feild.feild-flex-2 .single-input:first-child {
		margin-right: 0
	}
	.dashboard-right,
	.chat-board-right {
		margin-top: 30px
	}
	.chat-content {
		width: calc(70%)
	}
	.chat-board-right {
		height: 80%
	}
	.earnings-flex,
	.balance-box-flex {
		display: block
	}
	.single-earnings,
	.single-balance-box {
		margin-right: 0;
		margin-top: 30px
	}
	.change-pass form {
		width: 100%
	}
	.job-grid-right {
		margin-top: 30px
	}
	.main-comment {
		padding: 30px 0px 10px 0px
	}
	.candidate-image {
		position: relative;
		top: 0
	}
	.candidate-text-bottom {
		display: block
	}
	.candidate-text-box {
		margin-bottom: 20px
	}
	.candidate-text-inner ul {
		display: inline-block
	}
	.about-main-box {
		width: 100%
	}
	.blog-title>h3 {
		font-size: 20px
	}
	.blog-page-right {
		margin-top: 30px
	}
	.leave-comment input[type="text"],
	.leave-comment input[type="email"] {
		width: 100%;
		margin-right: 0
	}
	.leave-comment textarea {
		width: 100%;
		margin-right: 0
	}
	.contact-right {
		margin-top: 30px
	}
	.top-job-company-desc ul li span i {
		display: none
	}
	.single-candidate-box {
		display: block
	}
	.single-candidate-img {
		margin-bottom: 20px
	}
	.single-candidate-action a.candidate-contact {
		margin-left: 0;
		margin-top: 10px
	}
	.resume-box h3 {
		font-size: 20px
	}
	.message-text-area button {
		right: 15px
	}
	.single-balance-box h2 {
		font-size: 22px
	}
	.single-balance-box h3 span {
		display: block;
		float: none;
		margin-top: 10px
	}
	.blog-social-follow a {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 5px
	}
	.blog-content blockquote .quote-inner {
		padding-left: 20px
	}
	.single-work-history.reply-commnt {
		padding-left: 50px
	}
	.remember-row {
		display: block;
		text-align: center
	}
	.remember {
		display: block;
		float: none
	}
	.lost-pass a {
		float: none
	}
	.footer-top::after {
		width: 100%
	}
	.slicknav_btn {
		margin-top: 0
	}
	.forsticky.sticky {
		position: absolute;
		background: transparent
	}
	.instagram>li {
		width: 15%
	}
	.page-header .slicknav_menu .slicknav_icon-bar {
		background-color: #111
	}
	.banner-welcome h4 {
		display: none
	}
    .login-box{
        padding: 15px
    }
}


@media ( max-width: 1199px ) {
	.contact_details h3{font-size: 25px;}
}

@media ( max-width: 991px ) {
.custom-header .site-logo img {width: 120px;}
.custom-header .menu-animation { position: relative; }
.custom-header .menu-animation .col-lg-2 { position: static; }
.custom-header .menu-animation .row { position: static; }
.custom-header .menu-animation .container { position: static; }
.custom-header .jobguru-responsive-menu {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	pointer-events: none;
}
.custom-header .slicknav_menu {
	background: transparent;
	height: 100%;
	position: static;
	padding: 0;
}
.custom-header .slicknav_btn {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	z-index: 1000;
	pointer-events: auto;
}
.custom-header .slicknav_nav {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	background: #ffffff !important;
	border-top: 2px solid #96c44f !important;
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18) !important;
	z-index: 999999 !important;
	pointer-events: auto;
	max-height: calc(100vh - 90px) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}
.custom-header .slicknav_nav.slicknav_hidden {
	display: none !important;
}
.custom-header .slicknav_nav .slicknav_row,
.custom-header .slicknav_nav a {
	padding: 12px 18px !important;
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #1a1a1a !important;
}
.custom-header .slicknav_nav .slicknav_row:hover,
.custom-header .slicknav_nav a:hover {
	background-color: #96c44f !important;
	color: #ffffff !important;
}
.custom-header .slicknav_nav ul {
	margin: 0 !important;
	padding: 0 !important;
	background: #f9fbf7 !important;
}
.custom-header .slicknav_nav ul a {
	padding-left: 32px !important;
	font-size: 14px !important;
	color: #444444 !important;
}
.custom-header .slicknav_nav ul a:hover {
	background-color: #96c44f !important;
	color: #ffffff !important;
}
.header-top-left { gap: 16px; }
.header-top-left .top-contact-item { font-size: 12.5px; }
.footer_box p{font-size: 15px;line-height: normal;}
.banner-forms .banner-form-box .banner-form-input .btn_1{font-size: 12px;}
.custom-banner .banner-text h4{font-size: 35px;line-height: 48px;}
.categories_img > h3, .categories_box h4{font-size: 16px;}
.categories_box h5{font-size: 13px;}
ul.logos_col li img {
    max-height: 70px;
    max-width: 97px;
} 
.contact_details h3{width: 100%;text-align: center;}
.contact_details .btn-button {
    float: none !important;
    margin: 20px auto 0 !important;
} 
.contact_details{text-align: center;}
}

@media ( max-width: 767px ) {
	.header-top-bar {
		padding: 6px 0;
	}
	.header-top-left {
		justify-content: center;
		gap: 12px;
		width: 100%;
		text-align: center;
	}
	.header-top-left .top-contact-item {
		font-size: 12px;
		gap: 7px;
	}
	.header-top-left .top-contact-item i {
		font-size: 17px;
	}
	.header-top-left .top-contact-item i.fa-mobile-alt {
		font-size: 19px;
	}
	.header-top-left .top-contact-item i.fa-envelope {
		font-size: 16px;
	}
	.custom-header .menu-animation {
		padding: 8px 0;
	}
	.single-blog {
		height: 260px;
	}
	.banner-forms div[class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    float: left;
} 
.banner-forms .banner-form-box{float: left;width: 100%;}
.custom-banner .banner-single-slider {
	height: 340px !important;
}
.custom-banner .banner-text {
	position: absolute !important;
	top: 86px !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: calc(100% - 86px) !important;
	transform: none !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	z-index: 5 !important;
}
.custom-banner .banner-text .container {
	width: 100% !important;
	text-align: center !important;
}
.custom-banner .banner-text .row {
	justify-content: center !important;
}
.custom-banner .banner-text .align-left {
	text-align: center !important;
}
.custom-banner .banner-text h4 {
	display: block !important;
	margin-top: 0 !important;
	font-size: 21px !important;
	line-height: 29px !important;
	margin-bottom: 12px !important;
	max-width: 100% !important;
	width: 100% !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.custom-banner .hero-rotator {
	min-height: 150px !important;
	height: 150px !important;
	max-width: 100% !important;
	width: 100% !important;
	position: relative !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}
.custom-banner .hero-slide {
	max-width: 100% !important;
	width: 100% !important;
	top: 50% !important;
	left: 0 !important;
	right: 0 !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
.custom-banner .hero-slide.active {
	transform: translateY(-50%) !important;
}
.custom-banner .banner-text .btn-button {
	min-height: 40px !important;
	height: 40px !important;
	font-size: 13px !important;
	padding: 0 20px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.categories_section div.col-md-12{flex: 0 0 100%!important;max-width: 100%!important;}
.categories_section div[class*="col-"], .custom_footer div[class*="col-"]{flex: 0 0 100%;max-width: 100%;}
.categories_img > h3{min-height: auto;}
.inner-hire-left h3{font-size: 24px;}
ul.logos_col li {
    flex: 0 0 33.333%;
    max-width: 33.333%;margin-bottom: 20px;
    width: 33.333%;}
    ul.logos_col{flex-wrap: wrap;}
    .footer_box h5.mt-4 {
    margin-top: 0 !important;
} 
.footer_box {
    margin-bottom: 25px;
}

.copyright{margin-top: 30px;text-align: center;}
.copyright p {
    width: 100%;
    margin-bottom: 10px;
} 
ul.footer_links {
    width: 100%;
} 
ul.socil-icons-footer {
    float: none;
    margin: 11px 0 0 0;
    padding: 0px;
} 
.categories_section {
    padding-bottom: 30px;
}
.info_box {
    padding-top: 40px;
    padding-bottom: 40px;
} 
}


@media ( max-width: 1199px ) {
	.custom-header #jobguru_navigation > li > a {
  font-size: 13px;}
  .custom-header #jobguru_navigation {
  margin-right: 17px;} 
  .header-menu ul li ul li a{font-size: 12px;}
  .header-menu ul li ul li ul li a {
  font-size: 12px;} 
  .btn-request-staff {
    font-size: 12px;
    padding: 7px 14px;
  }
}


@media ( max-width:991px ) {
	.candidates_box {
	padding: 70px 15px 15px 15px;
	background-position: 14px 21px;
}
.top_heading p br{display: none;}
.top_heading h4 {
  font-size: 28px;}
  .top_heading p {
	font-size: 14px; 
	line-height: 26px;
}
.specialise_box figcaption h4{font-size: 18px;}
.specialise_box:hover figcaption h4{margin-bottom: 3px;}
.specialise_box figcaption p{font-size: 13px;line-height: normal;}
.information_section h2 {
  font-size: 30px;}
  .information_section p {
  font-size: 16px;}
  .information_section h3 {
  font-size: 24px;}
  .information_section h5 {
  font-size: 16px;}
  .information_section h6 {
  font-size: 14px;}
}

@media ( max-width: 767px ) {
	.looking_modal .modal-dialog {
		max-width: calc(100% - 24px) !important;
		width: calc(100% - 24px) !important;
		margin: 12px auto !important;
	}
	.looking_modal .modal-dialog .modal-content {
		border-radius: 20px !important;
		overflow: hidden !important;
		border: none !important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
	}
	.looking_modal .modal-body {
		padding: 0 !important;
		position: relative !important;
	}
	.looking_modal .row {
		margin: 0 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	.looking_modal div[class*="col-"],
	.looking_modal .col-6 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
		min-height: auto !important;
		padding: 40px 8px 14px 8px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: center !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
	.looking_modal .left {
		background-color: #d6eab7 !important;
		border-radius: 20px 0 0 20px !important;
	}
	.looking_modal .right {
		background-color: #ffffff !important;
		border-radius: 0 20px 20px 0 !important;
	}
	.looking_modal .tag {
		background-color: #eab40c !important;
		color: #ffffff !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		height: 24px !important;
		min-height: 24px !important;
		line-height: 24px !important;
		min-width: 86px !important;
		padding: 0 10px !important;
		border-radius: 20px !important;
		position: absolute !important;
		top: 9px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		z-index: 10 !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
		white-space: nowrap !important;
		text-decoration: none !important;
	}
	.looking_modal h4 {
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #191919 !important;
		font-weight: 700 !important;
		margin-top: 0 !important;
		margin-bottom: 6px !important;
		min-height: 32px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		width: 100% !important;
	}
	.looking_modal .right h4 {
		color: #3658af !important;
	}
	.looking_modal img {
		width: auto !important;
		max-width: 88% !important;
		height: 72px !important;
		max-height: 72px !important;
		object-fit: contain !important;
		margin: 0 auto 8px !important;
		display: block !important;
	}
	.looking_modal .btn {
		height: 28px !important;
		min-height: 28px !important;
		line-height: 28px !important;
		max-width: 108px !important;
		width: 86% !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		padding: 0 6px !important;
		border-radius: 3px !important;
		margin: 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		white-space: nowrap !important;
		text-decoration: none !important;
	}
	.looking_modal .btn-success {
		background-color: #7baf27 !important;
		border-color: #7baf27 !important;
		color: #ffffff !important;
	}
	.looking_modal .btn-primary {
		background-color: #3658af !important;
		border-color: #3658af !important;
		color: #ffffff !important;
	}

.benefits_section .row div[class*="col-"]{flex: 0 0 100%;max-width: 100%;}

.card_option_1{margin-bottom: 30px;height: auto;}
.benefits_section {
	padding-top: 65px;
	padding-bottom: 55px;
} 
.benefits_section .top_heading {
	margin-bottom: 35px;
}
.upload_cv_section{padding-top: 50px;padding-bottom: 50px;}
.upload_cv_section h4 {
  font-size: 28px;}
  .our_core {
	padding: 45px 0 25px 0;
} 
.specialise_section div[class*="col-"]{flex: 0 0 50%;max-width: 50%;}
.specialise_box figure > img {
	height: 280px;
	filter: brightness(0.94);
}
.specialise_box figure figcaption {
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 10px !important;
	background-color: rgba(25, 25, 25, 0.58) !important;
	padding: 24px 24px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	text-align: left !important;
}
.specialise_box figcaption h4 {
	text-align: left !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-bottom: 10px !important;
}
.specialise_box figcaption p {
	display: block !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	margin-bottom: 16px !important;
}
.specialise_box figcaption .w100p {
	width: 100% !important;
	text-align: left !important;
}
.specialise_box figcaption .btn-warning,
.specialise_box .btn-warning {
	display: inline-block !important;
	margin-top: 0 !important;
	background-color: #ffde29 !important;
	border-color: #ffde29 !important;
	color: #1d1d1d !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 8px 22px !important;
	border-radius: 5px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
.specialise_box:hover figcaption {
	top: 0 !important;
	border-radius: 10px !important;
}
.specialise_box:hover figcaption h4 {
	text-align: left !important;
	margin-bottom: 10px !important;
}
.how-works-area {
	padding-bottom: 50px !important;
}
.how-works-area .row {
	margin-left: -6px !important;
	margin-right: -6px !important;
}
.how-works-area .col-4,
.how-works-area .col-md-4 {
	flex: 0 0 33.333333% !important;
	max-width: 33.333333% !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
}
.how-works-box {
	width: 100% !important;
	height: auto !important;
	min-height: 135px !important;
	padding: 18px 6px 14px 6px !important;
	margin: 15px auto 0 !important;
	border-radius: 8px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
.how-works-box img {
	display: none !important;
}
.how-works-box.box-1:before,
.how-works-box.box-2:before,
.how-works-box.box-3:before {
	display: block !important;
	font-size: 70px !important;
	line-height: 1 !important;
	height: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	opacity: 0.08 !important;
	color: #000 !important;
	pointer-events: none !important;
}
.works-box-icon {
	position: relative !important;
	z-index: 2 !important;
}
.works-box-icon i {
	font-size: 28px !important;
	margin-bottom: 8px !important;
	color: #96c44f !important;
}
.works-box-text {
	position: relative !important;
	z-index: 2 !important;
}
.works-box-text p {
	font-size: 13px !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	text-align: center !important;
	color: #111 !important;
}
.jobguru-inner-hire-area,
.jobguru-inner-hire-area.section_100 {
	padding: 40px 0 !important;
}
.inner-hire-left h3 {
	font-size: 24px !important;
	line-height: 32px !important;
	margin-bottom: 15px !important;
}
.inner-hire-left p {
	font-size: 15px !important;
	line-height: 24px !important;
	margin-bottom: 0 !important;
}
.inner-hire-left a.jobguru-btn-3 {
	margin-top: 18px !important;
}
.specialise_section {
	padding-top: 40px !important;
	padding-bottom: 15px !important;
}
.how-works-area {
	padding-top: 40px !important;
	padding-bottom: 45px !important;
}
.footer_box h4 {
	font-size: 15px;
}
ul.site_map li a {
  font-size: 14px;}
  .copyright {
  margin-top: 0;}
  .copyright {
	margin-top: 0;
	text-align: center;
	background-color: #2a3e1a;
	padding-top: 30px;
	min-height: auto;
	padding-bottom: 30px;
	background-image: none;
} 
.new_footer > .container {
	padding-bottom: 40px;
} 
}

@media ( max-width:575px ) {
	.information_section {
	background-image: none;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #ecf3f9;
	text-align: center;
}
.specialise_section div[class*="col-"]{flex: 0 0 100%;max-width: 100%;}
.find_your_dream img.w100p {
	margin-top: 30px;
}
.find_your_dream {
	padding-top: 40px;
	padding-bottom: 40px;
} 
.information_section .btn-primary {
  min-width: 250px;}
  .job-browse-search-1 .form-control{margin-bottom: 10px;}
  .jobguru-top-job-area.browse-page.section_70 {
	padding-top: 40px;
	padding-bottom: 30px;
} 
.find_your_dream_gray .top_heading {
	margin-top: 20px;
}
.covid_19 {
	padding-top: 45px;
	padding-bottom: 38px;
} 
.industry_expertise{padding-top: 50px;}
.industry_expertise .white_card{padding: 0px;}
.our_services {
  padding-top: 70px; }
.new_footer .col-sm-3 {
	flex: 0 0 50%;
	max-width: 50%;
}
.new_footer .footer_box .col-sm-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.new_footer{padding-top: 45px;}
.footer_logos {

  grid-gap: 0 30px;}
  .footer_logos img {
	height: 30px;
	width: auto;
	max-width: initial;
}

.breadcromb-top {
	padding: 20px 0;
	min-height: 240px;
	display: inline-flex;
	width: 100%;
	align-items: center;
}

}