@media (max-width: 2300px) {
  .media-query {
    display: none !important;
  }
  .media-btn {
    display: block !important;
  }
}

@media (max-width: 2300px) {
  .search-query {
    display: none !important;
  }
}

@media (min-width: 2300px) {
  .media-query {
    display: flex !important;
  }
  .advanced-search-panel {
    display: none !important;
  }
  .media-btn {
    display: none !important;
  }
}

@media (min-width: 1819px) and (max-width: 2331px) {
  .media-query1 {
    display: none !important;
  }
  .media-btn1 {
    display: block !important;
  }
}

@media (min-width: 1819px) {
  .advanced-search-panel1 {
    display: block !important;
  }
}

@media (min-width: 2331px) {
  .advanced-search-panel1 {
    display: none !important;
  }
}

@media (max-width: 2560px) {
  .interval {
    display: none !important;
  }
}

@media (max-width: 1920px) {
  .vertical-center-modal {
    /* margin-top: 20px !important; */
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 1920px) {
  .track-center-modal {
    /* margin-top: 20px !important; */
    align-items: center !important;
    justify-content: center !important;

    /* .ant-modal {
      margin-top: 180px !important;
    } */
  }
}

@media (max-width: 1920px) {
  .vehicle-detail {
    margin-top: 20px !important;
    align-items: center !important;
    justify-content: center !important;

    .ant-modal {
      margin-top: 320px !important;
    }
  }
}

/* @media (max-width: 1920px) {
  .ant-modal-header {
    margin-top: 60px !important;
  }
} */

@media (min-width: 1920px) {
  .vertical-center-modal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}