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%;}
	.top-inside{ width:98%; margin-left:1%; margin-right:1%; float:left;} 
	#welcome { width:100%; float:left; text-align:center; }
	.welcome-inside { width:52%; padding-right:47%; padding-left:1%; text-align:left;} 
	.content-title { width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;} 
	.featured-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;} 
	.services { width:98%; padding-right:1%; padding-left:1%; float:left; text-align:left;} 
	.testimonial-inside{ width:98%; padding-left:1%; padding-right:1%; float:left; text-align:center;}
	.welcome-bottom-box { width:100%; background:url(../images/welcome-bottom-bg3.jpg) center top no-repeat;} 
.welcome-bottom-inside { width:52%; padding-left:1%; padding-right:47%;} 
	.footer-main-box{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:98%; height:auto; text-align:center; padding-left:1%; padding-right:1%; } 
	
	#welcome {  width:100%; }
 .welcome-inside { width:64%; height:auto; padding-left:1%; padding-right:35%;}  .welcome-inside br { display:none;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
.services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:96%; padding-left:2%; padding-right:2%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:46%; float:left; margin-right:2%; margin-left:2%; display:block;  margin-bottom:24px; text-align:center;}
		.services ul li:last-child { width:46%; text-align:center; margin-left:27%; margin-right:27%; margin-bottom:0px;} .services ul li p { text-align:center;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:22px; line-height:28px;}

.welcome-bottom-box { width:100%; background:url(../images/welcome-bottom-bg3.jpg) center top no-repeat;} 
.welcome-bottom-inside { width:64%; padding-left:1%; padding-right:35%;}

		.button { width:42%;} .button:hover { width:42%;} 
		.button2 { width:28%; margin-left:36%; margin-right:36%;} .button2:hover { width:28%; margin-left:36%; margin-right:36%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:110px; line-height:100px;}
		h2.styleFontface { font-size:30px; line-height:30px;}
		h3.styleFontface { font-size:30px; line-height:30px;}
		h5.styleFontface { font-size:22px; line-height:24px;}
	
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:96%; height:auto; text-align:center; padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; }
	.top-left {width:100%; height: auto; text-align:center;} .top-left h3.styleFontface { font-size:24px; line-height:30px;} 
	.top-right{ width:100%; text-align:center; padding-top:10px;} 
	
	#welcome {  width:100%; height:auto; background-image:none; background-color:#4b566e;}
	.welcome-top { display:inline; border-bottom:1px solid #687594; border-top:1px solid #687594;}
 .welcome-inside { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-bottom:40px; padding-top:30px; text-align:center;}  .welcome-inside br { display:none;}
 .subnav { padding-top:10px; width:74%; padding-left:13%; padding-right:13%;} .subnav ul li { text-align:center;} .subnav ul li h3.styleFontface { font-size:32px; line-height:42px;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
.services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:46%; float:left; margin-right:2%; margin-left:2%; display:block;  margin-bottom:24px; text-align:center;}
		.services ul li:last-child { width:46%; text-align:center; margin-left:27%; margin-right:27%; margin-bottom:0px;} .services ul li p { text-align:center;}
		  .services ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:22px; line-height:28px;}

