/* Media Queries */

@media (max-width: 1200px){
	.headerBottom{
		margin-top: 0px;
		background: #1B3C38;
	}
	header #logo{
		margin: 10px 0px;
	}
	.headerTopWrap {
		background: #000;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.logon-form-1{
		width: 100%;
	    margin: 0;
	}
}

@media (max-width: 1024px){
	#site-right-col{
		float: left;
	}
	.navbar-nav{
		margin-bottom: 10px;
	}
	
	header .headerWrapper .header-btn-holder .rightSide{
		margin-top: -2px;
	}

#header-search-holder{
	position: relative;
	z-index: 0 !important;
	top: 0px;
}

#header-search-holder .inner{
	padding-top: 15px;
	padding-bottom: 0px;
}

#header-search-holder .inner *{
	margin-bottom: 5px;
}

	#myCarousel .content{
		top : 0;
	}
	

	#myCarousel .item{
		padding-bottom: 20px;
		height: 300px;
	}

	#myCarousel{
		height: 570px;
	}

	#news131 .template-2 .inner{
		height: 295px !important;
	}


	#myCarousel .item .header:first-child{
	//	margin-top: 50px;
	}

	#myCarousel .fader-form-holder{
	top: -670px;
}

#header-search-holder > div{
		margin-top: 0px;
	}

	.nav>li{
		margin-right: 15px;
	}

	.header-bar-md{
		height: 450px;
	}
		#myCarousel .item > div {
    margin-top: 80px;
}


	.footer-nav-menu-holder ul.footerMenu li{
		margin-right: 15px;
	}

	.homepage-btn{
		margin-top: 0px;
		margin-bottom: 35px;
	}

	.footerMenuItem.header a{
		font-size:15px;
	}
	
	.col-md-center{
		text-align: center;
	}
	.header-bar-md.can-profile.large{
		height: 200px;
	}

	.vacDetailsButtons{
		margin-top: 10px;
	}
	.vacDetShortlist{
		margin-bottom: 10px;
	}
	.applyBtn{
		margin-bottom: 10px;
	}

	.knowledge-results .inner{
		height: 400px;
	}
}

@media (min-width: 993px){	

.lg-flex{
	display: flex;
}
.vacDetails-detailData, h2.vac_details_job_description {
   
    max-width: 25% !important;
}
.page-title-holder{
	float:left;
	width:100%;
	position: absolute;
/*	top:  185px !important;*/
	text-align:left;
	top: 300px !important;
 }
 .switcherLabels.btn.btn-select {
 	width: 45% !important;
}
.btn-group-justified{
	padding-left: 16px;
	    display: flex;    
    justify-content: space-between;
}
}
@media (max-width: 992px){	

	.vacDetailsHeaderInfo,
	.vacDetailsSocials .socialMediaShareBar{
		float: left !important;
		width: 100%;
	}

	#site-right-col{
		float: left;
		width: 100%;
	}

	#header-search-holder{
		bottom: 25px;
	}

	#myCarousel .item{
		padding-bottom: 20px;
		height: auto;
	}

	#myCarousel .item .fader-box-row > div{
		margin-bottom: 20px;
	}

	


	.loginMenu{
		margin-top: 35px;
		margin-left: 0px;
	}

	#news131 .template-2 .inner{
		height: 380px !important;
	}
	#myCarousel .fader-form-holder{
		top: -400px;
	}

	#myCarousel .fader-form-holder .formBG{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#myCarousel .fader-form-holder .form-group,
	#myCarousel .fader-form-holder .form-group .input-group{
		margin-bottom: 0px;
	}

	#myCarousel .fader-form-holder .form-group INPUT{
		margin-bottom: 10px;
	}



	/*This is the first collaps*/
	.level2.dropdown-menu.open{
		margin-top: 99px;	
	}
	
	.col-sm-center{
		text-align: center;
	}

	header{
		height: auto;
	}
	
	.subMenuLeft .subGroup1, 
	.subMenuLeft .subGroup2, 
	.subMenuLeft .subGroup3{
		width: 100%;	
		float: left;
	}
	
	.level2.dropdown-menu .subMenuLeft,
	.level2.dropdown-menu .subMenuRight{
		height: auto !important;
		float: left;
		width: 100%;
	}
	
	.refine_row_holder > span.fltR{
		float: none !important;
	}
	
	#site-right-col{
		clear: both;
	}

	.vacDetails-cli-form{
		padding: 0px 15px 15px;
		margin-bottom: 20px;
	}
	.vacDetails-cli-form img{
		margin: 0px auto;
	}

	#p_uploadTypeID,
	#p_attachment{
		margin-bottom: 5px;
			margin-top: 10px;
	}

	.switcherLabels{
		width: 49%;
	}

	.switcherLabels.first{
		margin-right: 2%;
	}
	.switcherLabels > span{
		width: 100%;	
	}

	#QapplyRegVerify .btn{
		margin-top: 5px;
		margin-bottom: 10px;
		width: 100%;
	}

}

