/* JP 1_3_profile BS5 v1 - B-region compatibility only
   Frozen: verified desktop/mobile shell, B DOM/src/text/href, original images.
   Reference: Chinese BS5 1_3_profile technical pattern, adapted without adding B wrappers. */

body.jp-bs5-1-3-profile-page > .container:first-of-type img,
body.jp-bs5-1-3-profile-page > .container:first-of-type .thumbnail > img,
body.jp-bs5-1-3-profile-page > .container:first-of-type .thumbnail a > img {
  max-width: 100%;
  height: auto;
}

body.jp-bs5-1-3-profile-page > .container:first-of-type .thumbnail {
  display: block;
  box-sizing: border-box;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: #fff !important;
}

body.jp-bs5-1-3-profile-page > .container:first-of-type .thumbnail h1 {
  margin-top: 20px;
}

body.jp-bs5-1-3-profile-page > .container:first-of-type .img-responsive,
body.jp-bs5-1-3-profile-page > .container:first-of-type .img-fluid {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (min-width: 768px) {
  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row::before,
  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row::after {
    display: table;
    content: " ";
  }
  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row::after { clear: both; }

  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row > .col-sm-12 {
    float: left !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width: 767.98px) {
  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row > .col-xs-12,
  body.jp-bs5-1-3-profile-page > .container:first-of-type > .row > .col-sm-12 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
  }
  body.jp-bs5-1-3-profile-page > .container:first-of-type img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}