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: 769px) and (max-width: 960px) {
	.zerogrid{width:100%;}
	.top-inside { width:96%; text-align:center; padding-left:2%; padding-right:2%;}
	.welcome-inside { width:100%; text-align:center;
}
	.welcome-left { width:90%; text-align:center; padding:0% 5% 0% 5%; padding-bottom:10px;}  .welcome-left p{ margin:7px; text-align:center;}
	.subnav{ width:100%; text-align:center;} .subnav ul li { text-align:center;}
	.welcome-right { width:90%; text-align:center; padding-top:15px; margin-left:5%; margin-right:5%; }
		.services { width:70%; height:auto; float:left; margin-left:15%; margin-right:15%; padding-top:10px; } .services ul {margin:0px; padding:0px; list-style-type:none;} 
	.services ul li { width:100%; float:left; display:block; text-align:center;  padding-top:20px; padding-bottom:20px; padding-left:0%; padding-right:0%; background:none;}
	.services ul li p { margin:7px 0px; text-align:center;} 
	.content-title { width:98%; float:left; margin-left:1%; margin-right:1%; text-align:center;}
	.content-main-box { width:98%; height:auto; float:left; text-align:left; margin-left:1%; margin-right:1%;}
	.content-left { width:40%;}
	.content-right { width:54%;}
	.benefits-box { padding-left:1%; padding-right:1%; width:98%;}
	.testimonial { width:98%; margin-left:1%; margin-right:1%;}
	.testimonial-left{ width:34%;}
	.testimonial-right{ width:56%;}
	.button{ width:44%; margin-left:28%;} .button:hover{ width:44%; margin-left:28%; }
		.footer-main-box { width:90%; padding:5% 5%; text-align:center;}
		h3.styleFontface { font-size:34px; line-height:40px;}
	
}
@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-inside { width:100%; text-align:center;
}
	.welcome-left { width:90%; text-align:center; padding:0% 5% 0% 5%; padding-bottom:10px;}  .welcome-left p{ margin:7px; text-align:center;}
	.subnav{ width:100%; text-align:center;} .subnav ul li { text-align:center;}
	.welcome-right { width:90%; text-align:center; padding-top:15px; margin-left:5%; margin-right:5%; }
	#middle{ padding-bottom:14px;}
	.services { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; padding-top:10px; } .services ul {margin:0px; padding:0px; list-style-type:none;} 
	.services ul li { width:100%; float:left; display:block; text-align:center;  padding-top:30px; padding-bottom:20px; padding-left:0%; padding-right:0%; background:none;}
	.services ul li p { margin:7px 0px; text-align:center;} 
	.content-main-box { width:80%; height:auto; float:left; text-align:left; padding-left:10%; padding-right:10%;}
	.content-title{ width:96%; text-align:center; margin-left:2%; margin-right:2%;}
	 .content-left{ width:100%; text-align:center;} 
	.content-right{ width:100%; text-align:center; padding-top:15px; }.content-right p { text-align:center; margin:7px 0px;}
	.content ul li { width:100%; text-align:center;}
	.benefits-box ul li { width:100%; text-align:center; margin-right:0%; padding-bottom:30px;}
			.benefits ul li { width:100; text-align:center; padding-bottom:0px;}
		.benefits-inside p { text-align:center;}
		 .testimonial-box{ width:100%; padding-bottom:24px;}
		 .testimonial-title { width:96%; margin-left:2%; margin-right:2%; text-align:center;}
	.testimonial { width:80%; margin-left:10%; margin-right:10%; text-align:center; }.testimonial ul li { width:100%; margin-bottom:30px; text-align:center;} 	
	.testimonial-left{ width:100%; text-align:center;}.testimonial-right{ width:100%; text-align:center;}
	.testimonial-right p { margin:7px 0px; text-align:center;}
	.button{ width:70%;  margin-left:15%; } .button:hover{ width:70%;  margin-left:15%;}
		.footer-main-box { width:90%; padding:7% 5%; text-align:center;}
			h1.styleFontface{ font-size:48px; line-height:58px;}
	h2.styleFontface{ font-size:42px; line-height:52px;}
	
}

@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-inside { width:100%; text-align:center;
}
	.welcome-left { width:90%; text-align:center; margin-left:5%; margin-right:5%;} .welcome-left p { margin:7px 0px; text-align:center;}
	.welcome-right { width:96%; text-align:center; padding-top:10px; margin-left:2%; margin-right:2%; }
	  .subnav { width:100%; height: auto; float:left; text-align:center; padding-top:10px;} .subnav ul { margin:0px; padding:0px; list-style-type:none;} .subnav ul li { width:100%;
  height:auto; float:left; text-align:center; display:block; font-size:20px; line-height:30px; color: #222222; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;}
#middle{ }
	.services { width:92%; height:auto; float:left; margin-left:4%; margin-right:4%; padding-top:10px; } .services ul {margin:0px; padding:0px; list-style-type:none;} 
	.services ul li { width:100%; float:left; display:block; text-align:center; padding-top:30px; padding-bottom:20px; padding-left:0%; padding-right:0%; background:none;}
	.services ul li p { margin:7px 0px; text-align:center;} 
	.content-title{ width:96%; text-align:center; padding-left:2%; padding-right:2%;} .content-main-box{ width:90%; text-align:center; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center;}
	 	.content-right{ width:100%; text-align:center; padding-top:15px; }.content-right p { text-align:center; margin:7px 0px;}
		.content ul li { width:100%; text-align:center;}
		.benefits-box ul li { width:100%; text-align:center; margin-right:0%; padding-bottom:30px;}
		.benefits ul li { width:100; text-align:center; padding-bottom:0px;}
		.benefits-inside p { text-align:center;}
	 .testimonial-box{ width:100%; padding-bottom:24px;}
	 .testimonial-title { width:96%; margin-left:2%; margin-right:2%; text-align:center;}
	.testimonial { width:90%; margin-left:5%; margin-right:5%; text-align:center; }.testimonial ul li { width:100%; margin-bottom:30px; text-align:center;} 	
	.testimonial-left{ width:100%; text-align:center;}.testimonial-right{ width:100%; text-align:center;}
	.testimonial-right p { margin:7px 0px; text-align:center;} 
	.button{ width:100%; } .button:hover{ width:100%; }
	.footer-main-box { width:90%; padding:7% 5%; text-align:center;}
		html {
		-webkit-text-size-adjust: none;
	}
	h1.styleFontface{ font-size:44px; line-height:54px;}
	h2.styleFontface{ font-size:40px; line-height:50px;}
	h3.styleFontface{ font-size:32px; line-height:42px;}
}