@media(max-width: 1199px){
	#menu ul li > a{
		padding: 0px 15px;
	}
	.service-wrapper h3 {
		font-size: 18px;
	}
	.brand-container {
    position: relative;
    z-index: -1;
	    top: 0;
	}
	.panel-bg {
		margin-top: 0;
	}
	.brand-list {
	width: 100%;
    float: left;
    
	}
	.brand-list li {
    width: 21%;   
    margin: 2em 1.2em;
}

.bannertext {font-size:35px; top: 20%;}
.bannertext.nobg_color ul li {font-size:35px;}

}

@media (max-width: 1100px){
.right-navigation .list-inline li a {padding: 10px 20px;}

}

@media(max-width: 1024px){
	#menu ul li > a{
		padding: 0px 13px;
	}
	.brand-wrap {
		margin-top: 0px;
	}
	.call-info a span {
    font-size: 25px;
}
.brand-list li {
    width: 21%;
    margin: 2em 1.1em;
}

.bannertext.nobg_color ul li {font-size: 30px;}
}

@media(max-width: 992px){
	.right-navigation .list-inline li:last-child a{
		font-size: 20px;
	}
	.right-navigation .list-inline li a {
  
   	 padding: 10px 10px;
    }	
   
	.nav-logo a img {
		width: 250px;
    	margin-left: 20px;
	}
	a#toggle { display: block; }
	#menu {
	  position: fixed;
	  width: 285px;
	  height: 100%;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	  overflow-y: auto;
	  background-color: rgba(0,0,0,0.9);
	  transform: translateX(-300px);
	  -webkit-transform: translateX(-300px);
	  -moz-transform: translateX(-300px);
	  -o-transform: translateX(-300px);
	  -ms-transform: translateX(-300px);
	  
	}
	#menu ul li > a,#menu > ul > li:first-child >a {padding:10px 0;}
	#menu ul {text-align: left; background:#000000;}
	#menu ul li {display: block; width: 100%!important; border-right: 0px solid Red!important; padding: 10px 10px;}
	#menu ul li a { display: block; color:#ffffff }
	header .container {
		width: 100%;
	}
	.nav-logo {padding: 40px 20px 0;}
	#menu ul li ul {
	  display: none;
	  position: static;
	  width: 100%;
	  background-color: #000000;
	}
	#menu ul li > a span{
		display: block;
	}
	#menu ul li:first-child {
		text-align: left;
		min-height: inherit;
	}
	#menu ul li:hover > ul { display: none; }
	.fa.fa-angle-down,.fa.fa-home{
		display: none;
	}
	div#overlay {
	  display: block;
	  visibility: hidden;
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.8);
	  transition: all ease-out 0.3s;
	  -webkit-transition: all ease-out 0.3s;
	  -moz-transition: all ease-out 0.3s;
	  -o-transition: all ease-out 0.3s;
	  -ms-transition: all ease-out 0.3s;

	  z-index: 1;
	  opacity: 0;
	}
	.fa.fa-caret-down.mysubmenu{
	    display: block;
	  }
	html.open-menu { overflow: hidden; }
	html.open-menu div#overlay {
	  visibility: visible;
	  opacity: 1;
	  width: calc(150%);
	  left: 285px;
	}
	html.open-menu a#toggle,
	html.open-menu #content {transform: translateX(250px);-webkit-transform: translateX(250px); -moz-transform: translateX(250px);-o-transform: translateX(250px);-ms-transform: translateX(250px);}
	html.open-menu nav#menu {z-index: 100; transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}
	#menu ul li.homelink a span {display: block; font-size: 15px; padding: 0;}
	html.open-menu a#toggle{left:32px}
	#menu ul li.homelink > a > i {display: none;}
	#menu ul li.homelink {width: inherit; padding: 0; border-left: 0px solid #DDC102; text-align: left; padding: 15px 10px; font-size: 14px; min-height:0}
	/*#menu ul li.homelink a {padding: 6px 0px 6px;}*/
	html.open-menu a#toggle .fa-bars:before, html.open-menu #content .fa-bars:before {content: "X"; font-family: 'questrialregular'; font-size: 23px; font-weight: bold;}
	#menu ul li {
	  border-left: 0px;
	}
	#menu > ul > li > a:after {
		content: none;
	}
	.brand li {
		float: none;
	}
	.mysubmenu {
	    float: right;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    background: rgba(252,255,255,1);
	    font-size: 16px;
	    padding: 8px 0 0 0;
	    font-weight: bold;
	    position: absolute;
	    right: 0;
	    top: 0;
	    cursor: pointer;
	}
	#menu ul li ul {
		border:0px;
	}
	#menu ul li.open > a { background-color: rgba(0, 0, 0, 0.3); }
	#menu ul li.open > a > i { transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-o-transform: rotateZ(90deg); }
	#menu ul li.open > ul { display: block;margin-top: 10px; }
	#menu ul li ul li a {
	  color: #ffffff;
	  padding: 7px 15px;
	}
	#menu ul li ul li a i {
	    display: none;
	}
	header .half-left {
		max-width: 250px;
	}
	.service-wrapper  ul.list-inline li {
		width: 25%;
		margin-bottom: 30px;
	}
	.content-wrapper, .testimonial-wrapper{
		width: 100%;
		max-width: 100%;
	}
	/*.right-width40 {
		width: 32%;
		margin: -36px 0 0 0;
	}*/
	.testimonial-wrapper {
		position: inherit;
	}
	.brand li:last-child a {
		border-top: 0px;
	}
	.contact-info-bg a.call-no {
	    font-size: 30px;

	}
	.book-service {font-size: 20px;}
	.container {margin-bottom: 0px;}
	.right-navigation ul {margin: 20px 10px 20px 0px;}
	.panel-bg .container .left-width80 {width:100%;}
	
	.left-width80 ul {text-align: center;}
	.left-width80 ul li {display: inline-block; float:none}
	.right-width40 {width: 32%; margin: -36px 0 0 0;clear: both;margin: 5px auto;float: none;padding: 20px;height: auto;width: 245px;}
	
	.left-width80.CTA_text, .left-width80.CTA_text p.lg-text{text-align:center}
	#menu ul li {padding: 0px 10px;}
	.mysubmenu {margin: 7px 0 0 0;}
	.bannertext {width: 50%;}
	.bannertext.nobg_color ul li {font-size: 25px;}
	ul li .bannertext.nobg_color span{margin:20px 0 20px; }
	
	
}
@media(max-width: 860px){
	.container {width: 96%;}
	/*.right-navigation ul{
		margin: 0px 0px ;
	}*/
	.right-navigation .list-inline li:last-child {margin-top: 15px;}
	.nav-logo a img {
	    width: 213px;
	}
	.right-navigation .list-inline li:last-child a {
	    font-size: 17px;
	}
	.call-info a span {
	    font-size: 22px;
	}
	.service-content h4{
		font-size: 18px ;
		line-height: 100%;
	}
	.brand-list li {
	    width: 28.33%;
	}
	.carservices_link li a h6 {
		padding: 30px 0px;
	}
	.right-navigation ul {margin: 0px 10px 0px 0px;}
	.left-width80 li {margin: 0 20px;}
	
	
}


