/* 
  ------------------------------------------------
    ------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
	font-family: 'Roboto', sans-serif;
	color: #636363;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:26px;
	font-weight:normal;
}
img {vertical-align: bottom;}
p
{
	margin:7px 0px;
	text-align: justify;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, 
progress, section, source, video {display:block;}
.zerogrid{ width: 1148px; position: relative; margin: 0 auto; padding: 0; text-align:center;}

.content-wrapper {
	margin: 0px;
	overflow: hidden;
	padding:0px;
}

.error{
        background-color: #f8cdcd;
        color:#000000;
}

.errortext{
        color:#ff0000;
        font-size: 14px;
        padding:10px;
        font-weight: bold;
        margin-bottom:10px;
	margin-top: 10px;
}

.errortext span {
        padding:4px;
        background-color: #ffffff;
}


/* ------------------Content------------------- */
#content {}
#body-main { width:100%; height:auto; float:left; text-align:center;}
.body-top { width:100%; height:auto; float:left; text-align:center; background-color:#FFF;}
.body-top-inside { width:100%; height:auto; float:left; text-align:left;  padding-top:8px; padding-bottom:8px;}
.top-left { width:40%; height:auto; float:left; text-align:left;} .top-left img { height: auto !important; width: auto !important; max-width: 100%;}
.top-right { width:58%; height:auto; float:right; text-align:right; padding-top:13px;}

#welcome{ height:700px; float:left; text-align:center; width:100%; background:url(https://dhozj507pfmqc.cloudfront.net/sites/1030/images/welcome-box-bg.jpg) center top no-repeat;}
.welcome-title { width:100%; height:auto; float:left; text-align:left; padding-top:20px;}
  .welcome-inside { width:100%; height:auto; float:left; text-align:left;}
  
  .form-box{ width:52.5%; height:700px; float:right; text-align:left; background-color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);}
  .form-title-top { width:90%; height:auto; float:left; text-align:center; padding-top:30px; padding-left:5%; padding-right:5%;}
  .form-title-top img { height: auto !important; width: auto !important; max-width: 40%;}
  .form-title-middle { width:94%; height:auto; float:left; text-align:center; padding-top:30px; padding-bottom:20px; padding-left:3%; padding-right:3%;}

