
.title-header{background: url(../images/bg-newcar.jpg) center no-repeat;}

.select-model{text-align: left;margin-bottom: 18px;/* background-image: url(/newcar/images/model_bck.gif); */background-repeat: repeat;padding: 20px;background: #e3e3e3;}
.select-model p{ font-weight: bold; color: #333333; margin:4px auto 10px; font-size: 14px; text-align: center;}
.select-model ul{ text-align: center; display: flex;  flex-wrap: nowrap;}
.select-model ul li{margin: 3px 3px;background: #FFF;padding: 4px;border: 2px solid #FFF;box-shadow: 0 2px 0 #ccc;  width: 33%;}
.select-model ul li a{ color: #000; display: block; width: 100%; font-weight: bold; text-align: center;}
.select-model ul li:hover, .select-model ul li:active{border: 2px solid #000;box-shadow:none;}

.main-search { width: 100%; padding: 8px 0;margin: 0 0 50px;}
.main-search ul{ font-size: 0; padding: 0 1%; display: flex; flex-wrap: wrap;  }
.main-search ul li{width: 19.5%;display: inline-block;margin: 2px 0.5% 20px 0;font-size: 12px;background: #FFF;/* border-bottom: 1px solid #d9dcdd; *//* border-right: 1px solid #d9dcdd; *//* border-top: 1px solid #FFF; *//* border-left:  1px solid #FFF; */border: 1px solid #000;}
.main-search ul li a{ display: block; width: 100%; padding: 5px 8px 16px; text-align: center; font-weight: bold; color: #000;}
.main-search ul li a img{ max-width:100%;}
.main-search ul li:hover{ border: 1px solid #000;}


@media(max-width:768px){
  .main-search ul li{ width:23%;}
  .select-model ul li{ width: 22%;}
  
}

@media(max-width:580px){
  .main-search ul li{ width:31%;}
  .select-model ul{  flex-wrap: wrap;}

}

@media(max-width:420px){
  .main-search ul li{ width:48%;}
  .select-model{ text-align: center;}
}
