@media (max-width: 1480px) {
  .sumGreetingContainer {
    margin-left: 6px;
  }
}

@media (max-width: 1400px) {
  .summarySection {
    padding-left: 300px;
  }
}

@media (max-width: 1280px) {
  .summarySection {
    padding-left: 280px;
  }

  .sumGreetingContainer {
    display: none;
  }
}

@media (max-width: 960px) {
  .summaryHeadline h1 {
    font-size: 47px;
  }
}

@media (min-width: 860px) {
  .divider_mobile {
    display: none;
  }
}

@media (max-width: 860px) {
  .summaryHeadline {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .divider {
    display: none;
  }
}

@media (max-width: 850px) {
  main {
    display: flex;
    justify-content: center;
  }

  .summarySection {
    padding-top: 120px;
    padding-left: 0;
  }

  .summaryInfoTiles {
    flex: 1 1 100%;
    max-width: 560px;
    margin-bottom: 100px;
  }
}

@media (max-width: 590px) {
  .summaryInfoTiles {
    max-width: 462px;
    gap: 26px;

    h2 {
      font-size: 52px;
      line-height: 0.99;
    }

    h6 {
      font-size: 16px;
    }
  }

  .summaryBox {
    gap: 11px;
    height: 121px;
    width: 205px;
    border-radius: 22px;
  }

  .summaryBox img {
    height: 22px;
  }

  .summarySvgContainer,
  .urgencySvgContainer {
    height: 44px;
    width: 44px;
  }

  .urgencySvgContainer img {
    width: 25px;
  }

  .summaryCount {
    gap: 0;
  }

  .summaryUrgencyBox {
    width: 436px;
  }

  .urgencyBox {
    width: 205px;
    gap: 20px;
  }

  .dividerUrgency {
    height: 77px;
  }

  .summaryDeadline {
    width: 66%;
    padding-right: 0;
  }

  .urgencyDate {
    font-size: 18px !important;
  }

  .taskBox {
    width: 128px;
    gap: 0px;
  }
}

@media (max-width: 500px) {
  .summaryInfoTiles {
    max-width: 396px;
    gap: 24px;

    h2 {
      font-size: 35px;
      line-height: 0.9;
    }

    h6 {
      font-size: 16px;
    }
  }

  .summaryBox {
    gap: 10px;
    height: 110px;
    width: 186px;
    border-radius: 20px;
  }

  .summaryBox img {
    height: 20px;
  }

  .summarySvgContainer,
  .urgencySvgContainer {
    height: 40px;
    width: 40px;
  }

  .urgencySvgContainer img {
    width: 22.79px;
  }

  .summaryCount {
    gap: 0;
  }

  .summaryUrgencyBox {
    width: 396px;
  }

  .urgencyBox {
    width: 186px;
    gap: 18px;
  }

  .dividerUrgency {
    height: 70px;
  }

  .summaryDeadline {
    width: 60%;
    padding-right: 0;
  }

  .urgencyDate {
    font-size: 16px !important;
  }

  .taskBox {
    width: 116px;
    gap: 0px;
  }
}

@media (max-width: 450px) {
  .sumGreeting span {
    font-size: 38px;
  }
}

@media (max-width: 410px) {
  main {
    font-size: 16px !important;
  }

  .summaryHeadline {
    gap: 10px;
  }

  .summaryInfoTiles {
    max-width: 296px;
    gap: 18px;
    gap: 24px;

    h2 {
      font-size: 30px;
      line-height: 0.9;
    }
  }

  .summaryBox {
    height: 86px;
    width: 144px;
  }

  .summaryUrgencyBox {
    width: 296px;
  }

  .urgencyBox {
    width: 144px;
    gap: 12px;
  }

  .dividerUrgency {
    height: 56px;
  }

  .summaryDeadline {
    gap: 0;
    width: 60%;
    padding-right: 0;
    padding-left: 10px;
  }

  .deadlineText {
    font-size: 16px;
  }

  .urgencyDate {
    font-size: 16px !important;
  }

  .taskBox {
    width: 95px;
  }
}

@media (max-height: 739px) {
  .summarySection {
    padding-top: 96px;
  }

  .summaryHeadline {
    margin-bottom: 4px;
  }

  .summaryInfoTiles {
    gap: 12px;
  }
}