.form-inside { width:90%; height:auto; float:left; text-align:center; padding-left:5%; padding-right:5%;}
.form-inside h3.styleFontface
{
	font-family:Roboto-Bold;
	font-size:36px;
	line-height:40px;
	color: #f8810e;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}
.list-menu
{
width:54%;
height:54px;
font-size:24px;
line-height:54px;
color: #666666; padding-left:2%;
font-weight:400; margin-top:16px;
font-family: 'Roboto', sans-serif; text-transform: none; border:none;
background-color: #FFF; background:url(https://dhozj507pfmqc.cloudfront.net/sites/1030/images/arrow.jpg) 100% / 10% no-repeat #FFF; 
-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;
-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus { outline:none;}

.button {
	background: #f7c106;
	text-align:center;
	float:left;
	padding:11px 0px;
	width:26%;
	height: auto;
	text-decoration:none;
	font-size:24px;
	line-height:30px;
	color: #000000;
	font-weight:900;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase; margin-top:18px; margin-left:37%; margin-right:37%;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.button:hover {
	background: #ffd800;
	text-align:center;
	float:left;
	padding:11px 0px;
	width:26%;
	height: auto;
	text-decoration:none;
	font-size:24px;
	line-height:30px;
	color: #000000;
	font-weight:900;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase; margin-top:18px; margin-left:37%; margin-right:37%;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}


.button2 {
        background: #f7c106;
        text-align:center;
        float:left;
        padding:11px 0px;
        width:74%;
        height: auto;
        text-decoration:none;
        font-size:24px;
        line-height:30px;
        color: #000000;
        font-weight:900;
        font-family: 'Roboto', sans-serif;
        text-transform:uppercase; margin-top:18px; margin-left:13%; margin-right:13%;
         -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.button2:hover {
        background: #ffd800;
        text-align:center;
        float:left;
        padding: 11px 0px;
        width:74%;
        height: auto;
        text-decoration:none;
        font-size:24px;
        line-height:30px;
        color: #000000;
        font-weight:900;
        font-family: 'Roboto', sans-serif;
        text-transform:uppercase; margin-top:18px; margin-left:13%; margin-right:13%;
         -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
        -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}


.input-box
{
width:54%;
height:54px;
font-size:24px;
line-height:54px;
color: #666666; padding-left:2%;
font-weight:400; margin-top:16px;
font-family: 'Roboto', sans-serif; text-transform: none; border:none;
background-color: #FFF;
-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;
-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.seen-on-box { width:100%; height:auto; float:left; text-align:center; padding-top:70px; padding-bottom:66px;}
.seen-on-title { width:100%; height:auto; float:left; text-align:center; background:url(https://dhozj507pfmqc.cloudfront.net/sites/1030/images/seen-on-title-bg.jpg) center top no-repeat;}
.seen-on-title h3.styleFontface
{
	font-family:Roboto-Bold;
	font-size:30px;
	line-height:32px;
	color: #000000;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
.seen-on { width:100%; height:auto; float:left; text-align:center; padding-top:24px;} .seen-on ul { margin:0px; padding:0px; list-style-type:none;}.seen-on ul li { width:50%;
height:auto; float:left; text-align:left; display:block;} .seen-on ul li img { height: auto !important; width: auto !important; max-width: 100%;}

.repair-box { width:100%; height:auto; float:left; text-align:center; background-color:#f2f2f1; padding-top:60px; padding-bottom:52px;}
.repair-inside { width:100%; height:auto; float:left; text-align:left;} 
.repair { width:33%; height:auto; float:left; text-align:left; border-right:1px solid #666666; padding-top:28px;}
.repair ul { margin:0px; padding:0px; list-style-type:none;} .repair ul li { width:100%; height:auto; float:left; text-align:left; display:block; padding-bottom:18px; font-size:16px;
line-height:24px; color:#636363; font-weight:400; font-family: 'Roboto', sans-serif;} .repair ul li:last-child { padding-bottom:10px;}
.repair-left { width:20%; height:auto; float:left; text-align:left;} .repair-left img { height: auto !important; width: auto !important; max-width: 100%;}
 .repair-right { width:76.7%; height:auto; float:right; text-align:left; padding-top:8px;}
.repair-right h3.styleFontface
{
	font-family:Roboto-Black;
	font-size:24px;
	line-height:28px;
	color: #181818;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}

.price-box { width:61%; height:auto; float:right; text-align:left; padding-top:22px;} .price-title { width:92%; height:auto; float:left; text-align:center; padding-right:8%;}
.price-inside-box { width:89%; height:auto; float:left; text-align:left; padding-top:14px; padding-right:11%;}
.price-inside { width:96%; height:auto; float:left; text-align:left; background-color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding-top:26px; padding-bottom:20px; padding-left:2%; padding-right:2%;}
.price-left-box { width:48%; height:auto; float:left; text-align:left;} .price-right-box { width:48%; height:auto; float:right; text-align:left;}
.price{ width:100%; height:auto; float:left; text-align:left;} .price ul { margin:0px; padding:0px; list-style-type:none;}
.price ul li { width:94%; height:auto; float:left; text-align:left; display:block; border-bottom:2px solid #dfdfdf; padding-left:2%; padding-right:4%; font-size:18px;
line-height:38px; color:#000000; font-weight:400; font-family: 'Roboto', sans-serif; text-transform:uppercase;}.price ul li:last-child { border-bottom:none;}
 .price-left { width:70%; height:auto; float:left; text-align:left;} .price-right { width:29%; height:auto; float:right; text-align:right; font-weight:900; color:#f8810e;}

.services-box { width:100%; height:auto; float:left; text-align:center; background-color: #f8810e; padding-top:54px; padding-bottom:72px;}
.content-title { width:100%; height:auto; float:left; text-align:center;}
.services { width:96%; height:auto; float:left; text-align:left; padding-top:26px; padding-left:4%; padding-right:2%;} .services ul { margin:0px; padding:0px; list-style-type:none;}
.services ul li { width:50%; height:auto; float:left; text-align:left; display:block; font-size:22px; line-height:26px; color: #181818; font-weight:400; font-family: 'Roboto', sans-serif; padding-top:7px; padding-bottom:7px;} .fas fa-check { font-weight:900; font-family: "Font Awesome 5 Free";}

.clear { clear:both;}

/* ------------------Footer-------------------- */
footer .wrap-footer{ }
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color:#FFF;
}
.footer-main-box
{
	width:100%; height:auto; text-align:center; float:left; font-size:14px; line-height:36px; color: #999999;
font-weight:400; font-family: 'Roboto', sans-serif; padding-top:18px; padding-bottom:28px;
}
.footer-main-box a
{
	font-size:14px; line-height:36px; color: #999999;
font-weight:400; font-family: 'Roboto', sans-serif; text-decoration:none;
}
.footer-main-box a:hover
{
	font-size:14px; line-height:36px; color: #ff7d00;
font-weight:400; font-family: 'Roboto', sans-serif; text-decoration:none;
}
.footer-main-box p { margin:7px 0px 15px 0px; text-align:left; font-weight:normal;}

.clear
{
	clear:both;
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 0px;
	padding:0px;
}
@font-face
{
 font-family: 'Roboto-Black';
 src: url(../Roboto-Black.ttf)
}
@font-face
{
 font-family: 'Roboto-Bold';
 src: url(../Roboto-Bold.ttf)
}
@font-face
{
 font-family: 'Roboto-Medium';
 src: url(../Roboto-Medium.ttf)
}
@font-face
{
 font-family: 'Roboto-Regular';
 src: url(../Roboto-Regular.ttf)
}

h1.styleFontface
{
	font-family:Roboto-Black;
	font-size:60px;
	line-height:62px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
h2.styleFontface
{
	font-family:Roboto-Medium;
	font-size:33px;
	line-height:42px;
	color: #181818;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}
h3.styleFontface
{
	font-family:Roboto-Bold;
	font-size:36px;
	line-height:40px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}
h4.styleFontface
{
	font-family:Roboto-Medium;
	font-size:40px;
	line-height:44px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}
h5.styleFontface
{
	font-family:Roboto-Black;
	font-size:36px;
	line-height:40px;
	color: #f8810e;
	font-weight:bold;
	font-style:normal;
	font-variant:normal; margin:0px; padding:0px;
	text-decoration:none; text-transform: none;
}

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: 1001px) and (max-width: 1148px) {
	.zerogrid{width:100%;}
	.body-top-inside { width:98%; padding-left:1%; padding-right:1%; text-align:left;} .top-right { padding-top:15px;}
	.top-left img { height: auto !important; width: auto !important; max-width: 92%;}
	.welcome-inside { width:98%; padding-left:1%; padding-right:1%;} .form-box { width:64%;}
	.form-title-top img { height: auto !important; width: auto !important; max-width: 38%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
	.seen-on { width:98%; padding-left:1%; padding-right:1%;} .repair-inside { width:98%; padding-left:1%; padding-right:1%;} .price-title br { display:none;} 
	.repair { width:35%;} .price-inside-box { width:90%; padding-right:10%;} 
	.services { width:98%; padding-left:1%; padding-right:1%;} .services ul li { font-size:21px; line-height:25px;}
	.content-title { width:98%; padding-left:1%; padding-right:1%;}
		.footer-main-box { width:98%; padding-left:1%; padding-right:1%;}
	h1.styleFontface { font-size:62px; line-height:62px;}
	h2.styleFontface { font-size:28px; line-height:34px;}
	h4.styleFontface { font-size:42px; line-height:46px;}
	h5.styleFontface { font-size:32px; line-height:38px;}
		
}
@media only screen and (min-width: 961px) and (max-width: 1000px) {
	.zerogrid{width:100%; }
	#welcome { width:100%;}
	.body-top-inside { width:98%; padding-left:1%; padding-right:1%; text-align:left;} .top-right { padding-top:20px;}
	.top-left img { height: auto !important; width: auto !important; max-width: 90%;}
	.welcome-inside { width:98%; padding-left:1%; padding-right:1%; text-align:center;} .form-box { width:65%;}
	.form-title-top img { height: auto !important; width: auto !important; max-width: 38%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
	
	.seen-on { width:98%; padding-left:1%; padding-right:1%;} 
	
	.repair-inside { width:98%; padding-left:1%; padding-right:1%;} .price-title { width:100%; text-align:center; padding-right:0%;} .price-title br { display:none;}
	.price-inside-box { width:93%; padding-right:7%;} .repair { width:36%;} .repair-right h3.styleFontface { font-size:22px; line-height:26px;}
		
 .services-box { width:100%; padding-bottom:30px;}
 .content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:20px; line-height:26px;} .content-title br { display:none;}
 .services { width:98%; height:auto; float:left; padding-left:1%; padding-right:1%;} .services ul li { font-size:20px; line-height:24px;}	
	
	.footer-main-box { width:98%; padding-left:1%; padding-right:1%;}
	
	h1.styleFontface { font-size:60px; line-height:60px;}
	h2.styleFontface { font-size:28px; line-height:34px;}
	h4.styleFontface { font-size:38px; line-height:42px;}
	h5.styleFontface { font-size:30px; line-height:36px;}
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{width:100%; }
	.body-top-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; padding-top:10px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 46%;}	.top-right { width:100%; text-align:center; padding-top:10px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:70%; padding-left:29%; padding-right:1%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 38%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:54%;} .form-inside h3.styleFontface { font-size:32px; line-height:34px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:28px; line-height:30px;}
		 .seen-on { width:98%; padding-left:1%; padding-right:1%;} 
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:96%; padding-left:2%; padding-right:2%;}
.repair { width:100%; border:none; padding-top:0px;}.repair ul li { width:50%;} .repair-left { width:28%; text-align:right;} 
.repair-right { width:70%; text-align:left;}
.price-box { width:96%; text-align:center; padding-top:30px; padding-left:2%; padding-right:2%;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:78%; padding-right:11%; padding-left:11%;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:96%; padding-left:2%; padding-right:2%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; padding-top:6px; padding-bottom:6px;} 
		
	.button { width:30%; margin-left:35%; margin-right:35%;} .button:hover { width:30%; margin-left:35%; margin-right:35%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:53px; line-height:54px;}
	h2.styleFontface { font-size:30px; line-height:34px;}
	h4.styleFontface { font-size:34px; line-height:38px;}
	h5.styleFontface { font-size:28px; line-height:28px;}
}
@media only screen and (min-width: 701px) and (max-width: 768px) {
	.zerogrid{width:100%; }
	.body-top-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; padding-top:10px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 50%;}	.top-right { width:100%; text-align:center; padding-top:10px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:76%; padding-left:23%; padding-right:1%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 42%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:54%;} .form-inside h3.styleFontface { font-size:32px; line-height:34px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:28px; line-height:30px;}
		 .seen-on { width:98%; padding-left:1%; padding-right:1%;} 
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:90%; padding-left:5%; padding-right:5%;}
.repair { width:88%; padding-left:6%; padding-right:6%; border:none; padding-top:0px;}.repair ul li { padding-bottom:15px; width:50%;} .repair-left { width:100%; text-align:center;} 
.repair-right { width:100%; text-align:center;}
.price-box { width:100%; text-align:center; padding-top:30px;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:86%; padding-right:7%; padding-left:7%;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:96%; padding-left:2%; padding-right:2%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; padding-top:6px; padding-bottom:6px;} 
		
	.button { width:28%; margin-left:36%; margin-right:36%;} .button:hover { width:28%; margin-left:36%; margin-right:36%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:52px; line-height:54px;}
	h2.styleFontface { font-size:30px; line-height:34px;}
	h4.styleFontface { font-size:34px; line-height:38px;}
	h5.styleFontface { font-size:28px; line-height:28px;}	
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
	.zerogrid{width:100%; }
	.body-top-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; padding-top:10px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 60%;}	.top-right { width:100%; text-align:center; padding-top:8px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:90%; padding-left:5%; padding-right:5%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 42%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:54%;} .form-inside h3.styleFontface { font-size:32px; line-height:34px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:24px; line-height:26px;}
		 .seen-on { width:98%; padding-left:1%; padding-right:1%;} 
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:90%; padding-left:5%; padding-right:5%;}
.repair { width:100%; border:none; padding-top:0px;}.repair ul li { padding-bottom:15px; width:50%;} .repair-left { width:100%; text-align:center;} .repair-right { width:100%; text-align:center;}
.price-box { width:100%; text-align:center; padding-top:30px;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:100%; padding-right:0%; padding-left:0%;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:96%; padding-left:2%; padding-right:2%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; font-size:22px; line-height:26px; padding-top:6px; padding-bottom:6px;} 
		
	.button { width:28%; margin-left:36%; margin-right:36%;} .button:hover { width:28%; margin-left:36%; margin-right:36%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:52px; line-height:52px;}
	h2.styleFontface { font-size:28px; line-height:32px;}
	h3.styleFontface { font-size:32px; line-height:34px;}
	h4.styleFontface { font-size:34px; line-height:38px;}
	h5.styleFontface { font-size:26px; line-height:26px;}	
	
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.zerogrid{width:100%; }
	.body-top-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; padding-top:8px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 66%;}	.top-right { width:100%; text-align:center; padding-top:8px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:90%; padding-left:5%; padding-right:5%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 42%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:60%;} .form-inside h3.styleFontface { font-size:28px; line-height:32px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:24px; line-height:26px;}
		 .seen-on { width:90%; padding-left:5%; padding-right:5%;} .seen-on ul li { width:100%; text-align:center; padding-bottom:5px;}
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:90%; padding-left:5%; padding-right:5%;}
.repair { width:100%; border:none; padding-top:0px;}.repair ul li { padding-bottom:15px;} .repair-left { width:30%; text-align:right;} .repair-right { width:66%; text-align:left;}
.price-box { width:100%; text-align:center; padding-top:30px;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:76%; padding-right:12%; padding-left:12%;} .price-left-box { width:100%;} .price-right-box { width:100%; border-top:2px solid #dfdfdf;}
.price-inside { width:90%; padding-left:5%; padding-right:5%;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; font-size:22px; line-height:26px; padding-top:6px; padding-bottom:6px;} 
		
	.button { width:34%; margin-left:33%; margin-right:33%;} .button:hover { width:34%; margin-left:33%; margin-right:33%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:42px; line-height:52px;}
	h2.styleFontface { font-size:26px; line-height:30px;}
	h3.styleFontface { font-size:30px; line-height:32px;}
	h4.styleFontface { font-size:28px; line-height:32px;}
	h5.styleFontface { font-size:22px; line-height:22px;}	
	
}
@media only screen and (min-width: 401px) and (max-width: 480px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	.zerogrid{width:100%; }
	.body-top-inside { width:98%; padding-left:1%; padding-right:1%; text-align:center; padding-top:10px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 76%;}	.top-right { width:100%; text-align:center; padding-top:10px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 50%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:70%;} .form-inside h3.styleFontface { font-size:26px; line-height:30px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:24px; line-height:26px;}
		 .seen-on { width:90%; padding-left:5%; padding-right:5%;} .seen-on ul li { width:100%; text-align:center; padding-bottom:5px;}
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:90%; padding-left:5%; padding-right:5%;}
.repair { width:100%; border:none; padding-top:0px;}.repair ul li { padding-bottom:15px;} .repair-left { width:100%; text-align:center;} .repair-right { width:100%; text-align:center;}
.price-box { width:100%; text-align:center; padding-top:30px;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:90%; padding-right:5%; padding-left:5%;} .price-left-box { width:100%;} .price-right-box { width:100%; border-top:2px solid #dfdfdf;}
.price-inside { width:90%; padding-left:5%; padding-right:5%;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; font-size:20px; line-height:24px; padding-top:5px; padding-bottom:5px;} 
		
	.button { width:38%; margin-left:31%; margin-right:31%;} .button:hover { width:38%; margin-left:31%; margin-right:31%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:46px; line-height:46px;}
	h2.styleFontface { font-size:24px; line-height:28px;}
	h3.styleFontface { font-size:26px; line-height:28px;}
	h4.styleFontface { font-size:26px; line-height:30px;}
	h5.styleFontface { font-size:22px; line-height:26px;}
}

@media only screen and (min-width: 300px) and (max-width: 400px)  {
	/* -------------------------------------------- */
	/* ------------------Grid System--------------- */
	.zerogrid{width:100%; }
	.body-top-inside { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:10px; padding-bottom:10px; } .top-left { width:100%; text-align:center;} 
.top-left img { height: auto !important; width: auto !important; max-width: 94%;}	.top-right { width:100%; text-align:center; padding-top:8px;}
	#welcome { width:100%; height:auto;}
	.welcome-inside { width:96%; padding-left:2%; padding-right:2%; text-align:center; }
	
		.form-box { width:100%; height:auto; padding-bottom:50px;} .form-title-top { padding-top:24px;} 
		.form-title-top img { height: auto !important; width: auto !important; max-width: 66%;} .form-title-middle { padding-top:18px; padding-bottom:18px;}
		.list-menu { width:70%;} .form-inside h3.styleFontface { font-size:19px; line-height:30px;}
		
		.seen-on-box { padding-top:40px; padding-bottom:35px;}.seen-on-title h3.styleFontface { font-size:24px; line-height:26px;}
		 .seen-on { width:90%; padding-left:5%; padding-right:5%;} .seen-on ul li { width:100%; text-align:center; padding-bottom:5px;}
		 
.repair-box { padding-top:40px; padding-bottom:40px;} .repair-inside { width:94%; padding-left:3%; padding-right:3%;}
.repair { width:100%; border:none; padding-top:0px;}.repair ul li { padding-bottom:15px;} .repair-left { width:100%; text-align:center;} .repair-right { width:100%; text-align:center;}
.repair-right h3.styleFontface { font-size:20px; line-height:24px;}
.price-box { width:100%; text-align:center; padding-top:30px;} .price-title { width:100%; text-align:center; padding-left:0%; padding-right:0%;}.price-title br { display:none;}
.price-inside-box { width:100%; padding-right:0%;} .price-left-box { width:100%;} .price-right-box { width:100%; border-top:2px solid #dfdfdf;}
		
 .services-box { width:100%; padding-bottom:40px; padding-top:40px;}
 .content-title { width:90%; padding-left:5%; padding-right:5%; text-align:center; font-size:16px; line-height:24px;} .content-title br { display:none;}
.services { width:90%; padding-left:5%; padding-right:5%; padding-top:24px;} .services ul li { width:100%; text-align:center; font-size:18px; line-height:24px; padding-top:5px; padding-bottom:5px;} 
		
	.button { width:50%; margin-left:25%; margin-right:25%;} .button:hover { width:50%; margin-left:25%; margin-right:25%;}
	
	.footer-main-box { width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-top:12px; padding-bottom:12px;} .footer-main-box p { text-align:center;}
	
	h1.styleFontface { font-size:36px; line-height:40px;}
	h2.styleFontface { font-size:22px; line-height:26px;}
	h3.styleFontface { font-size:24px; line-height:26px;}
	h4.styleFontface { font-size:22px; line-height:28px;}
	h5.styleFontface { font-size:20px; line-height:24px;}

}