.reader {
      width: 100%;
      display: inline-block;
      max-width: 100%;
      margin-right: 10px;
      margin-bottom: 1rem;
  }

  .reader-box .right {
      display: inline-block;
      width: 100%;
      vertical-align: top;
  }

  .title-1 {
      font-weight: 600;
      line-height: 1.2;
  }

  .subtitle-1 {
      font-size: 1.2rem;
      line-height: 1.2;
  }

  .image-5 {
      opacity: 1 !important;
  }

  small {
      font-size: 12px;
  }

  @media (max-width:798px) {
      .img-caption {
          top: 0;
          bottom: unset;
      }
  }



  @media (min-width: 768px) {
      .subtitle-1 {
          font-size: 1.5rem;
      }
  }


  @media (min-width: 768px) {
      .col-md-4 {
          width: 33.33333333% !important;
          /* Force Bootstrap width */
          flex: 0 0 auto !important;
          /* Force Bootstrap flex behavior */
          max-width: 33.33333333% !important;
          /* Ensure it doesn't expand too much */
          float: left !important;
          /* If older Bootstrap using floats */
          display: block !important;
          /* Ensure it's a block-level element */
      }
  }