/* carousel */
.carousel-images{ 
  display: flex; 
  flex-wrap: wrap; 
  align-items: center;
}
.carousel-images .full-images{ 
  width: 30%;
}
.carousel-images .thumbnail-images{
  width: 77%;
  padding: 0 0 0 15px;
  background: #000;
  padding: 15px 15px 15px 100px;
  margin: 52px 0 0 -84px;
  color: #FFF;
}
.list-car-in{
  display: flex; flex-wrap: wrap;
}
.carousel-images .thumbnail-images .list-car .name{ 
  font-size: 18px;  
  line-height: 1.5;
}
.carousel-images .thumbnail-images .list-car .price{
  text-align: right;
  /* background-color: #FFF; */
  display: inline-block;
  padding: 10px;
  color: #e42422;
  font-weight: bold;
  width: 370px;
}
.carousel-images .thumbnail-images .list-car .price strong{ 
  font-size: 26px;
}
.carousel-images .thumbnail-images .detail-car{ 
  display: inline-block;
}
.carousel-images .thumbnail-images .detail-car div{
  padding: 0 3px;
  text-align: left;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
  margin: 0 3px;
}
.carousel-images .thumbnail-images .detail-car div span{
  /* background: #FFF; */
  display: inline-block;
  padding: 4px;
  border-radius: 4px;
  text-align:center;
  /* width: 100px; */
}
.box-slider {
  /* background: #d4d4d4; */
  /* padding: 15px; */
}

.box-slider #sync1 .item{
    background: #FFF;
    border: 1px solid #000;
}
.box-slider #sync1 .item img{ 
  width: 100%;
}
.box-slider #sync2 .item{
    background: #fff;
    margin: 10px 2px 0 0;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}
.box-slider #sync2 .item img{ 
  width: 100%;
}
.box-slider #sync2 .synced .item{
  border: 2px solid #fdf013;
}
.box-slider #sync1{
  width:100%;
  float:left;
}
.box-slider #sync2{
  width:100%;float:left;
}
.box-slider #sync2 .owl-item{
  width:33.33%!important;
}
.box-slider #sync2 .owl-wrapper{
  width: 100%!important; 
  display: flex !important;
}

.warpper-table{ position: relative;}
.warpper-table .line-top {
    background: url(../images/curve-top.png);
    height: 12px;
    width: 100%;
    position: absolute;
    top: -12px;
}

.warpper-table .content-detail-car{ 
  padding: 22px 0;
}
/* pagination */
.pagination{ 
  width: 100%; 
  text-align: right;
}
.page{
  /* float: right; */
  padding: 5px 20px;
  /* background:  #f1f1f1; */
  border-radius: 7px;
}
.page a{
  /* border-bottom:3px solid #FFF; */
  padding: 11px;
  display: inline-block;
  font-size: 14px;
  /* font-weight: bold; */
  border-left:  1px solid #9e9e9e;
  line-height: 14px;
}
.page a:last-child {
    border-right: 1px solid #9e9e9e;
}
.page a.active {
    font-weight:  bold;
    color:  #fa2020;
}
.page a:hover{ 
  color: #000;
}
.page-active{
  font-weight:  bold;
  color:  #fff;
}

.page-active:hover{
  color:#fff!important;
}

/* car detail list */
.list-detail-car ul{ 
  display: table; 
  width: 100%; 
  border-spacing: 0px; 
  margin: 20px 0;
}
.list-detail-car ul li{ 
  display: table-row;
  border-left: 1px solid #e2e2e2;
}
.list-detail-car ul li:hover{ 
  background:#fdffd2; 
  cursor: pointer;
}
.list-detail-car ul li.head:hover{ 
  background:#FFF !important; 
  cursor:auto;
}
.list-detail-car ul li div{ 
  display: table-cell; 
  padding: 8px; 
  text-align: center; 
  border-top: 1px solid #e2e2e2; 
  border-right: 1px solid #e2e2e2;
}
.list-detail-car ul li:last-child div{
  border-bottom: 1px solid #e2e2e2;
}
.list-detail-car ul li:first-child div{
  border: none;
}
.list-detail-car ul li div:first-child{
  border-left: 1px solid #e2e2e2;
}
.list-detail-car ul li:hover div{}


