/*===== Media 1400 ======*/
@media (max-width: 1400px) {
}
@media (max-width: 1366px) {
  .banner_section {
    padding: 30px 1.2rem;
  }
  .dashboard_filter_wrapper {
    padding: 0 1.2rem;
  }
  .btn_inner {
    padding: 8px 20px;
    font-size: 14px;
  }
}

/*===== Media 1024 ======*/
@media (max-width: 1024px) {
  .sidebar {
    left: -300px;
    z-index: 5;
    width: 300px;
  }
  main.dashboard-wrapper {
    width: 100%;
    margin-left: 0;
  }
  .sidebar_toggle {
    left: 0;
    width: 75%;
  }
  main.main_body_expended {
    width: 100%;
    margin-left: 0;
    transition: all 0.5s;
  }
  .dashboard-header {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .logo-box {
    flex-direction: row-reverse;
  }
  .header_right {
    flex-direction: row-reverse;
  }
  .btn_inner {
    padding: 8px 30px;
  }
}

/*===== Media 992 ======*/
@media (max-width: 992px) {
}

/*===== Media 820 ======*/
@media (max-width: 820px) {
  .footer .navbar {
    display: block;
  }
  .footer .navbar-nav {
    justify-content: center;
    margin-top: 10px;
  }
}

/*===== Media 768 ======*/
@media (max-width: 768px) {
  .waher_list .progress {
    width: 100%;
  }
}

/*===== Media 620 ======*/
@media (max-width: 620px) {
  .overlay-content {
    padding: 0 2rem;
  }
  .welcome-content {
    max-width: 100%;
  }
  .dashbord-body {
    padding: 10px;
  }
  .dashboard_filter_wrapper {
    padding: 0 0.8rem;
  }
  .userdetails {
    display: none;
  }
  .banner_section {
    height: 250px;
  }
  .header_icons,
  .line_header {
    display: none;
  }
}

/*===== Media 576 ======*/
@media (max-width: 576px) {
  .welcome-content {
    max-width: 100%;
  }
  .overlay-content {
    padding: 2rem;
    height: 100%;
  }
  .form-section {
    padding: 20px;
  }
  .remember-check label,
  .remember-outer a {
    font-size: 14px;
  }
  .bottomLink {
    font-size: 14px;
  }
  .btn_export {
    font-size: 12px;
  }
  .washer_status {
    display: flex;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
  }
  
}