/* 
Theme Name: VMG Motors Theme
Author: VMG Software
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --red: #de1d25;
    --medium-red: #ec7176;
    --black: #000;
    --white: #fff;
    --grey:#8c8c8c;
    --dark-grey: #232628;
    --mid-grey: #555;
    --med-light-grey: #f0f2f5;
    --light-grey: #cac7c9;
    --light-grey-hover:#cdcdcd;
    --vmg-green: #66b266;
    --yellow:#ff971f;
    --transparent:transparent;
    --transition: all 0.5s ease-in-out;
  }

.gapp {
	margin top:10px
}

.carousel-caption3 {
    position: absolute;
    color: #fff;
    top: 70%;
	right: 36%;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    /* padding: 0px 50px; */
    width: auto;
}

.chan-txt {
    font-size: 18px;
    font-weight: 00;
    line-height: 30px;
}


@media screen and (max-width: 1400px) {
  .banner-heading-alt {
    font-size: 47px !important;
    padding: 14px !important;
	} 
}

@media screen and (max-width: 994px) {
  .banner-heading-alt {
    font-size: 28px !important;
    padding: 0px !important;
}
}
.head4 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    margin: 0px;
    font-weight: 500;
}
.bg_image_2 {
/*     background-color: #484a4a !important; */
    /* background-size: cover !important; */
    /* opacity: 0.5; */
    background-position: center !important;
/*     background-blend-mode: multiply; */
    color: #fff;
}
 .title {
	text-align:center;
}
.hang{
	font-size: 20px;
	font-weight: 700;
}
.feature-tran {
    padding: 37px;
    background: transparent;
    /* min-height: 303px; */
    display: flex;
    height: 100%;
    flex-direction: column;
}

.contact-backgrounds{
    padding: 20px;
    height: 600px;
    width: 100%;
    /* background-size: contain; */
    background-position: center center !important;
}
.imageGall {
	width: 960px;
	height:auto;
	position: relative;
}
  .med-icon{
    min-width:45px;
  }
.c-50-c{
    height:50px;
  }
  .c-50-d{
    height:50px;
	background-color: #cac7c9;
  }
  .inline-flex{
    display:inline-flex!important;
  }
  .space-between{
    justify-content: space-between;
  }
  .show-items {
	display: inline-block;
	
}

.form-controled {
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 3px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 30px;
    background-color: #52b3eb;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.inline-block{
    display:inline-block!important;
}
  .itemdiv-make {
	display: inline-block;
	background: #cdcdcd;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.watermarked {
  position: relative;
}

