/* car name */
.car-name { display: block; text-align: center; padding: 22px 0; font-weight: 900; font-size: 28px; }
.car-name span { display: inline-block; margin: 0 8px; }
.car-name small { display: inline-block; margin: 0 8px; font-size: 16px; }

/* slide */
.slide { display: flex; flex-wrap: wrap; }
.slide .full-slide { display: block; width: 35%; }
.slide .nav-item-slide { display: flex; flex-wrap: wrap; width: 65%; padding-left:5%;  }

.full-slide .slider-for { background: #fff; padding: 4px; border: 3px solid #000; box-shadow: 6px 6px 0 #97dae6; }
.nav-item-slide .slick-list .slick-track { transform: translate3d(0, 0, 0)!important; width: 100% !important; } 
.nav-item-slide .slick-slide { width: 31.33% !important; margin: 0 1% 8px; line-height: 0; background: #fff; padding: 3px; transition: all 0.3s; cursor: pointer; }
.nav-item-slide .slick-slide.slick-current.slick-active,
.nav-item-slide .slick-slide.slick-current { background: #62d9f7; }
.nav-item-slide .item-img img { width: 100%; }
.nav-item-slide .item-img:focus { outline: none; }
.nav-item-slide .slider-nav { padding: 12px; width: 65%; }
/*  text result */
.result { display: block; float: left; font-size: 13px; }
.result strong { color: #ff61a4; font-weight: 900; margin-right: 8px; margin-right: 5px; font-size: 19px;}


/* data slide car detail */
.box-border-blue { display: block; width: 100%; border-top: 4px solid #3ebfe2; background: #fff; }
.box-border-blue .body-price { background: #f1f1f1; padding: 2px; text-align: center; }
.box-border-blue .price { font-size: 30px; color: #ff0024; font-weight: 900; padding: 4px; text-align: center; }
.box-border-blue .price span{ font-size: 20px;}
.datacar { padding: 12px; width: 35%; }
.datacar span { display: block; padding: 4px 12px 0 0; font-size: 14px; font-weight: 400; }

/* table newcar list */
.newcar-list { background: #85e3c7; padding: 8px; margin-bottom: 80px; width: 100%; }
.newcar-list ul { display: table; width: 100%; background: #fff; }
.newcar-list ul li { display: table-row; }
.newcar-list ul li .data { display: table-cell; padding: 12px 8px; font-size: 15px; font-weight: 300; text-align: center; vertical-align: middle; transition: all 0.3s; }
.newcar-list td {padding: 5px 5px;font-size: 15px;font-weight: 300;text-align: center;vertical-align: middle;transition: all 0.3s;}
.newcar-list td.small {font-size: 13px;}
.newcar-list ul li.title-table .data,.newcar-list th{ background: #dcf7e6 !important; text-align: center; font-weight: 500; border-right: 2px solid #fff; }
.newcar-list ul li.title-table .data:last-child { border-right: 0; }
.newcar-list ul li:nth-child(odd) .data,.newcar-list tbody:nth-child(odd) { background: #fff; }
.newcar-list ul li:nth-child(even) .data,.newcar-list tbody:nth-child(even) { background: #f5f5f5;}
.newcar-list ul li:hover .data,.newcar-list table tbody:hover { background: #fffee0; }
.newcar-list .data a { text-decoration: underline; display: block; text-align: left; }
.newcar-list .data a:hover { color: #0ba348; }
.newcar-list .data.price-car ,.newcar-list td .price-car{ text-align: right; font-size: 20px; font-weight: 900; color: #ff0024; }
.newcar-list .data.price-car .price_y{font-size:12px; font-weight:normal; background-color:#ffe802; border-radius:3px; display:inline-block; padding:2px 5px; 
color:#000;}
.newcar-list a.sortby { border: 0; background: none; display: inline-block; text-decoration: underline; }
.newcar-list a.sortby:hover,
.newcar-list a.sortby.active { color: #0ba348; }

@media(max-width:991px) {
    .slide .full-slide { width: 100%; padding:0; }
    .slide .nav-item-slide { display: flex; flex-wrap: wrap-reverse; width: 100%; padding: 12px 0; }
    .datacar { padding: 12px 0; }

    .datacar span { display: inline-block; }
    .nav-item-slide .slick-slide { width: 31.33% !important; }
}

@media(max-width:580px) {
    .newcar-list .table-scroll { overflow-y: auto; }
    .newcar-list ul { width: 700px; }
    .newcar-list {
        padding: 3px;
    }

}

@media(max-width:520px) {
    .car-name { font-size: 22px; }
    .box-border-blue .price { font-size: 26px; }

}

@media(max-width:520px) {
    .box-border-blue .price { font-size: 22px; }
    .box-border-blue .price span{ font-size: 16px;}

    .nav-item-slide .slider-nav { width: 100%; padding: 0; }
    

    .datacar { width: 100%; }

}