@media (min-width: 768px){


	.navbar-toggle{
		display: block;
	}
	.hp-latest-jobs .box-holder.content-box-2 .alien .button-holder{
		width: 57%;
	}
	.hp-latest-jobs .box-holder.content-box-1 .alien .button-holder{
		width: 55%;
	}





	
}

@media (max-width: 992px){

	#hpSectors .search_mgr_links > .row > div{
		text-align: center;
	}
	.text-center-mobile{
		text-align: center !important;
	}

	.footerSocial{
		margin-bottom: 20px;
		text-align: center;
	}

	.footerSocial .socialNetworks{
		float: none;
	}
	footer,
	.alien-footer{
		height: auto;
	}
	.page-title-holder .pageTitle{
	padding-top:  0px;
	padding-bottom:  10px;
}
}


@media (max-width: 992px){
	body .page-title-holder  .cliProfielTitle.button{
		margin-top:0px !important;
	}

	.page-title-holder  .hidden-xs.cliProfielTitle.button{
		display: none !important;
	}
	.w-md-100{
		width: 100%;
	}
	.vacDetailsButtons{
        margin: 25px 0px;
        width: 50% !important;
	}

	.vacDetShortlist {
        margin-bottom: 10px;
        width: 40% !important;
        margin-right: 10px;
    }
    .applyBtn {
        margin-bottom: 10px;
        width: 40% !important;
        margin-left: 10px;
    }
    .vacButtons {
    	margin-top: 20px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
	}
	.job-featured{
		padding-left: 0 !important;
	}
}

@media (max-width: 768px){

	.color-data{
		 font-size: 28px !important;
/*    background: rgba(0, 0, 0, 0.30);*/
    width: fit-content;
    padding: 0 20px;
    display: -webkit-inline-box;
	}
	h1{
		line-height: 36px !important;
		margin-top: 10px;
		font-size: 28px;
	}
	
	.header-bar-md > div{
		margin-top: 10px;
	}
	
	.header-bar-md{
/*		height: 570px;*/
		height: 400px !important;
	}
	
	body .page-title-holder  .cliProfielTitle.button{
		margin-top:0px !important;
	}

	.page-title-holder  .hidden-xs.cliProfielTitle.button{
		display: none !important;
	}

	.page-title-holder .cliLogo{
		margin-top:20px;
	}
	.pageTitle.cliProfielTitle{
		margin-top:0px;
	}
	
	.footerLogo img{
		margin: 20px auto;
		float: none !important;
	}
	.footerMenu li{
		text-align:left;
		padding-bottom:5px !important;
	}
	
	#header-search-holder{
		position: relative;
		top: 0px;
		bottom: 0px;
	}

	

	.accountButtons{
		float: left;
		margin-left: 10px;
    width: 50%;
	}
	.nav>li{
		margin-right: 15px;
		float: left;
	}

	.header-btn{
		padding-bottom: 20px;
		height: auto;
	}
	header .headerWrapper .header-btn-holder .rightSide{
		margin-top: -5px;
	}
	header .headerWrapper .header-btn-holder{
		padding-bottom: 10px;
	}

	.homepage-btn{
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
	}

	.homepage-btn.btn-3{
		margin-bottom: 20px;
	}

	.col-sm-center{
		text-align: center;
	}

	#content34 .banners ul.ban_last,
	#content11 .banners ul.ban_last{
		margin-right: 2px !important;
	}

	.knowledge-results img{
	margin: 0px auto;
	}


	.knowledge-results .inner{
		height: 455px;
	}
	.page-title-holder .pageTitle{
		padding-top:  5px;
		padding-bottom:  10px;
	}
	.vacDetShortlist {
        margin-bottom: 20px;
        width: 80% !important;
        margin-right: 0px;
        margin-top: 10px;
    }
    .applyBtn {
        margin-bottom: 20px;
        width: 80% !important;
         margin-left: 0px;    margin-bottom: 10px !important;
    }
    .vacButtons {
    	margin-top: 20px;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	
	.template2 .buttonRow {
    	/* padding: 0 20px; */
    	 margin-top: 15px; 
	}
	.link-btn-row{
		padding: 0 50px !important;
	}
	#jobScroller143 .linkBtn a {
	    width: 100%;
	}
	.ban_group{
		    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	#banners145 .banners .ban_defaultFade {
	    margin: 10px !important;
	}	

}

@media (max-width: 667px) {

	#mobileMenu .nav>li a{
		margin-left: 0px;
	}

	.input-group .btn{
		width: 100%;
		margin-bottom: 5px;
	}

	#mobileMenu .level2.dropdown-menu.open{
		margin-left: 0px;
	}
	#mobileMenu .nav>li .caret{
		margin-right: 20px;
	}
	.can-regis{
		margin-left: 0px !important;
	}
	.vacDetailsButtons {
	       margin: 10px 0px !important;
	       float: none;
	       width: 100% !important;
	 }
}

@media (max-width: 605px){
	.accountMenu .nav>li{
		width: 85%;
	}
	.accountMenu .nav>li a{
		width: 100%;
		text-align: center;
	}

	.accountMenu .navbar-nav{
		margin-bottom: 0px !important;
	}
}