.watermarked:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("http://placehold.it/100x100/09f/fff.png");
  background-size: 100px 100px;
  background-position: 30px 30px;
  background-repeat: no-repeat;
  opacity: 0.7;
}
.itemdiv-model {
	display: inline-block;
	background: #b9b9b9;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.itemdiv-year {
	display: inline-block;
	background: #a6a6a6;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.itemdiv-colour {
	display: inline-block;
	background: #929292;
    color:#fff;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.itemdiv-transmission {
	display: inline-block;
	background: #7f7f7f;
    color:#fff;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.itemdiv-fuel-type {
	display: inline-block;
	background: #6b6b6b;
    color:#fff;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
.itemdiv-body-type {
	display: inline-block;
	background: #575757;
    color:#fff;
	padding: 0px 10px;
	border-radius: 50px;
    margin-bottom:3px;
}
  .md-10{
    margin-bottom:10px;
  }
.service-content{
    color:#fff;
}
.yellow{
    background:#f2b930;
}
.blue1{
    background:#6c98e1;
}
.blue2{
    background:#44a8ba;
}
.purple{
    background:#d93ad0;
}
.green{
    background:#17c655;
}
.s-icon {
	color: #fff;
	font-size: 30px;
	width: 63px;
	height: 63px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	margin-bottom: 10px;
}
  .min-3 {
	min-width: 250px;

}
.img-img-holder{
    height: 79px!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
.custom-bter {
    padding: 44px;
    background: #52b3eb;
    color: var(--white);
    font-weight: 600;
    display: contents;
    align-content: center;
    border: 2px solid transparent;
    border-radius: 3px;
    height: 112px;
    width: 100%;
    transition: all 0.5s ease-in-out;
}
 .input-p, .calc-p {
    min-height: 36px;
    margin: 0px;
    font-size: 18px;
    display: flex;
    align-items: center;
    align-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
  .team-description{
    background: #fff;
  padding: 10px 0px;
  display: flex;
  flex-direction: column
  }
  .team-contact-details {
    position: absolute;
    bottom: 80px;
    transition: all 0.5s ease-in-out;
    flex-direction: column;
    width: 100%;
    align-content: center;
    flex-wrap: wrap;
    opacity:0;
    display:flex;
}
.show-details .team-contact-details{
    transition: all 1s ease-in-out;
}
.show-details:hover .team-contact-details{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
  .inline-centered {
    display: flex;
    justify-content: center;
}
.team-phone{
    background:var(--light-grey);
    padding:5px;
    border-radius:50px;
}
.team-email{
    background:var(--medium-red);
    padding:5px;
    border-radius:50px;
    margin-bottom:5px
}
.flex-c {
    display: flex;
    justify-content: center;
}
.slider-h3{
font-size:36px;
font-family: 'Montserrat', sans-serif;
}
.slider-h2{
font-size:60px;
font-family: 'Montserrat', sans-serif;
font-weight:600;
text-shadow: 2px 2px 2px black;
}

.c-whited{
color: var(--white)!important;
text-shadow: 2px 2px 2px black;
}

.slider-h5{
font-size:30px;
font-family: 'Montserrat', sans-serif;
}
.img-parallax {
    min-height: 500px;
    background-attachment: fixed !important;
    display: flex;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    background-size: 100% auto;
}


@media screen and (max-width: 768px) {
	.img-parallax {
		background-attachment: inherit;
	}
}
  .is-loading {
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom:10px;
}
.loading-no-show{
    display:none;
}
  .smallerhead{
    font-size:18px!important;
    font-weight:400;

}
.backg {
    background-color: #eee !important;
  
}
.circle-price {
    color: #fff;
    transition:all 0.3s ease-in-out;
}
.btt {
	display: none;
	color: #fff;
	width: 100%;
	padding: 5px;
	background: #444;
	text-align: left;
	position: absolute;
	top: 65px;
	border-radius: 0px;
	transition: opacity 1s;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	z-index: 99;
	font-family: "Roboto Condensed", sans-serif;
    transition:all 0.3s ease-in-out;
    
}
  .btt:after {
    content: '';
    border-width: 5px;
    position: absolute;
    border-style: solid;
  }
  .circle-price:hover .btt {
      display:block;
  }
  .xbtt {
	left: 0px;
	/* bottom: -80px; */
}
  .xbtt:after{
    right: 200px;
    bottom: 100%;
    border-color: transparent transparent #444 transparent;
  }
  .loading{
    font-size:0;
    width:30px;
    height:30px;
    margin-top:5px;
    border-radius:15px;
    padding:0;
    border:3px solid #FFFFFF;
    border-bottom:3px solid rgba(255,255,255,0.0);
    border-left:3px solid rgba(255,255,255,0.0);
    background-color:transparent !important;
    animation-name: rotateAnimation;
    -webkit-animation-name: wk-rotateAnimation;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
  }
  
  @keyframes rotateAnimation {
      0%   {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
  }
  @-webkit-keyframes wk-rotateAnimation {
      0%   {-webkit-transform: rotate(0deg);}
      100% {-webkit-transform: rotate(360deg);}
  }
  .sel-make{
    min-width: 25%;
    font-size: 12px;
    list-style-type: none;
}
.flex-check{
    display: flex;
    padding: 0px;
    flex-wrap: wrap
}
.mt5{
    margin-top:5px !important;
}
  .fa{
    color:#ffffff;
    font-size:18px !important;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-9px;
    margin-top:-9px;
    -webkit-transform:scaleX(0) !important;
    transform:scaleX(0) !important;
  }
  
  .finish{
    -webkit-transform:scaleX(1) !important;
    transform:scaleX(1) !important;
  }
  .hide-loading{
    opacity:0;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transform:scale(0) !important;
    transform:scale(0) !important;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
.inside-link{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content:center;
    align-items:center;
}
  .head-ttext {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}
  .map-heading{
    color: var(--medium-red);
    font-size:12px;
    font-weight:600;
    border-bottom: 2px dashed var(--medium-red);
    width:82px;
  }
  .map-heading-alt {
    color: #3c434a;
    font-size: 12px;
    font-weight: 600;
}
  .map-heading-large{
    color: var(--dark-grey);
    font-size:18px;
    font-weight:600;
  }
.dark-grey{
    background: var(--dark-grey);
}
.medium-blue{
    background: var(--medium-red);
}
.light-grey{
    background: var(--light-grey);
}
.med-light-grey{
    background: var(--med-light-grey);
}
.c-light-grey{
    color:var(--light-grey);
}
.c-dark-grey{
    color:var(--dark-grey);
}
.c-mid-grey{
    color:var(--mid-grey);
}
.c-black{
    color:var(--black);
}
.c-blacks {
    color: var(--black);
    font-size: 70px;
    font-weight: 700;
}
.c-red{
	color:var(--red);
}
.c-medium-red{
	color:var(--medium-red);
}
.c-yellow{
    color:var(--medium-red);
}
.f-icon {
    display: inline-flex;
    width: 20px;
    justify-content: center;
}
.fs-16{
    font-size:16px;
}
.v-feature{
    background: #cdcdcd;
    padding: 10px;
    border-bottom: 2px solid var(--white);
    color: var(--black);
    font-weight: 600;
    text-transform: uppercase;
}
.mw-25 {
	min-width: 33%;
	max-width: 33% !important;
}
.mw-50 {
	min-width: 50%;
	max-width: 50% !important;
}
.fin-details{
    background: var(--med-light-grey);
    padding: 20px
}

.f-ap {
    background: var(--light-grey);
    padding: 20px;
    margin-bottom: 20px;
    height: 200px;
}
.testimonial-body{
    padding: 20px;
    background: var(--med-light-grey);
}
.team-member-box{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.team-block{
    background: var(--med-light-grey);
    padding: 20px;
    height: 100%;
}
.team-block-link:hover{
    color:var(--dark-grey);
    transition: var(--transition);
}

.feature-blocker {
	padding: 18px;
	background: #cac7c9;
	/* min-height: 303px; */
	display: flex;
	height: auto;
	/* line-height: 0x; */
	flex-direction: column;
	flex-grow: inherit;
	background: var(--light-grey);
	min-height: 356px;
}
.feature-dock {
    padding: 23px;
    /* left: 10px; */
    background: #6e747a;
    /* min-height: 303px; */
    display: flex;
    opacity: 0.9;
	border: solid 1px;
    height: 100%;
    border-radius: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.feature-block {
    padding: 37px;
    background: var(--white);
    /* min-height: 303px; */
    display: flex;
    opacity: 0.9;
    height: 100%;
    border-radius: 20px;
    flex-direction: column;
}
.feature-block2 {
    padding: 50px;
    background: #cac7c9;
    /* min-height: 303px; */
    display: flex;
    border-radius: 30px;
    line-height: 30px;
    height: 100%;
    flex-direction: column;
}
.feature-block3 {
    padding: 10px;
    background: #cac7c9;
    height: 350px;
    display: flex;
    flex-grow: inherit;
    border-radius: 30px;
    line-height: 30px;
    /* min-height: 400px !important; */
    flex-direction: column;
    flex-wrap: nowrap;
}
.service-block{
    background: rgba(0, 0, 0, 0.86);
  padding: 50px;
}
.flex-full{
    display: flex;
    justify-content: center;
}

.no-mobile{
    display:flex;
}
.no-single-mobile{
    display:flex;
}
.single-mobile{
    display:none;
}
.sticky-tab {
	box-sizing: border-box;
	background-color: var(--white);
	position: fixed;
	width: 250px;
	/* height: 250px; */
	padding: 20px;
	text-align: center;
	right: -250px;
	top: 30%;
	transform: translateY(-50%);
	transition: all 200ms linear;
	z-index: 999;
}
.top-search-icon{
    position: absolute;
    right: 24px;
    top: 15px;
}
.search-mobile{
    display: none;
}
.more-filters{
    background-color: #232E64!important;
    color: #fff!important;
    margin-bottom: 20px;
    padding: 7.5px!important;
}
 .sticky-tab:hover {
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px 0px, rgba(0, 0, 0, 0.24) 0px 3px 14px 3px, rgba(0, 0, 0, 0.28) 0px 8px 10px 1px;
  }
  
  .social-links a {
    display: inline-block;
    margin: 25px 15px;
  }

.reveal-p{
    display:none;
}
  .fa-map-location-dot {
    
    font-size: 20px;
    border: 10px solid var(--red);
    background: var(--red);
    border-radius: 50%;
}
.blue-link{
  
        width: 100%;
        display: block;
        color: var(--medium-red);
        cursor: pointer;
    
}
.text-center{
    text-align: center;
}
.f-blue {
	background: var(--red);
	padding: 10px;
	margin-bottom: 15px;
    text-align: center;
}
.tiny{
    font-size:13px;

}

.tin{
    background:#3c434a;
/* 	height: 600px; */

}

/* Top Bar */
.top-bar .sm {
	border-bottom: 1px solid var(--light-grey);
	padding-bottom: 10px;
	width: 90%;
	margin: auto;
}
.j-space{
    justify-content: space-around!important;
}
.vehicle-share-links-right {
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	/* height: 100%; */
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.branch{
    margin: 0px 20px;
}
.branchx {
    margin: 0px 20px;
    display: flex;
}
.branch-heading{
    font-family: 'Poppins', sans-serif;
    color:var(--dark-grey);
    font-size:16px;
    font-weight:600;
}
.br-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-content: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
}
.flex-space-between {
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}
.branch-icon{
    color:var(--medium-red);
    font-size:14px;
    font-weight:900;
}
.branch-detail{
    font-family: 'Poppins', sans-serif;
    color:var(--dark-grey);
    font-size:14px;
    font-weight:400;
}
.branch-link {
    font-family: 'Poppins', sans-serif;
/*     color: #52b3eb !important; */
    font-size: 20px;
    display: flex;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}
.branch-link:hover{
    color:#fff;
}

.price-h {
	font-size: 24px;
	font-weight: 600;
	padding: 5px;
	background: #52b3eb;
	width: 100%;
	color: var(--white);
	line-height: 24px;
}

.enq-h {
	font-size: 18px;
	font-weight: 600;
	padding: 5px;
	background: #52b3eb;
	width: 100%;
	color: var(--white);
	line-height: 24px;
	width: 50%;
}

.enq-h a{
    color:var(--white);
}
.enq-h:hover {
	background: #52b3eb;
}


.enq-h.active{
    background:var(--light-grey);
}
.enq-h.active a{
    color:var(--black);
}

.deposit-hide{
    display:none;
}
.tradein-hide{
    display:none;
}
.deposit-hide2{
    display:none;
}
.tradein-hide2{
    display:none;
}
.overlay {
	height: 110px;
	position: absolute;
	top: -110px;
	width: 100%;
	z-index: 99;
	/* background-image: linear-gradient(5deg,#d86e2d 50%, #1d1d1d, 50%5deg, #ffffff 75%, #cdcdcd, 75%); */
	background: linear-gradient(6deg,var(--dark-grey) 34%, transparent 34%), linear-gradient(174deg, transparent 66%, var(--dark-grey) 66%), linear-gradient(6deg,var(--medium-red) 35%, transparent 35%), linear-gradient(174deg, transparent 65%, var(--medium-red) 65%);
	/* background: linear-gradient(20deg,red 50%, orange 50%); */
	/* margin-right: -50px; */
}
/* Body */
.relative{
    position:relative;
}
.dark-strip{
    background: var(--dark-grey);
    height: 10px;
  
}
.smc-form{
    width:100%;
    height:800px;
}
.a-start{
    align-items:flex-start
}
.a-end{
    align-items:flex-end
}
body {
    font-family: 'Poppins', sans-serif;
    background: var(--white)!important;
}
.bigger{
	height:60px!important;
}
.banner-heading {
	font-size: 3vw;
	color: var(--dark-grey);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	/* text-shadow: 1px 1px 1px #000; */
	/* width: 100%; */
	text-align: left;
    
}
.banner-heading.six-slide-car{
    text-align: right;
    width: 100%;
}
.banner-heading-alt {
    font-size: 62px;
    color: var(--white);
    font-weight: 600;
    text-shadow: 2px 2px 2px #000;
    /* width: 100%; */
    text-align: right !important;
    /* background: rgba(108, 152, 225, 0.8); */
    /* width: auto; */
    margin: 4px;
    padding: 19px;
    border-radius: 5px;
}
.offset-icon-alt {
    margin-left: 6px;
    margin-top: -13px;
    font-size: 18px !important;
}
.offset-icon {
    margin-left: 4px;
    margin-top: -11px;
    font-size: 18px !important;
}
.fa-stack-2x{
    font-size: 48px!important;
}
.filter-head {
    background: var(--white);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.clearall {
    clear: both;
}
.color-white{
    color:var(--white);
    margin:20px 0px!important;
}

.c-blued {
    color: #52b3eb;
    font-size: 23px;
}

.c-blues{
    color:#52b3eb ;
   
}
.c-black:hover {
  color: #52b3eb;
}

.c-bluesh {
    color: #000;
    font-size: 15px;
    text-transform: lowercase;
}

.c-bluedash {
    color: #000;
    font-size: 15px;
}

.c-bluesh:hover {
  color: #52b3eb;
}

.c-bluedash:hover {
  color: #52b3eb;
}

.c-whiter {
    color: var(--white);
    font-size: 38px;
	text-align: center;
    font-weight: 700;
    text-shadow: 2px 2px 2px black;
}
.c-whites{
    color:var(--white);
	font-size: 50px;
    font-weight: 700;
	text-shadow: 2px 2px 2px black;
   
}

.c-white{
    color:var(--white);
   
}
.filter-h6{
    color: var(--white);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
    font-size:12px;
    text-transform: uppercase;
    margin:auto;
}
.fa-stack{
    display: flex!important;
    align-items: center;
}
.c-m-grey{
    color:var(--mid-grey);
   
}
.color-black{
    color:var(--black);
    margin:20px 0px!important;
}
.color-black-small{
    color:var(--black);
    margin:-10px 0px!important;
    font-size: 12px;
    font-weight:600;
}

.call-to-action {
	color: var(--white);
	padding: 10px 50px;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: 1vw;
    font-weight:600;
	border-radius: 4px;
    transition:all 0.5s ease-in-out;
    background: #52b3eb;
    

}
.cta-buttons {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.call-to-action:hover{
   color:#eee;
   background:var(--white);
   
    border: 1px solid transparent;
}


.inline-buttons{
    width:20% !important;
    display:inline-block;
    margin:0px 15px;
}

.img-holder {
	height: 200px;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border: 2px solid #106cde;
}
/* .img-img-holder {
    background-size: cover !important;
    background-position: center !important;
} */
.mb-10{
    margin-bottom:10px;
}
.sh {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-btn-200{
    display:block;
    width:200px;
    margin:auto;
}
.showroom-filter-mobile{
    display: none;
}
.showroom-filter-mobile .form-select{
    padding: 10px!important;
}
.call-to-action-reverse:hover {
	background: transparent;
	color: var(--white);
	border: 1px solid var(--white);
}
.white{
    background:var(--white);
}
.offer-link{
    font-family: 'Poppins', sans-serif;
    font-size:16px;
}

.top-logo {
    height: 160px;
    width: 200px;
    border-radius: 20px;
}
.spacedout{
    min-height:210px;
}
.twohundred{
    min-height:210px;
}
.homecontainer {
    border-radius:3px;
}
.main-content{
    padding:0px;
}
.testimonials-content{
    padding:20px;
}
.gallery-content{
    padding:20px;
}
.sidebar-content{
    padding:20px;
}

.sidebar-text{
    text-align:center;
    line-height:34px;
}
.text-right{
    text-align:right;
}
.bolder{font-weight:600;}
.sidebar-logo{
    width:100%;
}
.main-logo{
    margin:auto;
    padding:20px;
}
.large-logo{
    padding:20px;
}
.show-flex{
    text-align:center;
    display:flex;
    justify-content: center;
}
.no-padding{
    padding:0px!important;
}
.no-wrap{
    white-space: nowrap;
}
.no-margin{
    margin:0px!important;
}
.skew-side {
    position: relative;
    background: var(--white);
    z-index: 9;
    border-left: 1px solid var(--light-grey-hover);
    border-bottom: 1px solid var(--light-grey-hover)
}
.right-text{
    text-align: right;
    width: 100%;
    display: block;
}
.flex-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.skew-side:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--white);
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}





/* =================== */

/* Corona Heading */
.corona-heading{
    font-size:18px;
    color:var(--white);
    text-align:center;
    margin:0px;
}
.top-bar {
	background: var(--white);
	padding: 10px;
	color: var(--black);
}
.nav-dark {
    background: #f0f2f5;
}
.nav-light{
    background: var(--white);
 }
.padding-12{
    padding:12px;
}
.padding-20{
    padding:20px;
}
.inline-heading{
    display:inline-block;
}
.custom-select {
    background: var(--white);
    color: var(--mid-grey);
    font-size: 14px;
    padding: 15px;
    border: 1px solid var(--light-grey-hover);
    border-radius: 10px;
    text-align: center;
    float: right;
}
.custom-width {
    width: 300px !important;
    float: right;
}

.custom-btn {
    padding: 15px;
    background: #52b3eb;
    color: var(--white);
    font-weight: 600;
    border: 2px solid transparent;
    border-radius: 3px;
    /* height: 100%; */
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.custom-btn:hover{
	background: #eee;
	color: var(--white);
	border: 2px solid #52b3eb;
}

.submit {
	padding: 15px;
	background: var(--red);
	color: var(--white);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	/* height: 100%; */
	width: 100%;
    transition: all 0.5s ease-in-out;
}
.submit:hover{
	background: var(--medium-red);
	color: var(--white);
	border: 2px solid var(--medium-red);
}
.custom-btn-reverse {
	padding: 15px;
	background: var(--white);
	color: var(--red);
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 3px;
	/* height: 100%; */
	width: 100%;
    transition: all 0.5s ease-in-out;
}
.custom-btn-reverse:hover{
	background: var(--medium-red);
	color: var(--white);
	border: 2px solid var(--medium-red);
}
.hidden-search{
    display:none;
    border-bottom: 3px solid var(--black);
    border-radius: 10px;
    margin-bottom: 20px;
}
.hidden{
    display:none;
}
.showroom-image{
    width:200px;
    border-radius:3px;
}
.single-showroom-image{
    width:100%;
    border-radius:3px;
}

.left{
    float:left;
}
.right{
    float:right;
}

.wa__button{
    width: 100%;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}


/* =================== */




/* Info Links */
.inline{
    display:flex;
}

.block{
    display:block;
}
.info-links-left {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    align-items: center;
}
.info-links-r {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    align-items: center;
    justify-content: flex-end;
}
.info-links-right {
    display: flex;
    margin: 0px;
    padding: 0px;
    position: relative;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: center;
}
.link-item {
	list-style-type: none;
	margin: 0px 2px;
	display: flex;
	align-content: center;
	font-size: 11px;
}
.link-items {
	list-style-type: none;
	margin: 0px 2px;
	display: flex;
	align-content: center;
	font-size: 11px;
}
.link-alt{
    color: var(--dark-grey)!important;
}
.link-alt:hover{
    color: var(--light-grey)!important;
}
@media only screen and (max-width: 660px) {
  .white-icon {
    color: var(--white);
    font-size: 20px !important;
    padding: 4px;
    text-align: center;
}
}
.white-icon {
    color: var(--white);
    font-size: 40px;
    padding: 4px;
    text-align: center;
}
.circle-icon {
    border: 3px solid #3c434a;
    border-radius: 17px;
    background: #316FF6;
    transition: all 0.5s ease-in-out;
}
.circle-icons {
    border: 3px solid #3c434a;
    border-radius: 17px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
    transition: all 0.5s ease-in-out;
}
.circle-icon2 {
    color: #52b3eb;
    transition: all 0.5s ease-in-out;
}
.circle-icon2:hover{
    color: var(--grey);
   
}
.circle-icon-alt{
    border: 5px solid #52b3eb;
    border-radius: 50px;
    background: #52b3eb;
    margin:4px
}
.circle-icon-alt:hover {
	background: #52b3eb;
	border: 5px solid #52b3eb;
}

.circle-icon:hover{
    background: var(--light-grey-hover);
    border: 10px solid var(--light-grey-hover);
}
.c-white{
    color:var(--white)!important;
}
.td-none{
    text-decoration:none;
}
.md-no-show{
    display:block;
}
.md-show{
    display:none;
}
.share-head{
    margin:10px 0px 0px 0px;
    font-size:14px;
    font-weight:600;
    color:var(--black);
}
/* =================== */

/* Navbar */
.selected {
    color: #52b3eb !important;
}
.selected:hover{
    color:#2471ed!important;
    
}
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

/* Front Page (Home) */

.private-custom{
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 8px 0 8px 0;
    margin: 10px auto;
    color: var(--white) !important;
    text-shadow: 1px 1px 0px #777777;
    border-radius: 3px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    background: rgba(82, 151, 212, 1);
    background: -moz-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -o-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: -ms-linear-gradient(top, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    background: linear-gradient(to bottom, rgba(82, 151, 212, 1) 0%, rgba(82, 151, 212, 1) 1%, rgba(50, 100, 160, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5297d4', endColorstr='#3264a0', GradientType=0);
}
.ad-holder{
    position:relative;
}

.left-ad{
    width: 300px;
    position: absolute;
    top: 0px;
    left:0px;
}
.right-ad{
    width: 300px;
    position: absolute;
    top: 0px;
    right:0px;
}
.testimonial-heading{
    color: #0274af;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.quotes{
    height: 32px;
    margin-left: -45px;
    margin-bottom: -48px;
    position:relative;
    z-index:9;
}
.step_one {
    display: block;
}

.step_two {
    display: none;
}

.step_three {
    display: none;
}

.x{
    position: absolute;
    padding: 0px 4px;
    right: 5px;
    cursor:pointer;
}

.search {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--white) !important;
    width: 100% !important;
    margin: auto !important;
    background: #26316C !important;
    /* -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); */
    /* box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); */
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-appearance: none;
    padding: 15px 10px;
    border-radius: 10px;
}
.enquiry-head{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--white) !important;
    width: 100% !important;
    margin: auto !important;
    background:#26316C!important;
    text-align: center;
    padding:20px 0px;
    border-radius:10px;
}
.search:hover {
    background: var(--white)!important;
    color: #26316C !important;
    border:1px solid #26316C;

}
.home-image{
    width:100%;
}
.home-image-text{
    padding: 10px 0px 0px 0px;
}
.home-image-column{
    border:1px solid #d5d5d5;
    margin: 10px;
}
.tracker-image{
    height:100px;
    filter: grayscale(100%);
    border-radius:20px;
}
.tracker-image:hover{
    filter: grayscale(75%);
}
.btn-check:checked + .btn-outline-primary .tracker-image{
    filter: grayscale(0%);
}

.branches{
    margin: 10px;
    padding: 5px;
    border-radius: 3px;
}
.branches:hover {
    background:var(--light-grey-hover);
}
.selected-branch {
    margin: 10px;
    padding: 5px;
    border-radius: 3px;
    background:#182866;
}
.selected-branch .car-link {
    color:var(--white);
}
.check{
    list-style-type: none;
}
.private-heading {
    background: #ddd;
    padding:2px;
}

.sidebar{
    position:relative;
    display:block;
}
.small-filter{
    display:none;
}
.hundred{
    display:inline-block;
    width:150px;
}
.large-image{
    display:block;
}
.small-image{
    display:none;
}
.small{
    font-size:12px;
}

.head2 {
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	margin:0px;
	font-weight: 600;
}

.c-blue{
    color:var(--red);
}
.c-m-blue{
    color:var(--medium-red);
}
.h-icon{
    font-size:14px;
}
.book{
    font-size:14px;
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.xxx-height{
    min-height:110px;
}
.bold{
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.bold14{
    font-size:14px!important;
    font-family: 'GothamBold', sans-serif!important;
}
.head3 {
	font-size: 30px;
	margin: 15px 0px;
	/* font-family: 'GothamMedium', sans-serif; */
	font-weight: 400;
	color: var(--dark-grey);
}
.la{
    text-align:left;
}
.head3bold{
    font-size:24px;
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.head3bold20{
    font-size:20px;
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.head3bold16{
    font-size:16px;
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.uppercase{
    text-transform: uppercase;
}

.white-font{
    color:var(--white)!important;
}
.paragraph{
    font-size:16px;
    margin:0px 0px;
    font-family: 'Poppins', sans-serif;
}
.page-content{
    padding: 0px 100px;
    margin:0px!important;
}
.page-list{
    padding: 0px 100px 0px 120px;
}

.page-content-alt{
    margin:0px 95px 0px 0px!important;
}

.page-btns {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.pg-btn {
    width: 25px !important;
    text-align: center !important;
    margin: 0px 0px;
    border-radius: 2px;
    background: #52b3eb !important;
    color: var(--white)!important;
    transition: all 0.5s ease-in-out;
}
/*.e-before{*/
/*    width:50px!important;*/
/*}*/
/*.e-after{*/
/*    width:50px!important;*/
/*}*/
.e-before::before{
    content:'';
    display:inline-block;
}
.e-after::after{
    content:'';
    display:inline-block;
}
.current-page-btn {
	background: #106cde !important;
	border-radius: 2px;
	color: var(--white) !important;
}
.pg-btn:hover{
    background:var(--light-grey-hover)!important;
    border-radius:2px;
}

.activ{
    color:var(--white);
    background:blue;
}
.pricecheckform{
    padding:0px 200px;
}
.renttobuyform{
    padding:0px 200px;
}

.x-height{
    padding:5px 0px!important;
    margin-bottom:30px;
}
.tab-content{width:100%;}

#v-pills-tab{
    width:200px;
}

.branch-image{
    width:100%;
}
.branch-image-small{
    width:50%;
}
.pg-btn-ext {
	width: 100px !important;
	text-align: center !important;
	margin: 0px 5px;
	padding: 5px 20px;
	border-radius: 2px;
	font-weight: 600;
    transition: all 0.5s ease-in-out;
}

.single-vehicle-heading {
    /* background: #26316C; */
    /* color: var(--white); */
    display: flex;
    align-items: center;
    /* border-radius: 10px; */
    padding: 14px;
}


select option {
   background:var(--white);
  }


.home-img {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.banks {
    height: 75px;
}

.car-column {
    background: var(--white);
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 7px;
}

.team-column {
    background: var(--white);
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
}
.private-column {
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 2px 8px -3px rgb(0 0 0 / 46%);
    -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.46);
    box-shadow: 1px 2px 8px -3px rgb(0 0 0 / 46%);
}

.news-column {
    background: var(--white);
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
    padding: 20px;
}



.floating {
    position: relative;
}

.car-column-footer {
    padding: 10px 20px;
    font-size: 12px;
    background: var(--white);
    border-radius: 0px 0px 20px 20px;
    margin-bottom: 50px;
}

.form {
    background: var(--white);
    padding: 20px 50px;
}

.card-body{
    padding:10px!important;
}


.font-size-12 {
    font-size: 12px;
}
.small-text {
    font-size: 14px;
    /*display: inline-block;*/
}
.align{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.no-display {
    display: none;
}
.btn-reset{
    border: transparent;
    background: transparent;
    border-bottom:1px solid var(--light-grey-hover);
    font-family: 'Poppins', sans-serif;
}
.btn-reset:hover{
    color:var(--mid-grey)555;
    border-bottom:1px solid var(--mid-grey)555;
}
.twenty{width:20%}
.fourty{width:40%}


/* Pages */
.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub {
    text-align: center;
}

ul li::marker {
    color: #26316C;
    font-size: 20px;
}

.heading-main {
    color: var(--white);
    font-weight: 400;
    text-transform: uppercase;
    padding: 150px 0px;
    margin: 0px;
}



.showroom-button{
     display: block;
     width: 200px;
     margin: auto;
 }

 .car-content {
    /* min-height: 160px; */
    padding: 5px 0px;
    /* border-top: 1px solid var(--light-grey); */
    border-bottom: 1px solid var(--light-grey);
    font-size: 12px;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
}
.sub-content{
    padding: 20px;
}
.page-content {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;

}
.w-list {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;

}

.contact-page-content {
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
    text-transform: uppercase;

}
.check {
    list-style-type: none;
    width: 60%;
    text-align: left;
    margin: auto;
}

.no-bullets {
    list-style-type: none;
    font-size: 14px;
    font-weight: 600;
}

.car-link {
    text-decoration: none;
}

.car-links {
    cursor: pointer;
}


.end {
    display: flex;
    height: 30px;
    align-items: flex-end;
}

.link {
    color: var(--black);
    text-decoration: none !important;
}

.link:hover {
    color: var(--mid-grey);
    text-decoration: none !important;
}

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

.shadow {
    box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
}

.short {
    width: 20%;
}

.auto {
    width: auto;
}

.nopad {
    padding: 0px;
}

.noborder {
    border: 1px solid transparent !important;
}

.right {
    text-align: right;
}

.shares {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shares a {
    margin: 5px !important;
}

.dropdown {
    display: inline;
}

.search-hold {
    text-align: center;
}

.view-car-hold {
    text-align: right;
}

.nopad {
    padding: 0px !important;
}

.float {
    margin-top: -150px;
    position: relative;
    z-index: 99;
    background:var(--white);
}

.bg-white {
    background: var(--white);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 20px;
}

.bg-white h4 {
    text-align: center;
    font-weight: 600;
}

.narrow {
    margin: 10px;
}

/* CARS PAGE */

.car-holder {
    border: 1px solid var(--light-grey-hover);
    border-radius: 20px;
    padding: 20px 0px 0px 20px;
    margin-bottom: 30px;
}



.head6 {
    text-transform: uppercase;
}



.head6-red:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 60%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
}



.bottom {
    display: flex;
    align-items: flex-end;
}

.all-car-block {
    padding-left: 30px !important;
}

.icons {
    padding-top: 10px;
    border-top: 1px solid var(--light-grey-hover);
    margin-top: 10px !important;
}

.page-numbers {
    margin: 0px 5px;
}

.small {
    margin: 0px !important;
}

.uppercase {
    text-transform: uppercase;
}



.inputfile + label {
    padding: 15px;
    background: #52b3eb;
    color: var(--white);
    font-weight: 600;
    border: 2px solid transparent;
    border-radius: 3px;
    width: auto;
    transition: all 0.5s ease-in-out;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background: var(--white);
	color: #cac7c9;
	border: 2px solid #52b3eb;
}

.inputfile {
    display: none;
}

.height {
    height: 120px;
}




/*===================================================================*/

/*============= SEARCH LIST ====================*/


#search-list {
    display:flex;
    position: relative;
    width: 250px;
    background: var(--white);
    z-index: 999;
    margin-top: 0px;
    border-radius: 3px;
}
.search-results{
    position: absolute;
    width: 350px;
    top: 45px;
    right: 1px;
    background: var(--white);
    display: none;
    z-index: 999;
    overflow-y: auto;
    margin-top: 0px;
    padding: 5px;
    height: auto;
    max-height: 580px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.mini-vehicle{
    width:100%;
    padding:5px;
    border-bottom:1px solid var(--light-grey-hover);
    display:flex;
    align-items: center;
}
.mini-vehicle:hover{
    background:var(--light-grey-hover);
}

.mini-thumbnail{
    width:50px;
    height:50px;
    border-radius:50px;
    background-size: cover;
    background-position: center center;
    margin-right: 5px;
}
.very-small{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:auto;
    display:inline;
}
.super-small{
    font-size:12px;
    text-transform: uppercase;
    font-weight:600;

    display:inline;
}
.mini-details{
    width:80px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.mini-price{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: var(--black);
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block
}
.mini-mileage{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: #363636;
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block;
}
.mini-year{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    width:100px;
    background: #636363;
    color: var(--white);
    text-align: center;
    border-radius: 3px;

    display:inline-block;
}
.mini-search{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #00a5cd;
    color: var(--white)!important;
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
    position: relative;
}
.mini-search:hover{
    background:var(--white);
    border:1px solid #00a5cd;
    color:#00a5cd!important;
}
.mini-websearch{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #182866;
    color: var(--white)!important;
    text-align: center;
    border-radius:3px;
    display:inline-block;
    padding:5px;
    position: relative;

}
.mini-websearch:hover{
    background:var(--white);
    border:1px solid #182866;
    color:#182866!important;
}

.max-websearch{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:100px;
    background: #182866;
    color: var(--white);
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
}
/*.max-websearch:hover{*/
/*    background:var(--white);*/
/*    border:1px solid #182866;*/
/*    color:#182866*/
/*}*/
.mini-number{
    font-size:14px;
    text-transform: uppercase;
    font-weight:600;
    min-width:20px;
    background: #ff0000;
    color: var(--white);
    text-align: center;
    border-radius: 3px;
    display:inline-block;
    padding:5px;
    position: relative;
    top: -2px;
}
.mini-desc{
    width:160px;
}

.uppercase{
    text-transform: uppercase;
}


#cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(24,40,102,0.5);
    z-index: 9999;
    font-size: 65px;
    text-align: center;
    padding-top: 200px;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;

}


/* UPLOADER */

#drop_file_zone {
    border: 1px dashed #ced4da;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    padding: 20px;
}

#drag_upload_file {
    width: 50%;
    margin: 0 auto;
}

#drag_upload_file p {
    text-align: center;
}

#drag_upload_file #selectfile {
    display: none;
}

.hoverxx {
    background: var(--light-grey-hover);
}

.thumbnail {
    height: 100px;
    margin: 10px;
    display: inline;
}

.left {
    width: 150px;
}

.img-array {
    display: inline-block;
}

.car-details {
    box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 1px 2px 9px 4px rgba(0, 0, 0, 0.34);
    border-radius: 20px;
    padding: 20px;
    background: var(--white);
}

.car-details h3 {
    text-align: center;
    font-weight: 600;
    margin: 20px 0px;
    text-transform: uppercase;
}

.car-min-details {
    padding: 10px;
}

.team-details {
    padding: 20px;
}



.car-min-details h6 {
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
    text-transform: uppercase;
}



.team-image {
/*	height: 200px;*/
	width: 100%;
	/* border: 10px solid #f2f5fa; */
	background-size: cover !important;
	background-position: center center !important;
}
.image-box {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.text-box{
    display: flex;
    align-items: center;
}
.insurance-image{
    width:100%;
}

.gallery-image {
    height: 250px;
    background-size: cover;
    background-position: center center;
    width: auto;
    margin: auto;
    border-radius:3px;
}
.history-image{
    width:100%;
    margin-bottom:20px;
}
.team-heading {
    font-size: 14px;
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
}
.adjust-full{
    text-align:justify;
}
.full-width{
    width:100%;
}
.team-details p {
    text-align: center;
    color: var(--black);
    font-weight: 400;
    margin: 0px 0px;
}
.team-link{
    text-decoration:none;
}

.capital {
    text-transform: capitalize;
}
.bold-blue {
    color: #26316C;
    font-weight:400;
    font-size:16px;
    font-family: 'Poppins', sans-serif;
}
.vehicle-heading {
    color: var(--black);
    overflow: hidden;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    height: 75px;
    margin: 0px;
    overflow: hidden;
}
.sv-h5-heading {
	color: var(--black);
	text-transform: uppercase;
	font-size: 2vw;
	font-weight: 600;
	margin: 0px;
	text-align: center;
}
.single-vehicle-h5-heading {
	color: var(--black);
	text-transform: uppercase;
	font-size: 2vw;
	font-weight: 600;
	margin: 0px;
	text-align: center;
	background: #cdcdcd;
	flex-grow: 1;
	border-radius: 3px;
}
.space-around{
    justify-content: space-around;
}
.c-col{
   
        /* flex: 1 0 0%; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        width: auto!important;
        align-items: center;
        padding: 0xp 5px !important;

}
.ml-5{margin-right:5px}
.thirty-five{
    height:35px;
}
.add-ons{
    border: 2px solid #26316C;
    padding: 20px;
    margin-bottom:20px;
}
.fin-box{
    padding:50px!important;
}
.apply-box{
    background:#f7f7f7;
    padding:20px;
    margin-bottom:20px;
}
.number{
    font-size: 30px;
    font-weight: 800;
    border: 2px solid var(--black);
    border-radius: 50px;
    width: 50px;
    margin: auto;
}
.pad-twenty{
    padding:20px!important;
}
.vehicle-text{
    font-size:14px;
    color:#444444;
    font-family: 'Poppins', sans-serif;
}
.vehicle-branch{
    font-size:14px;
    color:#444444;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-top:10px;
}
.bg-custom {
	background: var(--white);
	border-radius: 10px;
	margin-bottom: 15px;
    transition: all 500ms linear;
}
.bg-custom.active {
    left: 0px;
  }
  @media (max-width: 768px) {
    .bg-custom {
        position: absolute;
        left: -110%;
        z-index: 99;
    }
}
 @media (max-width: 767px) {
.feature-block3 {
    padding: 10px;
    height: auto;
    background: #cac7c9;
    /* min-height: 303px; */
    display: flex;
    border-radius: 30px;
    line-height: 30px;
    /* min-height: 40px !important; */
    /* margin: 10px; */
    flex-direction: column;
    flex-wrap: nowrap;
}
}
.head2white{
    color: var(--white);
    font-size:24px;
    font-family: 'Poppins', sans-serif;
}
.vehicle-link{
    font-size:14px;
    color:#26316C;
    text-decoration:underline;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}
.vehicle-link-white{
    font-size:14px;
    color:var(--white);
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}
.vehicle-link:hover, .vehicle-link-white:hover{
    color:#676767;

}
.heading-holder {
    border-bottom: 1px solid var(--light-grey);
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-content: flex-end;
}

.vehicle-head {
    font-size: 34px;
}

.border-botm {
    border-bottom: 1px solid var(--black);
}



.fotorama__stage {
    border-radius: 0px;
}

.fotorama__thumb {
    border-radius: 0px;
}

.fotorama__thumb-border {
    border-radius: 0px;
}

.car-price {
    font-size: 28px;
    /* font-family: 'Poppins', sans-serif; */
    color: var(--white);
    /* background: var(--red); */
    font-weight: 600;
    /* width: 40%; */
    /* height: 100%; */
    margin: 0px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(100deg,var(--transparent) 2%, #52b3eb 20%);
    min-width: 100px;
}

.wp-post-image {
    border-radius: 20px;
}
.inline-headings{
    display: flex;
    justify-content: space-between;
}
.car-image {
    border-radius: 20px;
    background-size: cover;
    background-position: center;
}
.left-align{
    text-align:left;
}
.left-align-center{
    text-align:left;
}
.partners{
    border: 1px solid var(--light-grey-hover);
    padding: 50px;
    width:100%;
}
.testimonials-block{
    background:#f2f6fa;
    padding:0px 40px!important;
}
.testimonial-image{
    width:100%;
}
.medium-blue{
    color:#4762af;
}

.flex-row{
    display:flex;
    justify-content: space-evenly;
}

.min250 {
	min-width: 250px;
	max-width: 300px !important;
	margin-bottom: 20px;
}



.nav-tabs {
    border: 0;
    padding: 0px;
}





























/* Footer */

.main-footer {
    background: var(--black);
    color: var(--white);
    padding: 25px 0px 0px 0px;
}
.footer-link {
    color: var(--white);
    font-size:14px;
    transition: all 0.5s ease-in-out;
}
.footer-link:hover {
    color:var(--grey);
}
.footer-link-alt {
    color: var(--red);
    font-size:14px;
    transition: all 0.5s ease-in-out;
}
.footer-link-alt:hover {
    color:var(--medium-red);
}
.footer-heading {
	color: var(--white);
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0px;
	
	/* opacity: 0.25; */
	margin-bottom: 10px;
	border-bottom: 1px solid var(--mid-grey);
}
.footer-selected{
    color: #52b3eb;
    
}
.vmg-green {
    color:var(--vmg-green)!important;
    text-decoration: none;
}
.vmg-green:hover{
    font-weight:600;
}
.sub-footer{
    border-top:1px solid var(--transparent);
    background: var(--light-grey);
    color:var(--dark-grey);
    padding:15px 0px;
}
.sub-footer p {
    color: var(--dark-grey);
    font-size:12px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin:0px;
    padding:0px 0px;
}

.autocomplete-suggestions {
    background: var(--medium-red);
    color: var(--white);
    padding: 10px;
    overflow-y: scroll;
    max-height: 80px!important;
    cursor:pointer;
}
.autocomplete-suggestions strong {color: var(--red); }
.footer-search{
    padding: 10px;
   
    border: 1px solid transparent;
}
.footer-search-submit{
    padding: 10px;
    border: 1px solid transparent;
    background: var(--medium-red);
    color: var(--white);
}





.paginate {
    cursor: pointer;
    display: inline;
    text-decoration: none;
    background: #52b3eb;
    color: var(--white)!important;
}
.paginate:hover{
    background: var(--light-grey-hover)!important;
    color:var(--white)!important;
}

.hide-one {
    height: 50px;
}

.adjust {
    height: 50px;
}

.adjust-two {
    height: 0px;
}

.adjust-three {
    height: 0px;
}

.adjust-four {
    height: 0px;
}

.adjust-five {
    height: 0px;
    display: none;
}

.adjust-six {
    height: 0px;
    display: none;
}

.no-disp {
    display: block
}
.no-display{
    display:none;
}
.toggle-show-hide {
    display: none;
}

.show-hide {
    display: block;
}
.flex-evenly{
    display: flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
}

.minimise60{
    height:30px;
}
.minimise100{
    height:25px;
}
.form-select.set-width, .set-width {
    width: 100%;
    min-width: 200px;
    /* max-width: 300px; */
    margin: auto;
}
.form-select.set-width2, .set-width2 {
    width: 100%;
    min-width: 200px;
    margin: auto;
}

.form-select.set-width3 {
    width: 100%;
    min-width: 200px;
    margin: auto;
}

.form-selects {
    display: block;
    width: 100%;
    padding: 17px;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
    /* text-transform: uppercase; */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 20px 12px;
    border: 2px solid #fff;
    border-radius: 20px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-height: 63px;
    background-color: #52b3eb;
}


.vehicles{
    margin-bottom:20px;
}
.blue-blocks{
    margin-bottom:20px;
}
.lm{
    min-height: 50px;
    display: inline-block;
}
.block{
    display:block;
}
/* .floating-filter{
    display:block;
    position:relative;
} */
.floating-button {
	position: absolute;
	top: 100px;
	right: 6px;
	display: none;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	color: var(--dark-grey);
	align-items: center;
	background: #cdcdcd;
	padding: 2px;
	border-radius: 4px;
	width: 30px !important;
	z-index: 999;
	cursor: pointer;
}
.see-more-btn {
	color: var(--white);
	background: #52b3eb;
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px;
	margin-bottom: 2px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.see-more-btn:hover{
    color: var(--black);
}
.more-specs{
    display:none;
}
@media (max-width: 768px) {
    .floating-button {
        display:flex;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }
}
.pc{
    display:block;
}
.right-m{
    margin-right:60px;
}
.space-evenly{
    justify-content:space-evenly;
}
.mobile-show{
    display:none;
}
.none{
    display:none!important;
}
.bordr {
    border: 1px solid var(--mid-grey);
    padding: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
  }
  .flx {

}
.ms-10{margin:0px 10px;}
.jcc{justify-content:center;}
.spinner-holder {
    display: flex;
    justify-content: center;
}
.right-cc {
    display: flex;
    align-content: center;
    justify-content: center;
}
.vtours{
    width:100%
}
.contact-background {
	padding: 20px;
	background-size: cover !important;
	background-position: center center !important;
}
.mobile{
    display:none!important;
}
.fifty{
    height:50px;
}
@media (max-width: 1800px) {
    /*#search-list {*/
    /*    width: 30%;*/
    /*}*/
}
@media (max-width: 1550px) {
    .left-ad,.right-ad {
        width: 250px;
    }
}
@media (max-width: 1500px) {
    /*#search-list {*/
    /*    width: 35%;*/
    /*}*/
}

@media (max-width: 1440px) {
    .call-to-action {
        padding: 10px 20px;
       
    }
    .left-ad,.right-ad {
        width: 200px;
    }
    .testimonial-heading{
        font-size:16px;
    }
    h1{
        /* font-size:30px!important; */
    }
    .quotes {
        height: 20px;
        margin-left: -35px;
        margin-bottom: -38px;
    }

    .news-image {
        height: 400px;
    }

    .likelist {
        right: 10%;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 12px !important;
    }
}

@media (max-width: 1400px) {
    .ff {
        width: auto;
    }
    .t-h{
        min-height: 58px;
    }
    .xxx-height {
        min-height: 150px;
    }
    .form-select.set-width2, .set-width2 {
        max-width:340px;
        margin-bottom:10px;
    }
    .form-select.set-width3 {
        width: 100%;
        margin: auto;
    }
    .min-head{
        min-height:60px;
    }
    .twohundred {
        min-height: 250px;
    }
    .vehicle-link-white {
         padding: 0px;
    }
    
    .showroom-image {
        width: 180px;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding:20px 10px!important;
    }

    .vehicle-head {
        font-size: 28px;
    }

    .price {
        margin-left: 0px;
    }
}

@media (max-width: 1350px) {
    .feature-block {
        padding: 5px;
    }
    .feature-block2 {
        padding: 5px;
    }
}

@media (max-width: 1270px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-right: 5px!important;
        margin-left: 5px!important;
    }

}

@media (max-width: 1200px) {
    .head2 {
        font-size: 50px;
    }
    .call-to-action {
        font-size: 2vw;
    }
    .sv-h5-heading {
      
    }
    .mh-h {
        min-height: 86px;
    }
    .h-150 {
        min-height: 168px;
    }
    .ff {
        padding: 10px;
        margin-bottom: 10px;
    }
    .xxx-height {
        min-height: 170px;
    }
    .right-m{
        margin-right:0px;
    }
    .min-x{
        min-height:60px;
    }
    .line3 {
    min-height:90px;
}
    .offer-link {
        font-size: 14px;
    }
    .twohundred {
        min-height: 300px;
    }
    .vehicle-link, .vehicle-link-white {
        font-size:13px;
    }
  
    .head6-blue {
        min-height: 30px;
    }
    .showroom-image {
        width: 150px;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding:10px 5px!important;
    }
    .news-image {
        height: 350px;
    }


    .car-price {
     
        background-image: linear-gradient(110deg,var(--transparent) 18%, #52b3eb 18%);
      
    }
    .vehicle-head {
        font-size: 24px;
    }

    .no-display {
        visibility: hidden;
    }

    .display {
        display: block;
        margin-top: 10px !important;
    }
}
@media (max-width: 1180px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-right: 4px!important;
        margin-left: 4px!important;
    }
}
@media (max-width: 1160px) {
    .top-logo {
        height: 150px;
    }
    .fa-stack {
        width: 2em;
    }
    .head-ttext {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .nav-link {
        font-size: 12px!important;
    }
    .f-ap {
        height: 220px;
    }
}

@media (max-width: 1100px) {
    .slider-h2 {
        font-size: 60px;
        margin:0px;
    }
    .slider-h3 {
        font-size: 30px;
       margin:0px
    }
    .call-to-action {
        font-size: 18px;
    }
    .call-to-action {
        padding: 5px 20px;
    }
    .nav-link {
        font-size: 11px!important;
    }
    .quotes {
        display: none;
    }
}
@media (max-width: 1050px) {
    .float {
        margin-top: -100px;
    }
    .minimise60{
        height:15px;
    }
    
}
@media (min-width: 992px) {

    .container.max {
        max-width: 1200px;
    }
}
@media (max-width: 992px) {
    
    .mw-25 {
        min-width: 50%;
        max-width: 50% !important;
    }

    .head2 {
        font-size: 30px;
    }
    .showroom-filter-mobile{
    display: block;
}
.f-ap {
	height: 250px;
}
.feature-block {
    height:auto;
	width: 100%;
}
.feature-block2 {
 
    margin-bottom:10px;
    min-height:0px;
}
    .search-mobile{
      display: block;
    }
    .circle-icon {
    border: 3px solid #3c434a;
    border-radius: 17px;
    background: #316FF6;
    transition: all 0.5s ease-in-out;
}
    .circle-icon:hover {
        border: 4px solid var(--light-grey-hover);
       
    }
    .branchx {
        margin: 0px 5px;
        display: flex;
		font-size: 30px;
    }
    .no-mobile{
        display:none!important;
    }
    .mobile{
        display:block!important;
    }
    .fh {
        min-height: 45px;
    }
    .mh-h {
        min-height: 100px;
    }
.navbar-nav{
    width: 50%!important;
margin: auto;
}
.h-150 {
    min-height: 150px;
}

    .sh {
        min-height: 88px;
    
    }
    .single-vehicle-heading {
        display:block;
        padding:10px;
    }
    .pc{
        display:none;
    }
  
    .pricecheckform {
        padding:0px;
    }
    .renttobuyform{
        padding:0px;
    }
    .contactform{
        padding:0px 0px;
    }
    .trackerform{
        padding:0px 0px;
    }
    .check {
         width: 100%;
    }
    .fin-box {
        padding: 10px !important;
    }
    .floating-filter {
        /* display: none; */
        position: relative;
        background: var(--med-light-grey);
        left: 0px;
        /* width: 250px; */
        padding: 10px;
        border-radius: px;
        /* -webkit-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75); */
        -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        /* box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75); */
        /* z-index: 999; */
        margin-bottom: 20px;
    }
    .fifty{
        height:25px;
    }
    .banner-heading-alt {
        font-size: 50px;
    }
    .small-filter {
        display: flex;
        position: fixed;
        right: 0px;
        background: #cdcdcd;
        padding: 5px 12px;
        color: var(--white);
        -webkit-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.46);
        box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.75);
        /* width: 140px !important; */
        border-radius: 3px;
        cursor: pointer;
        font-size: 12px;
        top: 220px;
        align-items: center;
        z-index: 9999;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }
    .fa-filter {
        font-size: 14px;
        border: 5px solid var(--red);
        background: var(--red);
        border-radius: 50%;
    }

    .container.footer-max{
        max-width: 1200px;
    }
    .inline-buttons{
        width:40% !important;
    }
    .showroom-image {
        width: 100%;
    }
    .main-logo{
        padding: 0px;
        width: 100%;
    }

    .navbar-nav{
        text-align:center;
    }
    .dropdown-item{
        font-size:10px;
        text-align: center!important;
    }
    .center-on-small{
        text-align:center;
    }

   
    


    .like-price {
        font-size: 14px !important;
        padding: 5px !important;
    }

    .floating {
        position: fixed;
        width: 200px !important;
        right: 0px;
        top: 25%;
        height: auto;
        max-height: 500px;
        overflow-y: scroll;
        text-align: center;
    }

    .vehicle-head {
        font-size: 18px;
    }

   

    .floating .smaller {
        font-size: 14px;
        margin-top: 20px;
    }

    .show-hide {
        display: none;
    }

    .no-disp {
        display: none!important;
    }

    .hide-one {
        display: none;
    }

    .toggle-show-hide {
        display: block;
        text-decoration: none;
        padding: 10px;
    }

    .adjust {
        height: 80px;
    }

    .adjust-two {
        height: 50px;
    }

    .adjust-three {
        height: 40px;
    }

    .skew {
        position: absolute;
        width: 100%;
        left: 0%;
        text-align: center;
        top: 100%;
    }


    .price {
        padding: 10px;
    }

    .height {
        height: 20px;
    }

    .car-image {
        height: 200px;
        width: 95% !important;
    }

    .grey {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .car-holder {
        margin-bottom: 10px;
    }
}

@media (max-width: 990px) {

    .md-no-show{
        display:none;
    }
    .md-show{
        display:block;
    }

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

    .footer p {
        font-size: 12px;
    }
    .form {
        background: var(--white);
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 936px) {
    .navbar-toggler {
        margin: auto;
        width: 100%;
    }
}
@media (max-width: 850px) {
    .minimise100{
        height:25px;
    }
    .head1{
        margin:0px;
    }
   
    .testimonials-content{
        width:60%;
        margin:auto;
    }
}
@media (max-width: 790px) {
.top-logo {
	height: 60px;
}
}

@media (max-width: 1035px) {
    .carousel-caption {
        bottom: 73px!important;
    }
        
    }


@media (max-width: 768px) {
    #drag_upload_file {
        width: 80%;
        
    }
    .inputfile + label {
        padding: 5px;
        
    }
    .custom-btn {
        padding: 5px;
        
    }
    .top-logo {
        height: 140px;
    }
    .f-ap {
        height: 200px;
    }
    .no-single-mobile{
        display:none;
    }
    .single-mobile{
        display:flex;
    }
    .sv-h5-heading {

        font-size: 14px;
    
    }
    .feature-block {
        padding: 5px;
        
        min-height:0px;
    }
    .feature-block2 {
        padding: 5px;
        margin-bottom:10px;
        min-height:0px;
    }
    .branch-image {
        width: auto;
        height: 100px;
    }
    .fh{
        min-height:0px;
    }
    .mh-h {
        min-height: 0px;
    }
    .price-h {
        
        margin-bottom: 20px;
    }
    .page-list{
        padding: 0px 0px 0px 20px;
    }
    .vehicle-link, .vehicle-link-white {
        padding: 0px;
    }
    .sub-content {
        padding: 0px;
    }
    .vehicle-text {
        text-align: center;
        margin-bottom: 10px;
    }
    .sh {
        min-height: 60px;
    
    }
    .single-vehicle-heading {
        margin-bottom:20px;
    }
    .small-hide{
        display:none;
    }
    .min-x{
        min-height:0px;
    }
    .form-select-alt, .form-control-alt {
        width: 100%;
        min-width: 200px;
        max-width: 300px;
        margin: auto;
    }
    .hide-on-small{
        display:none;
    }
    .twohundred {
        min-height: 260px;
    }
    .page-content{
        padding:0px;
    }
    .right {
        text-align: center;
    
    }
    .right-cc {
        text-align: center;
        display: flex;
        align-items: center;
    }
    #cover {
        font-size: 50px;
    }
    

    .main-logo {
        width: auto;
        padding: 20px;
    }
    .large-logo{
        width:100%;
    }

    .alt-pad{
        padding:0px!important;
    }
   
  
    .vehicle-head {
        text-align: center;
    }

    .car-price {
        text-align: center;
    }

    .page-heading {
        text-align: center;
    }

    .contact-heading-two {
        text-align: center;
    }

    .cntr {
        justify-content: center;
    }

    .news-image {
        height: 300px;
    }

    .adjust-four {
        height: 20px;
    }

    .adjust-six {
        display: block;
        height: 30px;
    }

    .center-it {
        text-align: center !important;
        display: flex!important;
        align-items: center!important;
    }


    .bg-white {
        visibility: hidden;
        opacity: 1;
        position: absolute;
        top: 100%;
        left: 40%;
        max-width: 70%;
        border-top: 1px solid var(--white);
        transform: translate(-50%, -50%);
        /* transition: all 0.8s;*/
        width: 40% !important;
        z-index: 99;
    }



    .heading-main {
        padding: 50px 0px 50px 0px;
    }

    .container.float {
        margin-top: 0px;
        max-width:100%;
    }
   .fa-3x {
        font-size: 2em!important;
    }
}


@media (max-width: 700px) {
    .slider-h2 {
        font-size: 40px;
        margin:0px;
    }
    .slider-h3{
        font-size: 16px;
        margin:0px 
    }
    .slider-h5 {
        font-size: 20px;
       margin:0px
    }
    .call-to-action {
        font-size: 14px;
    }
    .call-to-action {
        padding: 5px 10px;
    }


    .banner-heading.six-slide-car{
    text-align: center!important;
    color: black!important;
    
}
.top-logo {
    height: 140px;
}
    .large-image{
        display:none;
    }
    .small-image{
        display:block;
    }
    .testimonials-content{
        width:100%;
        margin:auto;
    }
    .left-ad,.right-ad{
        display:none;
    }
    .carousel-caption {
        position: absolute!important;
        top: 5% !important;
        flex-direction:row!important;
        justify-content: space-evenly!important;
    }
	.w-100 {
        width: 100%;
		height: 200px !important;
		object-fit: cover;
		align-content: center;
    }
	.head4{
        text-align: center;
    }
    .form {
        padding:0px;
    }
}
.modal-dialog{
    width:50% !important;
}

@media (max-width: 660px) {
    .head-ttext {
        font-size: 10px;
        display: none;
        position: absolute;
        top: 30px;
        background: var(--grey);
        z-index: 999;
        padding: 10px;
        border-radius: 3px;
        width: 200px;
        right: 0px;
       
    }


}
@media (max-width: 630px) {
    .bg-white {
        width: 50% !important;
    }
}

@media (max-width: 600px) {
    .head2 {
        font-size: 24px;
    }
    .banner-heading-alt {
        font-size: 20px !important;
    }
    .head-ttext {
        font-size: 10px;
        
    }
    .slider-h2 {
        font-size: 30px;
        margin:0px;
    }
    .slider-h3{
        font-size: 12px;
        margin:0px 
    }
    .slider-h5 {
        font-size: 16px;
       margin:0px
    }
    .call-to-action {
        font-size: 12px;
    }
    .call-to-action {
        padding: 5px 10px;
    }
    .map-heading-alt {
       
        font-size: 10px;
       
    }
    .map-heading {
        
        font-size: 10px;
       
        border-bottom: 1px dashed var(--medium-red);
        width: 68px;
    }
    .h-150 {
        min-height: 0px;
    }
    .t-h{
        min-height:0px;
    }
    .lg{
        font-size:20px;
    }
    .modal-dialog {
         width: 100% !important;
    }

    .skew {
        font-size: 12px;
        height: 30px;
    }

    .adjust-three {
        height: 30px;
    }
}
@media only screen and (max-width: 991px) {
  .img-holder {
    height: 500px;
    /* background-position: center center !important; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border: 2px solid #106cde;
}
}
@media (max-width: 576px) {
    .img-holder {
        height: 300px;
       
    }
    .c-50-c{
        height:20px;
      }
    .min-head{
        min-height:0px;
        padding-top:10px;
        border-top:1px solid rgba(38, 49, 108, 0.25);
    }
    .vehicle-link, .vehicle-link-white {
        padding: 10px;
    }
    .sub-content {
        padding: 10px;
    }
    .right-cc {
        align-items: center;
        justify-content: center;
    }
    .sub-content {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xxx-height {
        min-height: 0px;
    }
    .sh {
        min-height: 0px;
    
    }
    .left-align-center{
        text-align:center;
    }
    .insurance-image {
        width: auto;
        height: 100px;
        margin-bottom:30px;
    }
    .twohundred {
        min-height: 0px;
    }
.home-image-column{
    margin-top:20px;
}
}

@media (max-width: 580px) {
    .head2 {
        font-size: 30px;
    }
    

    .car-price {
        text-align: center;
    }

    .no-display {
        display: none;
    }

    .w-60 {
        width: 60% !important;
    }

    .w-40 {
        width: 40% !important;
    }

    .footer .right {
        text-align: left;
    }

    .all-car-block {
        padding-left: 15px !important;
    }
}

@media (max-width: 576px) {
    .sixty {
        width: 60% !important;
    }

    .fourty {
        width: 40% !important;
    }

    .third {
        width: 33% !important;
    }
}

@media (max-width: 550px) {
    #cover {
        font-size: 36px;
    }
    .img-img-holder {
        height: 80px !important;
       
    }
    .mw-50 {
        min-width: 100%;
        max-width: 100% !important;
    }
    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:nth-child(n+3) {
        font-size: 12px !important;
    }
    .img-fit{
        width:100%;
    }
 
    .short {
        width: 40%;
    }
    .custom-width {
        width: 100% !important;
        float: none;
    }
}

@media (max-width: 530px) {
    .ff {
        width: auto;
    }
}

@media (max-width: 520px) {
    .heading-main {
        font-size: 20px;
    }
   
}

@media (max-width: 500px) {
    .search-results{

        left:-60%;
    }
 
    .news-image {
        height: 250px;
    }
}
@media (max-width: 488px) {
    .page-numbers {
        margin: 0px;
    }
    .pg-btn-ext {
        padding: 5px 5px;
    }
    .pg-btn {
        width: 15px !important;
       
    }
    .set-width3 {
        width: 100%;
        max-width:340px;
        margin: auto;
    }
    .top-logo{
        height:150px
    }
    .branch {
        margin: 0px 0px;
    }
    .branch-detail {
        font-size: 12px;
    }
    .branch-heading {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .offset-icon {
       
        margin-top: 0px;
     
    }
    .mobile-show{
        display:block;
    }
    .branchx {
        margin: 0px;
        display: flex;
        position:relative;
    }
    .fa-stack {
        font-size: 30px;
        width: 45px!important;
    }
    .br-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
   
    .navbar-toggler {
        padding: 0px!important;
       
    }
}
@media (max-width: 460px) {
    #search-list {
        width:280px;
    }
    .likelist {
        right: 5px;
    }
    .inline-buttons {
        width: 80% !important;
        margin: 15px!important;
    }
    .search-results{

        left:-30%;
    }
   
}





@media (max-width: 440px) {
  
    /*#search-list {*/
    /*    width: 70%;*/
    /*}*/

    .third {
        width: 50% !important;
        margin: auto;
        text-align: center;
    }

    .bg-white {
        width: 70% !important;
    }
}
@media (max-width: 428px) {
.navbar-nav {
	width: 50% !important;
	margin: auto;
}
}
@media (max-width: 410px) {
.branch{display:none;}

    .top-logo {
        height:100px;
    }

    .navbar-brand {
        margin-right: 0px !important;
        width: auto;
    }

    .skew {
        top: 100%;
    }
}

@media (max-width: 400px) {
    .head2 {
        font-size: 20px;
    }
    .head3 {
        font-size: 16px;
    }
    .banner-heading-alt {
        font-size: 20px;
    }
    .mw-25 {
        min-width: 100%;
        max-width: 100% !important;
    }
    .slider-h2 {
        font-size: 20px;
        margin:0px;
    }
    .slider-h3{
        font-size: 10px;
        margin:0px 
    }
    .slider-h5 {
        font-size: 12px;
       margin:0px
    }
    .call-to-action {
        font-size: 10px;
    }
    .call-to-action {
        padding: 2px 10px;
    }
    .pg-btn {
        width: 25px !important;
    }
 

    .half{
width:50%;
    }
    .space-evenly {
        justify-content: start;
    }
    .page-btns {
        flex-direction: column;
    }
    .pg-btn-ext {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 5px;
    }
    .page-numbers{
        margin:10px auto;
    }
    .pg-btn-ext {
        width: 100% !important;
        text-align: center !important;
        margin: 0px 5px;
    }

    .right {
        text-align: right;
    }
    .search-results{

        left:-20%;
    }
    .news-image {
        height: 200px;
    }

    .w-60 {
        width: 100% !important;
        text-align: center;
    }

    .w-40 {
        width: 68% !important;
        margin-top: 10px !important;
    }

    .footer-image {
        width: 60%;
    }
}

@media (max-width: 375px) {
    .search-results{
        left: -5%;
        width: 100%
    }
    .mini-thumbnail {
        width: 50px;
        height: 40px
    }
    /*#search-list {*/
    /*    width: 80%;*/
    /*}*/
    
    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:nth-child(n+3) {
        font-size: 10px !important;
    }
}

@media (max-width: 360px) {
    .news-image {
        height: 200px;
    }

    .heading-main {
        padding: 50px 0px 50px 0px;
        font-size: 16px;
    }

    .thumbnail {
        height: 50px;
    }
}
@media (max-width: 350px) {
    .custom-width {
        width: 100% !important;
        float: none;
    }
    .page-numbers{
        margin:10px auto;
    }
}

@media (max-width: 340px) {

    #search-list {
        width: 265px;
    }
    .top-bar {
        padding: 15px 0px;
    }
    .top-logo {
        height:150px;
    }
}
@media (max-width: 330px) {
    
    #search-list {
        width: 245px;
    }
    .adjust-five {
        display: block;
        height: 20px;
    }
}
@media (max-width: 320px) {
    .sub-content{
        padding:20px 0px!important;
    }
}
@media (max-width: 310px) {
    .sm{
        padding:5px 5px!important;
    }
}