/* Media Queries */

@media (max-width: 1200px){
	.headerBottom{
		margin-top: 0px;
		background: #0097d0;
	}
	header #logo{
		margin: 10px 0px;
	}
	.headerTopWrap {
		background: #000;
	}
	.modal-dialog{
		width: 1024px !important;
	}
	
}

@media (max-width: 1024px){

	#quick_sec_layer .button_row .btn{
		padding: 0px 10px;
	}
	header{
		position: relative;
	}
	.headerWrapper.alt{
		position: relative;
	}
	.canShorlistWrapper{
		position: relative;
		top:0px;
	}
	#myCarousel{
		margin-top: -78px;
	}

	body.cliLoggedIn  #myCarousel{
		margin-top: -143px;
	}

	#myCarousel,
	.videoContainer,
	.videoContainer .overlay,
	.videoContainer video{
		height: 898px !important;
	}

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

	.header-bar-md,
	.header-bar-cover{
		height: 250px;
	}

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

	.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;
	}



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


@media (max-width: 991px){	
	#myCarousel .content h1{
		font-size: 38px;
		padding-bottom: 5px;

	}
	#header-search-holder{
		margin-top: -425px;}
		
		#content170 .inner, #content175 .inner{
			width: 100% !important;
		}
		#horizontalContent4176 .topTitle H2{
			width: 100% !important;
		}
		.topTitle {
    padding: 25px 15px 0 !important;
}
    .pageTitle h1 {
        font-size: 30px !important;
    }
    .inner{
    	width: 100% !important;
    }
    .logonFrmHolder{
    	margin: 0 15px;
    }
    #jobScroller146 .inner{
    	margin-top: 10px;
    }
    .mobs{
    	margin-top: 10px;
    }
	.modal-dialog{
		width: 930px !important;
	}

	#myCarousel{
		height: 898px;
	}

	.headerWrapper.alt,
	.canShorlistWrapper{
		position: relative;
		top: 0px;
	}
	.pageTitle{
		margin-top: 0px;
	}

	.contentMenuHolder{
		margin-top: 0px;
	}
	
	#mobileMenuHolder{
		top: 0px;
	}

	.page-title-holder{
		min-height: 0px;
		margin-top: 0px;
		position: relative;
		overflow: hidden;
	}

	/*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;
	}

	.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: 992px){
.mid-dis-flx{
	display: flex;
}
}
@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%;
	}

	.vacDetailsRegLogButtons > a{
		width: 94%;
	}
	.vacDetailsRegLogButtons > a:first-child{
		margin-bottom: 10px;
	}

	.posted-by .label{
		float: left;
	}
	
}

@media (max-width: 991px){
	footer,
	.alien-footer{
		height: auto;
	}
	#myCarousel .content{
		padding-left: 30px;
		margin-top: -675px;
	}
	.headerWrapper.alt{
		position: relative;
	}
}

@media (max-width: 768px){

.modal-dialog{
		width: 632px !important
	}
	h1{
		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;
	}

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

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

}

@media (max-width: 768px) {
	


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

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


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

}

@media (max-width: 767px) {
	#fileUploader .existingDocHolder{
		width: 100%;
		display: block;
	}

	#myCarousel{
		margin-top: -100px;
	}
	.navbar-toggle{
/*		margin-top: -52px;*/
	}

	#myCarousel .content{
		margin-top: -795px;
	}
	.appFormElement a.fileButton, .appFormElement .switcherLabels > span, .appFormElement .btn-default, .appFormElement .btn-yellow, .appFormElement .btn-pink, .appFormElement .btn-jmp{
		width: 100%;
		margin-top: 7px;
	}
}

@media (max-width: 667px) {
	#mobileMenu .nav>li a{
		margin-left: 0px;
	}

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

	.lookUpClear{
		width: 75px !important;
	}

	#mobileMenu .level2.dropdown-menu.open{
		margin-left: 0px;
	}
	#mobileMenu .nav>li .caret{
		margin-right: 20px;
	}
}

@media (max-width: 568px){

	.modal-dialog{
		width: 350px !important
	}

	.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: 20px;
	}
	#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%;
	}

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

	footer{
		height: auto;
	}

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

}

@media (max-width: 385px){
	.select-icon{
			top: 36% !important;
		}
	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: #0097d0;
	}

	#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: 350px){
	.modal-dialog{
		width: 320px !important;
		margin-left: 0px;
	}
}

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

	.header-bar-md{
		height: 76px;
	}
 #canCheckout a.btn{
 	font-size: 14px !important;
 }

 .navbar-toggle{
 	margin-top: 0px;
 }
 .headerWrapper.alt{
 	height: 70px;
 }
}




@media (max-width: 768px){
	.container{
		width: auto;
	}
}