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

{
    .left_pannel
    {
      margin-left: -240px;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999;
      bottom: 0;
    }
    .left_pannel.active {
      margin-left: 0;
  }
    .right_pannel
  {
    width: 100%;
  }
  .left_pannel.active3 {
    margin-left: -240px;
  }
  .right_top_header {
    flex-direction: row-reverse;
    justify-content: end;
  }
  .hr_report_box .top_pannel {
    flex-wrap: wrap;
}
.hr_report_box .top_pannel {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.hr_report_box .top_pannel > div
{
  margin: 0 5px;
}
.hr_report_box .top_pannel > div {
  margin: 10px 20px 0 0;
}
.project_for_mobile
{
  display: block;
}
.project_for_desktop
{
  display: none;
}

}

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

{
  .page_main_heading h2 {
    font-size: 22px;
}
}

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

{
  .table_area .table_header
  {
      display: none;
  }
  .table_area .table_body
  {
      flex-wrap: wrap;
      display: block;
      text-align: left;
  }
  .table_area .table_body > div {
      width: 100% !important;
      float: left;
      margin: 5px 0;
      display: flex;
      align-items: flex-start;
  }
  .table_area .table_body .mobile_heading {
      display: block;
  }
  .table_area .description {
    padding-right: 35px;
}
.task_list_mian_box .top_pannel {
  padding: 8px 10px;
}
.calculator_search_page
{
 display: flex;
 flex-wrap: wrap;
}
.calculator_search_page .left
{
 padding-right: 0;
}
.calculator_search_page .right
{
 flex: auto;
 width: 100%;
}
.project_report_search_pannel {
  flex-wrap: wrap;
  flex-flow: wrap-reverse;
  justify-content: end;
}
.project_report_search_pannel .left_area {
  margin-top: 15px;
}
.start_date {
  width: 100%;
  justify-content: flex-start;
  margin: 15px 0 0 0 !important;
  flex-wrap: wrap;
}
.start_date p
{
  width: 100%;
  margin: 0 0 10px 0 !important;
}
.start_date .form-group
{
  width: 100%;
  margin: 0 !important;
}
.project_report_search_pannel .search_but1 {
  width: 100% !important;
  margin: 15px 0 0 0 !important;
}
.project_report_search_pannel  .total_work
{
  float: left;
  width: 100%;
  margin: 12px 0;
  text-align: center;
}
  
}


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

{
  .task_list_mian_box .top_pannel {
    flex-wrap: wrap;
}
.task_list_mian_box .top_pannel .left
{
  width: 100%;
  margin-bottom: 5px;
}
.task_list_mian_box .top_pannel .right {
  flex-wrap: wrap;
}
.admin_leave_management_box1 .top_pannel p {
  width: 100%;
}
}

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

{
  .profile_box .form_area {
    width: 100%;
    margin-top: 15px;
}
}


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

{
}

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

{
}