/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
    U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.contact-form #name-error,
.contact-form #email-error,
.contact-form #phone-error {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  position: relative;
  /* top       : 25px; */
  left: -51px;
  height: 0px;
}

.contact-form #name:focus,
.contact-form #email:focus,
.contact-form #phone:focus,
.contact-form #message:focus {
  box-shadow: none !important;
  border: 1px solid #d9e2eb !important;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-star:before {
  content: "\f005";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.text-white {
  color: #fff !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.bg-green-048 {
  background-color: #048e7a;
}

.d-block {
  display: block !important;
}

.ms-0 {
  margin-left: 0 !important;
}

body,
p {
  font-family: "Poppins", sans-serif;
  line-height: 22px;
}

*,
ul {
  margin: 0;
}

*,
input:focus {
  outline: 0;
}

* {
  padding: 0;
}

body {
  color: #636363;
  font-size: 16px;
  overflow-x: hidden;
  transition: none !important;
}

h1,
h2 {
  font-size: 38px;
  line-height: 44px;
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
  text-transform: capitalize;
}

h2,
h3,
h4,
h5,
h6 {
  color: #022c64;
}

h1 {
  color: #fff;
  font-weight: 700;
  text-transform: none;
}

.main_input input,
h2 {
  text-transform: uppercase;
}

h2 {
  color: #323232;
  margin: 15px 0;
}

h3,
h4,
h5,
h6 {
  font-size: 24px;
}

a {
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #3c3c3c;
}

a:active,
a:focus,
a:hover {
  color: #022961;
  outline: 0;
  text-decoration: none;
}

p {
  margin: 0 0 10px;
  text-align: left;
}

figure {
  margin-bottom: 0;
  position: relative;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

blockquote {
  quotes: none;
}

input[type="search"] {
  width: 370px;
  font-size: 14px;
  padding: 10px 20px;
}

textarea {
  height: 150px;
}

:-moz-placeholder {
  opacity: 1;
  color: #282828;
}

::-moz-placeholder {
  opacity: 1;
  color: #282828;
}

::-webkit-input-placeholder {
  color: #282828;
}

:-ms-input-placeholder {
  color: #282828;
}

.phone,
.phone:focus,
.phone:hover {
  color: #fff;
}

.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.flex-column {
  flex-direction: column !important;
}

.p-0 {
  padding: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.float-end {
  float: right !important;
}

/*   ================   Owl Carousel Start    ====================   */

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*   ==================   Owl Carousel End  ==================   */

header .list-inline .list-inline-item a {
  font-size: 26px;
  line-height: 32px;
  border: 1px solid #006b5b;
}

.fixed-top {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  animation-name: moveHeader;
  animation-duration: 2s;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

@keyframes moveHeader {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0px);
  }
}

.webp #header {
  background-image: url("../images/header-bg.webp");
}

.no-webp #header {
  background-image: url("../images/header-bg.png");
}

#header {
  background-repeat: no-repeat;
  background-size: 135%;
  background-position: 0 32%;
}

/* .phone {
    background: #006e5e;
    background: -moz-linear-gradient(top,
            rgba(0, 110, 94, 1) 0,
            rgba(5, 149, 128, 1) 100%);
    background: -webkit-linear-gradient(top,
            rgba(0, 110, 94, 1) 0,
            rgba(5, 149, 128, 1) 100%);
    background: linear-gradient(to bottom,
            rgba(0, 110, 94, 1) 0,
            rgba(5, 149, 128, 1) 100%);
    filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e5e', endColorstr='#059580', GradientType=0);
    padding      : 10px;
    border       : 1px solid #005c4f;
    border-radius: 5px;
    width        : 50%;
    font-size    : 42px;
    display      : inline-block;
    font-family  : Montserrat;
    text-align   : center;
} */
.phone-responsive,
.phone_img_responsive {
  display: none;
}

.navbar-default {
  background: 0 0;
  margin-bottom: 0;
  border: none;
  margin-top: -50px;
}

.main,
.widget {
  margin-bottom: 20px;
}

.navbar-default .navbar-nav>li>a {
  color: #000 !important;
}

.navbar-default .navbar-nav>li>a:hover {
  font-weight: 700;
  text-decoration: underline;
}

.navbar-default .navbar-toggle {
  border-color: #888 !important;
}

.webp .banner {
  background-image: url("../images/banner-2.webp");
}

.no-webp .banner {
  background-image: url("../images/banner-2.png");
}

.mobile-thumb {
  display: none !important;
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  position: relative;
  z-index: 1;
  /* background-color: rgba(0, 0, 0, 0.6); */
}

.banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
}

.banner-utility {
  background: #333;
}

.widget-box {
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  border-radius: 5px;
}

.webp .main_input input {
  background-image: url("../images/london-gb.webp");
}

.no-webp .main_input input {
  background-image: url("../images/london-gb.png");
}

.main_input {
  padding: 3px;
}

.main_input input {
  width: 100%;
  background-repeat: no-repeat;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  border: none;
  min-height: 75px;
  font-size: 24px;
  color: #989898;
}

.main_input input::-webkit-input-placeholder {
  color: #989898;
}

.main_input input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  background: url(../images/london-gb.png) no-repeat #fff !important;
}

