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

  /* .mainAdvert2 {
      display: flex;
      width: 100%;
      height: 130px;
      animation-name: advertising2;
      margin-bottom: 2px;
    }
    .mainAdvert1 {
      width: 100%;
      height: 130px;
      animation-name: advertising2;
      position: fixed;
      top: 150px;
    }
    .mainAdvert1 p {
      animation-name: advertising2;
    }
    .mainAdvert2 p {
      animation-name: advertising2;
    } */
}

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

  .video-container video {
    top: -40px
  }

  .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: 720px) {

  .box ul li p,
  .box ul li span {
    font-size: 15px !important;
  }

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

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

@media screen and (max-width: 650px) {
  .hisse {
    width: 100%;
  }

  .navbarMenuDisplay {
    display: none !important;
  }

  .navbarMenuDisplayBar {
    display: block;
  }

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

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

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

  .hisseBtn {
    width: calc((100% - (5px * (4 - 1))) / 4);
    border-radius: 10px;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    height: 40px;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .location-date p {
    font-size: 10px;
  }
}

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

  .video-container video {
    top: 0
  }

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