@media (max-width: 568px){

	.mainContent{
		margin-left: 10px;
		margin-right: 10px;
	}
	.details-buttons a{
		width: 90%;
		margin-left: 5% !important;
		margin-right: 5% !important;
		margin-bottom: 5px;
	}
	.mob-dis{
		display: grid;
	}
	//margin-top: 70px;
}

#myCarousel .content h1, #myCarousel .content h2, #myCarousel .content h3, #myCarousel .content h4{
	font-size: 18px;
	padding-bottom: 10px;
}

	.details-buttons a:last-child{
		margin-right: 5% !important;
		margin-bottom: 0px;
	}

	.header-bar-md{
		height: 570px;
	}

	.header-bar-md.can-profile{
		height:570px;
		margin-top: 177px;
	}

	.cliProfileSection.perks .item{
		width: 33%;
	}

	.page-title-holder .cliLogo{
		padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    margin-top: 45px;
    padding-right: 5px;
	}

	.vacDetailsButtons{
		width: 40%;
		margin-bottom: 5px;
		float: left;
	}


	.col-xs-center{
		text-align: center;
	}
	
	.footer-copyright-holder ul li{
		width: 100%;
		margin-left: 0px;
		text-align: center;
	}

	.footer-copyright-holder .strapline{
		width: 100%;
	}

	#myCarousel .item .content_area{
		margin-top: 0px;
	}
	#myCarousel .item > div{
		//margin-top: 50px;
	}

	#myCarousel .item > div h2{
		font-size: 35px;
	}

	.hp-search-bkg.video-holder{
		margin-top: 20px;
	}
	
	.hp-latest-jobs .box-holder.content-box-1 .alien,
	.hp-latest-jobs .box-holder.content-box-2 .alien{
		background: none;
	}
	
	.hp-latest-jobs .box-holder.content-box-1 .alien .button-holder,
	.hp-latest-jobs .box-holder.content-box-2 .alien .button-holder{
		width: 100%;
	}

	.alien-footer{
		background: none;
		height: auto;
		padding-bottom: 20px;
	}

	footer{
		height: auto;
	}

	.knowledge-results .inner{
		padding-bottom:20px;
	}

}

@media (max-width: 480px){
	
	.socialNetworks{
		float:none;
		padding-top:15px;
	}
	#myCarousel .item .header{
		margin-top: 10px !important;
	}
#clientListItems  .row {
    display: grid;
}

#clientListItems {
	padding-top: 10px
} 	

#clientListItems.dirNew .clientListItem {
    padding-top: 10px;
    width: 100%;
}
#clientListItems .clientListItem{
	height: 300px;
}
.dirNew .clientItemHover{
	height: 300px;
}

}

@media (max-width: 385px){
	body{
		margin-top: 0px;
	}
.header-bar-md{
	margin-top: 190px;
}
.page-title-holder{
	top:215px;
}

	.hp_mainContainer{
		background: none;
	}

	#quick_sec_layer .button_row .btn{
		width: 100%;
		margin-top: 10px;
	}

	#quick_sec_layer .content_lists{
		background: none;
		float: left;
	}

	#quick_sec_layer .content_lists > .active{
		background: #1B3C38;
	}

	#quick_sec_layer .button_row .form-group .btn{
		padding-top: 5px;
		padding-bottom: 5px;
		border-radius: 5px;
	}

	#content34 .banners ul,
	#content34 .banners ul li, 
	#content34 .banners ul li img,
	#content11 .banners ul,
	#content11 .banners ul li, 
	#content11 .banners ul li img{
		width: 130px !important;
		height: 130px !important;
	}
	#content34 .banners ul.ban_last,
	#content11 .banners ul.ban_last{
		margin-right: 2px !important;
	}

	.hp-latest-jobs .box-holder.content-box-2 .alien .button-holder{
		padding-top: 7px;
	}
.captcha1 > div {
width: auto !important;

}
.rc-anchor-normal .rc-anchor-content {
    height: 74px !important;
    width: 130px !important;
}
.rc-anchor-logo-portrait {
    margin: 10px 0 0 0px !important;
    }

}


@media (max-width: 320px){	
	#myCarousel .item > div{
		margin-top: 40px;
	}
	#myCarousel .item .header{
		margin-top: 10px !important;
	}

	.header-bar-md{
		height: 400px;
	}

	
}




@media (max-width: 768px){
	.container{
		width: auto;
	}
	.navbar-toggle .text-bar {
    display: none;
}
.page-title-holder {
/*    position: unset;*/
	top: 270px;
}
.pageTitle h1 {
/*    color: #7DA847;*/
 font-size: 34px;
}
 .page-strapline{
	font-size: 20px;
	font-weight: 500;
 }

.vac-result-row .inner .deets {
    padding-left: 10px;
    margin-bottom: 5px;
}
.vacDetailsButtons {
	       margin: 10px 0px !important;
	       float: none;
	       width: 100% !important;
	 }


}