@media(max-width:1400px){
  .testimonial-wrap .slick-next{right:46%;}
}
@media(max-width:1280px){
 .custom-eng-wrap .nissan-repair img{width:100%;}
}
@media(max-width:1200px){
  .contact-bg-center .contact-bg-left{margin:0 10px 150px 0;}
  .contact-bg-center .call-box{font-size:20px;padding:7px 20px;}
  .welcome-patroldocta .melboutne-wrap img{width:100%;}
  .welcome-patroldocta .melboutne-wrap .quali-title{top:101px;}
  .wreck-12 .wreck-content-bottom .wreck-right-im img{width:100%;}
  .testimonial-page .show-wr{    margin: -157px 0 170px 0;}
  .middle-footer ul.fbtm-logo li{width:31%;padding:0 11px 0 0;}
  .middle-footer ul.fbtm-logo li img{width:100%;}
  .middle-footer ul.address-list.address-list-right{width:52%;}
  .middle-footer ul.address-list{width:43%;}
  .hidden-lg {display: block;}
  .accordion {display: none;}
  .footer-bg .top-footer ul li a{padding:7px 0px;}
  .footer-bg .top-footer ul li{float:left;width:100%;} 
  .footer-bg .top-footer ul li:first-child a{padding:12px 0px;} 
  .footer-bg .top-footer h5{display:block;}
  .footer-bg .top-footer.topbottom ul li a {
    padding: 24px 21px;}
  .footer-bg{background-color:#121212;background-image:none;}  
  .air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c .airboximg{width:100%;}
}

@media(max-width:1120px){
  #menu ul li > a{padding:21px 13px;}
  .footer-bg .top-footer.topbottom ul li a {
    padding: 24px 17px;
}

}
@media(max-width:1080px){
  .service-box-wrap .service-right .service-box-img{margin:0 10px 15px 0;}
  .service-hom-sec .service-right .service-box-left .service-box-content{padding: 20px 25px 20px 25px;}
  .wreck-8-bg{padding:35px 25px 25px 25px;}
  .header .preheader .preheader-right{width:27%;}
  .navigation .logo-brand {
    position: absolute;
    display: block;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    top: 25px;}
  #menu ul li > a {padding: 21px 10px;} 
  .middle-footer ul.address-list li .calldetail{width:67%;} 
  .middle-footer ul.address-list.address-list-right li .calldetail{width:78%;}
  .footer-bg .top-footer.topbottom ul li a {
    padding: 24px 8px;
}
}

@media(max-width:992px){
	/* for responsive menu */    
    a#toggle { display: block; }
    main#content {margin-top: 65px; transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;}
    #menu {
      position: fixed;
      width: 250px;
      height: 100%;
      top: 0;
      left: 0;
      overflow: hidden;
      overflow-y: auto;
      background:rgba(0, 0, 0, 0.92);
      transform: translateX(-250px);
      -webkit-transform: translateX(-250px);
      -moz-transform: translateX(-250px);
      -o-transform: translateX(-250px);
      
    }
    #menu ul {text-align: left; background-color: transparent; border:0px solid #ffffff;display:block;}
    #menu ul li { display: block; width: 100%; }
    #menu ul li a { display: block; padding:12px 20px 12px 15px; border-right: 0px solid #666666;color:#ffffff;}
    #menu ul li a > i { float: right; display: none; }
    #menu ul li ul {display: none; position: static; width: 100%; background-color: rgba(255,255,255, 0.1);}
    #menu ul li:hover > ul { display: none; }
    #menu ul li:hover > a > i { transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0); }
    #menu ul li.open > a { background-color:#fff200; }
    #menu ul li.open > a > i { transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
    #menu ul li.open > ul { display: block; }
    #menu ul li ul li a{font-size: 14px; padding-left: 15px;}
    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;
      z-index: 10;
      opacity: 0;
    }

    #menu ul li i.fa.fa-caret-down.mysubmenu {
      display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(255,255,255,0.2);
        width: 30px;
        height: 30px;
        margin: 7px 0 0 0;
        text-align: center;
        color: #ffffff;
    padding: 8px 0 0; cursor:pointer}
      
    #menu ul li i.fa.fa-caret-down.mysubmenu:before {content: "\f067"; }
    #menu ul li.open i.fa.fa-caret-down.mysubmenu:before {content: "\f068";}
    .open-menu a#toggle .fa-bars:before {content:"\f00d"} 

    html.open-menu { overflow: hidden; }

    html.open-menu div#overlay {
      visibility: visible;
      opacity: 1;
      width: calc(150%);
      left: 250px;
    }

    html.open-menu a#toggle,
    html.open-menu main#content { transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px); }
    html.open-menu nav#menu {z-index:9999; transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
      #menu ul li i.fa.fa-angle-top.mysubmenu {
	    display: block;
	    position: absolute;
	    top: 0;
	    right:10px;
	    background: rgba(255,255,255,0.2);
	    width: 30px;
	    height: 30px;
	    margin: 7px 0 0 0;
	    text-align: center;
	    color: #ffffff;
	    padding: 8px 0 0;
	    cursor: pointer;
	}
  .header .preheader .preheader-right{width:30%;padding:0 35px 0px 0px;}
  .header .preheader .preheader-left{width:30%;}
  .service-hom-sec .service-left{float:left;width:100%;}
  .service-hom-sec .service-right{float:left;width:100%;}
  .service-hom-sec .service-left{width: 100%;
    float: left;
    position: relative;
    margin: 0 0 15px 0px;
    min-height: 170px;}
  .service-box-wrap .service-left .service-box-img
    {
      position:relative;float:left;margin:0 10px 15px 0px;width:initial;
    }
    .service-box-wrap .service-left .service-box-img img{display:block;width:100%;}
   .service-box-wrap .service-left .service-box-img .servi-home-title {
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    display: block;
    top: 50%;
    margin-top: -17px;
    width: 100%;
    font-weight: bold;
}  
.service-hom-sec .service-left .service-box-left .service-box-content {
    border-left: 1px solid transparent !important;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    padding:50px 38px 35px 38px;
    min-height:339px;
    box-shadow: 0px 0px 23px 0px #cbcbcb;
} 
.service-hom-sec .service-left .service-box-left
{
      width: 100%;
    float: left;
    position: relative;
    margin: 0 0 15px 0px;
    min-height: 170px;
}
.service-box-wrap .service-left .service-box-img:after{display:none;}
.contact-bg-center .contact-bg-left {margin: 0 20px 150px 0;width: 40%;}
.contact-bg-center{background-position:center center;}
.fmelboutne-wrap .accordion-right{width:100%;float:left;}
.welcome-patroldocta .melboutne-wrap{width:50%;float:left;}
.testimonial-wrap .single-content{padding:0 20px;}
.testimonial-wrap .slick-next{right:43%;}
.wreck-8{width:100%;float:left;}
.wreck-wrap .wreck-4{float:left;width:100%;margin:30px 0 0 0;}
.contact-car-img img{width:auto;}
.air-intake-wrap .air-intake-w-con .air-intake-w-left {float: left;width: 100%;padding: 35px 10px 0 0;} 
.air-intake-wrap .air-intake-w-con .air-intake-w-right {float: left;width: 100%;background-color: #00a651;}
.air-intake-wrap .air-intake-w-con .air-intake-w-right:after{display:none;}
.air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c{padding:65px 20px;}
.wreck-12 .wreck-content-bottom .wreck-left-co{width:100%;float:left;}
.wreck-12 .wreck-content-bottom .wreck-right-im{width:100%;float:left;}
.custom-eng-wrap .custom-eng{width:100%;}
.custom-eng-wrap .nissan-repair{width:100%;}
.newpart-8{width:100%;float:left;}
.contact .contact-8{width:100%;float:left;}
.contact .contact-4{width:100%;float:left;}
.contact .contact-car-img img{width:auto;display:table;margin:0 auto;}
.contact .contact-4 .contact-4-bg ul.contact-page-ul{float:none;display:table;margin:0 auto;}
.contact .contact-4 .contact-4-bg ul.contact-page-ul li{float:none;}
.contact .contact-4 h3{text-align:center;}
.contact .mapbottom{margin:20px 0 0 0;}
.testimonial-page .test-bottom-bg .testimonial-3{width:47%;}
.testimonial-3 .testimonialin-wrap{min-height:550px;}
.testimonial-page .test-bottom-bg .testimonial-3:nth-child(3n+3){margin:0 3% 30px 0px;}
.testimonial-page .test-bottom-bg{padding:0 40px 0 60px;}
.test-bottom-bg1{display:none;}
.testimonial-page .show-wr {margin: 30px 0 100px 0;}
.header .preheader-right ul li a .call-r-i {
    display:block;width:85%;
}
.header .preheader-right ul li span,.header .preheader .preheader-left .call-detail span,.header .preheader .preheader-left .call-detail .call,.header .preheader .preheader-left img{display:none;}
.header .preheader .preheader-left .call-detail .call-r-i{display:none;}
.header .preheader-right ul li:after{display:none;}
.header .preheader .preheader-right { width: 100%;padding:20px 45px 0px 0px;}
.navigation .logo-brand{position:absolute;left:0px;margin-left:15px;}
.header .preheader{padding:0 0 20px 0px;}
.header .preheader-right ul li{padding:0 6px;}
.header .preheader .preheader-left{display:none;}
.middle-footer .address-8{width:100%;float:left;}
.middle-footer .address-4{width:100%;float:left;margin:50px 0 0 0;}
.footer-bg{padding:40px 0 25px 0px;}
.footer-bg .top-footer.topbottom ul li{float:left;width:auto;}
.footer-bg .top-footer.topbottom ul li:first-child a {
    padding: 12px 0px;
}

.footer-bg .top-footer.topbottom ul li a {
    padding: 12px 15px;
}
.footer-bg .top-footer.topbottom ul li:first-child a {
    padding: 12px 15px;
}
.footer-bg .top-footer.topbottom .abn{padding:15px 15px;margin:12px 0 0 0;}
.navigation{padding:0px;}
#menu>ul>li:hover > a, #menu>ul>li.activepg > a{border-top:2px solid transparent;border-bottom:2px solid transparent;}
.air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c .airboximg{width:auto;}
.barwork-bg .servi-title:after{width:100%;}
}

