/*
* 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;
  }

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

@media screen and (max-width: 750px) {
  .card {
      width: calc((100% - (15px * (2 - 1))) / 2);
  }

}
@media screen and (max-width: 720px) {
  .video-container1 video{
      top: -10px;
  
    }
  

}


@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;
  }

  .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: 0px;
  
    }

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