@media screen and (max-width: 1330px) {
  .parcel-card {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    .tag {
      top: 16px; right: 20px;
      position: absolute;
    }
  }
  .parcel-actions { margin-left: 0; }
}

@media screen and (max-width: 1150px) {
  .header-actions > a {
    width: 36px;
    i { display: block; }
    span { display: none; }
  }

  .parcel-filter {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .parcel-filter label:last-child { grid-column: span 2; }
}

@media screen and (max-width: 1023px) {
  .menu { display: none; }
  #menu-toggle-button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    svg { width: 36px; height: 36px; fill: var(--main-blue); }
  }
  
  .auth-left { padding: 30px 20px; }
  .footer-top { padding-right: 0; } 

  .cabinet-container { 
    padding: 18px 16px 95px; 
    > hr:nth-child(2) { display: none; }
  }
}

@media screen and (max-width: 767px) {
  .auth-page {
    flex-direction: column;
    height: unset;
  }

  .auth-left {
    padding: 45px 25px 65px;
    width: 100%;
    gap: 22px;
  }

  .auth-title {
    p:first-child { display: none; }
    p:nth-child(2) { font-size: 27px; line-height: 30px; margin-bottom: 2px; }
  }

  .services, .auth-copyright { display: none; }
  .auth-right {
    border-radius: 20px 20px 0 0;
    padding: 28px 24px 40px;
    width: 100%;
    margin-top: -20px;
  }

  .registration-progress {
    flex-direction: row;
    gap: 8px;
  }

  .progress-step { 
    gap: 4px; 
    > span { 
      font-size: 10px; 
      line-height: 12px; 
      width: calc(100% - 29px);
    }
  }

  .progress-circle {
    font-size: 12px;
    line-height: 18px;
    width: 25px; height: 25px;
  }

  footer { padding: 40px 20px 80px !important; }
  .footer-top {
    flex-direction: column;
    gap: 30px;
  }

  .footer-logo {
    margin-bottom: 12px;
    img:first-child { width: 25px; height: auto; }
    img:last-child { width: 85px; height: auto; }
  }

  .socials { margin-top: 40px; }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .cabinet-nav-cont {
    align-items: unset;
    position: fixed;
    top: 100px; left: 0;
    width: 100vw; height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    overflow-y: auto;
    &.active { transform: translateX(0); }
  }

  .cabinet-container { width: 100%; }
} 

@media screen and (max-width: 450px) {
  header { padding: 9px 20px !important; }
  .cabinet-nav-cont  { top: 55px; }
  .logo img:first-child { width: 22px; }
  .logo img:last-child { width: 77px; }
  .dropdownMenu { top: 55px; }
  .auth-content { 
    width: 100%; 
    > p:first-child { font-size: 24px; line-height: 36px; margin-bottom: 0; }
    > p:nth-child(2):not(.step-title) { font-size: 13px; line-height: 20px; margin-bottom: 28px; }
  }

  .reg-step {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
  }

  .step-title { 
    font-size: 22px; 
    line-height: 33px;
    margin-bottom: 4px; 
  }

  .step-one-only > p:first-child {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 24px;
  }

  .form-group {
    gap: 10px; 
    > div { width: calc(50% - 5px); }
  }
  .phone-cont { grid-template-columns: 90fr 320fr; }
}