@media(max-width:767px){
	
	.service-wrapper  ul.list-inline li {
		width: 35%;

	}
	.right-content,.left-content,.left-width80 {
		width: 100%;
	}
	.right-navigation .list-inline li a {
    padding: 10px 9px;
	}
	/*.right-width40 {
		margin: 0px;
		float: left;
		max-width: 300px;
		width: 100%;
		margin-top: 20px;
	/*	width: 100%;
	}*/
	.call-info a span {
	    font-size: 23px;
	}
	.contact-detail, .contact-link, .services-link,footer .contact-link {
		width: 100%;
		margin-left: 0;
	}
	.half-left , .half-right,.left-width-3,.left-width-7{
		width: 100%;
		margin-bottom: 30px;
	}
	.service-container {
		width: 500px;
		margin: 0px auto;
	}
	
	.service-container ul li {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.width-33 {
	    width: 50%;
	}
	
	.list-inline .half-left {
		left: 0;
		right: 0;
		/*display: none;*/
	}
	.half-left .left-01{
		padding-left: 7em;
	}
	.half-left .right-02{
		padding-left: 23em;
	}
	.brand-list li {
	    width: 27.3%;
	}
	.left-width-4 ,.left-width-6{
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.carservices_link ul.list-inline li {
	    width: 27.33%;
	}
	.carservices_link ul.list-inline li.sameheight.mrgr0 {
		margin-right: 6% !important;
	}
	.mrgt30{
		margin-top: 30px;
	}
	.contact-info .half-left:first-child {
    border-right: 0px;
    border-bottom: 1px solid #d7d7d7;
	}
	.contact-info .half-left {
		margin-bottom: 0px;
	}
	.contact-info-bg{
		max-width: 100%;
	}
	.half-left .img-responsive{width:100%}
	.testimonial-block blockquote {min-height: auto;}
	.container.clearfix .half-left, .container.clearfix .half-right{margin-bottom: 0px;}
	.bannertext{display:none}
	
	
}
@media(max-width:650px){
	.container {
		width: 96%;
	}
	.right-navigation ul{
		padding: 15px 0;
	}
	.right-navigation .list-inline li {
		padding: 0;
	}
	.nav-logo {
    padding: 15px 20px 0;
	}
	.right-navigation .list-inline li a {
		font-size: 14px;
	}
	.right-navigation {
    float: right;
    width: calc(100% - 288px);
}
.brand-list li {
	    width: 43.33%;
	}
	.contact-form ul li input[type="text"],.contact-form ul li input[type="email"]
	{
		width: 100%;
		float: none;
	}
	.contact-form input[type="submit"] {
		margin-top: 20px;
		float: none;
	}
    
    
}
@media(max-width: 580px){
.brand-list li {
	    width: 42%;
	}
header .half-left {
	 float: none;
    margin: 0px auto;
    width: 100%;
}
.nav-logo a img {
	margin-left: 0px;
}
.right-navigation ul {
	float: none;
	text-align: center;
}
.right-navigation {
	float: none;
	width: 100%;
}
.num-container {
		display: none !important;
	margin-top: 100px;
	}
.width-33,.width-3 {
	    width: 80%;
	    margin: 20px auto;
	    float: none;
	}
	.width-33 img {
		width: 100%;
	}
	.service-container ul li {
		width: 65% !important;

	}
	.hover {
	    width: 100%;
	}
	.list-inline .half-left {
		display: none;
	}
	.service-container 
	{
		width: 420px;
		margin: 0px auto;
	}
	.service-container ul li {
		/*width:80%;*/
	
		float: none;
		display: block;
	} 

	.carservices_link ul.list-inline li{
		    width: 43.33%;
	}
	.book-service-form ul li input[type="text"],.book-service-form ul li  input[type="email"],.book-service-form ul li  input[type="tel"], textarea, select {
		width: 100% !important;
	}
	.book-service-form input[type="submit"] {
		margin-top: 30px;
		float: none;
	}
}

@media(max-width: 480px){
	.service-container {
    width: 100%;
    margin: 0px auto;
}
.brand-list li {
	width: 80%;
    margin: 20px auto;
    display: block;
    float: none;
	}
	.contact-form-content {
		padding: 20px;
	}
	.service-wrapper ul.list-inline li {
	    width: 80%;
	}
}

@media(max-width: 380px){
.carservices_link ul.list-inline li{
	width: 80%;
	margin: 60px auto;
    float: none;
    display: block;
	}
	.carservices_link ul.list-inline li:last-child
	{
		margin:auto;
	}
    
    
}