@media (max-width: 1496px) {
  .sub-hero-text {
    height: 120px;
    font-size: var(--body-1);
  }

  .sub-main {
    padding: 0 var(--spacing-xs);
  }

  .sub-wrapper {
    padding: var(--spacing-4xl) var(--spacing-lm);
    gap: 80px;
  }

  .sub-simbol {
    left: 21px;
  }

  .sub-aside-title {
    font-size: var(--H4);
  }

  .sub-aside-item {
    font-size: var(--body-1);
  }

  .sub-content {
    padding-right: var(--spacing-m);
  }

  .sub-page-title {
    font-size: var(--H5);
  }

  .sub-tag {
    font-size: var(--body-2);
    padding: 11.5px var(--spacing-xs);
  }

  .sub-quote {
    right: 29px;
  }
}

@media (max-width: 1280px) {
  #sub-wrap {
    margin-top: 0;
  }

  .sub-header,
  .sub-aside,
  .sub-simbol {
    display: none;
  }

  .sub-hero-text {
    margin-top: var(--header-high);
    padding-bottom: var(--spacing-ms);
    justify-content: flex-start;
    max-width: 1264px;
    padding-left: 56px;
    font-size: var(--body-2);
    height: var(--spacing-4xl);
  }

  .sub-hero-banner {
    top: calc(-1 * var(--header-high));
  }

  .sub-wrapper {
    display: block;
  }

  .sub-tags {
    justify-content: center;
    margin-bottom: var(--spacing-s);
  }

  .sub-content-inner {
    margin-top: var(--spacing-2xl);
  }

  .sub-content .sub-aside-title {
    display: block;
    font-size: var(--H4);
  }

  .sub-aside-title,
  .sub-page-title,
  .sub-copy {
    text-align: center;
  }

  .sub-page-title {
    margin-bottom: var(--spacing-s);
  }

  .sub-content {
    padding-right: 0;
  }

  .sub-intro-text:last-child {
    font-size: var(--body-1);
    max-width: 505px;
  }

  .sub-quote {
    gap: 28px;
    right: 101px;
  }
}

@media (max-width: 1024px) {
  .sub-wrapper {
    padding: var(--spacing-3xl) var(--spacing-ml);
  }

  .sub-hero-text {
    justify-content: center;
    padding-left: 0;
  }
  .sub-actions-inner {
    display:none;
  }
}

@media (max-width: 768px) {
  .sub-content-section:not(:first-child) {
    margin-top: var(--spacing-3xl);
  }

  .sub-wrapper {
    padding: var(--spacing-3xl) var(--spacing-ml);
  }
   .sub-breadcrumb .spotlight-popup {
    position:fixed;
	left: 0;
  }

  .sub-hero-text {
    margin-top: var(--header-high-mobile);
    height: 112px;
  }

  .sub-hero-banner {
    height: 400px;
    top: calc(-1 * var(--header-high-mobile));
  }

  .sub-copy {
    font-size: var(--H4);
  }

  .sub-intro {
    display: block;
  }

  .sub-intro-text:first-child {
    font-size: var(--H5);
  }

  .sub-intro-text:last-child {
    margin-top: var(--spacing-lm);
  }

  .sub-chairman-photo {
    max-width: 225px;
    bottom: -28px;
  }

  .sub-content-main {
    margin-top: 48px;
    height: 393px;
  }

  .sub-quote {
    gap: var(--spacing-m);
    font-size: var(--H6);
  }

  .sub-quote-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }

  .sub-quote-highlight {
    border-radius: var(--radius-ms);
    width: fit-content;
    line-height: 160%;
  }

  .sub-content-filter-item {
    font-size: var(--Subtitle-1);
    height: 37px;
  }

  .profile-modal {
    max-height: 803px;
  }

  .profile-history {
    max-height: 144px;
  }

  .bill-steps {
    padding-bottom: 0;
  }

  .bill-step-title {
    font-size: var(--Subtitle-1);
  }
}

@media (max-width: 440px) {
  .sub-main {
    padding: 0;
  }

  .sub-hero-text {
    letter-spacing: 6px;
  }

  .sub-hero-banner {
    height: 274px;
    background-image: url(/site/basic/img/sub/img-banner-sub1-768.jpg);
  }

  .sub-actions {
    padding: 0 var(--spacing-xs);
    justify-content: center;
  }

  .sub-breadcrumb-text {
    font-size: var(--body-2);
    min-width: 66px;
  }

  .sub-actions-inner {
    display: none;
  }

  .sub-wrapper {
    padding: var(--spacing-3xl) var(--spacing-ms);
  }

  .sub-copy {
    font-size: var(--H5);
    margin-top: var(--spacing-s);
  }

  .sub-intro-text:first-child {
    font-size: var(--H5);
    word-break: keep-all;
  }

  .sub-content-main {
    flex-direction: column;
    align-items: flex-start;
    height: 750px;
    max-height: unset;
  }

  .sub-chairman-photo {
    position: static;
    order: 2;
  }

  .sub-quote {
    width: 100%;
    margin-top: var(--spacing-lm);
    padding: 10px var(--spacing-ms);
    position: static;
    order: 1;
  }

  .sub-quote-highlight {
    margin-right: 0;
    margin-left: auto;
  }

  .sub-quote-text {
    text-align: right;
  }

  .sub-footer {
    flex-direction: column;
    text-align: center;
  }

  .sub-footer-text {
    line-height: 160%;
  }

  .sub-signature {
    margin-top: var(--spacing-lm);
    flex-direction: column;
  }

  .profile-modal,
  .profile-modal.history {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
  }

  .profile-modal-profile {
    flex-direction: column;
    gap: var(--spacing-m);
    background-size: 640px 48px;
  }

  .profile-modal.history .profile-modal-profile {
    background-size: 640px 24px;
    padding-bottom: var(--spacing-l);
  }

  .member-profile-photo {
    max-width: 144px;
    height: 201px;
  }

  .member-profile-info {
    width: 100%;
  }

  .member-profile-role {
    margin-left: auto;
    margin-right: auto;
  }

  .member-profile-name {
    flex-direction: column;
  }

  .profile-history {
    max-height: unset;
  }
  .profile-modal-footer {
    background: transparent;
  }
}