.welcome-bottom-box { width:100%; height:auto; background-image:none; background-color:#4b566e;} 
.welcome-bottom-inside { width:90%; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:40px; text-align:center; font-size:18px; line-height:24px;}
.welcome-bottom-inside br { display:none;} 

		.button { width:32%; margin-left:34%; margin-right:34%;} .button:hover { width:32%; margin-left:34%; margin-right:34%;} 
		.button2 { width:32%; margin-left:34%; margin-right:34%;} .button2:hover { width:32%; margin-left:34%; margin-right:34%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:110px; line-height:100px;}
		h2.styleFontface { font-size:28px; line-height:28px;}
		h3.styleFontface { font-size:28px; line-height:28px;}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:96%; height:auto; text-align:center; padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; }
	.top-left {width:100%; height: auto; text-align:center;} .top-left h3.styleFontface { font-size:24px; line-height:30px;} 
	.top-right{ width:100%; text-align:center; padding-top:10px;} 
	
	#welcome {  width:100%; height:auto; background-image:none; background-color:#4b566e;}
	.welcome-top { display:inline; border-bottom:1px solid #687594; border-top:1px solid #687594;}
 .welcome-inside { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-bottom:40px; padding-top:30px; text-align:center;}  .welcome-inside br { display:none;}
 .subnav { padding-top:10px; width:86%; padding-left:7%; padding-right:7%;} .subnav ul li { text-align:center;} .subnav ul li h3.styleFontface { font-size:32px; line-height:42px;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
.services-box{ padding-bottom:40px; padding-top:40px;}
 .services { width:100%; height:auto; float:left;} .services ul {margin:0px; padding:0px; list-style-type:none;} 
		.services ul li { width:46%; float:left; margin-right:2%; margin-left:2%; display:block;  margin-bottom:24px; text-align:center;}
		.services ul li:last-child { width:46%; text-align:center; margin-left:27%; margin-right:27%; margin-bottom:0px;} .services ul li p { text-align:center;}
		  .services ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:20px; line-height:26px;}

.welcome-bottom-box { width:100%; height:auto; background-image:none; background-color:#4b566e;} 
.welcome-bottom-inside { width:90%; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:40px; text-align:center; font-size:18px; line-height:24px;}
.welcome-bottom-inside br { display:none;} 

		.button { width:38%; margin-left:31%; margin-right:31%;} .button:hover { width:38%; margin-left:31%; margin-right:31%;} 
		.button2 { width:38%; margin-left:31%; margin-right:31%;} .button2:hover { width:38%; margin-left:31%; margin-right:31%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:100px; line-height:90px;}
		h2.styleFontface { font-size:26px; line-height:26px;}
		h3.styleFontface { font-size:26px; line-height:26px;}
}


@media only screen and (min-width: 481px) and (max-width: 600px) {
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:96%; height:auto; text-align:center; padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; }
	.top-left {width:100%; height: auto; text-align:center;} .top-left h3.styleFontface { font-size:24px; line-height:30px;} 
	.top-right{ width:100%; text-align:center; padding-top:10px;} 
	
	#welcome {  width:100%; height:auto; background-image:none; background-color:#4b566e;}
	.welcome-top { display:inline; border-bottom:1px solid #687594; border-top:1px solid #687594;}
 .welcome-inside { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-bottom:40px; padding-top:30px; text-align:center;}  .welcome-inside br { display:none;}
 .subnav { padding-top:10px;} .subnav ul li { text-align:center;} .subnav ul li h3.styleFontface { font-size:28px; line-height:38px;}
 .welcome-inside h2.styleFontface { font-size:44px; line-height:44px;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
  .services-box { width:100%; padding-bottom:20px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%; text-align:center;} .services ul li { width:100%; text-align:center; padding-bottom:20px;}
.services ul li p { text-align:center;}  .services ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:20px; line-height:26px;}

.welcome-bottom-box { width:100%; height:auto; background-image:none; background-color:#4b566e;} 
.welcome-bottom-inside { width:90%; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:40px; text-align:center; font-size:18px; line-height:24px;}
.welcome-bottom-inside br { display:none;} .welcome-bottom-inside h2.styleFontface { font-size:44px; line-height:44px;}

		.button { width:48%; margin-left:26%; margin-right:26%;} .button:hover { width:48%; margin-left:26%; margin-right:26%;} 
		.button2 { width:48%; margin-left:26%; margin-right:26%;} .button2:hover { width:48%; margin-left:26%; margin-right:26%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:80px; line-height:74px;}
		h2.styleFontface { font-size:26px; line-height:26px;}
		h3.styleFontface { font-size:26px; line-height:26px;}
}

@media only screen and (min-width: 401px) and (max-width: 480px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:96%; height:auto; text-align:center; padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; }
	.top-left {width:100%; height: auto; text-align:center;} .top-left h3.styleFontface { font-size:24px; line-height:30px;} 
	.top-right{ width:100%; text-align:center; padding-top:10px;} 
	
	#welcome {  width:100%; height:auto; background-image:none; background-color:#4b566e;}
	.welcome-top { display:inline; border-bottom:1px solid #687594; border-top:1px solid #687594;}
 .welcome-inside { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-bottom:40px; padding-top:30px; text-align:center;}  .welcome-inside br { display:none;}
 .subnav { padding-top:10px;} .subnav ul li { text-align:center;} .subnav ul li h3.styleFontface { font-size:24px; line-height:34px;}
 .welcome-inside h2.styleFontface { font-size:38px; line-height:38px;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
  .services-box { width:100%; padding-bottom:20px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%; text-align:center;} .services ul li { width:100%; text-align:center; padding-bottom:20px;}
.services ul li p { text-align:center;}  .services ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:20px; line-height:26px;}

.welcome-bottom-box { width:100%; height:auto; background-image:none; background-color:#4b566e;} 
.welcome-bottom-inside { width:90%; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:40px; text-align:center; font-size:18px; line-height:24px;}
.welcome-bottom-inside br { display:none;} .welcome-bottom-inside h2.styleFontface { font-size:38px; line-height:38px;}

		.button { width:56%; margin-left:22%; margin-right:22%;} .button:hover { width:56%; margin-left:22%; margin-right:22%;} 
		.button2 { width:56%; margin-left:22%; margin-right:22%;} .button2:hover { width:56%; margin-left:22%; margin-right:22%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:58px; line-height:58px;}
		h2.styleFontface { font-size:22px; line-height:24px;}
		h3.styleFontface { font-size:22px; line-height:24px;}
		h4.styleFontface { font-size:34px; line-height:36px;}
		h5.styleFontface { font-size:22px; line-height:24px;}
}

@media only screen and (min-width: 300px) and (max-width: 400px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	body { font-size:16px; line-height:24px;}
	.zerogrid{width:100%; }
	.top-inside { width:96%; height:auto; text-align:center; padding-left:2%; padding-right:2%; padding-top:20px; padding-bottom:20px; }
	.top-left {width:100%; height: auto; text-align:center;} .top-left h3.styleFontface { font-size:24px; line-height:30px;} 
	.top-right{ width:100%; text-align:center; padding-top:10px;} 
	
	#welcome {  width:100%; height:auto; background-image:none; background-color:#4b566e;}
	.welcome-top { display:inline; border-bottom:1px solid #687594; border-top:1px solid #687594;}
 .welcome-inside { width:90%; height:auto; padding-left:5%; padding-right:5%; padding-bottom:40px; padding-top:30px; text-align:center;}  .welcome-inside br { display:none;}
 .subnav { padding-top:10px;} .subnav ul li { text-align:center;} .subnav ul li h3.styleFontface { font-size:20px; line-height:30px;}
 .welcome-inside h2.styleFontface { font-size:30px; line-height:32px;}
 
 .featured-box { padding-top:40px; padding-bottom:40px;}
 .featured-inside { width:90%; padding-left:5%; padding-right:5%;}
 
  .services-box { width:100%; padding-bottom:20px; padding-top:40px;}
.services { width:90%; margin-left:5%; margin-right:5%; text-align:center;} .services ul li { width:100%; text-align:center; padding-bottom:20px;}
.services ul li p { text-align:center;}  .services ul li h2.styleFontface { font-size:26px; line-height:28px;}

.content-top-box { padding-top:40px; height:auto; padding-bottom:0px; background-image:none;}
.content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center;} .content-title br { display:none;}
	.content-inside { width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; text-align:center; }
	 .content-left{ width:100%; text-align:center; display:inline;} .content-right{ width:100%; text-align:center; padding-top:20px;} .content-right p { margin:18px 0px 7px 0px; text-align:center;} .content-right br { display:none;} 
	.content-bottom-box { padding-top:40px; height:auto; padding-bottom:40px; background-image:none;} 
	 .content-middle-left { width:100%; text-align:center; padding-top:20px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:center;} 
	 .content-middle-left br { display:none;} .content-middle-right { width:100%; text-align:center; display:inline;}

 .testimonial-box { width:100%; padding-top:40px; padding-bottom:40px;}
.testimonial-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center; } .testimonial-inside h3.styleFontface { font-size:18px; line-height:24px;}

.welcome-bottom-box { width:100%; height:auto; background-image:none; background-color:#4b566e;} 
.welcome-bottom-inside { width:90%; padding-left:5%; padding-right:5%; padding-top:40px; padding-bottom:40px; text-align:center; font-size:18px; line-height:24px;}
.welcome-bottom-inside br { display:none;} .welcome-bottom-inside h2.styleFontface { font-size:30px; line-height:32px;}

		.button { width:76%; margin-left:12%; margin-right:12%;} .button:hover { width:76%; margin-left:12%; margin-right:12%;} 
		.button2 { width:76%; margin-left:12%; margin-right:12%;} .button2:hover { width:76%; margin-left:12%; margin-right:12%;} 
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px; padding-top:20px; padding-bottom:20px;}
	 .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:44px; line-height:44px;}
		h2.styleFontface { font-size:22px; line-height:24px;}
		h3.styleFontface { font-size:22px; line-height:24px;}
		h4.styleFontface { font-size:28px; line-height:30px;}
		h5.styleFontface { font-size:20px; line-height:24px;}
		html {
		-webkit-text-size-adjust: none;
	}
}