@media (max-width: 1360px) {
  .main {
    padding: 1rem;
  }
}

@media (max-width: 992px) {
  .content-wrapper {
    overflow: visible;
  }

  .content .container {
    max-width: unset;
  }
}

@media (max-width: 767px) {
  .main {
    padding: 1rem 1.5rem;
  }

  .content {
    padding-top: 0;
  }

  .rightbar {
    padding-top: calc(40px + 3rem);
  }

  .breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;

    padding: 2rem 0;
    overflow: auto;
    flex-wrap: nowrap;
  }

  .breadcrumb-item {
    display: flex;
    white-space: nowrap;
  }

  .breadcrumb-item::before {
    float: none;
  }
}