.car-marks-footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px; }
  @media screen and (max-width: 1023px) {
    .car-marks-footer {
      padding-top: 10px; } }
  @media screen and (max-width: 768px) {
    .car-marks-footer {
      display: none; } }
  .car-marks-footer .mark-item {
    margin-right: 80px;
    margin-top: 20px; }
    @media screen and (max-width: 1800px) and (min-width: 1361px) {
      .car-marks-footer .mark-item {
        margin-right: 50px; } }
    @media screen and (max-width: 1360px) and (min-width: 1280px) {
      .car-marks-footer .mark-item {
        margin-right: 34px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .car-marks-footer .mark-item {
        margin-right: 27px; } }
    @media screen and (max-width: 1023px) {
      .car-marks-footer .mark-item {
        margin-right: 20px;
        margin-top: 10px; } }
    .car-marks-footer .mark-item a {
      color: black;
      font-weight: 500;
      font-size: 18px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .car-marks-footer .mark-item a {
          font-size: 14px; } }
      @media screen and (max-width: 1023px) {
        .car-marks-footer .mark-item a {
          font-size: 12px; } }

/*# sourceMappingURL=style.css.map */