@media(max-width:800px){
  .service-box-wrap .service-right .service-box-img{display:block;width:100%;}
.service-box-wrap .service-right .service-box-img:after{display:none;}
}

@media(max-width:767px){
  .contact-bg-center .contact-bg-left{display:none;}
  .contact-bg-center .contactbg-box{padding:0px;}
  .welcome-patroldocta .melboutne-wrap{width:70%;float:left;}
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion-box-black .accordion_body p{
    float:left;display:block;
  }
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion-box-black .accordion_body .acc-log{float:left;
    margin:0;}
  .air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c .toptit{font-size:30px;line-height:36px;}
  .wreck-12 .wreck-content-bottom .wreck-right-im img{width:100%;}  
  .nisaan-bg .ns-t,.nisaan-bg p,.nisaan-bg ul{float:left;width:100%;}
  .testimonial-page .test-bottom-bg .testimonial-3{width:100%;margin: 0 0% 30px 0;}
  .testimonial-3 .testimonialin-wrap {
    min-height: auto;background-color:#ebebeb;background-image:none;}
  .testimonial-page .test-bottom-bg .testimonial-3:nth-child(3n+3){margin:0 0 30px 0px;}  
  .testimonial-page .test-bottom-bg{padding:0px;}
  .test-bottom-bg1{display:none;}
  .middle-footer ul.address-list.address-list-right li .calldetail {
    width: 75%;}
  .header{position:relative;}  
  .banner-sub{height:250px;padding:50px 0px;}
  .contact .well-contact ul.btnform{float:left;}
  .contact .well-contact ul.btnform li{float:left;margin:0 20px 0 0;}
  .contact .contact-8 .well-contact .form-inline:nth-child(odd){width:100%;}
  .contact .contact-8 .well-contact .form-inline:nth-child(even){width:100%;}
  .contact .contact-8 .well-contact .form-inline{margin:0 0 15px 0px;}
  .prodaccordion .acc_with_icon img{float:none;margin:0 0 20px 0px;max-width:100%;}
/*  .banner .slick-next{width:45px !important;background-size:100%;}*/
}

@media(max-width:680px){
  .testimonial-wrap .slick-next{right:40%;}
  .air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c .airboximg{
    width:100%;    
  }
  .air-intake-wrap .air-intake-w-con .air-intake-w-right .air-intake-w-right-c .toptit {
    font-size: 25px;line-height: 30px;}
  .navigation .logo-brand{width:170px;left:50%;margin-left:-86px;}  
  .header .preheader .preheader-right{float:left;width:100%;padding:0px 10px;margin:95px 0 0 0;}
  .header .preheader-right ul{float: left;width:100%;text-align:center;}
  .header .preheader-right ul li {padding: 0 3px 0 0;float:none;display:inline-block;}
  .contact .well-contact ul.btnform li{float:left;width:100%;margin:0 0 10px 0;}
  .smk_accordion .accordion_in .acc_content{padding:15px !important;}
}

@media(max-width:580px){
  .service-box-wrap .service-right .service-box-img .servi-home-title,.service-box-wrap .service-left .service-box-img .servi-home-title{font-size:17px;}
  .servi-title{font-size:40px;}
  .servi-title span{padding:0 13px 0 0;}
  .welcome-patroldocta .melboutne-wrap{width:80%;float:left;}
  .welcome-patroldocta .melboutne-wrap .quali-title {top: 117px;}
  .testimonial-wrap .slick-next {right: 38%;}
  .newpart-8 .newpartimg{width:100%;}
  .middle-footer ul.address-list{width:100%;}
  .middle-footer ul.address-list.address-list-right{width:100%;float:left;}
  .middle-footer ul.address-list li .calldetail,.middle-footer ul.address-list li.callist .calldetail,.middle-footer ul.address-list.address-list-right li .calldetail
  {
    width: 100%;padding: 0 0 0 90px;text-align:left;}
  .middle-footer ul.address-list li .callimg{left:0px;}  
  .footer-bg .area-list-ul{width:52%;}
  .contact .well-contact{padding:20px;}
}
@media(max-width:520px){
  .contact-btn{display:none;}
  .contact-btn1{display:block;padding:7px 15px;color:#3b3b3b;background-color:#fff200;font-size:23px;}
  .nisaan-bg .nissan-thumbnail{margin:0 0 20px 0;}
  .nisaan-bg .nissan-thumbnail img{width:100%;}
  .middle-footer ul.fbtm-logo li{float:left;width:100%;}
  .middle-footer ul.fbtm-logo li img{width:auto;}
  .middle-footer ul.fbtm-logo{float:left;width:100%;text-align:center;}
  .middle-footer ul.address-list li .callimg{width:50px;height:50px;}
  .middle-footer ul.address-list li .callimg img{width:30px;}
  .middle-footer ul.address-list li .calldetail, .middle-footer ul.address-list li.callist .calldetail, .middle-footer ul.address-list.address-list-right li .calldetail{
        padding: 0 0 0 65px;
  }
  .footer-bg .area-list-ul{padding: 32px 25px 32px 15px;}
  .service-box-wrap .service-left .service-box-img{width:100%;}
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.banner-sub{background-repeat:no-repeat;}
.wreck-wrap .wrecktit{text-align:left;}
.barwork-bg .servi-title:after{display:none;}
.barwork-bg .servi-title:before{display:none;}
}
@media(max-width:480px){
  .contact-bg-center .call-box {font-size: 18px;padding: 7px 15px;}
  .welcome-patroldocta .melboutne-wrap{width:100%;float:left;}
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion-box-black .accordion_body .acc-log{width:70%;}
  .testimonial-wrap .slick-prev{left:35%;bottom:-24% !important;}
  .testimonial-wrap .slick-next{right:30%;bottom:-24% !important;}
  .contact-car-img img{right:0px;}
  .barwork-bg .barwork-1 p{padding:10px;}
  .custom-eng-tit{font-size:21px;}
  .contact .contact-car-img img{width:100%;display:table;margin:0 auto;}
  .contact .contact-4 .contact-4-bg ul.contact-page-ul{padding:0 17px;}
  .contact .contact-4 .contact-4-bg ul.contact-page-ul li .contactdetail {
    padding: 0 0 0 65px;}
}
@media(max-width:420px){
  .contact-bg-center .call-box {font-size: 14px;padding: 7px 5px;}
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion_head{padding:12px 0px;font-size:16px;}
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion_head p{margin:0 0 0 9px;}
  .fmelboutne-wrap .accordion-right .accor-white-box .accordion_head i{font-size:17px;}
  .contact-car-img img{width:100%;}
  
}
@media(max-width:400px){
  .welcome-patroldocta .melboutne-wrap .quali-title{font-size:16px;padding:0 20px 0 0;top:95px;}
  .welcome-patroldocta .melboutne-wrap .quali-title span{font-size:25px;}
  .footer-bg .top-footer.topbottom .abn{padding:15px 6px;}
  .servi-title:after{display:none;}
  .servi-title:before{display:none;}
}