
@media (max-width: 767px) {
  .den1,.den2,.den3,.den4,.den5,.den6 {display: none;}
  .th1,.th2,.th3,.th4,.th5,.th6 {display: none;}
  .cena,.vyber {display: table-cell;}

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 2px;
  }

  .btn {
    font-size: 11px;
    padding: 4px 2px;
  }
  .dny {
    width: 63px;
  }
  
  a strong {
    font-weight: normal;
  }
}

@media (min-width: 768px) {
  .cena,.vyber {display: none;}

}

.langs__item--cs:before {
  background-image: url(../../img/sprites.png);
  background-position: -299px -16px;
  width: 14px;
  height: 11px;
}

.langs__item--ru:before {
  background-image: url(../../img/sprites.png);
  background-position: -49px -16px;
  width: 14px;
  height: 11px;
}

.langs__item--en:before {
  background-image: url(../../img/sprites.png);
  background-position: -166px -16px;
  width: 14px;
  height: 11px;
}

.langs__item--de:before {
  background-image: url(../../img/sprites.png);
  background-position: -254px -16px;
  width: 14px;
  height: 11px;
}


.c1 {
  background-image: url(../../img/sprites.png);
  background-position: -4px -4px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c2 {
  background-image: url(../../img/sprites.png);
  background-position: -323px -47px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c3 {
  background-image: url(../../img/sprites.png);
  background-position: -585px -5px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c4 {
  background-image: url(../../img/sprites.png);
  background-position: -459px -5px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c5 {
  background-image: url(../../img/sprites.png);
  background-position: -414px -5px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c6 {
  background-image: url(../../img/sprites.png);
  background-position: -542px -5px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c7 {
  background-image: url(../../img/sprites.png);
  background-position: -369px -4px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c8 {
  background-image: url(../../img/sprites.png);
  background-position: -326px -4px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


.c9 {
  background-image: url(../../img/sprites.png);
  background-position: -502px -5px;
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.loga {
  background-image: url(../../img/spritesLoga.png);
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
}
.abarth {
  background-position: 0px 0px;
}
.audi {
  background-position: -45px 0px;
}
.bentley {
  background-position: -90px 0px;
}
.bmw {
  background-position: -135px 0px;
}
.mustang {
  background-position: -42px 52px;
  width: 70px;
}
.cadillac {
  background-position: -180px 0px;
}
.ferrari {
  background-position: -225px 0px;
}
.h2 {
  background-position: -270px 0px;
}
.h3 {
  background-position: -315px 0px;
}
.hyundai {
  background-position: -360px 0px;
}
.infiniti {
  background-position: -405px 0px;
}
.skoda {
  background-position: -450px 0px;
}
.kia {
  background-position: 0px -45px;
}
.lexus {
  background-position: -45px -45px;
}
.maserati {
  background-position: -90px -45px;
}
.mazda {
  background-position: -135px -45px;
}
.mercedes {
  background-position: -180px -45px;
}
.mini {
  background-position: -225px -45px;
}
.mitsubishi {
  background-position: -270px -45px;
}
.renault {
  background-position: -315px -45px;
}
.rover {
  background-position: -360px -45px;
}
.smart {
  background-position: -405px -45px;
}
.volvo {
  background-position: -450px -45px;
}
.wv {
  background-position: 0px -90px;
}

.seotext{ margin-bottom: 40px; }
.main_cars_list{ margin-top: 40px; }
.main_cars_list .title{ margin-bottom: 20px; }
.cars_list_wrapper{ margin-bottom: 40px; }
.cars_list_wrapper .carList__item{ border: 1px solid #1c508b; }
.cars_list_wrapper .carList__item .image{ position: relative; width: 100%; height: 0; padding-bottom: 70%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.cars_list_wrapper .carList__img img{ display: block; position: absolute; height: 100%; top: 50%; left: 50%; right: unset; bottom: unset; transform: translate(-50%,-50%); margin: auto; } 
.cars_list_wrapper .carList__item .info_wrap{ padding: 0 10px 15px 10px; }
.cars_list_wrapper .carList__item .params ul{ list-style: none; padding: 0; margin: 0; }
.cars_list_wrapper .carList__item .params ul li{ margin-bottom: 3px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.cars_list_wrapper .carList__item .params ul li:last-child{ margin-bottom: 0; }
.cars_list_wrapper .carList__item .params ul li span{ margin-right: 5px; }
.cars_list_wrapper .carList__item .params ul li span:last-child{ margin-right: 0; }
.cars_list_wrapper .carList__item .params ul li span.value{ font-weight: 600; }
.cars_list_wrapper .carList__item .btn{ display: inline-flex; width: 100%; align-items: center; justify-content: center; background-color: #1c508b; font-weight: 700; border: 1px solid #1c508b; color: #fff; text-decoration: none; height: 37px; border-radius: 0; }
.cars_list_wrapper .carList__item .btn:hover{ background-color: #fff; color: #333; border-color: #dde1e5; }
.main_utp{ font-size: 26px; text-align: center; margin-bottom: 40px; border: 1px solid #1c508b; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); }
.main_utp .btn a{ display: inline-flex; width: 100%; align-items: center; justify-content: center; background-color: #1c508b; font-weight: 700; border: 1px solid #1c508b; color: #fff; text-decoration: none; height: 37px; border-radius: 0; padding: 0 20px; }
.main_utp .btn a:hover{ background-color: #fff; color: #333; border-color: #dde1e5; }

@media (max-width:1000px){
	.main_utp{ font-size: 18px; }
}

.main_car_brands{ margin-top: 40px; }
.main_car_brands .title{ margin-bottom: 20px; }
.main_car_brands .brands_wrapper{ display: flex; flex-flow: row wrap; }
.main_car_brands .brands_wrapper .logo{ width: 10%; padding: 0 5px; margin-bottom: 20px; }
.main_car_brands .brands_wrapper .logo > a{ display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
footer .social--head{ text-align: left; }
footer .contacts{ margin-bottom: 15px; }
footer .paymentHead{ text-align: left; margin-bottom: 8px; }
footer .payment{ display: flex; text-align: left; font-size: 0; margin-bottom: 5px; }
footer .payment li{ margin: 0 2% 0 0; }
footer .payment li img{ max-width: 100%; height: auto; }

.contancts_block_wrapper{ display: flex; align-items: center; width: 100%; max-width: 750px; margin: 30px auto; padding: 15px 0; background: #eee; }
.contancts_block_wrapper > div{ width: 33.33%; padding: 0 15px; display: flex; align-items: center; }
.contancts_block_wrapper .image{ min-width: 50px; max-width: 50px; height: 50px; background: #1c508b; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
.contancts_block_wrapper .image img{ max-width: 30px; height: auto; }
.contancts_block_wrapper .text{ width: 100%; padding-left: 15px; color: #1c508b; }
.contancts_block_wrapper .text .title{ font-weight: 600; font-size: 20px; margin-bottom: 5px; }

@media (max-width:800px){
	.contancts_block_wrapper{ flex-direction: column; }
	.contancts_block_wrapper > div{ width: 100%; margin-bottom: 30px; }
	.contancts_block_wrapper > div:last-child{ width: 100%; margin-bottom: 0; }
}