@media (max-width: 1550px) {
  .law-garden__cards,
  .knowledge-garden__cards {
    gap: 40px;
  }

  .feature-card {
    flex: 0 0 400px;
  }
}

@media (max-width: 1300px) {
  .law-garden,
  .knowledge-garden {
    padding: 0 20px;
  }
  .law-garden__cards,
  .knowledge-garden__cards {
    gap: 20px;
  }
  .feature-card {
    flex: 0 0 380px;
  }
}

@media (max-width: 1000px) {
  .law-garden__cards,
  .knowledge-garden__cards {
    flex-wrap: wrap;
  }
  .law--basic,
  .card--basic {
    flex: initial;
    width: 100%;
  }
  .investor-protection__content {
    flex-wrap: wrap;
  }
  .feature-card {
    flex: 0 0 100%;
  }
  .article-grid {
    flex: 0 0 100%;
  }
}

@media (max-width: 700px) {
  .investor-protection__wrap {
    flex-direction: column;
    gap: 20px;
  }
  .investor-protection__more {
    order: 1;
  }
  .investor-protection__tabs {
    order: 2;
    width: 100%;
  }
  .investor-protection__tab {
    width: calc(50% - 5px);
  }
}

@media (max-width: 600px) {
  .article-grid {
    flex-wrap: wrap;
    gap: 0;
    height: initial;
  }
  .article-item {
    flex: 0 0 100%;
  }
  
}