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:32%;}
	.top-right h3.styleFontface { font-size:35px; line-height:38px;}
	.form-box { width:30%;}
	.body-title-inside{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;} 
	.content-box{ width:98%; height:auto; padding-left:1%; padding-right:1%; float:left;}
	.services { width:98%; height:auto; padding-left:1%; padding-right:1%; float:left;}
	.footer-main-box{ width:98%; height:auto; margin-left:1%; margin-right:1%; float:left;}
	h3.styleFontface { font-size:28px; line-height:30px;}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.zerogrid{width:100%;}
	.top-inside { width:100%; text-align:center; margin-left:0%; margin-right:0%;}
	.top-left { width:65%;} .logo-box { width:46%; text-align:right;}.top-middle-box { width: 54%; text-align:right;}
	h4.styleFontface { font-size: 34px; }
	.top-right { width:33%; margin-left:0%; margin-right:0%; padding-top:15px;}
	.top-right h3.styleFontface { font-size: 24px; }
	.top-menu li a { padding: 9px 28px; font-size: 16px; }
 .form-box { width:36%;}
 .form-title { text-align:center;}
 .welcome-left { width:64%; text-align:left;}

 .appArea .fgroup span.wpcf7-list-item { margin: 0 13px 0 0; }
 
 .body-title-inside { width:90%; margin-left:5%; margin-right:5%; text-align:center;}
 
 .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.big:last-child { width:42%; text-align:center; margin-left:29%; margin-right:29%; margin-bottom:0px;}
	.services ul li.big { width:42%; margin-right:4%; margin-left:4%; display:block;  margin-bottom:36px; text-align:center;} .services ul li.big p { text-align:center;}
	.services ul li.big::after { display: none; }
	.services ul li.arrow { display:none;}

	.content-box { 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:30px;}  .content-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:96%; height:auto; padding-left:2%; padding-right:2%; float:left;} .testimonial ul {margin:0px; padding:0px; list-style-type:none;} 
		.testimonial ul li { width:42%; float:left; margin-right:4%; margin-left:4%; display:block;  margin-bottom:40px; text-align:center;}
	.testimonial ul li:last-child { width:42%; text-align:center; margin-left:29%; margin-right:29%; margin-bottom:0px;} .testimonial ul li p { text-align:center;}
		
				 		.button2 { width:27.7%; margin-left:36%; margin-right:36%;} .button2:hover {width:27.7%; margin-left:36%; margin-right:36%;}
						.button3 { width:40%; margin-left:30%; margin-right:30%;} .button3:hover { width:40%; margin-left:30%; margin-right:30%;}
	 
	.footer-main-box { width:96%; padding-left:2%; padding-right:2%; text-align:center;}
	h1.styleFontface { font-size:52px; line-height:52px;}
	
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.zerogrid{width:100%;}
	.top-inside { width:100%; height:auto; text-align:center; margin-left:0%; margin-right:0%;}
	.top-left {width:100%; height: auto; text-align:center;}
	.logo-box { width:100%; text-align:center;}
	.top-middle-box { width:100%; text-align:center;} 
	.top-right{ width:100%; text-align:center; padding-top:20px; margin-left:0;}
	.top-right .call { display: inline-block; text-align: left; width: 320px; }
	.top-menu { padding: 15px; display: none; }
	.top-menu.mobile { display: block; }
	.top-menu .menutoggle { display: block; }
	.top-menu.mobile ul { margin-top: 10px; width: 100%; float: left; display: none; text-align: left; }
	.top-menu li { margin: 0 0 2px 0; width: 100%; }
	.top-menu li  a { padding: 7px 15px; }
	
	.appArea .fgroup { padding: 0px; width: 100%; float: left; }
	.appArea .fgroup.half { width: 100%; }
	
	.form-inside, .form-inside div, .form-inside span, .form-inside p, .form-inside input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; }
	.form-inside .wpcf7-form-control-wrap.firstname, .form-inside .wpcf7-form-control-wrap.lastname { width: 100%; }
	.input, .input-box { padding: 0 10px; height: 40px; }
	
	#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%;}
 
 .form-box { width:100%; height:auto; margin-left:0%; margin-right:0%; padding-bottom:30px;}
 .form-title { text-align:center;}

