.breadcrumb__title {
      font-weight: 600;
      font-size: 40px;
      line-height: 1.2;
      color: var(--white);
      text-transform: capitalize;
      padding-bottom: 20px;
      opacity: 0;
      -webkit-animation: wcfadeUp 1s 0.15s forwards;
      animation: wcfadeUp 1s 0.15s forwards;
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .breadcrumb__title {
          font-size: 20px;
      }
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcrumb__title {
          font-size: 18px;
          padding-bottom: 15px;
      }
  }

  @media only screen and (max-width: 767px) {
      .breadcrumb__title {
          font-size: 12px;
          padding-bottom: 10px;
      }
  }

  .gallery {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin: auto;
  }

  a {
      text-decoration: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      color: #000;
  }

  .gallery img {
      width: 350px;
      height: 250px;
      cursor: pointer;
      border-radius: 5%;
      padding: 5px;
  }

  .blog__detail-title {
      font-weight: 600;
      font-size: 2.5vw;
  }

  .blog-gallery-caption {
      display: block;
      text-align: center;
      font-size: 12px;
      margin-top: 5px;
      word-break: break-word;
  }

  @media only screen and (max-width: 767px) {
    .blog__detail-title {
        font-size: 18px !important;
        padding-bottom: 20px;
    }

    .blog__detail-thumb {
        width: 100%;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin: auto;
    }

    .gallery img {
        width: 335px;
        height: 235px;
    }
}
  @media only screen and (max-width: 576px) {
    .blog__detail-title {
        font-size: 16px !important;
        padding-bottom: 15px;
    }

    .blog__detail-thumb {
        width: 100%;
    }
  }