/* Media Queries */

@media (max-width: 1200px){
	.search_mgr_links ul li{
		margin-left: 28px;
	}
}

@media (max-width: 1024px){
	.nav>li{
		margin-right: 15px;
	}



	.header-bar-md{
		height: 250px;
	}

.footer-nav-menu-holder ul.footerMenu li{
	margin-right: 15px;
}

	.homepage-btn{
		margin-top: 70px;
		margin-bottom: 70px;
	}

	
}

@media (max-width: 991px){	


	.search_mgr_links ul li{
		width: 50%;
		margin: 0px;
	}

	/*This is the first collaps*/
	.level2.dropdown-menu.open{
		margin-top: 99px;	
	}

	

	#myCarousel .item{
		height: 250px;
	}
	
	.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;
	}


}

@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: 767px){
	.footerLogo{
		margin-bottom: 30px;
	}
		#myCarousel {
    height: 620px;
}

.vac_res_grid .defaultLogo{
	margin: 0px auto 10px;
}

#myCarousel .item{
	height: 250px;
}

	h1{
		line-height: 32px;
		margin-top: 10px;
		font-size: 20px;
	}
	.header-bar-md > div{
		margin-top: 10px;
	}
	
	.header-bar-md{
		height: 190px;
	}

	.nav>li{
		margin-right: 15px;
	}

	.header-btn{
		padding-bottom: 20px;
		height: auto;
	}

	.homepage-btn{
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		padding-bottom: 20px;
	}

	.homepage-btn.btn-3{
		margin-bottom: 20px;
	}

}

@media (max-width: 768px) {
	#content34 .banners ul.ban_last,
	#content11 .banners ul.ban_last{
		margin-right: 2px !important;
	}

	.knowledge-results img{
	margin: 0px auto;
	}

	.vacDetails-cli-form img{
		margin: 0px auto;
	}

	.knowledge-results .inner{
		height: 425px;
	}

}

@media (max-width: 667px) {
	.knowledge-sub-nav a{
		width: 100% !important;
		float: left;
	}
	.knowledge-sub-nav .container{
		width: 100% !important;
		float: left;
	}
	#mobileMenu .nav>li a{
		margin-left: 0px;
	}

	.input-group .btn{
		width: 100%;
		margin-bottom: 5px;
	}

	#mobileMenu .level2.dropdown-menu.open{
		margin-left: -15px;
	}
	#mobileMenu .nav>li .caret{
		margin-right: 20px;
	}
}


@media(max-width: 621px){
	#myCarousel .item > div{
		margin-top: 120px;
	}

	.search_mgr_links ul li{
		width: 100%;
	}
}


@media (max-width: 568px){
	.header-bar-md{
		height: 90px;
	}

	#myCarousel .item > div{
		display: none;
	}

	.headerSearch {
		display: none;
	}

	#hpSectors{
		bottom: 20px;
	}

	#myCarousel,
	#myCarousel .carousel-inner .item{
		height: 470px;
	}

	#myCarousel .carousel-inner .item{
		background-position: center center;
	}

	.vacDetailsButtons{
		width: 100%;
		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: 38px;
	}

	.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%;
	}



	footer{
		height: auto;
	}

}

@media (max-width: 385px){
	body{
		margin-top: 0px;
	}

	.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: #0094d9;
	}

	#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;
	}

}


@media (max-width: 320px){	
	#myCarousel .item > div{
		margin-top: 40px;
	}

	.header-bar-md{
		height: 76px;
	}
}




@media (max-width: 768px){
	.container{
		width: auto;
	}
}