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

{

}

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

{

}

@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;
}
.order-modal-header
{
  flex-wrap: wrap;
}
.order-modal-header .btn-close
{
  position: absolute;
  top: 15px;
  right: 15px;
}

.right_pannel.active2 {
  overflow-y: hidden;
  height: 100vh;
}

.right_pannel.active2 .body {
  pointer-events: none;
  opacity: 0.4;
}

.right_pannel.active2 .notification_section
{
  pointer-events: none;
  opacity: 0.4;
}

.right_pannel.active2 .top_header_profile
{
  pointer-events: none;
  opacity: 0.4;
}
.diver_status_card {
  margin-top: 30px;
}
}

@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;
}
.statistic_search_calender {
  margin: 5px 0 0 0;
  width: 100%;
}
}


@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)

{
  .profile_right_box1 .top_profile {
    flex-wrap: wrap;
}
.profile_right_box1 .top_profile .upload_section {
  margin-left: 0;
  margin-top: 15px;
}
.commission_box1 .form-control {
  max-width: 130px;
}
}

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

{
}