a {
  text-decoration:none;
}
a img {
  border:none;
}
h1 {
  font-size:3.5em;
  font-weight:100;
}
p {
  font-size:1.5em;
}
input,textarea {
  -webkit-appearance:none;
  background-color:#f7f7f7;
  border:none;
  border-radius:3px;
  font-size:1em;
  font-weight:100;
}
input:focus,textarea:focus {
  border:none;
  outline:2px solid #7ed7b9;
}
.left {
  float:left;
}
.right {
  float:right;
}
header{width:100%; float:left;}

.wrap {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 auto;
  max-width:1420px;
  overflow:hidden;
  padding:0 50px;
  position:relative;
  width:100%;
}
.wrap:before {
  content:'';
  display:inline-block;
  height:100%;
  margin-right:-0.25em;
  vertical-align:middle;
}

::-webkit-input-placeholder {
  color:#a7a7a7;
}
:-moz-placeholder {
  color:#a7a7a7;
}
::-moz-placeholder { /* FF18+ */
  color:#a7a7a7;
}
:-ms-input-placeholder {
  color:#a7a7a7;
}

.loader {
  -moz-animation:loader_rot 1.3s linear infinite;
  -o-animation:loader_rot 1.3s linear infinite;
  -webkit-animation:loader_rot 1.3s linear infinite;
  animation:loader_rot 1.3s linear infinite;
  height:80px;
  width:80px;
}
@-moz-keyframes loader_rot {
  from {
    -moz-transform:rotate(0deg);
  }
  to {
    -moz-transform:rotate(360deg);
  }
}
@-webkit-keyframes loader_rot {
  from {
    -webkit-transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
  }
}
@keyframes loader_rot {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

.view-enter,.view-leave {
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.view-enter {
  left:20px;
  opacity:0;
  position:absolute;
  top:200;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}
.view-leave {
  left:0;
  opacity:1;
  position:absolute;
  top:200;
}
.view-leave.view-leave-active {
  left:-20px;
  opacity:0;
}

/* responsive rules */


@charset "UTF-8";
/* CSS Document */
html {
  min-height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  position:relative;
  width:100%;
   font-family: 'Conv_MINI Serif-Regular';
}
body {
  background-color:#f3f3f3;
  color:#000;
  margin:0;
  min-height:100%;
  width:100%;
   font-family: 'Conv_MINI Serif-Regular';
}

@font-face {
    font-family: 'Conv_MINI Serif-Regular';
    src: url('../fonts/MINI Serif-Regular.eot');
    src: local('☺'), url('../fonts/MINI Serif-Regular.woff') format('woff'), url('../fonts/MINI Serif-Regular.ttf') format('truetype'), url('../fonts/MINI Serif-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_MINI Serif-Bold';
    src: url('fonts/MINI Serif-Bold.eot');
    src: local('☺'), url('../fonts/MINI Serif-Bold.woff') format('woff'), url('../fonts/MINI Serif-Bold.ttf') format('truetype'), url('../fonts/MINI Serif-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.h6{height:6px;}

.swiper-button-next::after, .swiper-button-prev::after{font-family:none !important;}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{content:'' !Important;}
.swiper-button-prev::after, .swiper-button-prev::after{font-family:none !important;}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-prev::after{content:'' !Important;}
/*
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
 background-size: 100% 24px !important;
  background-repeat: no-repeat !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")  !important;
 background-size: 100% 24px !important;
  background-repeat: no-repeat !important;
}
*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0px !important;}
.prevBtn,.nextBtn{
	border: 1px solid #000;
width: 24px;
height: 23px;
margin: 0px 10px;
padding: 5px 0px;
display: inline-block;}
.prevBtn svg,.nextBtn svg{float:left;}
.prevBtn{margin-right:0px;}
.prevBtn img,.nextBtn img{width:25px; float:left;}

.prevBtn:hover,.nextBtn:hover{border: 1px solid #0085ac;}

.nextBtn-dark{
width: 40px;
height: 40px;
margin: 0px 10px;
padding: 15px 0px 0px;
display: inline-block; background:rgba(0,0,0,1); text-align:center;}
.nextBtn-dark:hover{background:rgba(0,0,0,1);}

.minheight{min-height:500px;}

.note{margin:20px 0px;}
.note span{width:100%;font-family: 'Conv_MINI Serif-Bold'; margin:6px 0px; font-size:14px; line-height:16px;}
.note p{width:100%; margin:6px 0px; font-size:13px; line-height:16px;}

.mainNav{background:#fff; padding:0px 0px;}
.mainNav svg{border: 1px solid #f1f1f1;
border-radius: 100%;}
.mainNav .mainNav_icon{border: 1px solid #f1f1f1;width:30px; height:30px; margin:5px auto;
border-radius: 100%;
padding: 8px;}
.mainNav .active .mainNav_icon{background:#000; border:1px solid #000;}
.mainNav .mainNav_icon img{width:24px; height:24px; padding:3px;}
.mainNav span{width:100%; float:left; text-align:center;}

.contentBox{width:100%; margin: 10px 0px;float: left;background: #fff;padding: 5% 0px;}

 .mainNav .swiper-slide{width:auto; margin:0px 15px;}
 .mainNav .swiper-slide:nth-child(1n) {
       
      }

 .mainNav .swiper-slide:nth-child(2n) {
        
      }

.mainNav .swiper-slide:nth-child(3n) {
        
}
.mainNav .swiper-slide:nth-child(4n) {
        
}
.mainNav .swiper-slide:nth-child(5n) {
        
}


 .tabslide .swiper-slide:nth-child(1n) {
        width:40%;
      }

 .tabslide .swiper-slide:nth-child(2n) {
        width: 35%;
      }

.tabslide .swiper-slide:nth-child(3n) {
        width: 30%;
}
.tabslide .swiper-slide:nth-child(4n) {
        width: 40%;
}
.tabslide .swiper-slide:nth-child(5n) {
        width: 40%;
}

 .Intabslide .swiper-slide:nth-child(1n) {
         width: 30%;
      }

 .Intabslide .swiper-slide:nth-child(2n) {
        width: 30%;
      }

.Intabslide .swiper-slide:nth-child(3n) {
        width: 30%;
}
.Intabslide .swiper-slide:nth-child(4n) {
        width: 30%;
}
.Intabslide .swiper-slide:nth-child(5n) {
        width: 30%;
}

.elLogo{width:70px;  position: absolute; top: 20px; right:20px;}
/*CHETAN*/
header{width:100%; float:left; padding:20px 0px 12px; text-align:right;}
header a{margin:0px 10px 0px; cursor:pointer; float:right;}
header a img{height:25px;}
.miniLogo{float:left; margin-left:5%;}
.miniLogo img{height:40px;}
.bold{font-family: 'Conv_MINI Serif-Bold';}
.w100{width:100%; float:left;}
.mini-container{width:1200px; margin:auto;}
.mainTitle{font-size:50px;padding:0px; margin:10px 0px 20px 0px; color:#000; text-align:center; width:100%; float:left;font-family: 'Conv_MINI Serif-Regular'; text-transform:uppercase;}
footer{padding:10px 0px; position:relative;bottom:0px; left:0px;}
/*HOME PAGE STYLE START*/


.desktopNav{width:200px; background:#fff; padding:10px; position:fixed; left:0px; top:100px; box-sizing:border-box;}
.desktopNav ul{padding:0px; margin:0px;}
.desktopNav ul li{margin:0px; padding:0px; list-style:none;}
.desktopNav ul li a{ padding:12px 10px; width:100%; float:left; color:#000; font-size:22px; border-bottom:1px solid #ddd;}

.mini-db-carBox{ background:#f3f3f3; float:left; padding:0px 10px; box-sizing:boder-box; margin-bottom:15px;}
.mini-db-carCont{width:90%; float:left; margin:30px 5% 0px;}

.bottomTabArea{width:100%; float:left; background:#ffffff; padding:6px 0px; position:fixed; z-index:5; height:50px; bottom:0px;box-shadow: 5px 4px 3px 2px #959595;}
.bottomTabArea a{text-transform:uppercase; font-size:13px;color:#000;}
.bottomTabArea a.bckBtn{ position:absolute; left:10px; bottom:10px;}
.bottomTabArea a.bookTdrive{position:absolute; left:34%; bottom:10px; margin-left:-70px;}
.bottomTabArea a.financeBtn{position:absolute; left:50%; bottom:10px; margin-left:0px;}
.bottomTabArea a.financeBtn span img{width: 30px;}
.mar-b20{margin-bottom: 30px !important;}
.bottomTabArea a.homeBtn{position:absolute; right:10px; bottom:10px;}
.bottomTabArea a span{width:100%; float:left; text-align:center;}

.mini-db-carImg{margin:0px 0px; text-align:center;}
.mini-db-carImg img{width:80%;}
.mini-db-cartitle{margin:0px;}
.mini-db-cartitle h1{font-size:19px;color:#000;font-family: 'Conv_MINI Serif-Bold';}
.mini-db-cardes{margin:10px 0px;}
.mini-db-cardes span{color:#000; font-size:14px;margin:3px 0px;width:100%; float:left;}
.mini-db-cardes p{font-size:13px; color:#000; margin:3px 0px;width:100%; float:left;}
.mini-db-carspec{margin:10px 0px;}
.mini-db-carspec span{color:#000; font-size:14px;margin:3px 0px;width:100%; float:left;}
.mini-db-carspec p{font-size:13px; color:#000; margin:3px 0px;width:100%; float:left;}
.mini-db-carprice{margin:10px 0px;}
.mini-db-carprice span{color:#000; font-size:14px;margin:3px 0px;width:100%; float:left;}
.mini-db-carprice p{font-size:13px; color:#000; margin:3px 0px;width:100%; float:left;}
.mini-db-bt{margin:10px 0px;}
.mini-db-exploreBtn{ background-color:#000000; margin-right: 10px; margin-top: ; padding:10px 25px; color:#fff; font-size:13px;cursor:pointer; text-transform:uppercase;}
.mini-db-exploreBtn:hover{}

.countryman{position:relative; }
.countryman h1{position:relative;z-index:2; padding-left:10px;}
.countryman h1:after{content:''; position:absolute;left: 0px;
top: 2px; z-index:-1; background:#4b5457;width: 6px;
height: 34px;}

.miniblack{position:relative; }
.miniblack h1{position:relative;z-index:2; padding-left:10px;}
.miniblack h1:after{content:''; position:absolute;left: 0px;top: 2px; z-index:-1; background:#000000;width: 6px;height: 34px;}


.minielectricNew{position:relative; }
.minielectricNew h1{position:relative;z-index:2; padding-left:10px;}
.minielectricNew h1:after{content:''; position:absolute;left: 0px;top: 2px; z-index:-1; background:#7b2024;width: 6px;height: 34px;}

.minielectric{position:relative; }
.minielectric h1{position:relative;z-index:2; padding-left:10px;}
.minielectric h1:after{content:''; position:absolute;left: 0px;top: 2px; z-index:-1; background:#cdb900;width: 6px;height: 34px;}


.doorHatch h1{position:relative;z-index:2; padding-left:10px;}
.doorHatch h1:after{content: '';
position: absolute;
left: 0px;
top: 2px;
z-index: -1;
background: #998f86;
width: 6px;
height: 34px;}


.convertible h1{position:relative;z-index:2; padding-left:10px;}
.convertible h1:after{
	content:''; 
	position:absolute;
	left: 0px;
top:2px; 
z-index:-1; background:#ced54d;
width: 6px;
height: 34px;
}


.jcw h1{position:relative;z-index:2; padding-left:10px;}
.jcw h1:after{
	content:''; 
	position:absolute;
	left: 0px;
top:2px; z-index:-1; background:#182418;width: 6px;
height: 34px;}

.social{float:left;}
.social a{float:left; margin-right:5px;}
.social a img{height:30px}

.carTxt{width:40%; float:left; text-align:center;}
.carTxt h2{font-size:22px; margin:20px 0px;}
.carTxt p{font-size: 16px;
line-height: 25px;}
.carIm{width:60%; float:left;}
.posrel{position:relative;}

.sidearrow{padding:20px 20px; background:#000; position:fixed; top:50%;color:#fff; font-size:14px; cursor:pointer; width:80px;}
.prevAr{left:0px;}
.nextAr{right:0px;}
/*CAR FEATURE*/

.carFea{ width:100%; float:left; margin:0px 0px 30px 0px; text-align:center;}
.carFea a{padding:15px 10px; color:#000; background:#f3f3f3; font-size:14px; text-transform:uppercase; margin:0px 0px 0px 0px; cursor:pointer; display:inline-block;}
.carFea a:hover{background:#0085ac;color:#fff;}
.carFea a.active{background:#0085ac;color:#fff;}

.dp-none{display:none;}
.carFea1{ }
.carFea1 a{padding:10px 0px; text-align:center;min-height:57px; box-sizing:border-box;border-bottom:2px solid #ddd; color:#000;  font-size:14px;  margin:0px 0px 0px 0px; 
cursor:pointer; display:inline-block;width:100%; opacity:.7;}

.carFea1 a.active{color:#000; opacity:1;border-bottom:2px solid #000;}

.mainTab a{padding:15px 2%; text-align:center; color:#000;  font-size:14px;  margin:0px 0px 0px 0px; cursor:pointer; display:inline-block;width:96%;}
.mainTab a:hover{color:#000;}
.mainTab a.active{color:#000;}
.mainTab a.active svg{background:#000; border:1px solid #000; fill:#fff;}

.fixed {position: fixed;top:0; left:0;width: 100%; transition:1s ease; }
.fixedSub {position: fixed;top:98px; left:0;width: 100%; }
.exMobNav {background:#f3f3f3;}
.tabslide .swiper-slide{ }

.im100{width:100%;}
.footer-logo{float:right;}

.mainNavArea{background:#fff;padding: 0px 0px;
box-sizing: border-box;box-shadow: 0px 1px 2px 1px #ccc;}
.navHeight{margin-top:105px !important;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{width:25px !important; height:25px !important;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-prev:hover{background:#000 ; fill:#fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{  width:25px !important; height:25px !important;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-next:hover{background:#000 ; fill:#fff;}
.swiper-button-next svg:hover{fill:#fff;}
.swiper-button-prev svg:hover{fill:#fff;}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
	height:2px !important;
	width:60% !important;
	left:20% !Important;
	top:inherit;
	bottom:10px !important;
	}
	
	

:root {
    --swiper-theme-color: #000000 !Important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{bottom: 0px;
top: inherit;
right: 40px !Important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{bottom: 0px;
top: inherit;
left: 40px !Important;}


.tc{text-align:center;}
.homeNext{position: fixed;
bottom: 10%;
right: 50%;
z-index: 3;
margin: 0px -125px 0px 0px !important;
width: 230px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
height: auto;
padding: 10px 0px 6px 10px;}
.homeNext span{line-height:27px; float:left;}
.homePrev{position: fixed;
top: 50%;
left: 0px;
z-index: 3;
margin: -25px 0px 0px !important;}

.txtNav{padding:20px 0px;}
.txtNav a{color:#000; font-size:15px; text-transform:uppercase; margin:0px 10px; cursor:pointer; }
.txtNav a:hover{color:#0085ac;}
.txtNav a.active{color:#0085ac;}

.introTxt{width:40%; float:left; text-align:left;}

.introBg{width:100%; float:left;background:url('../images/range-desktop-new.jpg') no-repeat; background-size:cover; background-position:center center; }
.introBgMob{width:100%; float:left;background:url('../images/range-mobile-new.jpg') no-repeat; background-size:cover; background-position:center center; }
.hatchBg{width:60%; float:left;background:url('../images/introBanner.jpg') no-repeat; background-size:contain; background-position:center;}
.safetyBg{width:50%; margin:0px 5%; float:left;background:url('../images/safety.png') no-repeat; background-size:cover; background-position:center center;}

.in_Tit_m{margin: 25% 0px 10px 0px;
text-align: left;
font-size: 32px;
color: #000;
padding: 0px 0px;}
.in_des_m{margin: 30px 0px 30px 0px;
padding: 0px 0px;
text-align: left;
font-size: 20px;}
.introTxt ul{margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 5%;
float: left;}
.introTxt ul li{padding:4px 0px 0px; margin:0px;}

/*PERFORMENCE*/
.per_im{width:45%; text-align:center; float:left; margin-left:10%;}
.per_im img{width:100%;}
.per_txt{width:40%; text-align:left; padding:0px 0px 0px 5%; float:left;}
.per_txt span{font-size:22px; padding:20px 0px 0px; width:100%; float:left; font-family: 'Conv_MINI Serif-Bold'; text-transform:uppercase;}
.per_txt p{font-size:16px; padding:0px 0px 10px; max-width:100%;width:100%; float:left; line-height:22px; margin:0px;}
.per_txt ul{margin:10px 0px 0px; padding:0px;width:100%; float:left;}
.per_txt ul li{list-style: none;
margin: 5px 1%;
font-size: 15px;
float: left;
width: 43%;
background: #f3f3f3;
border: 1px solid #ddd;
padding: 5px 2%;
text-align: left;
min-height: 58px;}

.sub_container{width:70%; margin:0px 15%; float:left;}
.line{margin:10px 85% 0px 0px; background:#fff;width:15%; height:2px;box-sizing:border-box; float:left;}


.checkBoxArea{margin:10px 0px;}
.checkBoxArea div{float:left; margin:0px 10px;}
.checkBoxArea div input{float:left; margin-right:10px;}
.checkBoxArea div span{font-size:15px; float:left;}



/* The container */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border:1px solid #333;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
 
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 5px;
  top: 3px;
  width: 3px;
  height: 6px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*WHEELS*/
.wheelsTxtArea{width:40%; float:left;}
.wheelsSlider{width:40%; float:left; padding:0px 10%;}
.wheelTxt{width:100%; float:left; padding:10px 0px; color:#000; font-size:15px; text-align:center;}
.wheelsTxtArea h2{font-size:22px;}
.wheelsTxtArea p{font-size:16px; line-height:22px; margin:10px 0px;} 
.wheelImg{width:100%; float:left; margin:0px;}
.wheelImg img{width:100%;}

.pos_rel{position:relative;}
/*AFTERSALES*/
.afterTxt{height:400px; overflow:auto;}

/*COLOR*/
.miniColorArea{width:25%; float:left;}
.miniColorArea a{ padding:10px; margin:5px; float:left;width:80px; height:50px;cursor:pointer;}
.miniColorArea a img{width:100%;}
.whiteTxt{color:#fff;}
.blackTxt{color:#000;}
/*
#rooftp_grey{background:#7d7d7d;}
#midnight_black{background:#080806;}
#island_blue{background:#043e5c;}
#moonwalk_grey{background:#767770;}
#british_green{background:#0b3b19;}
#pepper_white{background:#e9e5c7;}
#chilli_red{background:#ab1521;}
#white_silver{background:#d0d2c6;}
#enigmatic_black{background:#0d192c;}
*/
.colorCarContainer{width:70%; float:left; margin-left:5%;  }
.colorCarContainer .inImg{width:680px; height:400px;background:url("../images/color/carSprite.png") no-repeat; transition:2fvs ease-in;  backgrond-position:0px 0px;}

/*PIANO BLACK*/
.piano_black_sm_grp{width:61%; float:left;}
.piano_black_sm{width:25%; float:left;}
.piano_black_sm span{position: absolute;bottom: 0px;background: rgba(0,0,0,.5);color: #fff;width: 94%;left: 0px;padding: 5px 0px 0px 4%;font-size: 13px;z-index: 1;bottom: 3%;left: 1%;
text-align: left;}
.piano_black_sm img{width:98%; margin:0px 1%;}
.piano_black_large{width:39%; float:left;}
.piano_black_large span{position: absolute;bottom: 0px;background: rgba(0,0,0,.5);color: #fff;width: 94%;left: 0px;padding: 5px 0px 0px 4%;font-size: 13px;z-index: 1;bottom: 3%;left: 1%;
text-align: left;}
.piano_black_large img{width:98%; margin:0px 1%;}

.deactiveBtn{opacity:.9; cursor:default; text-transform:uppercase;}
.deactiveBtn:hover{border:1px solid ##000 !Important;}
.seatArea .swiper-slide span{width:100%; color:#000; font-size:16px; padding:12px 0px; text-align:center; float:left;}
.im20{width:20%;}
.im30{width:30%;}

.footer-logo img{height:33px;}

.desktop{display:block;}
	.mobile{display:none;}
	
.lb-nav a.lb-prev,.lb-nav a.lb-next{opacity:1 !important;}		

.contentBox table {border:0px !important;  border-collapse: collapse;
  border-spacing: 0;}

.contentBox table tr th{text-transform:uppercase; font-size:13px; padding:7px 10px; text-align:left;}
.contentBox table tr td{ padding:7px 10px;  font-size:13px;}
tr:nth-child(even){background-color: #f2f2f2}

/*ACCORDIAN*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px 8px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  transition: 0.4s;
  margin: 5px 5%;
border: 1px solid #dfdfdf;
font-family: 'Conv_MINI Serif-Regular';
}

.accordion .active, .accordion:hover {
  background-color: #ccc; 
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.contentBox .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.m10{margin:10px 0px;}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.panel table img{height:17px;}


@media (min-width: 900px) {
	
	.introMobIm {width:50%; float:left;margin-right:10%;}
	
	 .tabslide .swiper-slide:nth-child(1n) {
        width:25%;
      }

 .tabslide .swiper-slide:nth-child(2n) {
        width: 25%;
      }

.tabslide .swiper-slide:nth-child(3n) {
        width: 25%;
}
.tabslide .swiper-slide:nth-child(4n) {
        width: 25%;
}
.tabslide .swiper-slide:nth-child(5n) {
        width:25%;
}

 .Intabslide .swiper-slide:nth-child(1n) {
         width: 20%;
      }

 .Intabslide .swiper-slide:nth-child(2n) {
        width: 20%;
      }

.Intabslide .swiper-slide:nth-child(3n) {
        width:20%;
}
.Intabslide .swiper-slide:nth-child(4n) {
        width: 20%;
}
.Intabslide .swiper-slide:nth-child(5n) {
        width: 20%;
}

	.mainNavArea .swiper-wrapper{width:600px; margin:auto;}
	.mainNav .mainNav_icon{width:40px; height:40px;}
	.mainNav .mainNav_icon img{width:35px; height:35px;}
	.mainNav span{font-size:16px;}
	.mini-db-carImg img{width:60%;}
	.miniLogo{float: left;margin-left: 0px;position: fixed;top:20px;left: 5%;}
	.mini-db-carCont{margin-top:0px;}
	.mini-db-carBox{background:#fff;}
	.mainTitle{font-size:27px;}
	.projectObj{width: 48%;float: left;background: #fff;margin: 0px 2% 20px 0px;}
	.mini-container,.sub_container{width:90%; margin:50px 5% 0px 5%;}
	.contentBox{width: 48%;margin: 1%;float:left;background: #fff;padding: 0px;}
	.bottomTabArea {top: -70px;
	background: none;
	width:auto;
	box-shadow: none;
	height: auto;
	position: absolute;
	right:5%;
	bottom:inherit;
	left:unset !important;
	float:right;
}
.accordion{font-size:17px;margin:5px 0px;width:100%;}
.panel{padding:0px;}
.per_im{width:100%;margin:0px;}
.per_txt{width:90%;}
.per_txt p{font-size:20px; line-height:25px;max-width:100%;}
.per_txt span{font-size:22px;}
.in_Tit_m{margin-top:10%;}
.contentBoxCenter{width:70% !important; margin:1% 12% !important; padding:2% 3% !important;}

	.bottomTabArea a span{width: auto;float: left;text-align: center;margin: 0px 5px;line-height:20px;}
	.miniColorArea a img{max-width:44px;}
	.miniColorArea a{padding:0px; width:50px;}
	.bottomTabArea a.bookTdrive,.bottomTabArea a.bckBtn,.bottomTabArea a.homeBtn,.bottomTabArea a.financeBtn{position: relative;
left: inherit;
bottom: inherit;
margin-left: 0px;
border: 1px solid #000;
padding: 5px 5px 0px 5px;
float: left;
margin-right: 15px;
font-size: 14px;
right: inherit;}
	
	.bottomTabArea a.bookTdrive svg{fill:#fff;}
	.colorCarContainer{width:45%;margin-left:15%;}
	.contentBox table tr td{font-size:15px;}
	.contentBox table tr th{font-size:17px;}
}


@media (min-width: 801px) and (max-width: 1200px) {
	.miniColorArea a{width:50px; height:40px;font-size:12px;}
	.carFea a{font-size:12px;padding:10px 5px;}
}
	
	
@media (max-width: 1200px) {
	.mini-container,.sub_container{width:90%; margin:0px 5%;}
}
	
@media (max-width: 800px) {
  .electricImg{width: 90% !important;}
	.minheight{min-height:500px;padding-bottom:80px;}
	header a{float:none;}
	.miniLogo{width:100%; text-align:center;}
	.desktop{display:none;}
	.mobile{display:block;}
	header{padding-bottom:10px;}
	footer{position:relative;margin-bottom:0px; padding:20px 0px; bottom:inherit; left:inherit;}
	.footer-logo img{height:33px;}
	.mini-container{width:90%; margin:0px 5%;}
	
	.per_txt span{padding:10px 0px 0px; text-align:left;}
	.introTxt{width:100%; margin:0px 0%;}
	
	.doorHatch h1{padding-left:10px;}
	
	.introMobIm{width: 100%;
float: left;}
	
	.in_des_m{font-size:14px; text-align:left;margin: 20px 0px; line-height:22px;
padding: 0px;}
	.in_Tit_m{font-size:24px;margin: 20px 0px 0px;
padding: 0px;}
	
	.mainTitle{font-size:23px;padding: 0px 5%;width: 90%; line-height:25px;}
	
	.carTxt{width:100%;}
	
	
	.per_im{width: 90%;
margin: 0px 5%;}
	.per_txt{width: 90%;
padding: 0px 5%;text-align:justify;}
	.per_txt span{font-size:18px;}
	.per_txt p{font-size:15px;text-align:left;max-width: 100%; padding:0px;}
	
	.carFea a{padding:9px 10px; display:inline-block;}
	.sidearrow{bottom: 0px;top: inherit;width: 40%;padding: 20px 5%; z-index:3;}
	
	.im20{width:40%;}
	
	.wheelsTxtArea{width:100%; text-align:center;}
	.wheelsSlider{width:90%; padding:0px 5%;}
	
	.nextAr{background: #0085ac;}
	.piano_black_large{width:100%;}
	.piano_black_sm_grp{width:100%;}
	.piano_black_sm{width:50%;}
	
	.sub_container{width: 90%;margin: 0px 5% 30px;float: left;}
	
	.carFea a{margin-right:5px;}
	
	.miniColorArea{width:100%; margin:0px;}
	.colorCarContainer{width:100%; margin:0px;}
	.colorCarContainer .inImg{width:340px;height:200px;background: url("../images/color/carSpriteMob.png") no-repeat;transition: 1s ease-in;}
	.miniColorArea a {padding: 0px;margin: 5px;float: left;width: 44px;height: 44px;cursor: pointer;font-size: 12px;line-height: 13px;}
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{width: 25px !important;height: 25px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-next{width: 25px !important;height: 25px !important;}

    .prevBtn, .nextBtn{width: 24px;height:24px;margin:0px 10px -6px 0px;padding:0px 0px 0px;}
.nextBtn{margin-left:10px;}

.mini-db-carBox{background:#fff; margin-bottom:15px;}
.mini-db-carCont{margin:0px 5%;}
.im30{width:70%;}
.introTxt ul{margin-bottom:20px;}

.wheelsTxtArea p{text-align:justify;}
.wheelsTxtArea {
    width: 90%;
    text-align: center;
    margin: 0px 5%;
}

.miniLogo{margin-left:0px;}


.mini-db-cartitle h1{font-size:16px;}
}