.services { width:80%; padding-left:10%; padding-right:10%; padding-bottom:24px;} .services ul li { width:100%; text-align:center; margin-bottom:40px;}
.services ul li.big p { text-align:center;} .services ul li.big { margin: 0 0 20px 0; width:100%; text-align:center;} .services ul li.arrow { display:none;}
 .services ul li.big:after { display: none; }
	.content-box { 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:30px;}  .content-right p { text-align:center;}
		 
		.testimonial-box { padding-bottom:30px;}
		.testimonial { width:80%; margin-left:10%; margin-right:10%;} .testimonial ul li { width:100%; text-align:center; margin-bottom:40px;}
		.testimonial ul li p { text-align:center;}
		
		 		.button2 { width:41.7%; margin-left:29%; margin-right:29%;} .button2:hover { width:41.7%; margin-left:29%; margin-right:29%;}
				.button3 { width:62%; margin-left:19%; margin-right:19%;} .button3:hover { width:62%; margin-left:19%; margin-right:19%;}
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
	h1.styleFontface { font-size:46px; line-height:46px;}
	h2.styleFontface { font-size:36px; line-height:36px;}
	h5.styleFontface { font-size:35px; line-height:38px;}
	
}

@media only screen and (min-width: 200px) and (max-width: 479px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	.zerogrid{width:100%; }
	#content .top { height:auto;}
	.top-inside { width:100%; height:auto; text-align:center; margin-left:0%; margin-right:0%;}
	.top-left {width:100%; height: auto; text-align:center;}
	.logo-box { width:100%; text-align:center;}
	.top-middle-box { width:100%; text-align:center;} 
	.top-right{ width:100%; text-align:center; padding-top:20px;}
	.top-right .call { width: 260px; display: inline-block; text-align: left; }
	.top-right h3.styleFontface { font-size:29px; line-height:36px;}
	.top-menu { padding: 15px; display: none; }
	.top-menu.mobile { display: block; }
	.top-menu .menutoggle { display: block; }
	.top-menu.mobile ul { margin-top: 10px; width: 100%; float: left; display: none; text-align: left; }
	.top-menu li { margin: 0 0 2px 0; width: 100%; }
	.top-menu li  a { padding: 7px 15px; }
	
	.appArea .fgroup { padding: 0px; width: 100%; float: left; }
	.appArea .fgroup.half { width: 100%; }
	
	.form-inside, .form-inside div, .form-inside span, .form-inside p, .form-inside input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; }
	.form-inside .wpcf7-form-control-wrap.firstname, .form-inside .wpcf7-form-control-wrap.lastname { width: 100%; }
	.input, .input-box { padding: 0 10px; height: 40px; }
	
	#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%;}
 .welcome-left-top { padding-top:20px; padding-bottom:15px;}
.welcome-left-top h2.styleFontface { font-size:36px; line-height:36px;}
.welcome-left-middle { padding-right: 15%; height: auto; }
.welcome-left-middle h3.styleFontface { font-size:50px; line-height:60px;}
.subnav { padding-top:15px;} .subnav ul li { width:90%; font-size:20px; line-height:24px;}

 .form-box { width:100%; height:auto; padding-bottom:30px;}
 .form-title h2.styleFontface { font-size:54px; line-height:54px;}
 .form-inside { width:84%; padding-left:8%; padding-right:8%;}
 
.services { width:90%; padding-left:5%; padding-right:5%; padding-bottom:24px;} .services ul li { width:100%; text-align:center; margin-bottom:40px;}
.services ul li.big p { text-align:center;} .services ul li.big { margin: 0 0 20px 0; width:100%; text-align:center;} .services ul li.arrow { display:none;}
.services ul li.big::after { display: none; }
	.content-box { width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; padding-bottom:40px;}
	 .content-left{ width:100%; text-align:center;}  
	 .content-left img
    { max-width: 92%;}
 
	 	.content-right{ width:100%; text-align:center;  padding-top:30px;}  .content-right p { text-align:center;}
		
		.testimonial-box { width:90%; padding-left:5%; padding-right:5%;}
		.testimonial-left { width:100%; text-align:center;}
		.testimonial-right { width:100%;  padding-top:30px;}
		 
		
		.button2 { width:65.6%; margin-left:17%; margin-right:17%;} .button2:hover { width:65.6%; margin-left:17%; margin-right:17%;}
		.button3 { width:96%; margin-left:2%; margin-right:2%;} .button3:hover { width:96%; margin-left:2%; margin-right:2%;}
		
	 
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center;}
		h1.styleFontface { font-size:42px; line-height:42px;}
		h2.styleFontface { font-size:36px; line-height:36px;}
		h4.styleFontface { font-size:32px; line-height:34px;}
		html {
		-webkit-text-size-adjust: none;
	}
}