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: 961px) and (max-width: 1000px) {
	.zerogrid{width:100%;}
	.zerogrid2{width:100%;}
	.top-inside{ width:98%; margin-left:1%; margin-right:1%; float:left;} 
	#welcome {  } .form-title h3.styleFontface { font-size:38px; line-height:38px;}
	.content-box{ 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;} .content-right { width:32%;} .content-middle-left { width:32%;}
	.footer-main-box{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	h3.styleFontface { font-size:58px; line-height:58px;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}
 .welcome-left-middle { width:84%; background:url(../images/welcome-left-middle-bg.jpg) center top no-repeat; padding-left:16%;}

 .form-box { width:36%; height:auto; padding-bottom:30px; margin-left:32%; margin-right:32%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:36px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:66px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:98%; height:auto; padding-left:1%; padding-right:1%; padding-top:50px; padding-bottom:50px;} 
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:50px; line-height:50px;}
		h2.styleFontface { font-size:38px; line-height:38px;}
		h3.styleFontface { font-size:52px; line-height:52px;}
		h5.styleFontface { font-size:42px; line-height:42px;}
	
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}
 .welcome-left-middle { width:90%; background:url(../images/welcome-left-middle-bg.jpg) center top no-repeat; padding-left:10%;}

 .form-box { width:40%; height:auto; padding-bottom:30px; margin-left:30%; margin-right:30%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:36px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:66px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:10px;} 
.testimonial ul li { width:100%; text-align:center; padding-bottom:30px;} .testimonial ul li p { text-align:center;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:50px; line-height:50px;}
		h2.styleFontface { font-size:34px; line-height:34px;}
		h3.styleFontface { font-size:48px; line-height:48px;}
		h5.styleFontface { font-size:36px; line-height:36px;}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}

 .form-box { width:46%; height:auto; padding-bottom:30px; margin-left:27%; margin-right:27%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:36px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:66px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:10px;} 
.testimonial ul li { width:100%; text-align:center; padding-bottom:30px;} .testimonial ul li p { text-align:center;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:50px; line-height:50px;}
		h2.styleFontface { font-size:34px; line-height:34px;}
		h3.styleFontface { font-size:48px; line-height:48px;}
		h5.styleFontface { font-size:36px; line-height:36px;}
}


@media only screen and (min-width: 481px) and (max-width: 600px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}
.welcome-left-top { display:inline;}
.welcome-left-middle { width:100%; height:auto; text-align:center; background-image:none; background-color: #e8eef1; padding-top:24px; padding-bottom:30px;}
.subnav { width:86%; padding-left:14%;} .subnav ul li { width:90%; font-size:22px; line-height:28px; background:url(../images/right-arrow.png) left 5px no-repeat; padding-top:2px;
padding-bottom:2px;}

 .form-box { width:58%; height:auto; padding-bottom:30px; margin-left:21%; margin-right:21%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:36px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:66px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:10px;} 
.testimonial ul li { width:100%; text-align:center; padding-bottom:30px;} .testimonial ul li p { text-align:center;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:42px; line-height:40px;}
		h2.styleFontface { font-size:32px; line-height:32px;}
		h3.styleFontface { font-size:44px; line-height:44px;}
		h5.styleFontface { font-size:36px; line-height:36px;}
}

@media only screen and (min-width: 401px) and (max-width: 480px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}
.welcome-left-top { display:inline;}
.welcome-left-middle { width:100%; height:auto; text-align:center; background-image:none; background-color: #e8eef1; padding-top:24px; padding-bottom:30px;}
.subnav { width:90%; padding-left:10%;} .subnav ul li { width:90%; font-size:20px; line-height:26px; background:url(../images/right-arrow.png) left 4px no-repeat; padding-top:2px;
padding-bottom:2px;}

 .form-box { width:70%; height:auto; padding-bottom:30px; margin-left:15%; margin-right:15%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:36px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:66px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:10px;} 
.testimonial ul li { width:100%; text-align:center; padding-bottom:30px;} .testimonial ul li p { text-align:center;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:36px; line-height:36px;}
		h2.styleFontface { font-size:28px; line-height:30px;}
		h3.styleFontface { font-size:40px; line-height:40px;}
		h5.styleFontface { font-size:32px; line-height:32px;}
}

@media only screen and (min-width: 300px) and (max-width: 400px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.zerogrid2{width:100%; }
	.top-left {width:100%; height: auto; text-align:center;}  .top-left h2.styleFontface { font-size:44px; line-height:34px;}
	.top-right{ width:100%; text-align:center; padding-top:10px;}
	
.welcome-box { height:auto;}
 .welcome-left { width:100%; height:auto; text-align:center; padding-top:0px;}
 .welcome-left-title { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:15px; padding-bottom:15px; text-align:center;}
.welcome-left-top { display:inline;}
.welcome-left-middle { width:100%; height:auto; text-align:center; background-image:none; background-color: #e8eef1; padding-top:24px; padding-bottom:30px;}
.subnav ul li { width:90%; font-size:18px; line-height:24px; background:url(../images/right-arrow.png) left 4px no-repeat; padding-top:3px; padding-bottom:3px;}

 .form-box { width:90%; height:auto; padding-bottom:30px; margin-left:5%; margin-right:5%;} .form-title { padding-top:24px;}
 .form-title h2.styleFontface { font-size:26px; line-height:28px;}
 .form-title h3.styleFontface { font-size:34px; line-height:38px;}
 .form-inside-title h2.styleFontface { font-size:62px; line-height:66px;}

.content-box { padding-top:40px; padding-bottom:40px; width:90%; padding-left:5%; padding-right:5%;}
	 .content-left{ width:100%; text-align:center; padding-top:24px;} .content-left p { text-align:center;}   
	 	.content-right{ width:100%; text-align:center;}  .content-right img { max-width: 90%;}
		
		.content-middle-left{ width:100%; text-align:center;}   .content-middle-left img { max-width: 90%;}
		.content-middle-right{ width:100%; text-align:center; padding-top:24px;} .content-middle-right p { text-align:center;}

.testimonial { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:10px;} 
.testimonial ul li { width:100%; text-align:center; padding-bottom:30px;} .testimonial ul li p { text-align:center;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .footer-main-box a{ font-size:16px; line-height:24px;}
	.footer-main-box a:hover { font-size:16px; line-height:24px;}
	
		h1.styleFontface { font-size:32px; line-height:32px;}
		h2.styleFontface { font-size:26px; line-height:28px;}
		h3.styleFontface { font-size:36px; line-height:36px;}
		h4.styleFontface { font-size:42px; line-height:44px;}
		h5.styleFontface { font-size:26px; line-height:26px;}
		html {
		-webkit-text-size-adjust: none;
	}
}