@media only screen and (min-device-width : 375px) and (max-device-width : 667px){

	

	/*iphone*/	

	.careers .banner {

	background-image: url(../images/genix-hr-inner.jpg);

	background-position: -318px top;

	background-repeat: no-repeat;

	background-attachment:fixed;

	background-size: 200vmax 100vmax;

		

}

	

	

	/*iphone home*/		

	

	.parallax-about{

    /*min-height:auto;*/

	height: 100vh;

    background: transparent;

	padding: 25vh 0 0 0vh;

	background-image: url(../images/about-header-mainpage.jpg);

	background-repeat: no-repeat;

	/*background-attachment: fixed;*/

	background-size: 200vmax 100vmax;

	background-position: center center;

}

	

	

	

	.parallax-product{

	/*min-height:auto;*/

	height: 100vh;

    background: transparent;

	padding: 25vh 0 0 0vh;

	background-image: url(../images/productbg.jpg);

	background-repeat: no-repeat;

	/*background-attachment: fixed;*/

	background-size: 200vmax 100vmax;

	background-position: center center;

	

	

}

	

	.parallax-corporate{

	/*min-height:auto;*/

	/*height: 100vh;*/

    background: transparent;

	padding: 25vh 0 0 0vh;

	background-image: url(../images/corporatebg.jpg);

	background-repeat: no-repeat;

	/*background-attachment: fixed;*/

	background-size: 200vmax 100vmax;

	background-position: center center;

	

}

	

.parallax-lifeatgenix{

	/*min-height:auto;*/

	/*height: 100vh;*/

    background: transparent;

	padding: 20vh 0 0 0vh;

	background-image: url(../images/lifeatgenixbg.jpg);

	background-repeat: no-repeat;

	/*background-attachment: fixed;*/

	background-size: 200vmax 100vmax;

	background-position: center center;

	

}	

	

/*iphone home end*/		

	

	

}



@media screen and (max-width: 1024px) {
	.spance{height:60px;}
	.margin-bottom90{margin-bottom:90px;}
	hr {margin: 64px 0;}
	.toparow{float:right; margin: 70px 0;}
	.margin-top30-res{margin-top: 30px!important;}
	.text-center-res{text-align: center;}

	.home-background-video{top:77px;}

	.nopad-mobile{padding:0;}

	.product .banner {

	background-image: url(../images/product-inner-bg.jpg);

	background-position:-433px top;

	background-repeat: no-repeat;

	/*-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;*/

	height:370px;

	background-attachment:fixed;

	background-size: 200vmax 100vmax;

		

}

	

	

	.facility .banner {

	background-image: url(../images/facility-header.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	height:760px;

	background-attachment:fixed;

	background-size: 200vmax 100vmax;

		

}

	



.life .banner {

	background-image: url(../images/lifeatgenix-inner.jpg);

	background-position: -170px top;

	/*background-position: center top;*/

	background-repeat: no-repeat;

	height:760px;

	background-attachment:fixed;

	background-size: 200vmax 100vmax;

		

}


/*
	.gp .banner {

	background-image: url(../images/global-presence.jpg);

	

	background-position: center 20%;

	background-repeat: no-repeat;

	height:760px;

	background-attachment:fixed;

	
	background-size:183vmax 82vmax;

		

}
*/
	

	

	.about .banner {

    background-image: url(../images/about-header-inner.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    height: 760px;

    background-attachment: fixed;

	background-size: 200vmax 100vmax;
	}

	

	/*.careers .banner {

	background-image: url(../images/genix-hr-inner.jpg);

	

	background-position: center top;

	background-repeat: no-repeat;

	height:760px;

	background-attachment:fixed;

		background-size: 200vmax 100vmax;}*/
		
		
		
		.gp .banner {
    background-image: url(../images/global-presence.jpg);
    /* background-position: -421px 50px; */
    background-position: center 40px;
    background-repeat: no-repeat;
    height: 760px;
    background-attachment: fixed;
    background-size: 188vmax 80vmax;
}

	

	

	.contact .banner {

	background-image: url(../images/contact-top-img.jpg);

/*background-position: -688px top;*/

	background-position: center top;

	background-repeat: no-repeat;

	height:760px;

	background-attachment:fixed;

		background-size: 272vmax 89vmax;}

		

}



 #header .header-content {

 width: 90%;

 padding: 40px 0;

}

 #header.fixed a {

 color: #000;

}

 .nav-toggle {

 display: block;

}

 .navigation {

 position: fixed;

 background-color:#ececec;

 width: 100%;

 height: 100%;

 top: 0;

 left: 0;

 z-index: 99999;

 visibility: hidden;

 opacity: 0;

 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;

 transition: opacity 0.5s, visibility 0s 0.5s;

}

 .navigation .primary-nav {

 position: relative;

 top: 45%;

 -moz-transform: translateY(-45%);

 -ms-transform: translateY(-45%);

 -webkit-transform: translateY(-45%);

 transform: translateY(-45%);

}

 .navigation li {

 display: block;

 margin-bottom: 20px;

}

 .navigation a {

 display: block;

 font-size: 25px;

 margin: 0;

 text-align: center;

}

 .person {

 margin: 0 auto 50px;

}

 .person-content {

 text-align: center;

}

 .person .social-icons li {

 display: inline-block;

 float: none;

 margin-bottom: 5px;

}

 .testimonials blockquote {

 padding: 20px 5% 0;

}

 .testimonials p {

 font-size: 12px;

}

 .flex-control-nav {

 bottom: 20px;

}

