@media screen and (min-width: 1600px) {
  .chart_block {
    height: 520px !important;
  }
}
@media screen and (max-width: 1024px) {
  .find_rate {
    margin: 10px 0px;
  }
  .chart_block {
    margin: 10px 0px;
  }
  .find_search {
    width: 100%;
    max-width: none !important;
  }
  .renderTopToolbarCustomActions {
    display: flex !important;
    flex-wrap: wrap;
  }
  .css-1l5cxge {
    display: block !important;
  }
  .css-sq9qdz {
    display: flex !important;
  }
  .carrier_btn_block .css-sq9qdz {
    display: flex !important;
  }
  .thirdDiv .css-sq9qdz {
    display: flex !important;
    align-items: center;
  }
  .buttonDiv {
    display: flex !important;
    flex: auto;
  }
  .calender_block {
    position: relative;
    left: 0px !important;
    top: 0 !important;
    max-width: 250px;
  }
  .css-78trlr-MuiButtonBase-root-MuiIconButton-root {
    padding: 8px 0px 8px 5px !important;
  }
  .reset_pic {
    position: relative;
    right: 0px;
    top: 0px;
    cursor: pointer;
  }
}

@media screen and (max-width: 992px) {
  .find_search {
    width: 100%;
    max-width: none !important;
  }
  .renderTopToolbarCustomActions {
    display: flex !important;
    flex-wrap: wrap;
  }
  .css-1l5cxge {
    display: block !important;
  }
  .css-sq9qdz {
    display: flex !important;
  }
  .carrier_btn_block .css-sq9qdz {
    display: block !important;
  }
  .thirdDiv .css-sq9qdz {
    display: flex !important;
  }
  .buttonDiv {
    display: flex !important;
    flex: auto;
  }
  .calender_block {
    left: 0px !important;
    top: -25px !important;
    max-width: 200px;
    width: 100%;
  }
  .css-78trlr-MuiButtonBase-root-MuiIconButton-root {
    padding: 8px 0px 8px 5px !important;
  }
  .css-1dndjhf-MuiFormControl-root-MuiTextField-root {
    min-width: 75px;
  }
  .mainDiv .css-r26k49-MuiTableCell-root {
    width: 150px;
  }
  .reset_pic {
    position: relative;
    right: 0px;
    top: -20px;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) {
  .reset_pic {
    top: 4px;
  }
  .mainDiv .MuiBox-root.css-1cjiko4 {
    display: table !important;
  }
  .btn_block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .find_rate {
    margin: 20px 0px;
  }
  button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium.css-78trlr-MuiButtonBase-root-MuiIconButton-root {
    padding: 0 !important;
  }

  .css-di3982 {
    gap: 5px;
  }

  .header-left.user-menu-new .theme {
    max-width: 65% !important;
  }
  .tabel_top {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
  }
  .btn_fillters {
    margin: 5px 0px !important;
    width: 100%;
  }
  .text_sec {
    display: flex;
    flex-direction: column;
  }
  .chart_block {
    margin-bottom: 20px;
  }
  .pic img {
    display: block;
    width: 100%;
  }

  .find_search {
    width: 100%;
    max-width: none !important;
  }
  .renderTopToolbarCustomActions {
    display: flex !important;
    flex-wrap: wrap;
  }
  .css-1l5cxge {
    display: block !important;
  }
  .css-sq9qdz {
    display: block !important;
  }
  .thirdDiv .css-sq9qdz {
    display: block !important;
  }
  .buttonDiv {
    display: flex !important;
    flex-direction: row !important;
  }
  .calender_block {
    position: relative;
    left: 0px !important;
    top: 0 !important;
    max-width: inherit;
  }
  .css-78trlr-MuiButtonBase-root-MuiIconButton-root {
    padding: 8px 0px 8px 5px !important;
  }
  .css-1dndjhf-MuiFormControl-root-MuiTextField-root {
    min-width: 75px;
  }
  .mainDiv .css-r26k49-MuiTableCell-root {
    width: 150px;
  }

  .search_item {
    width: 100%;
    padding: 5px;
  }
  .reset_btn_block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    padding: 5px;
  }
  .btn-map {
    flex: 0 1;
    flex: auto;
  }
  .btns_sec {
    align-content: flex-start;
    justify-content: center;
    gap: 10px;
  }
  .check_btn {
    display: flex;
  }
  .thirdDiv .MuiBox-root {
    align-items: baseline;
    justify-content: flex-start;
  }
  .tabel_top_mapbox {
    display: block !important;
  }

  /* ------------------------------ */

  .tab_content {
    padding: 20px 0px;
  }

  .tab-btn-block ul {
    flex-direction: column;
    gap: 10px;
  }
  .tab-btn-block ul li {
    width: 100%;
  }
  .tab-btn-block ul li button {
    font-size: 13px;
    width: 100%;
  }
  .email_seprate {
    flex-direction: column;
  }
  .tab_content .btn-primary {
    width: 100%;
  }
  .upload_body {
    padding-top: 25px;
  }
  .upload-area__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 375px) {
  .check_btn {
    display: flex;
  }
}