/* Max width 1550px */
@media only screen and (max-width: 1550px) {
  /* line 3, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-index-section-inner {
    width: 90%;
  }
}

/* Max width 1400px */
@media only screen and (max-width: 1410px) {
  /* line 10, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(297px, 1fr));
    gap: 14px;
  }
}

/* Max width 1300px */
@media only screen and (max-width: 1366px) {
  /* line 18, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .breadcrumbs-cont {
    width: 95%;
  }
  /* line 22, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-index-section-inner {
    width: 95%;
  }
  /* line 26, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-section-inner {
    width: 95%;
  }
  /* line 30, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-topics-inner {
    width: 95%;
  }
  /* line 34, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  }
  /* line 38, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-content p {
    font-family: "Noto Sans", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--secondary);
  }
}

/* Max width 1260px */
/* Max width 1100px */
/* Max width 1080px */
/* Max width 1026px */
/* Max width 980px */
/* Max width 900px */
/* Max width 800px */
@media only screen and (max-width: 800px) {
  /* line 66, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .breadcrumbs-wrapper {
    margin: 72px 0px 0px 0px;
  }
  /* line 70, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-index-input {
    width: 80%;
  }
  /* line 74, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));
  }
}

/* Max width 750px */
@media only screen and (max-width: 750px) {
  /* .blog-index-hero-section {
    margin-top: 70px;
  } */
  /* line 86, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-image {
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
  }
  /* line 91, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-section-inner {
    flex-direction: column;
  }
  /* line 95, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-image {
    flex: 1 1 100%;
  }
  /* line 99, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-content-main {
    flex: 1 1 100%;
    padding: 18px;
    gap: 20px;
  }
  /* line 105, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-topics-title {
    font-size: 2rem;
  }
  /* line 109, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-img {
    height: 160px;
  }
  /* line 113, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-image {
    min-height: 220px;
  }
}

/* Max width 650px */
/* Max width 540px */
/* Max width 500px */
@media only screen and (max-width: 500px) {
  /* line 130, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .breadcrumbs-cont {
    width: 90%;
  }
  /* line 134, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-index-section-inner {
    width: 90%;
  }
  /* line 138, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-card-section-inner {
    width: 90%;
  }
  /* line 142, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-topics-inner {
    width: 90%;
  }
  /* line 146, app/assets/stylesheets/blogs/blog-index-media-queries-style.scss */
  .blog-index-input {
    width: 85%;
  }
}

/* Max width 440px */