@media (max-width:1024px) {
  main {
    width: 100% !important;
    min-width: unset !important;
    margin:0;
    flex-wrap: wrap;
  }

  .middle-label {
    order: 1;
    width: 100% !important;
    flex: 0 0 100% !important;
    border-left: none;
    border-right: none;
  }

  .left-label {
    order: 2;
    flex: 0 0 50% !important;
    position: static !important;
  }

  .right-label {
    order: 3;
    flex: 0 0 50% !important;
    position: static !important;
  }

}

@media (max-width: 767px) {

  .header-img {
    height: 150px !important;
  }

  .header-img img{
    height: 150px !important;
  }
  .left-label {
    order: 1;
    width: 100% !important;
    flex: 0 0 100% !important;
    position: static !important;
  }

  .accordion-button[data-bs-target="#rightContent"] {
    order: 2;
  }

  .right-label {
    order: 3;
    width: 100% !important;
    flex: 0 0 100% !important;
    position: static !important;
  }

  .page-slug-register .left-label {
    position: static;
    height: auto;
    justify-content: flex-start;
  }
  
  .middle-label {
    order: 4;
  }
  .accordion-button {
    background-color: var(--mid) !important;
    color: var(--white) !important;
    border: 1px solid var(--border);
    box-shadow: none !important;
    border-radius: 5px !important;
    height: 40px;
    margin: 10px 10px;
    padding-left: 10px !important;
  }

  .accordion-button:not(.collapsed) {
    background-color: var(--border) !important;
    color: var(--white) !important;
  }

  .accordion-button::after {
    filter: invert(1);
  }

  .accordion-item {
    background-color: var(--dark) !important;
    border: 1px solid var(--border) !important;
  }

  .accordion-body {
    background-color: var(--dark);
    padding: 0;
  }

  .registration-input label {
    margin-bottom: 10px !important;
  }

  .registration-input input {
    width: 300px !important;
  }
  
  .registration-input {
    flex-direction: column;
  }

  .transition-prev {
    width: 45%;
  }

  .transition-next {
    width: 45%;
    justify-content: end;
  }

  .comment-list {
    max-height: 500px;
  }
}