body
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-family: "Arial";
    overflow-x:hidden;
}
.wrapper{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.padding{
	padding: 0;
}


body a {text-decoration: none;    color: inherit;}
ul{list-style: none;margin: 0;padding: 0;}
p:last-child{margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;}


@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/Arial-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold";
  src: url("../fonts/newArial-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Italic";
  src: url("../fonts/newArial-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold Italic";
  src: url("../fonts/newArial-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE";
  src: url("../fonts/newArialCE-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE Bold";
  src: url("../fonts/newArialCE-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Black";
  src: url("../fonts/newArialBlack.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing:border-box;
}




html {
    overflow-x: hidden;
}

figure {
  margin: 0;
}

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

p:last-child {
  margin: 0;
  padding: 0;
}

p,h1,h2,h3,h4,h5,h6 {margin: 0;}



.common-padding {padding: 60px 0px;}
.common-sec h1{font-size: 56px; line-height: 70px; padding: 0 0 30px 0; font-weight: 600; color: #fff;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}
.common-sec h2 {font-size: 36px;line-height: 50px;text-align: center;padding: 0 0 20px 0;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;color:#b52228;}
.common-sec h3{font-size: 24px; line-height: 36px; font-weight: 600; padding: 0 0 20px 0px;color: #b52228;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}
.common-sec p {font-size: 20px;line-height: 30px;color: #000;padding: 0 0 10px 0;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}
a:hover {color: inherit;}
.header {position:unset;top: 0;z-index: 99999;width: 100%;padding: 20px 0;background:#fcfcfc;}
.menu ul li a {transition:0.5s;color: #b52228!important;padding: 0px 10px!important;font-size: 20px;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;display: inline-block;letter-spacing: 0.5px;background: transparent;position:relative;line-height:28px;}
.menu .nav-item{margin:0 30px 0 0;}
.menu nav{padding:0;}
.menu .nav-item:last-child{margin:0 0 0 12px;}
.menu ul li a:hover{color:#2d2d2b!important;}

.header-btn a{border:2px solid #EE3F2B;}

.header-btn a{line-height:24px;}

.navbar-nav .header-btn a{color:#fff!important;background: #be1e2d;border-radius: 0px;margin: 0 0 0 22px;border:2px solid #be1e2d;padding: 7px 12px 7px 12px !important;}

.navbar-expand-md .navbar-collapse {justify-content: right;}
.slider {position: relative;}
.sticky {position: fixed !important;top: 0;width: 100%;background-color: #fcfcfc;color: #000 !important;z-index: 9999;display: block;box-shadow: 0px 7px 6px #bfb7b7a8;}
.sticky + *{margin-top:100px;}

.slider .carousel-item img {width: 100%;}
.carousel-control-prev img {transform: rotate(180deg);}
.navbar-nav{align-items:center;}

.carousel .carousel-item{background: #000;}
.carousel .carousel-item img{width:100%;opacity: 0.8;height: 100vh;object-fit: cover;object-position: top;}
#slider .carousel-item{background:#000;}

.slider-content { position: absolute; top: 50%; left: 0; right: 0; z-index: 999; transform: translate(0px, -50%); }
#slider{position:relative}
.slider-content-col h1{font-size: 48px; font-weight: 600;line-height:62px; color: #fff;text-shadow: 1px 1px 4px rgb(25, 25, 25);text-transform: uppercase;}
.slider-content-col h1 span{color:#eac392;}
.slider-content-col{text-align:center;}
.slider-content-col p{font-size: 16px;line-height: 25px; font-weight: 600;  color: #000;margin: 10px 0 0 0;}
.slider-content-col a { color: #fff !important; background: #A6C137; padding: 8px 16px !important; display: inline-block; font-size: 16px; line-height: 24px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 30px 0; border: 1px solid #A6C137; border-radius: 0px; }


.logo{text-align:left;}

.menu ul li::after{content:'';width:0%;display:block;height:1px;background:#2d2d2b;transition:0.5s;}
.menu ul li:hover::after{width:100%;}

.phone-number::after{content:unset!important;}

#collapsibleNavbar{justify-content: end;}
.logo p{font-size: 30px; line-height: 42px; color: #fff; text-transform: uppercase; font-weight: 600;font-family: "Cormorant Garamond", serif;}
.menu ul .phone-number a{color: #fff !important; background: #2d2d2b; padding: 8px 16px!important; display: inline-block; font-size: 20px; line-height: 26px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 0px 0 0 0; border: 1px solid #2d2d2b; border-radius: 0px;}
.top-header p { color: #fff; font-size: 18px; line-height: 28px; font-weight: 500; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; }
.logo img{width:100%;}
.slider-content-col a:hover{background:#0E87CC;border: 1px solid #0E87CC;}

.navbar-nav .phone-number a:hover{background:#b52228!important;color:#fff!important;border:1px solid #b52228;}
.carousel .carousel-control-next, .carousel .carousel-control-prev{width: 7%;}

#slider .container-fluid{padding: 0 130px;}

.why-choose-us{background:#f2f2f2;}
.why-choose-inner h3{padding:0 0 0 0;}
.why-choose-inner{padding:0 0 10px 0;}
.why-choose-discription{padding: 0 0 40px 0!important;}


.oil-change-discription{padding: 0 0 40px 0!important;}
.oil-change-txt ul li{font-size: 20px; line-height: 27px; color: #000; font-weight: 500; list-style-type: disc; padding: 0 0 5px 0;}
.oil-change-txt ul{padding: 20px 0px 0 40px;}
.oil-change-txt{padding:0 12px 0 40px;}
.common-btn{color: #fff !important; background: #b52228; padding: 8px 16px !important; display: inline-block; font-size: 20px; line-height: 26px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 20px 0 0 20px; border: 1px solid #b52228; border-radius: 0px;}

.faq-sec{background:#f2f2f2;}
.faq-inner h3{padding:0 0 0 0;}
.faq-inner p{padding:0 0 0 0;}
.faq-inner{padding:0 0 20px 0;}
.faq-sec-txt{padding: 20px 12px 0 12px;}

.still-quest{padding: 15px 0 0 0 !important;}


.vehicles-service-sec .top-content article a{
    margin-top:10px;
    display:inline-block;
}
.vehicles-service-sec  .images{
    margin-top:35px;
}
.vehicles-service-sec .gallery-carousel{
    display: flex;
    justify-content: space-around;
  }
  
  .vehicles-service-sec h2{text-align:center; margin-bottom:10px;}
  
  #clients {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 10px;
	width: 100%;
	float: left;
}

#clients .clients-wrap {
	display: block;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 210px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  padding: 0 20px;

}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  /*opacity: 0.65;*/
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}



.footer-sec{background: #00000030;position:relative;}
.footer-sec .footer-right{ position: absolute; width: auto; top: 100px; background-color: #fff; left: 14px; padding: 30px; box-shadow: 0px 0px 12px #525252; border: 2px solid #000;}
.footer-sec p{line-height: 29px; padding-bottom: 0px; font-size: 20px; font-weight: 500; margin-bottom: 5px;color: #000;}
.footer-sec h5{font-size: 24px; line-height: 32px; margin-bottom: 10px; text-transform: uppercase; border-bottom: 3px solid #b52228; display: inline-block; padding-bottom: 0px;color: #000;}
.footer .label{margin-top:0px;}
.footer-sec a {font-size: 24px; font-weight: 500; display: block; padding-bottom: 30px; color: #000; text-decoration: none; font-weight: 600;}
.footer-bottom-sec{background-color:red;}
.footer-bottom-sec{display:flex; align-items:center; flex-direction:row;}
.footer-bottom-sec{background: #000; padding:15px 0;}
.footer-bottom-sec .copyright p{font-size:20px; color:white; margin-bottom:0; padding:15px 0;}
.footer-sec .phone-title{ margin-top: 30px;}

.copyright { padding: 10px 0; background-color: #2e2e2d;border-top: 1px solid #fff; margin: 0px 0 0 0;}
.copyright p { color: #fff; font-size: 18px; font-weight: 400; margin: 0; padding: 0 0; letter-spacing: 0.5px;font-family: "Arial"; }
.Proudly_text { text-align: right; }

.blocks-inner{text-align:center;background: #f5f5f5;padding: 15px;box-shadow: 0 0 10px -4px #000;}
.blocks-inner p{font-size: 20px; padding: 10px 70px 0 70px; line-height: 27px;}
.blocks-col-btm{margin:30px 0 0 0;}
.blocks-inner h3{padding:0 0 5px 0;}

.block-discription {padding: 0 0 40px 0!important;}
.blocks-inner img{transition:0.5s;width: 100%;}
.blocks-inner:hover img{transform:scale(1.1);filter: contrast(1.5);}
.block-img{overflow:hidden;}

/*innerpage css*/

.when-oil-change-heading h2{padding: 0 0 50px 0;}
.oilchange-banenr{background: linear-gradient(90deg, rgba(0, 0, 0, 95%), rgba(0, 0, 0, 32%)), url('../images/header-oil-chnagepage.png');background-repeat: no-repeat; background-size: cover; background-position: top; height: 550px;display: flex;align-items: center;}
.olichange-banner-content p{color: #fff; font-size: 20px; line-height: 28px;}
.olichange-banner-content{padding: 0px 12px;text-align: center;}
.olichange-banner-content h1::after{content:'';width:100%;height:2px;background:#b52228;display:block;position:relative;top: 3px;}
.oli-chane-banner-btn a{margin: 10px 10px 0 0;}
.oilchange-welcome-txt-inner ul li{font-size: 20px; line-height: 27px; color: #000; font-weight: 500; list-style-type: disc; padding: 0 0 5px 0;}
.oilchange-welcome-txt-inner ul{padding: 20px 0px 0 40px;}
.oilchange-welcome{background:url('../images/oil-change-welcome-bg.svg');background-repeat: no-repeat; background-size: cover;background-position: center;}
.when-oil-change-inner{position: relative;text-align: center; border: 1px solid #606060; padding: 55px 42px; background: url(../images/when-sholid-bg.png); background-size: cover; background-position: top; background-repeat: no-repeat;transition:0.5s;}
.when-oil-change-inner:hover{position: relative;text-align: center; border: 1px solid #606060; padding: 55px 42px; background: url(../images/when-sholid-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.oil-change-img img{width: 80px; position: absolute; top: -12%; left: 4%;}
.oli-change-sign-inner img{width: 50%;margin: 0 0 15px 0;}


.when-oil-change-inner h3{color:#000;padding: 0 0 8px 0;text-transform: uppercase;}
.miles{padding:0;}
.exclamation-col {text-align:center;}
.exclamation-col p{padding: 20px 0 0 0;}
.exclamation-col i{color:#b52228;margin:0 5px 0 0;}
.when-oil-change-inner .price{font-size: 24px; line-height: 30px; color: #b52228; font-weight: 700;}
.oli-change-sign-inner{background: #000;padding: 16px;text-align: center;border: 2px solid #b52228;width:100%;transition:0.5s;}
.oli-change-sign-inner:hover{background:#fff;}
.oli-change-sign-inner:hover p{color:#000;}
.oli-change-sign-inner p{color:#fff;font-size: 22px;line-height: 28px;}
.oli-change-sign{background:#f5f5f5;padding:60px 0 0 0;}
.when-oil-change-inner p{padding:0 0 0 0;text-transform: uppercase;}



.oli-change-why-choose-inner{text-align:center;padding: 16px;background:#d7d7d7;border: 2px solid #000;transition:0.5s;width: 100%;}
.oli-change-why-choose-inner h3{font-size: 20px;line-height: 28px;padding: 0 0 10px 0;}
.oli-change-why-choose-inner p{font-size: 20px;line-height: 28px;padding:0;}
.oli-change-why-choose-inner:hover{background:#fff;}
/*.quick-turn-around h3{padding: 0 20px 5px 20px;}*/
.oli-change-why-choose{display:flex;background: #f5f5f5;}
.oli-change-sign-col{display:flex;width:20%;}
.oli-change-why-choose-inner img{width:80px;margin: 0 0 15px 0;}


.service-page-banner img{width:100%;position: relative;}
.service-page-banner h1{color:#000;padding: 0 0 20px 0;}
.service-page-banner h1 span{color:#b52228;display: block;font-size: 76px;line-height: 88px;}
.services-banner-icon-inner{text-align:center;width: 100%;border-right: 2px solid #b3b3b3;padding: 15px;}
.service-slider-content{position: absolute; top: 50%; left: 0; right: 0; z-index: 999; transform: translate(0px, -50%);}
.services-banner-icon{display: flex;justify-content: space-between;margin: 20px 0 0 0;}
.services-banner-icon-inner img{width:40%;}
.services-banner-icon-inner p{font-size: 16px;line-height: 22px;padding: 15px 0 0 0;font-weight: 600;}
.services-banner-icon-inner:last-child{border-right: unset;}
.services-sub-heading{padding:0!important;}

.next-row{margin-top:40px;}
.service-page-welcome-txt h3{padding: 0 0 8px 0;}
.service-page-welcome-txt ul li{font-size: 20px; line-height: 27px; color: #000; font-weight: 500; list-style-type: disc; padding: 0 0 5px 0;}
.service-page-welcome-txt ul{padding: 15px 0px 0 40px;}
.service-page-welcome-txt{padding: 0 40px;}

.oilchange-welcome-img{padding: 0 50px 0 12px;}

.mobile-button{display:none;}
.desktop-img{display:block;}
.mobile-img{display:none;}

.oilchange-banenr h1{display:inline-block;font-size: 76px;line-height: 86px;}
.circle-row{margin-top:30px;}

.blocks-sec-inner .blocks-inner p{padding:0 0 10px 0;}
.blocks-sec-inner .blocks-inner{text-align: left;padding:20px;}
.blocks-sec-inner .blocks-inner ul li{font-size: 20px; line-height: 27px; color: #000; font-weight: 500; list-style-type: disc; padding: 0 0 5px 0;}
.blocks-sec-inner .blocks-inner ul{padding: 10px 0px 0 30px;}
.blocks-sec-inner .blocks-inner h3{text-align: center;padding: 0 0 10px 0;}
.blocks-sec-inner .block-img {margin: 0 0 15px 0;}
.bold-txt{padding: 10px 0 0 0 !important;}
.blocks-sec-inner .blocks-col{display:flex;}
.last-three-block h3{padding: 0 60px 10px !important;line-height: 32px;}





@media (min-width: 1200px) and (max-width: 1399.98px) {
    .slider-content-col h1{font-size: 38px;line-height: 52px;}
    .common-sec h1 {font-size: 44px;line-height: 54px;padding: 0 0 25px 0;}
    .blocks-col{display:flex;}
    .services-banner-icon-inner p {font-size: 14px;line-height: 20px;}

    
    
    
}



@media (max-width: 575.98px) {
   
    .logo img {width:82%;margin: 0 0 10px 0;}
 .new-sider .row {padding: 15px 12px;}
 .slider-content{position:absolute;}
 #slider .container-fluid{padding: 0 20px;}
 .sticky + *{margin-top: 0px;}
 .slider-content .container-fluid{padding:0 12px;}
.menu{padding:0;}
.star-certifiedd-img img {width: 23% !important;margin: 0px 0 5px 0px;}
.mobile-for-btns{display:block;}

.mobile-for-btns a{font-size: 16px; line-height: 20px; padding: 9px 14px!important; margin: 15px 0 0 0;color: #fff !important;background: #A91D33;display: inline-block;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;border: 1px solid #A91D33;border-radius: 6px;}
 .mobile-for-btns a i{margin-right:5px;}
 .slider-content-col .call-btn {margin: 10px 0 10px 0px;}
 .phone-number{display:none;}


 .header{position:unset;padding: 20px 12px;}
    .navbar-dark .navbar-toggler{background: #A91D33;width: 100%;border-radius: 0px;padding: 6px 10px;}
    .menu ul li a{padding: 8px 12px !important;font-size: 16px;}
    .header-row {padding: 0 0px;}
    .navbar-toggler .navbar-toggler-icon{float: right;}
    .menu ul{position: unset;border: 1px solid #000!important;background:#000!important;}
    .menu ul li{background: #fff;width: 100%;border-bottom: 1px solid #000;margin: 0 0px 0 0 !important;}
    
    .phone-li{display:none;}
    .mobile-btns{text-align:center;}
    .mobile-btns a{background: #A6C137; padding: 8px 15px; color: #fff; font-weight: 600; display: inline-block;width: 62%;margin: 12px auto 0 auto;}
    .logo{padding: 6px 0px 20px 0px;text-align: center;}
    
    .mobile-button{display:block;}
    .mobile-button a { color: #fff !important; background: #2d2d2b; padding: 8px 16px!important; display: inline-block; font-size: 18px; line-height: 26px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 12px 0 0 0; border: 1px solid #2d2d2b; border-radius: 0px; }
   .mobile-button a:hover{background:#A91D33;border: 1px solid #A91D33;}
   .menu ul li:hover::after{width: 0%;}
   
   .carousel .carousel-item img{height:auto;}
   .slider-content-col h1{font-size: 34px;line-height: 44px;}
   
   .common-padding{padding:40px 0;}
   .common-sec h2 {font-size: 30px;line-height: 40px;}
   .common-sec h3 {font-size: 22px;line-height: 34px;}
   .common-sec p {font-size: 18px;line-height: 27px;}
   .common-btn {padding: 7px 14px !important;font-size: 18px;margin: 15px 0 0 10px;}

   .blocks-col{margin: 30px 0 0 0;}
   .blocks-col:first-child{margin: 0px 0 0 0;}

   
   .sticky{position:unset!important;}
   .block-discription{padding: 0px 0 25px 0 !important;}
   .blocks-inner p {padding: 10px 25px 0 25px;}
   .why-choose-discription {padding: 0 0 20px 0 !important;}
   
   .desktop-img{display:none;}
.mobile-img{display:block;margin:0 0 10px 0;}
.why-choose-inner:last-child p{padding:0;}
.why-choose-inner:last-child{padding:0;}
.oil-change-txt {padding: 12px 12px 0 12px;}
.oil-change-txt ul {padding: 10px 0px 0 35px;}

.faq-sec-txt{padding: 8px 12px 0 12px;}
.faq-inner {padding: 0 0 15px 0;}
.still-quest{padding: 0px 0 0 0 !important;}
.footer-sec iframe{height:200px;}
.footer-sec .footer-right{position:unset;padding: 20px 8px;margin: 10px 8px;}
.footer-sec h5 {font-size: 20px;line-height: 30px;}
.footer-sec .phone-title {margin-top: 20px;}
.footer-sec a {padding-bottom: 25px;font-size: 22px;}
.footer-sec p {font-size: 18px;line-height: 27px;}
.copyright_text{text-align:center;margin-bottom: 15px;}
.Proudly_text{text-align:center;}

 .oilchange-banenr h1 {font-size: 34px;line-height: 44px;padding: 0 25px 12px 25px;}
   .oilchange-banenr{height:32vh;}
   .oli-chane-banner-btn a{margin: 10px 0px 0 0;}
   .circle-row {margin-top: 0px;}
   .oilchange-welcome-txt-inner ul {padding: 10px 0px 0 30px;}
   .oilchange-welcome-txt-inner ul li {font-size: 18px;line-height: 26px;}
   
   .when-oil-change-col{margin:40px 0 0 0;}
   .when-oil-change-inner {padding: 36px 25px;}
   .oil-change-img img{width: 60px;top: -13%;}
   .when-oil-change-heading h2{padding: 0 0 20px 0;}
   .when-oil-change-inner:hover{padding: 36px 25px;}

.oli-change-sign {padding: 50px 0 0 0;}
.oli-change-sign-col {width: 100%;margin: 30px 0 0 0;}
.oli-change-sign-inner img {width: 25%;}
.oli-change-sign-col:first-child{margin:0;}

.oli-change-why-choose-inner img {width: 70px;margin: 0 0 10px 0;}
.oli-change-why-choose-inner h3 {font-size: 20px;line-height: 28px;}

.service-slider-content{position: unset;transform: unset;}
.service-page-banner h1 span{font-size: 24px;line-height: 30px;}
.service-page-banner h1{font-size: 22px;line-height: 28px;padding: 0 0 10px 0;}
.services-banner-icon{margin: 10px 0 0 0;}
.services-banner-icon-inner{padding: 10px;}
.services-banner-icon-inner p{font-size: 10px;line-height: 16px;}
.service-slider-content-col{padding: 30px 12px 0 12px;}
.blocks-sec-inner .blocks-inner ul li {font-size: 18px;line-height: 26px;}
.bold-txt {padding: 5px 0 0 0 !important;}
.last-three-block h3{padding: 0 40px 10px !important;}

  #slider .carousel-control-prev, #slider .carousel-control-next{display:none;}
    
}


@media (max-width: 767.98px ) and (orientation: landscape){
  
  .logo img {width:82%;margin: 0 0 10px 0;}
 .new-sider .row {padding: 15px 12px;}
 .slider-content{position:absolute;}
 #slider .container-fluid{padding: 0 20px;}
 .sticky + *{margin-top: 0px;}
 .slider-content .container-fluid{padding:0 12px;}
.menu{padding:0;}
.star-certifiedd-img img {width: 23% !important;margin: 0px 0 5px 0px;}
.mobile-for-btns{display:block;}

.mobile-for-btns a{font-size: 16px; line-height: 20px; padding: 9px 14px!important; margin: 15px 0 0 0;color: #fff !important;background: #A91D33;display: inline-block;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;border: 1px solid #A91D33;border-radius: 6px;}
 .mobile-for-btns a i{margin-right:5px;}
 .slider-content-col .call-btn {margin: 10px 0 10px 0px;}
 .phone-number{display:none;}


 .header{position:unset;padding: 20px 12px;}
    .navbar-dark .navbar-toggler{background: #A91D33;width: 100%;border-radius: 0px;padding: 6px 10px;}
    .menu ul li a{padding: 8px 12px !important;font-size: 16px;}
    .header-row {padding: 0 0px;}
    .navbar-toggler .navbar-toggler-icon{float: right;}
    .menu ul{position: unset;border: 1px solid #000!important;background:#000!important;}
    .menu ul li{background: #fff;width: 100%;border-bottom: 1px solid #000;margin: 0 0px 0 0 !important;}
    
    .phone-li{display:none;}
    .mobile-btns{text-align:center;}
    .mobile-btns a{background: #A6C137; padding: 8px 15px; color: #fff; font-weight: 600; display: inline-block;width: 62%;margin: 12px auto 0 auto;}
    .logo{padding: 6px 0px 20px 0px;text-align: center;}
    
    .mobile-button{display:block;}
    .mobile-button a { color: #fff !important; background: #2d2d2b; padding: 8px 16px!important; display: inline-block; font-size: 18px; line-height: 26px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 12px 0 0 0; border: 1px solid #2d2d2b; border-radius: 0px; }
   .mobile-button a:hover{background:#A91D33;border: 1px solid #A91D33;}
   .menu ul li:hover::after{width: 0%;}
   
   .carousel .carousel-item img{height:auto;}
   .slider-content-col h1{font-size: 34px;line-height: 44px;}
   
   .common-padding{padding:40px 0;}
   .common-sec h2 {font-size: 30px;line-height: 40px;}
   .common-sec h3 {font-size: 22px;line-height: 34px;}
   .common-sec p {font-size: 18px;line-height: 27px;}
   .common-btn {padding: 7px 14px !important;font-size: 18px;margin: 15px 0 0 10px;}

   .blocks-col{margin: 30px 0 0 0;}
   .blocks-col:first-child{margin: 0px 0 0 0;}

   #slider .carousel-control-prev, #slider .carousel-control-next{display:none;}
   
   .sticky{position:unset!important;}
   .block-discription{padding: 0px 0 25px 0 !important;}
   .blocks-inner p {padding: 10px 25px 0 25px;}
   .why-choose-discription {padding: 0 0 20px 0 !important;}
   
   .desktop-img{display:none;}
.mobile-img{display:block;margin:0 0 10px 0;}
.why-choose-inner:last-child p{padding:0;}
.why-choose-inner:last-child{padding:0;}
.oil-change-txt {padding: 12px 12px 0 12px;}
.oil-change-txt ul {padding: 10px 0px 0 35px;}

.faq-sec-txt{padding: 8px 12px 0 12px;}
.faq-inner {padding: 0 0 15px 0;}
.still-quest{padding: 0px 0 0 0 !important;}
.footer-sec iframe{height:280px;}
.footer-sec .footer-right{position:unset;padding: 20px 8px;margin: 10px 8px;}
.footer-sec h5 {font-size: 20px;line-height: 30px;}
.footer-sec .phone-title {margin-top: 20px;}
.footer-sec a {padding-bottom: 25px;font-size: 22px;}
.footer-sec p {font-size: 18px;line-height: 27px;}
.copyright_text{text-align:center;margin-bottom: 15px;}
.Proudly_text{text-align:center;}

 .oilchange-banenr h1 {font-size: 34px;line-height: 44px;padding: 0 25px 12px 25px;}
   .oilchange-banenr{height:90vh;}
   .oli-chane-banner-btn a{margin: 10px 0px 0 0;}
   .circle-row {margin-top: 0px;}
   .oilchange-welcome-txt-inner ul {padding: 10px 0px 0 30px;}
   .oilchange-welcome-txt-inner ul li {font-size: 18px;line-height: 26px;}
   
   .when-oil-change-col{margin:40px 0 0 0;}
   .when-oil-change-inner {padding: 36px 25px;}
   .oil-change-img img{width: 60px;top: -13%;}
   .when-oil-change-heading h2{padding: 0 0 20px 0;}
   .when-oil-change-inner:hover{padding: 36px 25px;}

.oli-change-sign {padding: 50px 0 0 0;}
.oli-change-sign-col {width: 100%;margin: 30px 0 0 0;}
.oli-change-sign-inner img {width: 25%;}
.oli-change-sign-col:first-child{margin:0;}

.oli-change-why-choose-inner img {width: 70px;margin: 0 0 10px 0;}
.oli-change-why-choose-inner h3 {font-size: 20px;line-height: 28px;}

.service-slider-content{position: unset;transform: unset;}
.service-page-banner h1 span{font-size: 24px;line-height: 30px;}
.service-page-banner h1{font-size: 22px;line-height: 28px;padding: 0 0 10px 0;}
.services-banner-icon{margin: 10px 0 0 0;}
.services-banner-icon-inner{padding: 10px;}
.services-banner-icon-inner p{font-size: 10px;line-height: 16px;}
.service-slider-content-col{padding: 30px 12px 0 12px;}
.blocks-sec-inner .blocks-inner ul li {font-size: 18px;line-height: 26px;}
.bold-txt {padding: 5px 0 0 0 !important;}
.last-three-block h3{padding: 0 40px 10px !important;}
  
  
    
}


@media (min-width: 768px) and (max-width: 991.98px){
   
   .menu .nav-item {margin: 0 10px 0 0;}
   .menu ul li a{padding: 0px 5px !important;font-size: 14px;line-height: 22px;}
   .menu ul .phone-number a {font-size: 14px;line-height: 22px;}
   .carousel .carousel-item img{height: 46vh;}
   #slider .container-fluid {padding: 0 20px;}
   
   .slider-content-col h1 {font-size: 36px;line-height: 46px;}
   .common-padding{padding: 50px 0px;}
   .common-sec h2 {font-size: 32px;line-height: 42px;padding: 0 0 10px 0;}
   .common-sec h3 {font-size: 22px;line-height: 32px;}

   .menu ul .phone-number a{padding: 6px 14px !important;}
   .blocks-inner p{padding: 10px 12px 0 12px;}
   .block-col-ipad{margin-top:30px;}
   .why-choose-discription {padding: 0 0 20px 0 !important;}
   .common-btn{font-size: 18px;}
   .faq-sec-txt {padding: 10px 12px 0 12px;}
   .still-quest{padding: 0px 0 0 0 !important;}
.vehicles-service-sec h2{padding: 0 20px 10px 20px;}
.footer-sec .footer-right {padding: 20px;}
.footer-sec h5 {font-size: 22px;line-height: 30px;}
.footer-sec a {font-size: 22px;}
.footer-sec .phone-title {margin-top: 20px;}
.copyright p{font-size: 12px;}
.oilchange-banenr h1 {font-size: 42px;line-height: 52px;}
.oilchange-banenr {height: 390px;}
.when-oil-change-inner .price {font-size: 22px;}
.oil-change-img img{width: 60px;}
.when-oil-change-inner{padding: 35px 32px;}
.when-oil-change-col{margin:40px 0 0 0;}
.oli-change-sign {padding: 50px 0 0 0;}

.oli-change-sign-col {width: 33%;}
.oli-change-sign-inner img {width: 40%;}
.oli-change-sign-inner p {font-size: 20px;}
.oli-change-sign-col-ipad{margin-top:30px;}
.oli-change-why-choose-inner img {width: 60px;}
.oli-change-why-choose-inner h3{font-size: 17px;line-height: 24px;}

.service-page-banner h1{font-size: 32px;line-height: 42px;padding: 0 0 12px 0;}
.service-page-banner h1 span {font-size: 44px;line-height: 54px;}
.service-slider-content {top: 28%;}
.service-banner{height: 420px;object-fit: cover;}
.services-banner-icon-inner p{font-size: 12px;line-height: 18px;padding: 12px 0 0 0;}
.services-banner-icon {margin: 10px 0 0 0;}
.services-banner-icon-inner {padding: 10px;}
.blocks-col-services-ipad{margin-top:30px;}



}


@media (min-width: 992px) and (max-width: 1199.98px){
    
    .menu ul li a {font-size: 17px;padding: 0px 8px !important;}
    .menu ul .phone-number a {font-size: 17px;}
    .menu .nav-item{margin: 0 22px 0 0;}
    .carousel .carousel-item img {height: 47vh;}
    .slider-content-col h1 {font-size: 44px;line-height: 58px;}
    .common-padding {padding: 55px 0px;}
    .block-col-ipad {margin-top: 30px;}
.common-sec h2 {font-size: 34px;line-height: 46px;}
.why-choose-discription {padding: 0 0 30px 0 !important;}
.copyright p {font-size: 15px;}
.footer-sec h5 {font-size: 22px;}
.oilchange-banenr h1 {font-size: 58px;line-height: 70px;padding: 0 0 25px 0;}
.oli-chane-banner-btn a {margin: 10px 0px 0 0;}

.when-oil-change-inner h3 {font-size: 21px;line-height: 32px;}
.oil-change-img img {width: 70px;top: -12%;}
.oli-change-sign-col {width: 33%;}
.oli-change-sign-inner img {width: 40%;}
.oli-change-sign-inner p {font-size: 20px;}
.oli-change-sign-col-ipad{margin-top:30px;}
.oli-change-why-choose-inner img {width: 70px;}

.service-page-banner h1{font-size: 32px;line-height: 42px;padding: 0 0 12px 0;}
.service-page-banner h1 span {font-size: 44px;line-height: 54px;}
.service-slider-content {top: 22%;}
.service-banner{height: 420px;object-fit: cover;}
.services-banner-icon-inner p{font-size: 14px;line-height: 18px;padding: 12px 0 0 0;}
.services-banner-icon {margin: 10px 0 0 0;}
.services-banner-icon-inner {padding: 10px;}
.block-discription {padding: 0 0 30px 0 !important;}
.blocks-col-services-ipad {margin-top: 30px;}

    
}