/*---------------Header---------------*/
.title-header{background: url(../images/bg-newcar.jpg) center no-repeat;}

.title-sub { display: block; padding: 4px 0; }
.title-sub h2 { font-weight: bold; font-size: 20px; position: relative; }
.title-sub h3 { font-weight: bold; font-size: 20px; position: relative; }
.title-sub .line { display: block; width: 100%; height: 1px; margin: 12px 0; background: #000; }


.newcar { display: block; margin: 30px auto; }

.item { width: 100%; }
.item ul{ display: flex; flex-wrap: wrap; }
.item ul li{ width: 20%; display: block; padding: 12px; margin: 12px 0; }
.item ul li a{ display: block; width: 100%; border: 2px solid #fff;  border-bottom: 2px solid #ccc; text-align: center; transition: all 0.3s; }
.item ul li a img{ max-width:100%;}
.item ul li a:hover { border: 2px solid #000; }

.type-car .item ul li{ width: 25%; display: block; padding: 12px; margin: 12px 0; }

.price .textprice { display: block; width: 100%; background: #fff; padding: 4px;  }
.price .textprice strong { font-size: 22px; font-weight: 400; }

.fuel .textprice { display: block; width: 100%; background: #fff; padding: 4px;  }
.fuel .textprice strong { font-size: 22px; font-weight: 400; }



@media(max-width:890px) {
    .price .textprice strong { font-size: 16px; }
}

@media(max-width:768px) {
    .item ul li { width: 25%; }
    .type-car .item ul li { width: 33.33%; }
    .fuel .textprice strong { font-size: 16px; }

}

@media(max-width:595px) {
    .price .item ul li { width: 33.33%; }
}

@media(max-width:520px) {
    .item ul li { width: 33.33%; }
    .type-car .item ul li { width: 50%; }
}

@media(max-width:480px) {
    .type-car .item ul li { width: 50%; }
}

@media(max-width:460px) {
    .item ul li { width: 50%; }
    .price .item ul li { width: 50%; }
}