.list-detail-car ul li.head div{ 
  text-align: center; 
  color: #353535;border-top: 0; 
  border-bottom: 0;
}
/* .list-detail-car ul li.head div:first-child{border-left: 0;}
.list-detail-car ul li.head div:last-child{border-right: 0;} */
.list-detail-car ul li.head div a:hover, .list-detail-car ul li.head div a.active{ 
  color: #000 !important; 
  font-weight: bold;  
  text-decoration: underline; 
}
.list-detail-car ul li div.price{ 
  text-align: right; 
  font-weight: bold; 
  font-size: 18px; 
  color: #e42422; 
  padding-right: 12px; 
  vertical-align:middle;
}
.list-detail-car ul li div.name{ 
  text-align: left; 
}
.list-detail-car ul li div a{
  color: #363535;
}
.list-detail-car ul li div a:hover{ 
  text-decoration: underline; 
  color: #1281ff;
}

.box-contact{ 
  display:table; 
  width: 100%; 
  text-align: center;
}
.box-contact a{ 
  color: #fff;
}
.box-contact .tel{ 
  background: url(../images/pattern-tile-darkblue.png); 
  width: 50%; 
  display: table-cell; 
  padding: 15px;
}
.box-contact .tel span{ 
  display: inline-block; 
  width: 200px; 
  vertical-align: middle; 
  font-size: 24px; 
  font-weight: bold;
}
.box-contact .tel small{ 
  display: block; 
  font-size: 12px; 
  font-weight: normal;
}
.box-contact .mail{ 
  background: url(../images/pattern-tile-blue.png); 
  width: 50%; 
  display: table-cell; 
  padding: 15px;
}
.box-contact .mail span{ 
  display: inline-block; 
  width: 60%; 
  vertical-align: middle; 
  font-size: 22px; 
  font-weight: bold;
}
.contact-top{ 
  display: none;
}


@media(max-width:1273px){
}

@media(max-width:840px){
  .carousel-images .full-images{ 
    width: 100%; 
    margin: auto; 
    display: block;
  }
  .carousel-images .thumbnail-images{ 
    width: 100%;     
    padding: 15px 15px 15px 10px;
    margin: 52px 0 0 0px;
    display: block;
  }
}
	@media(max-width:768px){
    .box-contact .mail span{ 
      font-size: 18px;  
      width: 80% !important;
    }
	}
@media(max-width:580px){
  .bg-white{ 
    padding: 0;
  }
  .carousel-images .thumbnail-images .detail-car{ 
    display: block; 
    width: 100%; 
    margin: 8px auto;
  }
  .carousel-images .thumbnail-images .detail-car div{ 
    display: block; 
    width: 100%;
  }
  .box-slider #sync2 .owl-wrapper{ 
    flex-wrap: wrap;
  }
  .box-slider #sync2.owl-carousel .owl-wrapper-outer .owl-wrapper{
    transform: translate3d(0px, 0px, 0px)!important;
  }
  .carousel-images .thumbnail-images .price small{ 
    display: block; 
    width: 100%; 
    text-align: left;
  }
  .list-detail-car{ 
    width: 100%; 
    overflow-x: auto;
  }
  .list-detail-car ul{ 
    width: 600px;
  }

  .box-contact{ 
    display: block;
  }
  .box-contact .tel, .box-contact .mail{ 
    display: none; 
    width: 100%;
  }
}

@media(max-width:480px){
  .carousel-images .thumbnail-images .price strong{ 
    font-size: 17px !important; 
    margin: 8px 4px 0 0; 
    display: inline-block;
  }
  .page a{
    padding: 7px;
  }

  .box-slider {
      background: #d4d4d4;
      padding: 5px;
  }

}