#main {

	padding: 0 20px;
}
#main .row{
  max-width: 100%;
}

.border span img {
    vertical-align: middle;
	margin:-10px 0 0;
  width: auto;
}

#main .container {
	background:none;
}

.homebanner {
	position:relative;
}

.homebanner .row {
  max-width:100%
}

.homebanner img {
width:100%;
}

.BnrBntBox {
	text-align:center;
	margin-top:160px;
	max-width:1170px;
	margin:0 auto;
}

.bnrbtns {
	position:absolute;
	top:65px;
}

.BnrBntBox a {
	background:url("https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/bg.png") repeat center top;
	line-height:58px;
	display:block;
	width:103px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:18px;
	color:#fff;
	border-bottom:solid 1px #1c1f24;
	text-transform:uppercase;
}

.BnrBntBox a:last-child {
	border-bottom:none;
}

.BnrBntBox a:hover {
	color:#2D96CD;
}

.MainGreyBox {
	background-color:#ececec;
	padding:22px 0;
	margin-top:-7px;
}

.greyBox {
	max-width:100%;
	margin:0 auto;
    text-align:center;
}

.greyBox ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.greyBox ul li:first-child {
  margin-left: 0;
}
.greyBox ul li {
	display:inline-block;
	line-height:65px;
	border-right:solid 1px #b1b0b0;
	padding-left:30px;
	margin-left:30px;
	width:18%;
  cursor:pointer;
  
}
.greyBox ul li.appoinment {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/appointment.png) no-repeat left center;
}

.greyBox ul li.appoinment:hover {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/appointment1.png) no-repeat left center;
}

.greyBox ul li.ServiceVideos {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/order.png) no-repeat left center;
border:none;
}

.greyBox ul li.ServiceVideos:hover {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/order1.png) no-repeat left center;
}

.greyBox ul li a {
	font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  display:block;
	font-size:14px;
	color:#282626;
}

.greyBox ul li a:hover {
	color:#003478;
}


.ServiceBox h1,
.TextBox h1.border {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/bg007.gif) repeat-x left center;
text-align:center;
font-family: 'Open Sans', sans-serif;
   font-weight: 600;
font-size:48px;
color:#272323;
}

.ServiceBox h1 span,
.TextBox h1 span {
	background-color:#fff;
	padding:0 20px;
}

.ServiceBox ul {
	list-style-type:none;
	padding:0;
	margin:0;
}


.ServiceBox ul li {
	display:inline-block;
	width:16%;
	padding:10px 35px 10px 95px;
	margin:0 14px 10px 0;
  cursor:pointer;
}

.ie8 .ServiceBox ul li {
	margin-right:10px;
}

/*.ServiceBox ul li:nth-of-type(4),
.ServiceBox ul li:nth-of-type(8),
.ServiceBox ul li:nth-of-type(12)  {
	margin-right:0;
}*/

.ServiceBox ul li.OnlineSpecial {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/online-specials.png) no-repeat 15px center;
line-height:56px;
}

.ServiceBox ul li.OnlineSpecial:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/online-specials_over.png) no-repeat 15px center;
}

.ServiceBox ul li.careProgram {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/car-center.png) no-repeat 15px center;
line-height:39px;
}

.ServiceBox ul li.careProgram:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/car-center_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Brakes {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconBrakes.png) no-repeat 15px center;
line-height:55px;
}

.ServiceBox ul li.Brakes:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconBrakes_over.png) no-repeat 15px center;
}

.ServiceBox ul li.OilChange {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconOilChange.png) no-repeat 15px center;
line-height:48px;
}

.ServiceBox ul li.OilChange:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconOilChange_over.png) no-repeat 15px center;
}

.ServiceBox ul li.OrderParts {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/order-parts.png) no-repeat 15px center;
line-height:53px;
}

.ServiceBox ul li.OrderParts:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/order-parts_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Accesory {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconAccasry.png) no-repeat 15px center;
line-height:56px;
}

.ServiceBox ul li.Accesory:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconAccasry_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Tires {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconTires.png) no-repeat 15px center;
line-height:56px;
}

.ServiceBox ul li.Tires:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconTires_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Video {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/service-video.png) no-repeat 15px center;
line-height:38px;
}

.ServiceBox ul li.Video:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/service-video_over.png) no-repeat 15px center;
}

