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;} 
	.welcome-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left; text-align:left; padding-right:0%;}
	.form-title h2.styleFontface { font-size:49px; line-height:56px;}
	.services{ 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-title{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left; text-align:center;}
	.featured{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left; text-align:center;} .featured ul li { width:25.7%;}
	.testimonial{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left; text-align:center;}
	h1.styleFontface { font-size:70px; line-height:72px;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{width:100%;}
	.top-inside { width:96%; text-align:center; padding-left:1%; padding-right:1%;} 
 .welcome-inside { width:98%; text-align:left; padding-left:1%; padding-right:1%;}
 .form-box { width:32%;} .form-title h2.styleFontface { font-size:45px; line-height:50px;}
 .welcome-left { width:59%; text-align:right; padding-left:0%;}
.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:44%; float:left; padding-right:3%; padding-left:3%; margin-right:0%; display:block;  margin-bottom:30px;}
	.services ul li:last-child { width:44%; text-align:center; margin-left:28%; margin-right:28%; margin-bottom:0px;}
	
	.content-inside { width:80%; margin-left:10%; margin-right:10%;}
	.content-title { width:96%; margin-left:2%; margin-right:2%;} 
	
	 .content-top-left{ width:100%; text-align:center;}
	 	.content-top-right{ width:100%; text-align:center; padding-top:24px; }.content-top-right 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; }
	
.testimonial { width:98%;  margin-left:1%; margin-right:1%; text-align:center;}

.featured { width:96%; height:auto; padding-left:2%; padding-right:2%; float:left;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
		.featured ul li { width:39.6%; float:left; padding-right:3%; padding-left:3%; margin-left:2%; margin-right:2%; display:block;  margin-bottom:30px; text-align:center;}
	.featured ul li:last-child { width:39.6%; text-align:center; margin-left:27%; margin-right:27%; padding-right:3%; padding-left:3%; margin-bottom:0px;}

	.button { width:80%; margin-left:10%; margin-right:10%;} .button:hover{ width:80%; margin-left:10%; margin-right:10%;}
	.button2{ width:36%; margin-left:32%; margin-right:32%;} .button2:hover{ width:36%; margin-left:32%; margin-right:32%;}
	
		.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
					h1.styleFontface { font-size:64px; line-height:68px;}
	
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.zerogrid{width:100%;}
	.top-inside { width:96%; text-align:center; margin-left:2%; margin-right:2%;}
	.top-left {width:100%; text-align:center;} .top-right{ width:100%; text-align:center; padding-top:20px;}
	#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:40px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; padding-left:0%; padding-right:0%;}
.form-box { width:60%; margin-top:20px; margin-left:14%; margin-right:14%; padding-left:6%; padding-right:6%;} .form-title h2.styleFontface { font-size:48px; line-height:54px;}
 
 .services-box{ padding-bottom:34px; }
	.services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} .services ul li { width:80%; float:left; 
	display:block; text-align:center; padding-bottom:30px; margin-left:10%; margin-right:10%;}
	
	.featured-box { padding-bottom:40px;}	
	.featured { width:70%; height:auto; float:left; margin-left:15%; margin-right:15%;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
	.featured ul li { width:91.6%; float:left; display:block; text-align:center; margin-bottom:30px; padding-left:4%; padding-right:4%;}
 
	.content-title{ width:90%;  margin-left:5%; margin-right:5%; text-align:center;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center;}
	 .content-top-left{ width:100%; text-align:center;}
	 	.content-top-right{ width:100%; text-align:center; padding-top:24px; }.content-top-right 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; }
		
	.testimonial-box { padding-bottom:40px;}	
	.testimonial { width:100%; height:auto; float:left;} .testimonial ul {margin:0px; padding:0px; list-style-type:none;} .testimonial ul li { width:90%; float:left; 
	display:block; text-align:center; margin-left:5%; margin-right:5%; padding-bottom:40px;}
	.testimonial-left { width:100%; text-align:center;}
	.testimonial-right { width:100%; text-align:center; padding-top:20px;} .testimonial-right p { text-align:center;}
			
			
	 .button{ width:80%; margin-left:10%; margin-right:10%;} .button:hover{ width:80%; margin-left:10%; margin-right:10%;}
	 .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;}
			h1.styleFontface { font-size:60px; line-height:64px;}
	h2.styleFontface { font-size:44px; line-height:48px;}
	h3.styleFontface { font-size:44px; line-height:48px;}
	
}

@media only screen and (min-width: 300px) and (max-width: 479px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	.zerogrid{width:100%; }
	.top-inside { width:96%; text-align:center; margin-left:2%; margin-right:2%;}
	.top-left {width:100%; text-align:center;} .top-right{ width:100%; text-align:center; padding-top:20px;}
	#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:30px;}
 .welcome-left { width:100%; text-align:center; padding-top:0px; padding-left:0%; padding-right:0%;}
 .form-box { width:88%; margin-top:30px; padding-left:6%; padding-right:6%;} .form-title h2.styleFontface { font-size:46px; line-height:52px;}
 
 .services-box{ padding-bottom:34px; }
	.services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} .services ul li { width:90%; float:left; 
	display:block; text-align:center; padding-bottom:30px; margin-left:5%; margin-right:5%;}
 
	.content-title{ width:96%;  margin-left:2%; margin-right:2%; text-align:center;}
	.content-inside { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center;}
	 .content-top-left{ width:100%; text-align:center;}
	 	.content-top-right{ width:100%; text-align:center; padding-top:24px; }.content-top-right 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; }
		
	.featured-box { padding-bottom:40px;}	
	.featured { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%;} .featured ul {margin:0px; padding:0px; list-style-type:none;} 
	.featured ul li { width:91.6%; float:left; display:block; text-align:center; margin-bottom:30px; padding-left:4%; padding-right:4%;}
	
	.testimonial-box { padding-bottom:40px;}	
	.testimonial { width:100%; height:auto; float:left;} .testimonial ul {margin:0px; padding:0px; list-style-type:none;} .testimonial ul li { width:90%; float:left; 
	display:block; text-align:center; margin-left:5%; margin-right:5%; padding-bottom:40px;}
	.testimonial-left { width:100%; text-align:center;}
	.testimonial-right { width:100%; text-align:center; padding-top:20px;} .testimonial-right p { text-align:center;}
			
			
	 .button{ width:80%; margin-left:10%; margin-right:10%;} .button:hover{ width:80%; margin-left:10%; margin-right:10%;}
	 .button2{ width:80%; margin-left:10%; margin-right:10%;} .button2:hover{ width:80%; margin-left:10%; margin-right:10%;}
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
		h1.styleFontface { font-size:54px; line-height:58px;}
	h2.styleFontface { font-size:40px; line-height:44px;}
	h3.styleFontface { font-size:40px; line-height:44px;}
		html {
		-webkit-text-size-adjust: none;
	}
}