@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 768px) {
  :root {
    --color-dropdown-bg: hsla(237, 20%, 22%, 1) !important;
  }
  .resume {
    .header {
      > ul {
        display: flex;
        flex-direction: column;
      }
    }
  }
  .preference main section p,
  .post-num {
    display: none;
  }

  .post-container {
    #toc-drag-box {
      left: -1px;
    }
  }

  .breadcrumb {
    .ellipsis,
    .arrow {
      display: none;
    }
  }

  .archive,
  .tags-container {
    .timeline-item {
      padding-left: 0 !important;
    }
    .timeline-marker {
      &::before,
      &::after {
        content: none !important;
      }
    }
  }

  .resume {
    .header::before {
      display: none;
    }
    .skill {
      padding-left: 0 !important;
    }
    ul {
      list-style: none !important;

      .item {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: 0 !important;
        &::before {
          display: none !important;
        }
        .list {
          padding-left: 0 !important;
        }
      }
      .title {
        > span::after {
          content: none !important;
        }
        &::before {
          content: none !important;
        }
      }
    }
  }

  .weather {
    left: 5% !important;
    top: 5% !important;
    right: 5% !important;
    min-width: inherit !important;
    width: inherit !important;

    #weather-7d {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
      grid-gap: 10px;
      li {
      }
    }
  }
}

@media only screen and (max-width: 512px) {
}
