@media screen and (max-width: 992px) {
  .container {
    padding: 0 15px;
    padding: 0 2vw;
  }
  .jdb-detail-container {
    margin-top: 20px;
    margin-top: 2.66667vw;
    margin-bottom: 20px;
    margin-bottom: 2.66667vw;
    text-align: left;
  }

  .content-container {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
  .left-container {
    width: 100%;
    float: none;
    text-align: center;
  }
  .left-container .img-container {
    width: 420px;
    width: 56vw;
    height: 508px;
    height: 67.73333vw;
    padding: 10px;
    padding: 1.33333vw;
    margin: 0 auto;
    overflow: hidden;
  }
  .left-container .img-container img {
    width: 100%;
    height: auto;
  }
  .left-container .name {
    font-size: 32px;
    font-size: 4.26667vw;
    margin-top: 30px;
    margin-top: 4vw;
    margin-bottom: 18px;
    margin-bottom: 2.4vw;
  }
  .left-container .description {
    font-size: 28px;
    font-size: 3.73333vw;
    text-align: center;
  }
  .right-container {
    width: 100%;
    float: none;
    margin-top: 30px;
    margin-top: 4vw;
  }

  .section-title {
    height: 70px;
    height: 9.33333vw;
    line-height: 70px;
    line-height: 9.33333vw;
    border-left: solid 4px #0649a5;
    border-left: solid 0.53333vw #0649a5;
    font-size: 32px;
    font-size: 4.26667vw;
    padding-left: 20px;
    padding-left: 2.66667vw;
    margin-bottom: 15px;
    margin-bottom: 2vw;
  }

  .view p,
  .view span {
    font-size: 28px !important;
    font-size: 3.73333vw !important;
  }
  .description {
    text-align: left;
    line-height: 2;
    font-size: 28px;
    font-size: 3.73333vw;
    color: #333;
  }
  .right-container .description {
    margin: 40px 0 60px 0;
    margin: 5.33333vw 0 8vw 0;
  }
}