/*.home-background-video{top:77px;}*/



@media screen and (max-width: 768px) {
	nav{background-color:#fff;}
	
}


	 .banner-text {

	 padding-top: 30%;

	}

	 .banner-text h1 {

	 font-size: 42px;

	}

	 .banner-text p {

	 font-size: 18px;

	}

	 .flexslider {

	 padding-bottom: 80px;

	}

	 .flex-control-nav {

	 width: 100%;

	}

	 .footer .footer-col {

	 margin-bottom: 50px;

	}

	

	

	

	

	.director{background:url(../images/directorimg.jpg) no-repeat;

    height: 65vh;

    background-attachment: fixed;

    top: 0px;

    background-position-y: 45px;

	background-position-x: -501px;



}

	

	

	

	

	

	/*.redbg{background-color:rgba(255, 0, 0, 0.7)!important;;padding: 40px; top:0px;}*/

	.parallax {min-height: 800px; background: transparent;padding: 20vh 25px 0 25px;}

	

	

	



}

@media screen and (max-width: 640px) {

 .navigation a{color:#000!important;}

 .banner-text {

 padding-top: 35%;

}

}

 .testimonials p {

 font-size: 12px;

}

@media screen and (max-width: 480px) {

 .banner-text {

 padding-top: 45%;

}

 .banner-text h1 {

 font-size: 32px;

}

 .testimonials p {

 font-size: 12px;

}

	}

@media screen and (max-width: 320px) {

 .banner-text {

 padding-top: 55%;

}

 .testimonials blockquote {

 padding: 20px 5% 0;

}

 .testimonials p {

 font-size: 12px;

}

}
 

@media screen and (min-width: 1024px) {

		.fancybox img{width: 15.5%; box-shadow:2px 2px 2px #dadada; border: 1px solid #c2c2c2;}
		.fancybox img:hover{width: 15.5%; border: 1px solid #c2c2c2}

		.col-md-2-lag{width: 23.5%;border: 1px solid #d1d1d1;padding:0;}

		.col-md-10-lag{width:76.5%}

	.banner.fadeIn.animated{height:100vh}

	.overlay{background: radial-gradient(circle at 48% 108%, #dfdfdf, #fff); width:100%; height:100%; position: absolute; z-index:1;opacity:.2;}

}

@media (min-width: 768px){
	.modal-dialog {width: 800px;}
}