body{background-color: white;font-family: 'Oswald', sans-serif;}
  hr {border: none;height: 2px;color: #6d6d6d;background-color:#6d6d6d;}
  
  .hr_color {border: none;height: 1px;color: #afafaf;background-color:#afafaf;}
  .site-header{padding: 30px;}
  .card_color_custom{width: 8rem;}
  .img_wh img{width: 20px;height: 20px;}
  .img2{width: 300px;height: 250px; margin-left: -200px;margin-top: 50px;opacity: 0.4;filter: alpha(opacity=40);}
  .img3{width: 300px;height: 250px; margin-left: -300px;margin-top: 150px;opacity: 0.4;filter: alpha(opacity=40);}
  .img4{width: 300px;height: 250px; margin-left: -300px;margin-top: 150px;opacity: 0.4;filter: alpha(opacity=40);}
  .header{color:#0d3b4a;margin-top: -100px;}
  .header1 img{width: 200px;margin-top: -60px;margin-left: 110px;}
  .header2 img{width: 200px;margin-top: -60px;margin-left: 90px;}
  .header3 img{width: 200px;margin-top: -60px;margin-left: 120px;}
  .header4 img{width: 200px;margin-top: -60px;margin-left: 100px;}
  .header5 img{width: 200px;margin-top: -60px;margin-left: 40px;}
  .branner a img{width: 50px;}
.card-text3{background-color:#027bff; color: white;padding: 7px; font-size: 16px;}
  .branner_color a img{width: 100%;height: 50px;}
  .box_color{float: left;margin:5px;}
  .img_car img{width: 400px;margin-top: -80px;}
  .img_car{float: right;}
  .color_blue{color:#2fb3e7;}
  .branding{margin-top: -50px;}
  .card-text{font-size: 13px;margin-top: 5px;}
  .card-text2{font-size: 15px;opacity: 0.7;filter: alpha(opacity=40);}
  .branner_detail{margin-top: 40px;}
  .bg-primary tr th{
    color: white;
  }
  .net_total{font-size:20px;}
/*   .table_custom td, .table_custom th, .table_custom table {
  border: 1px solid #eee;
}
*/
.table_custom td, .table_custom th{
  padding: 5px;
}
.btn2{text-decoration: none;font-size: 18px;}
.btn-default-cuttom{padding-right: 20px;padding-left: 20px;}
.table_custom th{
  padding-left: 35px;padding-right: 35px;width: 5px;
}

.hideme
{
  opacity:0;
}
#site-model{
  height: 100%;
}
#site-color{
  height: 100%;
}

.car_era{width: 120px;}
.car_era_h3{margin-top: -35px}
.clicked {background-color: #0fb4e9;color: white;}
.clicked_color{background-color: #0fb4e9;color: red;}
.btn2 button:hover{background-color: #878787;color:white;}
.branner_model{margin-top: -200px;}
.branner_color{margin-top: -300px;} 
.font-weight-bold{margin-top: 100px;}
@media(max-width: 768px){
  .table_custom{width: 300px;}
  .car_era_h3{margin-top: -10px}
  .table_custom th h3{
    font-size: 11px;
  }
  .ui-state-active{background-color: #cdcdcd;padding: 9px;}
  .card_color_custom{width: 8rem;}
  .card_color_custom h5{font-size: 10px;}

  .qty{width: 50px;}
  .net_total{font-size:9px;}
  #img_th img{width: 30px;height: 30px;}
  .table-responsive-md th,.table-responsive-md td{font-size: 8px;}
  .btn-default{background-color: #ffffff;}
  .btn2{text-decoration: none;font-size: 10px;}
  .btn-default-cuttom{padding-right: 1px;padding-left: 1px;font-size: 11px;}
  .car_era{width: 40px;}
  .table_custom td, .table_custom th{padding: 1px;border-bottom: 1px solid #eee;}
  #site-model{height: 100%;}
  #site-color{height: 100%;}
  #site-summary{margin-top: 100%;}
  .branner_model{margin-top: 20px;}
  .branner_color{margin-top: 20px;}
  .img2{display: none;}.img3{display: none;}.img4{display: none;}
  .site-header{padding: 10px;}
  .header1 img{width: 50px;margin-top: -30px;margin-left: 80px;}
  .header2 img{width: 50px;margin-top: -30px;margin-left: 70px;}
  .header3 img{width: 50px;margin-top: -30px;margin-left: 80px;}
  .header4 img{width: 50px;margin-top: -30px;margin-left: 75px;}
  .header5 img{width: 50px;margin-top: -30px;margin-left: 50px;}
  .branner a img{width: 50px;padding: 8px;}.img_car{display: none;}
  .branding{margin-top: -110px; }.display-1{font-size: 20px;}
  .font-weight-bold{font-size: 20px;}
  .ui{margin-top: -80px;}
  .btn-outline-primary{margin: 3px;}}
  @media (max-width: 1399px) and (min-width: 800px) {
    .car_era{width: 50px;}
    .car_era_h3{font-size: 15px;margin-top: -15px;}
    .ui-state-active{background-color: #cdcdcd;padding: 15px;}
}

  @media (max-width: 3000px) and (min-width: 1400px){
    .ui-state-active{background-color: #cdcdcd;padding: 25px;}
    .header5 img{width: 50px;margin-top: -30px;margin-left: 50px;}
    .img_car img{width: 600px;margin-top: -40px;}
    .branner a img{width: 70px;margin: 5px;}
    .branner_color a img{width:100%;}
    #site-year{margin-bottom: 0px;}
    .img2{width: 500px;height: 350px; margin-left: -350px;margin-top: 50px;opacity: 0.4;filter: alpha(opacity=40);}
    .img3{width: 500px;height: 350px; margin-left: -600px;margin-top: 150px;opacity: 0.4;filter: alpha(opacity=40);}
    .img4{width: 500px;height: 350px; margin-left: -600px;margin-top: 150px;opacity: 0.4;filter: alpha(opacity=40);}
    .btn-outline-primary{padding: 25px;margin: 3px;}
    #site-model{margin-bottom: 200px;}
    .box_color .card-text{font-size: 25px;align-items: center;}
    #site-color{margin-bottom: 200px; }
    .card-text2{font-size: 25px;margin-left: 50px;}
    #img_th img{width: 150px;height: 90px;}
    .uii{    margin-left: 30px;}
    #site-summary{margin-bottom: 120px; }
    .summary_img1 img{width: 200px;margin-top: -60px;margin-left: 100px;}
    .table_custom{width: 3px;}
    .card-title {margin-bottom: 0.01rem;}
  }