.widget-box a.cta {
  background: #b3161f;
  background: -moz-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: -webkit-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: linear-gradient(to bottom, #b3161f 0, #e2202b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3161f', endColorstr='#e2202b', GradientType=0);
  padding: 16px 10px;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  display: block;
  border: 1px solid #ab151c;
  border-radius: 5px;
  text-align: center;
  margin: 20px 0;
}

.widget-box a.cta:hover {
  border: 1px solid #003b75;
  background: #003b75;
  background: -moz-linear-gradient(top, #003b75 0, #003489 100%);
  background: -webkit-linear-gradient(top, #003b75 0, #003489 100%);
  background: linear-gradient(to bottom, #003b75 0, #003489 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b75', endColorstr='#003489', GradientType=0);
}

.widget-box p {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
}

.widget-box p i {
  color: #05ac94;
  font-size: 26px !important;
  padding: 0px 7px 0px 0px;
  float: left;
}

.widget-box-form {
  position: relative;
  top: 27px;
}

.webp .widget-box-form .form-group:before {
  background-image: url(../images/dropdown.webp);
}

.no-webp .widget-box-form .form-group:before {
  background-image: url(../images/dropdown.png);
}

.widget-box-form .form-group:before {
  content: "";
  right: 16px;
  top: 1px;
  width: 38px;
  height: 32px;
  background: right top/32px auto no-repeat rgba(0, 0, 0, 0);
  position: absolute;
  pointer-events: none;
  display: block;
  border-radius: 5px;
}

.widget-box-form .form-group select {
  background: #e3e3e3;
  color: #6d6d6d;
  border: 1px solid #b7b7b7;
  -moz-appearance: none;
}

.widget-box-form a.get-quote {
  color: #fff;
  background: #666;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 20px;
  display: block;
  border-radius: 5px;
}

.car-make a.view-all,
.service-repair a.view-all {
  text-decoration: underline;
  display: block;
  margin-bottom: 20px;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  background: url(../images/search-icon.png) 10px 10px no-repeat #fff !important;
  text-indent: 45px;
  height: 65px !important;
  line-height: 65px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px !important;
  color: #989898 !important;
  line-height: 65px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20px !important;
}

.breadcrumb {
  padding: 5px 15px 8px;
  margin-bottom: 0 !important;
  font-size: 14px;
}

.review-box {
  background: #ecebeb;
  padding: 10px 0;
}

.review-box p {
  font-size: 16px;
}

.we-offer .image-box {
  position: relative;
}

.we-offer .image-box .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.we-offer .image-box .text h3 {
  font-size: 23px;
  line-height: 29px;
  font-weight: 700;
  color: #fff;
}

.engine-codes-table .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle;
}

.ad-banner {
  margin-top: 20px;
}

.car-make .col-lg-3 {
  margin-bottom: 20px;
}

.car-make .car-box {
  background: #ebebeb;
  position: relative;
  border-radius: 5px;
}

.car-make .car-box .text-box {
  background: #2f3130;
  border-radius: 0 0 5px 5px;
  padding: 5px;
}

.reviews .owl-carousel .owl-stage-outer .owl-item {
  display: flex;
  align-items: center;
  /* height  : 100%; */
  flex-wrap: wrap;
}

.reviews .owl-carousel .owl-stage-outer {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: flex;
  /* flex-wrap     : wrap; */
  /* height        : 100%; */
  flex-direction: column;
  /* max-width     : 1170px; */
  /* width         : 1170px; */
  padding: 0 0 13px 0;
  margin: -5px;
}

.text-black {
  color: #000;
}

.owl-carousel .owl-stage {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.h-100 {
  height: 100%;
}

.car-make .car-box .text-box h3 {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

.flex-direction-column {
  flex-direction: column;
}

.car-make .car-box img {
  margin-top: 20px;
}

.car-make a.view-all {
  font-size: 22px;
  line-height: 28px;
  color: #003b75;
  margin-top: 10px;
}

.car-make {
  padding: 20px 0;
}

.about {
  /* background:#f5f5f5; */
  padding-bottom: 40px;
}

.about-us h1 {
  color: #323232;
}

.mb20 {
  margin-bottom: 20px;
}

.service-repair .service-box {
  background: #4b4a47;
  border: 3px solid #fff;
  border-radius: 5px;
  padding: 10px 0;
  -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.75);
}

.service-repair .service-box span {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}

.service-repair a.view-all {
  font-size: 22px;
  line-height: 28px;
  color: #003b75;
}

.work-gallery {
  background: #003b75;
}

.work-gallery h2,
.work-gallery p {
  color: #fff;
}

.work-gallery .thumbnails li>.fff .caption {
  background: #fff !important;
  padding: 10px;
}

.work-gallery .page-header {
  background: #f9f9f9;
  margin: -30px -40px 40px;
  padding: 20px 40px;
  border-top: 4px solid #ccc;
  color: #999;
  text-transform: uppercase;
}

.work-gallery .page-header h3 {
  line-height: 0.88rem;
  color: #000;
}

.work-gallery ul.thumbnails {
  margin-bottom: 0;
}

.caption h4 {
  color: #444;
}

.caption p {
  color: #999;
}

.work-gallery .control-box {
  width: 100%;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.work-gallery .carousel-control {
  background: #666;
  border: 0;
  border-radius: 0;
  display: inline-block;
  font-size: 34px;
  font-weight: 200;
  line-height: 18px;
  opacity: 0.5;
  padding: 4px 10px 0;
  position: static;
  height: 30px;
  width: 15px;
}

@media (max-width: 767px) {

  .control-box,
  .page-header {
    text-align: center;
  }
}

@media (max-width: 479px) {
  .caption {
    word-break: break-all;
  }
}

.work-gallery li {
  list-style-type: none;
}

.work-gallery .thumbnail {
  background: 0 0 !important;
  border: none !important;
}

.work-gallery .control-box {
  text-align: center !important;
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 9px 8px !important;
  background-color: #1d1d1d;
  border: none !important;
  border-radius: 0 !important;
}

.glyphicon-chevron-left:before {
  content: "\e079";
  color: #fff;
}

.glyphicon-chevron-right:before {
  content: "\e080";
  color: #fff;
}

.pager li>a:focus,
.pager li>a:hover {
  text-decoration: none;
  background-color: #1d1d1d;
}

.nopadding {
  padding: 0;
}

.apex-mot {
  padding: 20px 0px;
}

.apex-mot .apex-mot-box {
  margin: 20px 0;
}

.apex-mot .apex-mot-box h3 {
  font-size: 22px;
  line-height: 28px;
  color: #000;
  font-weight: 700;
  margin: 0;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.model {
  background: #efefef;
  padding: 20px 0px 35px 0px;
}

.engineCodeTable.table-responsive {
  display: block;
  width: 100%;
}

.model-box {
  background: #fff;
  padding: 15px;
  box-shadow: 5px 5px #cdcdcd;
}

.make .make-box,
.make .make-heading {
  background: #fff;
}

.make .make-box {
  border-bottom: 2px solid #c2c2c2;
  padding: 25px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
}

.make .make-box span {
  font-size: 16px;
  line-height: 22px;
  color: #21221f;
}

.make .make-box:hover {
  background: #003b75;
}

.make .make-box:hover span {
  color: #fff;
}

.make a.view-all {
  font-size: 22px;
  line-height: 28px;
  color: #003b75;
  text-decoration: underline;
  margin-bottom: 20px;
  margin-top: 10px;
  display: block;
}

.car {
  background: #efefef;
  padding: 20px;
}

.car .car-heading {
  background: #fff;
}

.car .blue-heading {
  background: #0e4c8c;
  padding: 10px 0;
}

.car .blue-heading span {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}

.car span.engine-code-heading {
  font-size: 30px;
  line-height: 36px;
  color: #0e4c8c;
  margin: 20px 0;
  display: block;
}

.car .engine-code-box {
  background: #fff;
  border-bottom: 2px solid #c2c2c2;
  padding: 20px 0;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
}

.car .engine-code-box span {
  font-size: 20px;
  line-height: 26px;
  color: #21221f;
}

.car .engine-code-box:hover {
  background: #003b75;
}

.car .engine-code-box:hover span {
  color: #fff;
}

.car .view-price a {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  padding: 10px 0;
  display: block;
  margin-top: 10px;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #b3161f;
  background: -moz-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: -webkit-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: linear-gradient(to bottom, #b3161f 0, #e2202b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3161f', endColorstr='#e2202b', GradientType=0);
}

.car .view-price a:hover,
.part .part_inner .view-price a:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b75', endColorstr='#003489', GradientType=0);
}

.car .view-price a:hover {
  background: #003b75;
  background: -moz-linear-gradient(top, #003b75 0, #003489 100%);
  background: -webkit-linear-gradient(top, #003b75 0, #003489 100%);
  background: linear-gradient(to bottom, #003b75 0, #003489 100%);
}

.part-heading h2 {
  font-weight: 700;
}

.part .blue-heading {
  background: #036;
  padding: 10px 0;
}

.part .blue-heading span {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
}

.part .part_inner {
  border: 1px solid #a3a3a3;
}

.part .part_inner h2 {
  margin-top: 0;
}

.part .part_inner .make-left-part span {
  font-size: 20px;
  line-height: 26px;
  color: #000;
}

.part .part_inner .make-right-part span {
  font-size: 20px;
  line-height: 26px;
  color: #7e7e7e;
  font-weight: 700;
}

.part .part_inner .mb10 {
  margin-bottom: 10px;
}

.part .part_inner .view-price a:hover {
  background: #003b75;
  background: -moz-linear-gradient(top, #003b75 0, #003489 100%);
  background: -webkit-linear-gradient(top, #003b75 0, #003489 100%);
  background: linear-gradient(to bottom, #003b75 0, #003489 100%);
}

.part .part_inner .view-price a,
.signup-form .signup-form-inner a {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3161f', endColorstr='#e2202b', GradientType=0);
  margin-top: 10px;
  font-weight: 700;
  display: block;
}

.part .part_inner .view-price a {
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #b3161f;
  background: -moz-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: -webkit-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: linear-gradient(to bottom, #b3161f 0, #e2202b 100%);
}

/* ===================== Signup ===================== */
.bg-transparent {
  background-color: transparent;
}

.border-0 {
  border: 0;
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-phone:before {
  content: "\f095";
}

.fa-map-marker:before {
  content: "\f041";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.signup-img {
  opacity: 0.6;
}

.signup-text {
  background-color: #595858;
  padding: 20px 0;
  margin-top: 15px;
}

.signup-form {
  background-color: #f8f8f8;
}

.signup-form .badges {
  width: 150px;
}

.signup-form .signup-form-inner .detail {
  font-size: 19px;
  line-height: 25px;
  color: #000;
  display: block;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* .webp .signup-form .signup-form-inner .form-group input {
  background-image: url(../images/person-new.webp);
}

.no-webp .signup-form .signup-form-inner .form-group input {
  background-image: url(../images/person-new.png);
} */

.signup-form .signup-form-inner .form-group input,
.signup-form .signup-form-inner .form-group select {
  font-size: 18px;
  color: #949494;
  border: 1px solid #b5b5b55c;
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-indent: 60px;
  /* background: 10px 0 no-repeat #fff; */
}

.signup-logo h1 {
  font-size: 30px;
  line-height: 36px;
}

.signup-form .signup-form-inner .form-group input::-webkit-input-placeholder {
  color: #949494;
}

/* .webp .signup-form #email {
  background-image: url(../images/mail.webp);
}

.no-webp .signup-form #email {
  background-image: url(../images/mail.png);
} */

/* .signup-form #email {
  background: 6px 0 no-repeat #fff;
} */

/* .webp .signup-form #phone {
  background-image: url(../images/phone.webp);
}

.no-webp .signup-form #phone {
  background-image: url(../images/phone.png);
} */

/* .signup-form #phone {
  background: 8px 0 no-repeat #fff;
} */

/* .webp .signup-form #postcode {
  background-image: url(../images/area.webp);
}

.no-webp .signup-form #postcode {
  background-image: url(../images/area.png);
} */

.signup-form #postcode {
  background: 10px 0 no-repeat #fff;
}

#contact_btn {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  padding: 15px 0;
  display: block;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  margin: 20px auto;
  background: #b3161f;
  background: -moz-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: -webkit-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: linear-gradient(to bottom, #b3161f 0, #e2202b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3161f', endColorstr='#e2202b', GradientType=0);
  outline: none;
  border: none;
}

.signup-form .signup-form-inner button {
  font-size: 26px;
  line-height: 32px;
  color: #fff;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 5px;
  text-transform: uppercase;
  background: #048e7a;
  display: block;
  width: 100%;
  border: 0;
  margin-top: 20px;
  font-weight: 500;
}

/* 
.signup-form .signup-form-inner button:hover {
  background: #003b75;
  background: -moz-linear-gradient(top, #003b75 0, #003489 100%);
  background: -webkit-linear-gradient(top, #003b75 0, #003489 100%);
  background: linear-gradient(to bottom, #003b75 0, #003489 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b75', endColorstr='#003489', GradientType=0);
} */

.error+.error {
  color: #c21a23;
  font-weight: normal;
  margin-top: 2px;
}

.signup-form .signup-form-inner p {
  font-size: 22px;
  line-height: 28px;
  color: #000;
}

.signup-form .signup-form-inner .list-group-item {
  color: #3e3e3e;
  font-size: 20px;
  line-height: 26px;
}

.signup-form .list-group-item .fa-angle-double-right {
  color: #048e7a;
}

.contact-form {
  padding: 20px 0;
}

.contact-form .contact-form-inner {
  background: #fff;
  border-radius: 5px;
}

.contact-form .contact-header {
  background: #e5ecf4;
  padding: 5px 0;
  border-radius: 5px 5px 0 0;
}

/* .contact-form .contact-header .first {
  margin-top: 10px; 
}

.contact-form .contact-header .mt15 {
  margin-top: 13px; 
} */

.justfy-content-start {
  justify-content: flex-start !important;
}

.contact-form .contact-header span {
  font-size: 18px;
  line-height: 24px;
  color: #001a33;
}

.contact-form .contact-header span>span {
  text-indent: 62px;
  display: block;
}

.contact-form .contact-header span.middle {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.content-left input,
.content-left textarea {
  font-size: 16px;
  border: 1px solid #d9e2eb;
  color: #84a7c9;
}

.contact-content {
  padding: 20px 0;
}

.content-left input {
  height: 55px !important;
  line-height: 55px !important;
}

.content-left textarea {
  line-height: 22px;
  max-width: 540px;
}

.content-left input::-webkit-input-placeholder {
  color: #84a7c9;
}

.content-left textarea::-webkit-input-placeholder {
  color: #84a7c9;
}

.content-left .input-group-addon {
  background: #d9e2eb;
  width: 54px;
}

.content-left .input-group {
  margin-bottom: 30px;
  width: 100%;
}

.content-left a {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  padding: 15px 0;
  display: block;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  width: 70%;
  margin: 20px auto;
  background: #b3161f;
  background: -moz-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: -webkit-linear-gradient(top, #b3161f 0, #e2202b 100%);
  background: linear-gradient(to bottom, #b3161f 0, #e2202b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3161f', endColorstr='#e2202b', GradientType=0);
}

.align-items-center {
  align-items: center !important;
}

.about-us h1,
.about-us h3 {
  margin-top: 0;
}

.content-left a:hover {
  background: #003b75;
  background: -moz-linear-gradient(top, #003b75 0, #003489 100%);
  background: -webkit-linear-gradient(top, #003b75 0, #003489 100%);
  background: linear-gradient(to bottom, #003b75 0, #003489 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b75', endColorstr='#003489', GradientType=0);
}

.content-right .map iframe {
  width: 100%;
}

.about-us {
  padding-top: 20px;
}

.about-us h3 {
  font-weight: 700;
  font-size: 18px;
}

.about-us p.text {
  font-size: 16px;
}

.about-us p i {
  color: #003b75;
  font-size: 24px;
}

.about-us .mt {
  margin-top: 20px;
  background: #f5f5f5;
  padding: 20px;
}

.panel-heading a {
  color: #337ab7;
  font-weight: 900;
}

.panel-heading a:hover {
  color: #003b75;
  text-decoration: underline;
}

.akordian .size-box {
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #dadada;
  padding: 10px;
  margin-bottom: 10px;
}

.akordian .size-box h4 {
  color: #000;
  font-size: 20px;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.akordian .size-box span {
  border-top: 1px solid #dadada;
  color: #646464;
  line-height: 37px;
  font-size: 16px;
  text-align: center;
  display: block;
}

.akordian .size-box span:hover {
  color: #003b75;
  text-decoration: underline;
}

.series-nobg {
  background: 0 0;
}

.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #eee;
}

.panel-default>.panel-heading {
  border-radius: 0;
  color: #212121;
}

.panel-title {
  font-size: 14px;
}

.panel-title>a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #337ab7;
  font-weight: 900;
}

#footer .footer-bottom ul li a:hover,
#footer .footer-top .navigation li a:hover,
.panel-title>a:hover {
  text-decoration: underline;
}

.more-less {
  float: right;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #eee;
}

.panel-body .make-box {
  background: #fff;
  border-bottom: 2px solid #c2c2c2;
  padding: 25px 0;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
  min-height: 332px;
}

.panel-body .make-box .car-detl {
  font-size: 18px;
  line-height: 24px;
  color: #201e1e;
  text-align: center;
  margin-bottom: 10px;
  min-height: 48px;
}

#footer .footer-bottom span,
#footer .footer-bottom ul li a,
#footer .footer-top .navigation li a,
#footer .footer-top p.info,
#footer .footer-top span {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

#footer .footer-top p.info {
  padding: 10px 7px;
}

.panel-body .make-box .car-detl a {
  color: #201e1e;
  font-weight: 700;
}

.panel-body .make-box .car-detl a:hover {
  color: #23527c;
  text-decoration: underline;
}

.panel-body .make-box .car-det {
  font-size: 16px;
  line-height: 22px;
  color: #201e1e;
}

.privacy h1,
.terms h1 {
  color: #323232;
}

.panel-body .make-box .btn-table {
  margin-top: 20px;
}

.panel-body .make-box .btn-table button {
  background: #fc2626;
  border-radius: 5px;
  width: 90% !important;
  border: 1px solid #fc2626;
}

.panel-body .make-box .btn-table button:hover {
  background: #002744;
  border: 1px solid #002744;
}

.terms li {
  /* padding-left: 20px; */
  padding-left: 10px;
  /* margin-left: 20px; */
  margin-left: 50px;
}
.terms p{
  margin-left: 50px;
}

.para_align p {
  /* text-align  : justify;
              text-justify: inter-word */
  font-size: 15px;
}

.para_align a {
  color: #2d2dbf;
  text-decoration: underline;
  font-weight: bold;
}

.thanks {
  padding: 20px;
}

#footer .footer-top {
  /* background: #333; */
  background-color: #4e4d4d;
  padding: 20px 0;
}

#footer .footer-top .navigation li {
  padding: 0 7px;
  border-right: 2px solid #fff;
  list-style: none;
}

#footer .footer-top .navigation li:last-child {
  border: none;
}

#footer .footer-top span {
  font-weight: 700;
  display: block;
}

#footer .footer-top ul li {
  list-style: none;
  display: inline;
  padding: 0 3px;
}
 #footer .footer-top ul li picture{
  width: 40px;
  height: 40px;
  line-height: 37px;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
 }
/* #footer .footer-top ul li img {
  -webkit-filter: grayscale(1);
} */

/* #footer .footer-top ul li img:hover {
  -webkit-filter: grayscale(0);
} */

/* #footer .footer-top ul li .twitter-icon {
  filter: contrast(0.3);
} */
/* #footer .footer-top ul li img{
  filter: contrast(0);
} */
#footer .footer-bottom {
  background: #1a1a1a;
  padding: 10px 0;
}

#footer .footer-bottom ul li {
  list-style: none;
  display: inline;
  border-right: 1px solid #fff;
  padding: 0 10px;
}

#footer .footer-bottom ul li:last-child {
  border: none;
}

.expand-make {
  display: none;
}

.cur-poit {
  cursor: pointer;
}

.series-nobg {
  padding: 0;
}

#footer .footer-top .mrgn-tp {
  margin-top: 10px;
  margin-bottom: 10px;
}

.signup-form .text p,
.signup-form .text p a,
.signup-form .input-group label {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
}

.signup-form .text p a {
  color: #337ab7;
  padding: 0;
  margin: 0;
  text-transform: none;
  background: transparent;
  border-radius: 0;
  font-weight: normal;
  display: inline-block;
}

.signup-form .text p a:hover {
  background: transparent;
  color: #337ab7;
}

.privacy h2,
.privacy h3 {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.privacy p,
.privacy ul,
.privacy ol {
  font-size: 12px;
  line-height: 18px;
}

.privacy ul,
.privacy ol {
  margin-left: 30px;
}

.privacy p a {
  color: #307abd;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 2rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}

.owl-carousel .item strong {
  font-size: 18px;
  line-height: 24px;
  color: #022c64;
  font-weight: 400;
  font-family: sans-serif;
}

.owl-carousel .item p {
  font-size: 16px;
  line-height: 22px;
  font-family: sans-serif;
}

.owl-carousel .item small {
  color: #919194;
  font-family: sans-serif;
}

.owl-nav {
  display: none;
}

.reviews {
  padding: 20px;
}

.reviews .owl-dots {
  text-align: center;
  margin-top: 10px;
}

.reviews .owl-dot.active {
  width: 35px !important;
  border-radius: 4px !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  padding: 4px !important;
}

.reviews .owl-dot {
  border: 1px solid #003b75 !important;
  border-radius: 50% !important;

  background: #003b75 !important;
  margin: 0 5px !important;
}

.d-none {
  display: none;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #footer .footer-top .navigation li a {
    font-size: 15px;
    line-height: 21px;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 14px;
  }

  .nav > li > a {
    padding: 10px 14px;
  }

  .banner {
    background-position: 36% 0 !important;
  }

  .widget-box p {
    font-size: 16px;
  }

  .widget-box-form .form-group select {
    font-size: 10px;
  }

  .widget-box-form a.get-quote {
    font-size: 15px;
  }

  .reviews .review-box p {
    font-size: 16px;
    line-height: 22px;
  }

  .reviews .review-box span {
    font-size: 14px;
    line-height: 20px;
  }

  .akordian .size-box h4 {
    font-size: 16px;
  }

  .contact-form .contact-header span {
    font-size: 15px !important;
    line-height: 21px !important;
  }

  .signup-form .signup-form-inner a {
    font-size: 24px;
    line-height: 30px;
  }

  .signup-banner h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .about-us p {
    font-size: 16px;
    line-height: 22px;
  }

  .part .part_inner .make-left-part span,
  .part .part_inner .make-right-part span {
    font-size: 18px;
    line-height: 24px;
  }

  .phone_img img {
    width: 40%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget-box-form {
    justify-content: start !important;
  }
  .part .part_inner .make-left-part span,
  .part .part_inner .make-right-part span {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-details {
    justify-content: flex-start !important;
    line-height: 58px;
  }
  header .navbar-default {
    margin-top: 0;
    min-height: 0;
  }

  #header .header_inner .col-sm-4 {
    width: 25%;
  }

  #header .header_inner .col-sm-8 {
    width: 75%;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 14px;
  }

  .logo img {
    width: 225px;
  }

  .nav > li > a {
    padding: 10px 6px;
  }

  .banner {
    background-position: 27% 0 !important;
  }

  .widget-box a.cta {
    font-size: 20px;
    line-height: 26px;
  }

  .widget-box-form a.get-quote {
    text-align: center;
  }

  .reviews .review-box p,
  .widget-box p {
    font-size: 14px;
    line-height: 20px;
  }

  h1 {
    font-size: 34px;
    line-height: 40px;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  h3,
  h4,
  h5,
  h6 {
    font-size: 22px;
    line-height: 28px;
  }
  .webp #header {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: linear-gradient(to bottom, #fefefe 0, #dbdbdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0);
  }

  .header_inner {
    background: 0 0;
  }
  p {
    font-size: 16px;
    /* text-align : justify; */
    line-height: 22px;
  }

  .apex-mot .col-sm-6 .apex-mot-box > .col-xs-2 {
    /* display: none; */
  }

  .car-make .car-box .text-box h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .car-make a.view-all {
    font-size: 20px;
    line-height: 26px;
  }

  .apex-mot .apex-mot-box h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .signup-banner h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .signup-form .signup-form-inner a {
    font-size: 16px;
    line-height: 22px;
  }

  .signup-form .signup-form-inner p,
  .terms h3,
  .terms li,
  .terms p {
    font-size: 18px;
    line-height: 24px;
  }

  .terms h3 {
    font-weight: 700;
  }

  .car .view-price a {
    font-size: 22px;
    line-height: 28px;
  }

  #footer .footer-top .navigation li a {
    font-size: 12px;
    line-height: 18px;
  }

  #footer .footer-bottom span {
    font-size: 14px;
    line-height: 20px;
  }

  .phone_img img {
    width: 40%;
  }

  .contact-form .contact-header span.middle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .widget-box-form {
    justify-content: start !important;
  }

  .reviews .owl-carousel .owl-stage-outer {
    margin: 0px !important;
  }
  .part .part_inner .make-left-part span,
  .part .part_inner .make-right-part span {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-details {
    justify-content: flex-start !important;
    line-height: 60px;
  }
  header .list-inline .list-inline-item a {
    font-size: 19px;
    line-height: 25px;
    font-weight: normal !important;
    padding: 5px !important;
  }

  header .phone_img {
    margin-top: 12px;
  }

  header .navbar {
    min-height: 0;
  }

  header .navbar-default .navbar-toggle {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  header .navbar-default {
    margin-top: 0;
  }

  .about img,
  .carousel .carousel-inner .item .thumbnails > li:last-child,
  .carousel .carousel-inner .item .thumbnails > li:nth-child(n + 3) {
    display: none;
  }

  .webp #header {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: linear-gradient(to bottom, #fefefe 0, #dbdbdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0);
  }

  .header_inner {
    background: 0 0;
  }

  .navbar-nav {
    text-align: left;
  }

  .nav > li {
    border-bottom: 1px solid #ccc;
  }

  .about-us img,
  .widget .col-xs-6 {
    width: 100%;
  }

  .widget-box a.cta {
    font-size: 20px;
    line-height: 26px;
  }

  h1 {
    font-size: 30px;
    line-height: 36px;
  }

  h2 {
    font-size: 28px;
    line-height: 34px;
  }
  h3,
  h4,
  h5,
  h6 {
    font-size: 20px;
    line-height: 26px;
  }
  .widget-box-form a.get-quote {
    font-size: 18px;
    text-align: center;
  }

  .reviews .r-img img {
    margin: 10px auto;
  }

  p {
    font-size: 16px;
    line-height: 22px;
    /* text-align : justify */
  }

  .contact-form .contact-header span {
    font-size: 18px;
    line-height: 24px;
  }

  .contact-form .contact-header span.middle {
    font-size: 18px;
    line-height: 24px;
  }

  .car-make .car-box .text-box h3,
  .content-left a {
    font-size: 16px;
    line-height: 22px;
  }

  .content-left a {
    padding: 14px 10px;
    width: 100%;
  }

  .signup-banner h1 {
    font-size: 20px;
    line-height: 26px;
  }

  .signup-form .signup-form-inner a {
    font-size: 12px;
    line-height: 18px;
    padding: 12px 0;
  }

  .terms h3,
  .terms li,
  .terms p {
    font-size: 16px;
    line-height: 22px;
  }

  .signup-form .signup-form-inner p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
  }

  .terms h3 {
    font-weight: 700;
  }

  .part .part_inner .view-price a {
    font-size: 20px;
    line-height: 26px;
  }

  .part .part_inner {
    border: none;
  }

  .about-us .mt .col-xs-6 {
    margin-bottom: 10px;
  }

  .car .view-price a {
    font-size: 16px;
    line-height: 22px;
  }

  #footer .footer-top .navigation li a {
    font-size: 14px;
    line-height: 20px;
  }

  #footer .footer-top .col-xs-12,
  #footer .footer-top p.info {
    text-align: center;
  }

  #footer .footer-bottom .col-xs-12 {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 480px) and (max-width: 576px) {
  .banner {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: none !important;
  }
  .mobile-thumb {
    display: block !important;
  }
  .webp .banner {
    background-: ;
  }
  .no-webp .banner {
    background-image: url("../images/banner-mob.png");
  }
  .part .blue-heading span {
    font-size: 18px;
    line-height: 24px;
  }
  .widget-box-form {
    justify-content: center !important;
  }

  .part .part_inner .make-left-part span,
  .part .part_inner .make-right-part span {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-details {
    justify-content: flex-start !important;
    line-height: 60px;
  }
  .signup-form .signup-form-inner .form-group input,
  .signup-form .signup-form-inner .form-group select {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    background-size: contain;
  }

  .signup-form-inner {
    border-radius: 0;
  }

  .signup-form #email,
  .signup-form #phone,
  .signup-form #postcode {
    background-size: contain;
  }
  header .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  header .list-inline .list-inline-item a {
    font-size: 15px;
    line-height: 21px;
    font-weight: normal !important;
    padding: 5px !important;
  }

  header .phone_img {
    margin-top: 12px;
  }

  header .navbar {
    min-height: 0;
  }

  header .navbar-default {
    margin-top: 0;
  }

  header .navbar-default .navbar-toggle {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  .about img,
  .carousel .carousel-inner .item .thumbnails > li:last-child,
  .carousel .carousel-inner .item .thumbnails > li:nth-child(n + 3) {
    display: none;
  }

  .webp #header {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: linear-gradient(to bottom, #fefefe 0, #dbdbdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0);
  }

  .header_inner {
    background: 0 0;
  }

  .navbar-nav {
    text-align: left;
  }

  .nav > li {
    border-bottom: 1px solid #ccc;
  }
  h1 {
    font-size: 26px;
    line-height: 32px;
  }
  h2 {
    font-size: 24px;
    line-height: 30px;
  }
  h3,
  h4,
  h5,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }

  .widget-box p {
    font-size: 15px;
  }

  .widget-box-form .col-xs-4 {
    width: 50%;
  }

  .about-us .mt .col-xs-6,
  .about-us img,
  .make .col-xs-6,
  .panel-body .col-xs-6,
  .widget .col-xs-6 {
    width: 100%;
  }

  .widget-box-form a.get-quote {
    font-size: 18px;
    text-align: center;
  }

  .widget-box a.cta {
    font-size: 18px;
    line-height: 24px;
  }

  .apex-mot .apex-mot-box p,
  p {
    /* text-align: justify */
  }

  .reviews .r-img img {
    margin: 10px auto;
  }

  p {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-content .col-xs-6,
  .contact-header .col-xs-6,
  .signup-form-inner .col-xs-4,
  .signup-form-inner .col-xs-6 {
    width: 100%;
  }

  .apex-mot .apex-mot-box h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .apex-mot .apex-mot-box p,
  .car-make .car-box .text-box h3 {
    font-size: 14px;
    line-height: 20px;
  }

  .signup-banner h1 {
    font-size: 16px;
    line-height: 22px;
  }

  .signup-form .signup-form-inner span {
    font-size: 18px;
    line-height: 24px;
  }

  .signup-form-inner .col-xs-4 > .col-xs-6 {
    width: 50%;
  }

  .car .cta-car .col-xs-4,
  .part .part_inner .col-xs-4,
  .signup-form-inner .col-xs-8 {
    width: 100%;
  }

  .signup-form .signup-form-inner p {
    font-size: 17px;
    line-height: 23px;
  }

  .terms h3,
  .terms li,
  .terms p {
    font-size: 16px;
    line-height: 22px;
  }

  .terms h3 {
    font-weight: 700;
  }

  .part .part_inner {
    border: none;
  }

  .car .view-price a {
    font-size: 16px;
    line-height: 22px;
  }

  #footer .footer-top .navigation li a {
    color: #fff;
    font-size: 11px;
    line-height: 17px;
  }

  #footer .footer-top p.info {
    font-size: 14px;
    line-height: 20px;
  }

  #footer .footer-top .col-xs-12,
  #footer .footer-top p.info {
    text-align: center;
  }

  #footer .footer-bottom .col-xs-12 {
    text-align: center;
    margin-bottom: 5px;
  }
  .mobile-thumb {
    display: block;
    margin-top: 30px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .banner {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: none !important;
  }
  .mobile-thumb {
    display: block !important;
    margin-top: 30px;
  }
  .webp .banner {
    /*background-image: url("../images/banner-mob.webp");*/
  }
  .no-webp .banner {
    /*background-image: url("../images/banner-mob.png");*/
  }
  .part .blue-heading span {
    font-size: 18px;
    line-height: 24px;
  }
  .contact-form #name,
  .contact-form #email,
  .contact-form #phone,
  .contact-form #message {
    font-size: 14px;
  }
  .contact-form #name,
  .contact-form #email,
  .contact-form #phone {
    height: 46px !important;
  }
  .content-left .input-group-addon {
    height: 10px;
  }
  #contact_btn {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-content .col-lg-6 {
    padding: 0px;
  }
  header .phone_img .list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
  }
  header .phone_img {
    text-align: center;
  }

  header .col-xs-4 .logo img {
    width: 135px;
  }

  header .col-xs-4,
  header .col-xs-8 {
    width: 100%;
    text-align: left;
  }
  header .list-inline .list-inline-item {
    width: calc(50% - 10px);
  }
  .widget-box-form {
    justify-content: start !important;
  }

  .part .part_inner .col-xs-6 {
    display: flex;
    align-items: center;
    height: 30px;
  }
  .webp .signup-form #name {
    background-size: 31px 43px;
  }
  .no-webp .signup-form #name {
    background-size: 31px 43px;
  }
  .webp .signup-form #email {
    background-size: 31px 43px;
  }
  .no-webp .signup-form #email {
    background-size: 31px 43px;
  }
  .webp .signup-form #phone {
    background-size: 33px 43px;
  }
  .no-webp .signup-form #phone {
    background-size: 31px 43px;
  }
  .webp .signup-form #postcode {
    background-size: 27px 43px;
  }
  .no-webp .signup-form #postcode {
    background-size: 31px 43px;
  }
  .apex-mot .apex-mot-box {
    margin: 5px 0;
  }
  .contact-details {
    justify-content: flex-start !important;
    line-height: 60px;
  }
  header .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  header .list-inline .list-inline-item a {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal !important;
    padding: 5px !important;
  }

  header .col-xs-4,
  header .col-xs-8,
  header .list-inline > li {
    padding-left: 0;
    padding-right: 0;
  }

  header .phone_img {
    margin-top: 8px;
  }

  header .navbar {
    min-height: 0;
  }

  header .navbar-default {
    margin-top: 0;
  }

  header .navbar-default .navbar-toggle {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    z-index: 99999;
    position: absolute;
    top: -85px;
    right: -9px;
  }

  .signup-form-inner {
    border-radius: 0;
  }

  .signup-form .signup-form-inner .form-group input,
  .signup-form .signup-form-inner .form-group select {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    background-size: contain;
  }

  #email,
  #phone,
  #postcode {
    background-size: contain;
  }

  .signup-form .signup-form-inner button {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 0;
  }

  .webp #header {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #fefefe 0, #dbdbdb 100%);
    background: linear-gradient(to bottom, #fefefe 0, #dbdbdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0);
  }

  .header_inner {
    background: 0 0;
  }

  .navbar-nav {
    text-align: left;
  }

  .nav > li {
    border-bottom: 1px solid #ccc;
  }

  .about-us .mt .col-xs-6,
  .about-us img,
  .apex-mot .col-xs-12 .apex-mot-box > .col-xs-10,
  .car-make .col-xs-6,
  .contact-content .col-xs-6,
  .contact-header .col-xs-6,
  .content-left a,
  .make .col-xs-6,
  .panel-body .col-xs-6,
  .reviews .col-lg-9 > .col-xs-6,
  .signup-form-inner .col-xs-4,
  .signup-form-inner .col-xs-6,
  .widget .col-xs-6,
  .widget-box-form .col-xs-4 {
    width: 100%;
  }

  .widget-box a.cta {
    font-size: 16px;
    line-height: 22px;
  }
  h1 {
    font-size: 24px;
    line-height: 30px;
  }
  h2 {
    font-size: 20px;
    line-height: 26px;
  }
  h3,
  h4,
  h5,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
  .widget-box p {
    font-size: 15px;
  }

  .reviews .r-img img {
    margin: 10px auto;
  }

  .reviews .col-lg-9 > .col-xs-6 {
    margin-bottom: 10px;
  }

  .main_input input {
    min-height: 59px;
    font-size: 20px;
    background-size: contain;
  }

  .widget-box-form {
    top: 15px;
  }

  .widget-box-form a.get-quote {
    font-size: 18px;
    text-align: center;
  }

  .carousel .carousel-inner .item .thumbnails > li:last-child,
  .carousel .carousel-inner .item .thumbnails > li:nth-child(n + 3) {
    display: none;
  }

  .car-make .car-box .text-box h3 {
    font-size: 14px;
    line-height: 20px;
  }

  p {
    font-size: 14px;
    line-height: 20px;
    /* text-align : justify */
  }

  .apex-mot .col-xs-12 .apex-mot-box > .col-xs-2 {
    width: 100%;
    display: none;
  }

  .apex-mot .apex-mot-box h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .apex-mot .apex-mot-box p {
    font-size: 14px;
    line-height: 20px;
    /* text-align : justify */
  }

  .akordian .size-box h4 {
    font-size: 16px;
  }

  .contact-form .contact-header span.middle {
    font-size: 14px;
    line-height: 20px;
  }

  .contact-form .contact-header span {
    font-size: 15px;
    line-height: 21px;
  }

  .content-left a {
    font-size: 20px;
    line-height: 26px;
  }

  .signup-banner h1,
  .signup-form .signup-form-inner span {
    font-size: 14px;
    line-height: 20px;
  }

  .signup-form-inner .col-xs-4 > .col-xs-6 {
    width: 50%;
  }

  .car .col-xs-6,
  .car .cta-car .col-xs-4,
  .part .part_inner .col-xs-4,
  .signup-form-inner .col-xs-8 {
    width: 100%;
  }

  .signup-form .signup-form-inner p {
    font-size: 15px;
    line-height: 21px;
  }

  .signup-form .signup-form-inner a {
    font-size: 20px;
    line-height: 26px;
  }

  .terms h3,
  .terms li,
  .terms p {
    line-height: 20px;
    font-size: 14px;
  }

  .terms h3 {
    font-weight: 700;
  }

  .part .part_inner .make-left-part span,
  .part .part_inner .make-right-part span {
    font-size: 14px;
    line-height: 20px;
  }

  .part .part_inner {
    border: none;
  }

  .car .engine-code-box span,
  .car .view-price a {
    font-size: 16px;
    line-height: 22px;
  }

  #footer .footer-top .navigation li {
    padding: 0 4px;
  }

  #footer .footer-top .navigation li a {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
  }

  #footer .footer-bottom span,
  #footer .footer-bottom ul li a,
  #footer .footer-top p.info {
    font-size: 14px;
    line-height: 20px;
  }

  #footer .footer-top .col-xs-12,
  #footer .footer-top p.info {
    text-align: center;
  }

  #footer .footer-bottom .col-xs-12 {
    text-align: center;
    margin-bottom: 5px;
  }

  .signup-form .input-group label {
    font-size: 12px;
    line-height: 18px;
  }
}