@media screen and (max-width: 991px) {
  .hidden aside {
    display: none;
  }

  .hidden .top-header {
    margin-left: 0;
  }

  .top-header {
    margin-left: 0;
  }

  aside {
    top: 77px;
  }

  .sidebar-links {
    height: 450px;
  }

  .hidden .main-content {
    margin-left: 0;
    width: 100%;
  }

  .main-content {
    margin-left: 0;
    width: 100%;
  }

  .auth-wrapper .heading-content {
    display: none !important;
  }

  .switcher-info span,
  .switcher-text {
    color: #fff;
    transition: all 0.5s ease-in-out;
  }

  .switcher-text:hover {
    text-decoration: underline !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden .search-bar {
    width: 200px;
  }

  .search-bar {
    width: 150px;
  }
}

@media screen and (max-width: 650px) {
  .graph-sets {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .bottom-btn {
    flex-wrap: wrap;
  }
  .bottom-btn a,
  .bottom-btn button {
    width: 100%;
  }
  .freq-options label,
  .freq-options label span {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .step-nav {
    flex-wrap: wrap;
    gap: 10px;
  }
  .step-nav button {
    width: 100%;
  }
  .auth-wrapper .form-content {
    min-height: 100% !important;
  }

  .auth-wrapper {
    align-items: center;
    min-height: calc(100vh - 80px);
  }

  .title-right-top-btn {
    width: 100%;
    flex-wrap: wrap !important;
  }

  .title-right-top-btn .top-right-btn,
  .title-right-top-btn .top-right-btn a {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .dashboard-tabs .nav-item {
    width: 33%;
  }

  .dashboard-tabs .nav-pills .nav-link {
    width: 100%;
    text-align: start;
  }

  .search-bar {
    display: none !important;
  }

  .auth-wrapper .form-content .main-form {
    padding: 20px !important;
  }
}

@media screen and (max-width: 450px) {
  .dashboard-tabs .nav-item {
    width: 50%;
  }
}