.news-detail{ margin: 18px auto;}
.news-detail .title{ color: #343896; font-weight: bold; font-size: 22px;}
.news-detail .img-detail{ background: url(../images/bg-img-news.jpg); width: 100%; padding: 15px; height: 350px; text-align: center;}
.news-detail .img-detail img{ max-height: 320px; margin: auto;}
.news-detail .content-news{ border-bottom: 1px dotted #666; border-top: 1px dotted #666; padding: 18px 8px; margin: 18px auto;}

.text-car-result{ color: #000; font-size: 16px; font-weight: bold; padding: 6px 0;}
.text-car-result i{ color: #343998; }
.bg-slide{width: 100%; display: table; border-radius: 12px; margin: 12px auto; overflow: hidden; background: #e4f4fe; position: relative;}
.bg-slide .slide, .bg-slide .content-slide{ width: 50%; display: table-cell; vertical-align: top;}
.bg-slide .slide{ padding: 12px; }
.bg-slide .slide .flexslider.thumbnail { width: 44%; margin: 8px auto auto; position: absolute; right: 30px; bottom: 12px; }
    /*width: 90%; margin: 8px auto auto;*/
.bg-slide .content-slide{ padding: 12px; }
.bg-slide .content-slide p{ color: #000;  font-size: 16px; font-weight: bold;}
.bg-slide .content-slide .box-price{ background: #fff; border-radius: 12px; margin: 12px; overflow: hidden;}
.bg-slide .content-slide .box-price div{ padding: 12px; text-align: center;}
.bg-slide .content-slide .box-price div.title-price{ background: #5ebafd; color: #fff; font-size: 16px;}
.bg-slide .content-slide .box-price div.price{ font-size: 24px; font-weight: bold; color: #000; padding: 25px 0;}
.bg-slide .content-slide .box-price div.price span{ color: #e60012;}
.bg-slide .content-slide .box-price div.price small{ font-size: 14px;}

.bg-slide .content-slide .content-car div{ width: 100%; display: table; color: #000;}
.bg-slide .content-slide .content-car div span{ border-bottom: 1px dotted #333; padding: 12px; display: table-cell;}
.bg-slide .content-slide .content-car div span:first-child{ width: 150px; text-align: right; font-weight: bold;}
.bg-slide .content-slide .content-car div span:first-child::after{ content: ':'; margin: auto 8px;}

.text-result{ font-weight: bold; font-size: 16px;}
.text-result span{ font-size: 28px; color: #313799;}

.pagination{ width: 100%; text-align: right;}
.page-number { display: inline-block; }
.page-number a { color: black; float: left; padding: 2px 6px; text-decoration: none; }
.page-number a.active { color: #000; border-radius: 12px; background: #aadffe; width: 20px; height: 20px;}
.page-number a:hover:not(.active) { background-color: #ddd; border-radius: 12px; }
.page-number a.icon{ color: #aadffe;}
.page-number a.text{ font-weight: bold;}

.detail-car{ display: table; width: 100%; margin: auto auto 8px;}
.detail-car li{ display: table-row;}
.detail-car li div{ display: table-cell; padding: 12px 2px; color: #000; text-align: center; vertical-align: middle; border-right: 1px dotted #999;}
.detail-car li div:first-child, .detail-car li div:last-child{ border-right: none;}
.detail-car li.title div{ text-align: center !important; color: #fff !important; background: #5ebafd; font-size: 12px !important;}
.detail-car li.title div a{ display: inline-block !important; background: #aadffe; padding: 2px; color: #000; border-radius: 8px; width: 40px; text-align: center; font-weight: normal;}
.detail-car li:nth-child(odd){ background: #eeeeee;}
.detail-car li:nth-child(even){ background: #ffffff;}
.detail-car li div:nth-child(2){ text-align: left; font-weight: bold;}
.detail-car li div:nth-child(2) a{ display: block;}
.detail-car li div:nth-child(2) a:hover{ text-decoration: underline;}
.detail-car li div:nth-child(3){ font-size: 18px; font-weight: bold; color: #e80900;}

ul.slides.thumbslide li{ margin: 1% !important; width: 14% !important;}
ul.slides.thumbslide li img{ width: 100% !important;}


@media( max-width:960px){
  .bg-slide .slide .flexslider.thumbnail{ width: 90%; margin: 8px auto auto; position: relative; left: 0; bottom: 0;}
  .bg-slide .content-slide{ vertical-align: middle;}
}

@media( max-width:768px){
  .bg-slide .slide, .bg-slide .content-slide{ display: block; width: 100%;}

  .bg-slide .content-slide .box-price div.price{ line-height: 1.8; padding: 24px 0;}
  .bg-slide .content-slide .box-price div.price small{ display: block;}

  .detail-car li div:nth-child(2){ font-size: 12px;}

}

@media( max-width:480px)
{
  .detail-car li.title div{ vertical-align: bottom;}
  .detail-car li.title div:nth-child(2){ width: 134px;}
  .detail-car li.title div:nth-child(3){ width: 100px;}
  .detail-car li div:nth-child(3){ font-size: 12px;}
}