html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
@media only screen and (min-width: 960px) and (max-width: 1000px) {
	.zerogrid{width:100%;}
	.top-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;} 
    .top-right{ width:26%;}
	.welcome-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left; text-align:left; padding-right:0%;}
	.form-box { width:31%;}
	.body-title-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;} 
	.content-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.content-right { padding-top:20px;}
	.content-middle-left { padding-top:20px; }
	.services { width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.testimonial { width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.footer-main-box{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	.body-title-left-box h2.styleFontface { font-size:46px; line-height:54px;}
	h1.styleFontface { font-size:64px; line-height:60px;}
	h2.styleFontface { font-size:44px; line-height:44px;}
	h3.styleFontface { font-size:28px; line-height:30px;}
	h5.styleFontface { font-size:38px; line-height:40px;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{width:100%;}
	.top-inside { width:98%; text-align:center; margin-left:1%; margin-right:1%;}
	.top-right { width:32%;}
	
 .welcome-inside { width:98%; text-align:left; padding-left:1%; padding-right:1%;}
 .form-box { width:36%;}
 .form-title { text-align:center;} .form-title h2.styleFontface { font-size:52px; line-height:52px;}
 .welcome-left { width:62%; text-align:left; padding-top:60px;}
 .apply-button { width:44%;} .apply-button:hover { width:44%;}
 
 .services { width:96%; height:auto; padding-left:2%; padding-right:2%; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:42%; float:left; margin-right:4%; margin-left:4%; display:block;  margin-bottom:36px; text-align:center;}
	.services ul li:last-child { width:42%; text-align:center; margin-left:29%; margin-right:29%; margin-bottom:0px;}
	.services ul li p { text-align:center;}

	.content-inside { width:80%; margin-left:10%; margin-right:10%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}
		.content-right-top { width:100%; text-align:center;} .content-right-top p { text-align:center;}
		
			 .content-middle-left{ width:100%; text-align:center; padding-top:24px; } .content-middle-left p { text-align:center;}
	 	.content-middle-right{ width:100%; text-align:center;} 
		.content-bottom-left { width:100%; text-align:center;}
		.content-bottom-right { width:100%; text-align:center;}
		
		.body-title-inside { width:80%; padding-left:10%; padding-right:10%;}
		.body-title-left { width:100%; text-align:center;}
		.body-title-left-box { width:100%; text-align:center;} .body-title-right-box { width:100%; text-align:center; padding-top:0px;}
		.body-title-right{ width:100%; text-align:center; padding-top:10px;}
		
		.testimonial { width:98%; padding-left:1%; padding-right:1%;}
		
				 		.button2 { width:36%; margin-left:32%; margin-right:32%;} .button2:hover { width:36%; margin-left:32%; margin-right:32%;}
	 
	.footer-main-box { width:98%; padding-left:1%; padding-right:1%; text-align:center;}
	.footer-left { width:64%;}
	h1.styleFontface { font-size:66px; line-height:66px;}
	h2.styleFontface { font-size:34px; line-height:34px;}
	
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.zerogrid{width:100%;}
	#content .top { height:auto;}
	.top-inside { width:90%; height:auto; text-align:center; margin-left:5%; margin-right:5%;}
	.top-left {width:100%; height: auto; text-align:center;}
	.top-right{ width:72%; text-align:left; padding-top:20px; margin-left:28%;}
	.top-middle { width:100%; text-align:center;}
	.top-right-box { width:100%; text-align:center;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:180px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; padding-left:0%;}
  .subnav ul li { width:100%; text-align:center;}
.subnav ul li h3.styleFontface { font-size:30px; line-height:36px; padding-top:4px; padding-bottom:4px;}
 
 .form-box { width:66%; height:auto; margin-top:30px; margin-left:17%; margin-right:17%; padding-bottom:30px;}
 .form-title { text-align:center;}

 .services-box { width:100%; padding-bottom:30px;}
.services { width:80%; margin-left:10%; margin-right:10%;} .services ul li { width:100%; text-align:center; margin-bottom:34px;} .services ul li p { text-align:center;}
 
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}
		.content-right-top { width:100%; text-align:center;} .content-right-top p { text-align:center;}
		
			 .content-middle-left{ width:100%; text-align:center; padding-top:24px; } .content-middle-left p { text-align:center;}
	 	.content-middle-right{ width:100%; text-align:center;} 
		.content-bottom-left { width:100%; text-align:center;}
		.content-bottom-right { width:100%; text-align:center;}
		
		.body-title-inside { width:90%; padding-left:5%; padding-right:5%;}
		.body-title-left { width:100%; text-align:center;}
		.body-title-left-box { width:100%; text-align:center;} .body-title-right-box { width:100%; text-align:center; padding-top:0px;}
		.body-title-right{ width:100%; text-align:center; padding-top:10px;}
		.input { width:60%; padding-left:3%;} .submit-button { width:34%;} .submit-button:hover { width:34%;}
		
				 .testimonial-box { width:100%; padding-bottom:20px;}
.testimonial { width:90%; margin-left:5%; margin-right:5%;} .testimonial ul li { width:100%; text-align:center; margin-bottom:38px;} .testimonial ul li p { text-align:center;}
		 
		.apply-button { width:50%; margin-left:25%; margin-right:25%;} .apply-button:hover { width:50%; margin-left:25%; margin-right:25%;}
		.button2 { width:50%; margin-left:25%; margin-right:25%;} .button2:hover { width:50%; margin-left:25%; margin-right:25%;}
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
	.footer-left { width:100%; text-align:center;}
	h1.styleFontface { font-size:46px; line-height:46px;}
	h2.styleFontface { font-size:32px; line-height:32px;}
	
}

@media only screen and (min-width: 300px) and (max-width: 479px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	.zerogrid{width:100%; }
	#content .top { height:auto;}
	.top-inside { width:90%; height:auto; text-align:center; margin-left:5%; margin-right:5%;}
	.top-left {width:100%; height: auto; text-align:center;}
	.top-left h2.styleFontface { font-size:30px; line-height:30px;}
	.top-right{ width:95%; text-align:left; padding-top:20px; margin-left:5%;}
	.top-middle { width:100%; text-align:center;}
	.top-right-box { width:100%; text-align:center;}
	
	#welcome { height:auto; width:100%; float:left; text-align:center;}
 .welcome-inside { width:90%; text-align:center; padding-left:5%; padding-right:5%; padding-top:120px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; padding-left:0%;}
 .subnav ul li { width:100%; text-align:center;}
.subnav ul li h3.styleFontface { font-size:30px; line-height:36px; padding-top:4px; padding-bottom:4px;}

.apply-button { width:80%; margin-left:10%; margin-right:10%;} .apply-button:hover { width:80%; margin-left:10%; margin-right:10%;}

 .form-box { width:100%; height:auto; margin-top:30px; padding-bottom:30px;}
 .form-title h2.styleFontface { font-size:50px; line-height:50px;}
 
 .services-box { width:100%; padding-bottom:30px;}
.services { width:90%; margin-left:5%; margin-right:5%;} .services ul li { width:100%; text-align:center; margin-bottom:34px;} .services ul li p { text-align:center;}

	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}   
	 	.content-right{ width:100%; text-align:center;  padding-top:24px;}
		.content-right-top { width:100%; text-align:center;} .content-right-top p { text-align:center;}
		
			 .content-middle-left{ width:100%; text-align:center; padding-top:24px; } .content-middle-left p { text-align:center;}
	 	.content-middle-right{ width:100%; text-align:center;} 
		.content-bottom-left { width:100%; text-align:center;}
		.content-bottom-right { width:100%; text-align:center;}
		
		.body-title-inside { width:90%; padding-left:5%; padding-right:5%;}
		.body-title-left { width:100%;}
				.body-title-left-box { width:100%; text-align:center;} .body-title-right-box { width:100%; text-align:center; padding-top:0px;}
		.body-title-right{ width:100%; text-align:center; padding-top:10px;}
		
		.input { width:60%; padding-left:3%;} .submit-button { width:34%;} .submit-button:hover { width:34%;}
		
		 .testimonial-box { width:100%; padding-bottom:20px;}
.testimonial { width:90%; margin-left:5%; margin-right:5%;} .testimonial ul li { width:100%; text-align:center; margin-bottom:38px;} .testimonial ul li p { text-align:center;}
		 
		
		.button2 { width:82%; margin-left:9%; margin-right:9%;} .button2:hover { width:82%; margin-left:9%; margin-right:9%;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
	.footer-left { width:100%; text-align:center;}
		h1.styleFontface { font-size:42px; line-height:42px;}
		h2.styleFontface { font-size:30px; line-height:30px;}
		html {
		-webkit-text-size-adjust: none;
	}
}