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

@media screen and (max-width: 1250px) {

}
@media screen and (max-width: 1150px) {
  .slideshow-containerP2 {
    display: block;
  }

  .slideshow-containeru {
    display: block;
  }
  .slider-containerAdvertU {
    display: none;
  }
  .slider-containerAdvertP3 {
    display: none;
  }

  .mainAdvert2 {
    display: none;
  }

  .mainAdvert1 {
    width: calc((100% - 910px));
  }
}

@media screen and (max-width: 1050px) {
  .mainAdvert2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 130px;
    -webkit-animation-name: advertising2;
            animation-name: advertising2;
  }

  .mainAdvert1 {
    width: 100%;
    height: 130px;
    -webkit-animation-name: advertising2;
            animation-name: advertising2;
  }

  .mainAdvert1 p {
    -webkit-animation-name: advertising2;
            animation-name: advertising2;
  }

  .mainAdvert2 p {
    -webkit-animation-name: advertising2;
            animation-name: advertising2;
  }
}

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

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

  .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;
  }
  :root{
    --card-column-count:3;

  }
  .card {
    width: calc( (100% - (var(--card-gap)*(var(--card-column-count) - 1 ))) / var(--card-column-count));
  }
}

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

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

@media screen and (max-width: 620px) {
  .filter button {
    width: 40%;
  }

  .hisseBtn {
    width: calc((100% - (5px * (1 - 1))) / 1);
    height: 40px;
  }

  .hisse {
    width: 100%;
  }

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

  .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: 450px) {
  .video-container1 video{
    top: -15px;

  }
  .info p {
    font-size: 12px;
  }
}