/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media screen and (max-width: 1150px) {
  .mainAdvertising {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .mainAdvert4,
  .mainAdvert5 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .mainAdvert2 {
    display: none;
  }

  .mainAdvert1 {
    display: none;
  }

}

@media screen and (max-width: 900px) {
  .video-container1 video {
    top: -60px;

  }

  .filter select {
    width: calc((100% - (5px * (2 - 1))) / 2);
    font-size: 14px;
  }

  .price,
  .year {
    width: calc((100% - (5px * (2 - 1))) / 2);
    font-size: 14px;
  }

  #maxMil,
  #location {
    width: calc((100% - (5px * (2 - 1))) / 2);
    font-size: 14px;
  }

  .card {
    width: calc((100% - (15px * (3 - 1))) / 3);
  }
}

@media screen and (max-width: 850px) {
  .button-container-3 {
    width: 161px;
  }
}

@media screen and (max-width: 720px) {
  .button-container-3 {
    width: 161px;
  }

  .video-container1 video {
    top: -10px;
  }

  .card {
    width: calc((100% - (15px * (2 - 1))) / 2);
  }

  .thumbnails {
    display: none;
  }
}

@media screen and (max-width: 620px) {
  .price_3{
    font-size: 16px;
  }
  .navbarMenuDisplay {
    display: none !important;
  }

  .navbarMenuDisplayBar {
    display: block;
  }

  /* .filter select {
    width: calc((100% - (5px * (1 - 1))) / 1);
    font-size: 12px;
  }

  .price,
  .year {
    width: calc((100% - (5px * (1 - 1))) / 1);
    font-size: 12px;
  }

  #maxMil,
  #location {
    width: calc((100% - (5px * (1 - 1))) / 1);
    font-size: 12px;
  } */
}

@media screen and (max-width: 500px) {
  .video-container1 video {
    top: 0;

  }

  .location-date p {
    font-size: 10px;
  }
}

@media screen and (max-width: 450px) {
  .info p {
    font-size: 14px;
  }

  .infoP {

    gap: unset;
}
}