.ServiceBox ul li.ScheduleService {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/schedule-service.png) no-repeat 15px center;
line-height:54px;
}

.ServiceBox ul li.ScheduleService:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/schedule-service_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Maintenace {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/car-center.png) no-repeat 15px center;
line-height:48px;
}

.ServiceBox ul li.Maintenace:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/car-center1_over.png) no-repeat 15px center;
}

.ServiceBox ul li.Batteries {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconBatreies.png) no-repeat 15px center;
line-height:42px;
}

.ServiceBox ul li.Batteries:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/IconBatreies_over.png) no-repeat 15px center;
}

.ServiceBox ul li.RentalCars {
background:url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/rental.png) no-repeat 15px center;
line-height:53px;
}

.ServiceBox ul li.RentalCars:hover {
background: #d23428 url(https://s3.amazonaws.com/dom-cms/Site/4686737f-786e-420d-b2b9-3924ea5b9064/images/rental_over.png) no-repeat 15px center;
}

.ServiceBox ul li a {
	font-family: 'Open Sans', sans-serif;
   font-weight: 600;
	display:block;
	font-size:14px;
	color:#aaa9a8;
	text-align:left;
}

.ServiceBox ul li:hover {
	border-radius:6px;
}

.ServiceBox ul li:hover a {
	color:#fff;
}

.TextBox {
	text-align: left;
	margin-top: 25px;
}

.TextBox h1 {
	font-family: 'Open Sans', sans-serif;
   font-weight: 700;
	font-size: 24px;
	color:#282828;
	text-align: center;
}
.TextBox p {

	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
}
.TextBox h1 strong {
	font-family: 'Open Sans', sans-serif;
     font-weight: 700;
}
#main .ServiceBox {
  text-align: center;
  padding:30px 0 0;
}
p{margin:0 0 30px;}
@media only screen and (max-width: 1700px) {
	.ServiceBox ul li{width:15%;}
}
@media only screen and (max-width: 1550px) {
	.ServiceBox ul li{width:14%;}
}
@media only screen and (max-width: 1350px) {
	.ServiceBox ul li{width:20%;}
	.TextBox h1 strong br{ display:none;}
}
@media only screen and (max-width: 1180px) {

.greyBox ul li {
	margin-right:0;
	margin-left:43px;
}

.ServiceBox ul li {
	width:19%;
}

.bnrbtns {
    	position: absolute;
    	top: 20px;
	}
	
/*.ServiceBox ul li:nth-of-type(4),
.ServiceBox ul li:nth-of-type(8),
.ServiceBox ul li:nth-of-type(12)  {
	margin-right:14px;
}*/
	
}

@media only screen and (max-width: 1023px) {		
	/* anything below 1024px */
	
.greyBox ul li {
	margin-left:19px;
	width:18%;
}

.homebanner img {
    height: 280px;
}


}

@media only screen and (max-width: 979px) {
	.greyBox ul li {
		margin-left:8px;
		width:19%;
		padding-left:35px;
	}
	
	.greyBox ul li a {
		font-size:13px;
	}

	.ServiceBox ul li {
		width: 25%;
	}


}

@media only screen and (max-width: 799px) {
	
	.greyBox ul li {
		margin-left:6px;
	}
	.greyBox ul li a{font-size:12px;}
	.ServiceBox ul li {
		width: 26%;
	}
}

@media only screen and (max-width: 767px) {
	.ServiceBox ul li {
	width:28%;
	margin-right:8px;
}

.TextBox h1 {
	font-size:30px;
}
.ServiceBox ul li {
		width: 27%;
		margin-right:0;
	}

}
@media only screen and (max-width: 660px) { 
	.ServiceBox ul li{width:40%;}
}
@media only screen and (max-width: 640px) { 

.ServiceBox {
	text-align:center;
}

.ServiceBox ul li {
	text-align:left;
	width:40%;
}

.TextBox h1 {
	font-size:20px;
}

}


@media only screen and (max-width: 360px) { 
.TextBox h1 {
	font-size:17px;
}

.ServiceBox ul li {
	width:56%;
}

.ServiceBox ul li a {
	font-size:12px;
}

}
@media only screen and (max-width: 350px) { 
.TextBox h1 {
	font-size:15px;
}
}