@media screen and (max-width:1098px) {
.container, .inner{width:100%;}
.tel{margin: 13px 2% 0}
.steps li{
	padding: 0 40px 0 20px;
	font-size: 18px;
}

}
@media screen and (max-width:768px) {
header{height: auto; padding-bottom: 20px}
.tel{margin: 13px 0 0 4%}
.formBox{position: relative;top:0;right: 0;width: 100%;border-radius: 0;}
.comm li{width: 45%;}
ul.threePlus, .colTwo h5, .colTwo p, .smallContact, .searchBtm h3, .searchBtm form{width: 100%;}
.threePlus h3{font-size: 26px;}
.threePlus li p{font-size: 16px;}
.eightText li{width: 47%;font-size: 18px;}
.colOne, .colTwo{display:block;width:100%;text-align: center}
.searchBtm h3{text-align: center; height: auto; padding: 15px 0; line-height: normal}
.searchBtm form{background:#6d6d6d none;margin: 0; height: auto; text-align: center; padding: 20px 0;}
.searchBtm input[type=text]{margin: 0 auto}
.searchBtm input[type=submit]{margin: 0 0 0 5px;}
.adv li{width: 45%;}
.smllr{margin: 0}
.textCont ul{width: 70%;}
.steps li{padding: 0 30px 0 10px;font-size: 14px;}
}
@media screen and (max-width:640px) {
.tel{margin: 13px 4% 0 0 }
.btmRdtls{width: 73%;}
.autoCnt li{width: 45%; margin:10px}
footer{padding: 30px 20px;}
footer p{ line-height: 20px;}
.steps li{width: 100%; margin: 0; font: 18px; text-align: center; padding: 0;}
.steps li.current{background:#1e1e1e none;}
.steps li.done{background:#9bf245 none}
.steps li.done2{background:#9bf245 none}
.steps li.done3{background:#9bf245 none}
.stepBox label{width: 90%; margin: 5px 0 5px 5%; text-align: left}
.stepBox input[type=text]{width: 88%; margin:0 0 10px}
.stepBox input[type=submit]{width:70%}
.stepBox .dropSlt.dssml, .stepBox input[type=text].telPost{width: 22%!important; margin-right:5px}
.stepBox input[type=text].telnum{width:64%; margin-right:0}

}
@media screen and (max-width:480px) {
.comm li, .threePlus li, .colOne li{width: 90%;margin: 15px auto;}
.eightText li{width: 80%;}
.searchBtm input[type=text]{width: 80%}
.searchBtm input[type=submit]{margin: 10px 0 0 5px;}	
.colTwo h5, .colTwo p, .smallContact{width: 70%;}
.adv li{width: 90%;margin: 5px auto;}
.eachBox{text-align: center}
.eachBox span{width: 50%;margin:10px auto}
.eachBox.alt span{float: none;margin:10px auto}
.btmRdtls{width: 100%}
.maker img{margin: 5px auto}
.smllr{width:80%}
.innerTC{left: 5%;}
.autoCnt li{width: 95%; margin:10px}
.stepBox h3{font-size: 18px;margin: 0 2% 30px;padding: 0 4% 20px;}
.textCont ul{width: 100%;}
.textCont li{font-size: 16px;}
.textCont h4{font-size: 19px;}
.textCont p{font-size: 16px;margin: 10px}
.eightText h3{font-size: 26px;}
.wel h3{font-size: 22px; margin: 0 3%}

}
@media only screen and (min-width: 320px) and (max-width: 414px) {
.logo img{ width: 300px; height:auto}
.tel img{width: 200px; height:auto}
.formBox h3{font-size: 20px;}
.formBox label{width: 90%;text-align: left;	text-indent: 5px}
.dropSlt{width: 90%}
.formBox input[type=text], .searchBtm input[type=text]{width: 90%;font-size: 18px;margin: 4px auto;}
.formBox input[type=submit], .searchBtm input[type=submit]{font-size:19px;padding: 10px 50px 10px 10px;}
.wel h3, .threePlus h3{font-size: 20px;font-weight: 400;padding: 0 2%;}
.comm h3{font-size: 24px;padding: 0 2%;}
.eightText li{width: 96%;}
.adv h3{font-size: 22px;font-weight: 400;}
.innerTC{width: 96%;left: 2%;}
.stepBox input[type=submit]{width:90%}
.textCont li{font-size: 14px;}
}