.content-nextgen-pmo-intro {
  .title,
  .title h2 {
    font-size: 40px;
    line-height: 50px;
    color: #222222;
    margin-bottom: 40px;

    strong {
      color: #6800FF;
    }

    @media screen and (max-width: 1580px) {
      font-size: 25px;
      line-height: 30px;
    }

    @media screen and (max-width: 980px) {
      font-size: 20px;
      line-height: 24px;
      text-transform: uppercase;
    }

    @media screen and (max-width: 767px) {
      font-weight: 700;
      margin: 20px 0;
    }

    @media screen and (max-width: 520px) {
      font-size: 16px;
      line-height: 20px;
    }
  }

  .description {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #222222;
    margin-bottom: 30px;
  }

  .subdescription {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #6800FF;
    font-style: italic;

    @media screen and (max-width: 767px) {
      font-weight: 700;

      &.mobile-hidden {
        display: none;
      }
    }
  }

  .description,
  .subdescription {
    @media screen and (max-width: 1580px) {
      font-size: 16px;
      line-height: 20px;
    }

    @media screen and (max-width: 980px) {
      font-size: 17px;
    }

    @media screen and (max-width: 860px) {
      font-size: 14px;
      line-height: 18px;
    }
  }

  .image {
    display: flex;
    justify-content: center;
    
    img.img-fluid {
      max-width: 80%;
    }

    @media screen and (min-width: 768px) {
      margin-top: -50px;

    }

    @media screen and (max-width: 767px) {
      margin-bottom: 40px;
      /* max-width: 50%; */
      /* margin: -40px 0 0; */
    }
  }

  @media screen and (max-width: 767px) {
    text-align: center;

    .right-comlumn-content {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }
}