@media screen and (max-width:1400px)

{
  .dashboard_order_box1 .heading p {
    text-align: left;
}

.driver_search_box1 .left {
  width: 100%;
  margin: 5px 0;
}
.driver_search_box1 .right {
  width: 100%;
  margin: 5px 0;
}
}

@media screen and (min-width:1366px)

{

}

@media screen and (max-width:1200px)

{


}

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

}

@media screen and (max-width:1050px)

{

}

@media screen and (max-width:992px)

{
  h1{font-size: 30px;}
  h2{font-size: 25px;}
  h3{font-size: 22px;}
  h4{font-size: 20px;}
  h5{font-size: 18px;}
  h6{font-size: 16px;}

  .left_pannel {
    margin-left: -240px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    bottom: 0;
}
.right_pannel {
    width: 100%;
}
.left_pannel.active {
    margin-left: 0;
}

.right_top_header {
    justify-content: flex-start;
    flex-direction: row-reverse;
}
.right_top_header .menu
{
    margin-left: 10px;
}
.right_top_header .left_header {
  flex-direction: row-reverse;
}

.right_pannel.active2 .body {
  pointer-events: none;
  opacity: 0.4;
}
.right_pannel.active2 {
  overflow-y: hidden;
  height: 100vh;
}
.right_pannel.active2 .notification_section {
  pointer-events: none;
  opacity: 0.4;
}
.right_pannel.active2 .top_header_profile {
  pointer-events: none;
  opacity: 0.4;
}
.right_pannel.active2 .headername {
  pointer-events: none;
  opacity: 0.4;
}
.diver_status_card {
  margin-top: 30px;
}
.order_details_popup_date .left
{
  width: 100%;
}
.order_details_popup_date .right
{
  width: 100%;
}
.order_details_popup_date
{
  flex-wrap: wrap;
}

}

@media screen and (max-width:850px)

{
}

@media screen and (max-width:768px)

{
  h1{font-size: 25px;}
  h2{font-size: 22px;}
  h3{font-size: 20px;}
  h4{font-size: 18px;}
  h5{font-size: 16px;}
  h6{font-size: 15px;}

  .login_right_area .form_section {
    padding: 20px;
}

.table_area .table_body .mobile_heading {
  display: block;
}
.table_area .table_header {
  display: none;
}
.table_area .table_body > div {
  width: 100% !important;
  float: left;
  margin: 5px 0;
  display: flex;
  align-items: flex-start;
}
.table_area .table_body {
  flex-wrap: wrap;
  display: block;
  text-align: left;
}
.table_area .table_body .mobile_heading {
  display: block;
}
.statistic_graph_box1_heading {
  flex-wrap: wrap;
}
.statistic_search_area {
  flex-wrap: wrap;
  justify-content: space-between;
}
.statistic_search_area .search {
  width: 100%;
}
.statistic_search_calender {
  margin: 5px 0 0 0;
  width: 48%;
}
.statistic_search_calender:nth-child(1)
{
  float: left;
}
.statistic_search_calender:nth-child(1)
{
  float: right;
}
.statistic_search_but button {
  height: 40px;
  width: 100%;
  margin: 0 0 0 0;
}
.cms_page_body .page_main_heading h2
{
  font-size: 22px;
}
.inventory_search_section .left {
  width: 100%;
}
.inventory_search_section .search {
  display: inline-block;
  width: 100%;
}
.inventory_search_section .search input
{
  width: 100%;
}
.inventory_search_section .form-select {
  width: 100%;
}
.inventory_search_section {
  justify-content: center;
}
.inventory_search_section p
{
  width: 100%;
  text-align: center;
}
.inventory_search_section .but_style2
{
  margin-top: 12px;
}
.statistic_search_but {
  width: 150px;
}
.right_top_header .headername{
  font-size: 15px;
}
}


@media screen and (max-width:600px)

{

}

@media screen and (max-width:576px)

{
  .login_body {
    min-height: auto;
    position: relative;
}
  .login_left_area
{
  width: 100%;
  min-height: auto;
  position: relative;
  padding: 15px;
}
.login_left_area img
{
  width: 100%;
  max-width: 150px;
}

.login_right_area{
  max-width: 100%;
  width: 100%;
  margin-bottom: 15px;
}
.login_copy_text
{
  width: 100%;
  text-align: center;
  color: #000;
}
}


@media screen and (max-width:480px)

{
  .statistic_graph_box1_heading .left
  {
    width: 100%;
  }
  .statistic_graph_box1_heading .right
  {
    width: 100%;
    margin-top: 12px;
  }
  .profile_right_box1 .top_profile {
    flex-wrap: wrap;
}
.profile_right_box1 .top_profile .upload_section {
  margin-top: 15px;
  margin-left: 0px;
}
}

@media screen and (max-width:400px)

{

  .top_header_profile .drop {
    right: inherit;
    left: 0;
}
.statistic_search_calender
{
  width: 100%;
  margin: 8px 0;
}
}