@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  .section-modern-technology {
    height: 100vh;
  }
}
@media (min-width: 1400px) {
  .container {
    padding-left: 80px;
    padding-right: 80px;
  }
  .section-pano,
  .section-master-brand-pano {
    height: 100vh;
  }
  .section-brand-parallax {
    height: 300vh;
  }
  .parallax {
    height: 100vh;
  }
  .swiper-showroom-item {
    /* height: 30vw; */
    height: auto;
    width: 100%;
  }
  .swiper-showroom-item .swiper-slide {
    /* flex: 0 0 22vw; */
    height: auto;
    width: 100%;
  }

  .swiper-showroom-item .swiper-slide:hover {
    /* flex: 0 0 22vw; */
  }
}

@media (min-width: 1200px) {
  h2 {
    font-size: 48px;
  }
  .container.md {
    max-width: 1000px;
    margin: 0 auto;
  }
  .headline.flex {
    position: relative;
    display: flex;
    gap: 28px;
    align-items: center;
    justify-content: space-between;
  }
  .section-highlight {
    height: calc(100vh - 75px);
  }
  .grid-highlight {
    height: 100%;
  }
  .article-social {
    display: grid;
    text-align: center;
    grid-gap: 10px;
    margin-top: 0;
    justify-content: flex-end;
  }
  .article-social strong {
    grid-column: span 3;
    text-align: center;
  }
  .sticky-wrap {
    position: absolute;
    top: 0;
    right: -250px;
    width: calc(100% + 250px);
    height: 100%;
    text-align: right;
    pointer-events: none;
  }
  .sticky-box {
    position: sticky;
    top: 80px;
  }
  .tab-gallery {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1025px) {
  .section-modern-technology {
    height: calc(100vh + 350px);
  }
  .section-general-design {
    height: 48.61vw;
  }
  .section-general-design .box-caption {
    height: 120px;
  }
  .section-general-design .box-caption p {
    font-size: 16px;
    opacity: 0;
    transform: translateY(0px);
  }
  .section-general-design .slide-item:hover .box-caption p {
    opacity: 1;
  }
  .design-slider {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 44.5vw;
  }
  .slider-group.slider-info-group {
    width: 35%;
    display: table-cell;
    vertical-align: middle;
  }
  .slider-group.slider-view-group {
    display: table-cell;
    vertical-align: middle;
  }
  .slider-group.slider-view-group {
    width: 65%;
  }
  .section-design-center .item-img {
    height: 100%;
  }
  .section-design-center .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 992px) {
  .card-item .box-img {
    position: relative;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 500ms ease-in-out;
  }
  .card-item .box-img img {
    transform: scale(1);
    transition: all 500ms ease-in-out;
  }
  .card-item:hover .box-img img {
    transform: scale(1.1);
    transition: all 500ms ease-in-out;
  }

  /* Article */
  .article-headline h1 {
    font-size: 36px;
  }
  .article-content h2 {
    font-size: 26px !important;
  }

  /* Swiper */
  .swiper-pagination.is-relative {
    margin-top: 40px;
  }

  /* Pano */
  .section-pano .pano-caption {
    grid-gap: 20px;
  }
  .section-pano .pano-caption h1 {
    font-size: 106px;
  }
  .section-pano .pano-caption .desc {
    font-size: 26px;
  }
  .section-pano .pano-caption p {
    font-size: 28px;
  }
  .section-pano .action-links {
    margin-top: 40px;
  }

  /* Review */
  .card-review .box-caption {
    padding: 30px;
  }

  /* Event */
  .swiper-event-item {
    height: 32.292vw;
    display: flex;
  }
  .section-showroom {
    padding-bottom: 100px;
  }

  .swiper-showroom-item .swiper-wrapper {
    align-items: flex-end;
  }

  /* Features */
  .section-features .block-img {
    display: block;
    position: relative;
  }
  .section-features .accordion-imgs {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .section-features .accordion-imgs .item-img {
    /* display: none; */
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    /* animation: fade-in 1s ease-in-out forwards; */
    transition: all 0.2s ease-in-out;
    opacity: 0;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .section-features .accordion-imgs .item-img.active {
    display: block;
    visibility: visible;
    /* animation: fade-in 1s ease-in-out forwards; */
    opacity: 1;
    transition: all 0.2s ease-in-out;
    transition-delay: 0.2s;
  }
  .section-features .accordion-content {
    padding-right: 30px;
  }
  .section-features .accordion-content > img {
    display: none;
  }
  .section-features.features-img .block-img {
    grid-column: 2;
    grid-row: 1;
  }
  .progress-bar {
    top: 10px;
  }
  .section-general-design .block-slide,
  .section-general-design .slide-item,
  .section-general-design .slide-item .box-img {
    height: 100%;
  }
  .section-general-design .slide-item .box-img img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .section-general-design .grid-block {
    grid-template-columns: 1fr 4fr;
    height: 100%;
  }
  .section-general-design .block-content {
    padding: 50px 60px;
  }
  .section-general-design .box-content {
    grid-gap: 60px;
  }
  .swiper-design-item .swiper-wrapper {
    display: flex;
  }

  .swiper-design-item .swiper-slide {
    transition: all 1s ease;
  }
  .swiper-design-item .swiper-slide:hover {
    flex: 0 0 40vw;
  }

  .section-features .grid-block {
    grid-template-columns: 1fr 1fr;
  }
  .section-features .block-content {
    padding: 60px;
  }
  .section-features .headline p {
    font-size: 26px;
  }
  .section-features .accordion-header h3 {
    font-size: 20px;
  }
  .section-master-brand-pano .swiper-pagination.pagination-right {
    right: 35px;
  }
  .section-mission-vision {
    height: calc(100vh - 60px);
  }
  .section-mission-vision .headline p {
    font-size: 26px;
  }
  .parallax-wrap .block-content {
    max-width: 630px;
  }
  .parallax-wrap .block-content p {
    font-size: 20px;
  }
  .section-service .grid-block {
    grid-template-columns: 1fr 1fr;
  }
  .swiper-related-item .card-media .box-caption {
    padding: 30px;
  }
  .section-master-brand-pano .pano-caption h3 {
    font-size: 24px;
  }
  .section-brand-info .tab-list {
    column-gap: 80px;
    row-gap: 24px;
    justify-content: center;
  }
  .section-brand-info .tab-list li {
    font-size: 24px;
  }

  .card-media .entry-date {
    margin-top: 20px;
  }
  .section-media-room .grid-columns {
    grid-template-columns: repeat(12, 1fr);
  }
  .section-exploreour-vehicles .grid-block {
    grid-template-columns: 2fr 4fr;
  }
  .section-exploreour-vehicles .grid-block:nth-child(2) {
    grid-template-columns: 4fr 2fr;
  }
  .section-exploreour-vehicles .grid-block:nth-child(2) .block-content {
    grid-column: 2;
    grid-row: 1;
  }
  .section-media-related .grid-columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .filter-box {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .container-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .select-list {
    width: 200px;
  }
  .select2-results {
    padding: 0;
  }
  .select-box:first-of-type {
    margin-right: -50px;
  }
  .headline-mediaroom .headline p {
    font-size: 24px;
  }
  .select2-container {
    padding: 0 0 0 30px;
  }
  .select2-container--default .select2-selection--single {
    margin-right: 30px;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 30px;
  }
  .select2-results__option {
    padding: 6px 30px;
  }
  .highlight-media .card-media .box-img a {
    aspect-ratio: 5 / 2;
  }
  .section-general-info {
    height: calc(100vh - 60px);
  }
  .section-general-info .grid-box-item {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .section-general-info .box-item {
    grid-gap: 12px;
  }
  .section-general-info .box-item h3 {
    font-size: 90px;
  }
  .section-general-info .box-item h3 span {
    font-size: 32px;
  }
  .section-design-center .item-content h3 {
    font-size: 24px;
  }
  .section-design-center .item-content {
    font-size: 18px;
  }
  .section-exploreour-vehicles .block-slide,
  .section-exploreour-vehicles .swiper-exploreour,
  .section-exploreour-vehicles .swiper-exploreour .swiper-slide {
    height: 100%;
  }
  .swiper-exploreour img,
  .swiper-exploreour picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
  }
  .swiper-exploreour .box-img {
    position: relative;
    height: 100%;
  }
  .swiper-exploreour .box-img:after {
    content: "";
    display: flex;
    position: relative;
    aspect-ratio: 16/9;
  }
  .section-exploreour-vehicles .block-content {
    min-height: 560px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-general-info .box-item h3 {
    font-size: 60px;
  }
  .section-general-info .box-item h3 span {
    font-size: 24px;
  }
  .slider-info-group {
    padding: 70px 60px;
  }
  .section-design-center .item-content {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .swiper-pagination-switch.active .year-number {
    left: 24px;
  }
  .article-wrap {
    max-width: 735px;
  }
  .card-review .box-caption h3 {
    font-size: 18px;
  }
  .card-technology h3 {
    font-size: 16px;
  }
  .slide-technology-item .slick-arrow {
    height: calc(100% - 70px);
  }
  .section-media-room .grid-columns {
    grid-gap: 12px;
  }
  .card-media .box-caption h3 {
    font-size: 20px;
  }
  .card-media.is-two .box-caption {
    padding: 28px 40px;
  }
  .card-media.is-two .box-caption h3 {
    font-size: 24px;
  }
  .card-media .box-caption {
    padding: 28px;
  }
  .highlight-media {
    margin-bottom: 12px;
    margin: 0 0 12px 0;
  }
  .highlight-media .card-media .box-caption h3 a {
    font-size: 24px;
  }
  .highlight-media .card-media .box-caption {
    padding: 40px;
    max-width: 520px;
  }
  .card-technology {
    padding: 0 10px;
  }
  .card-technology .box-caption {
    padding-top: 20px;
    max-width: 750px;
    min-height: 70px;
  }
  .slide-technology-item .slick-prev {
    left: 120px;
  }
  .slide-technology-item .slick-next {
    right: 120px;
  }
  .section-timelime .slide-content {
    max-width: 600px;
    top: 70px;
  }
  .section-timelime .slide-content h3 {
    font-size: 26px;
  }

  @keyframes reveal-middle {
    to {
      opacity: 1;
    }
  }
  .spread-container {
    position: relative;
  }
  .spread-container-img {
    display: block;
  }
  .spread-container .block-img {
    display: none;
  }
  .spread-container img {
    width: var(--img-size);
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  .spread-container.animate img {
    animation: spread-from-center 0.7s forwards ease-out;
  }
  @keyframes spread-from-center {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%);
    }
    40% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translate(-50%, -50%)
        translate(
          calc(cos(var(--angle)) * var(--radius-x)),
          calc(sin(var(--angle)) * var(--radius-y))
        );
    }
  }
  .spread-container img:nth-of-type(1) {
    --angle: 0deg;
    --img-size: 295px;
  }
  .spread-container img:nth-of-type(2) {
    --angle: 45deg;
    --img-size: 280px;
  }
  .spread-container img:nth-of-type(3) {
    --angle: 90deg;
    --img-size: 400px;
  }
  .spread-container img:nth-of-type(4) {
    --angle: 135deg;
    --img-size: 220px;
  }
  .spread-container img:nth-of-type(5) {
    --angle: 180deg;
    --img-size: 300px;
  }
  .spread-container img:nth-of-type(6) {
    --angle: 225deg;
    --img-size: 220px;
  }
  .spread-container img:nth-of-type(7) {
    --angle: 270deg;
    --img-size: 405px;
  }
  .spread-container img:nth-of-type(8) {
    --angle: 315deg;
    --img-size: 220px;
  }

  .spread-container img {
    --radius-x: 620px;
    --radius-y: 300px;
  }
  .spread-container:not(.animate) img,
  .spread-container:not(.animate) .middle-content {
    animation: none;
    opacity: 0;
  }
  .spread-container.animate .middle-content {
    animation: reveal-middle 1000ms 600ms forwards;
  }
  .section-modern-technology .block-content {
    max-width: 600px;
  }
  .section-modern-technology .block-content p {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .section-pano .pano-caption h1 {
    font-size: 80px;
  }
  .section-brand-info .tab-list {
    padding: 0 100px;
  }
  .spread-container img:nth-of-type(1) {
    --angle: 0deg;
    --img-size: 205px;
  }
  .spread-container img:nth-of-type(2) {
    --angle: 45deg;
    --img-size: 220px;
  }
  .spread-container img:nth-of-type(3) {
    --angle: 90deg;
    --img-size: 340px;
  }
  .spread-container img:nth-of-type(4) {
    --angle: 135deg;
    --img-size: 220px;
  }
  .spread-container img:nth-of-type(5) {
    --angle: 180deg;
    --img-size: 265px;
  }
  .spread-container img:nth-of-type(6) {
    --angle: 225deg;
    --img-size: 220px;
  }
  .spread-container img:nth-of-type(7) {
    --angle: 270deg;
    --img-size: 345px;
  }
  .spread-container img:nth-of-type(8) {
    --angle: 315deg;
    --img-size: 220px;
  }
  .spread-container img {
    --radius-x: 450px;
    --radius-y: 300px;
  }
}

@media (max-width: 1399.98px) {
  .swiper-showroom-item {
    height: 35vw;
  }
  .swiper-showroom-item .swiper-slide {
    flex: 0 0 26vw;
  }
  .swiper-showroom-item .swiper-slide:hover {
    flex: 0 0 28vw;
  }
}
@media (max-width: 1024px) {
  .is-mobile {
    display: flex;
  }
  .swiper-showroom-item,
  .swiper-event-item {
    overflow: visible;
  }
  .swiper-event-item {
    height: 38vw;
  }
  .swiper-event-item .swiper-slide .card-event .box-caption {
    padding: 24px 20px !important;
  }
  .swiper-showroom-item {
    height: 40vw;
  }
  .swiper-showroom-item .swiper-slide {
    flex: none;
  }
  .swiper-showroom-item .swiper-slide:hover {
    flex: none;
  }
}
/* iPad Pro 12.9" - Portrait */
@media (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  .section-exploreour-vehicles .grid-block {
    grid-template-columns: 3fr 5fr;
  }
  .section-exploreour-vehicles .grid-block:nth-child(2) {
    grid-template-columns: 5fr 3fr;
  }
  .section-modern-technology {
    height: 100vh;
  }
  .swiper-showroom-item {
    height: auto;
  }
  .swiper-showroom-item .swiper-slide {
    flex: none;
    height: auto;
    width: 300px;
  }
  .swiper-showroom-item .swiper-slide:hover {
    flex: none;
  }
}
@media (max-width: 991.98px) {
  .card-review .box-caption {
    height: 200px;
    display: grid;
    align-items: flex-end;
  }
  .swiper-showroom-item {
    height: auto;
  }
  .swiper-showroom-item .swiper-slide {
    flex: none;
    width: 300px;
  }
  .swiper-showroom-item .swiper-slide:hover {
    flex: none;
  }
  .swiper-showroom-item .swiper-slide {
    height: 380px;
  }
  .section-gallery .grid-wrapper {
    grid-auto-rows: 145px;
  }
  .section-pano .pano-caption {
    height: calc(100% + 100px);
  }
  .swiper-related-item {
    margin-right: -20px;
  }
  .swiper-related-item .swiper-slide {
    width: 295px !important;
  }
  .section-design-center .item-content {
    min-height: 200px;
  }
  .swiper-design-item .swiper-slide {
    width: 330px;
  }
  .section-general-design .slide-item .box-img:after {
    content: "";
    display: flex;
    position: relative;
    aspect-ratio: 2/3;
  }
  .section-general-design .slide-item .box-img img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .pagination-mobile {
    margin-right: 15px;
  }
  .bg-responsive.desktop {
    display: none;
  }
  .bg-responsive.mobile {
    display: block;
  }
  .swiper-review-item .swiper-slide {
    width: 265px;
  }
  .section-exploreour-vehicles .grid-block {
    grid-template-columns: 1fr;
  }
  .card-media {
    grid-column: inherit !important;
  }
  .section-general-info .box-item {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
  }
  .section-general-info .box-item:last-of-type {
    padding-bottom: 0;
  }
  .section-general-info .box-item h3 {
    justify-content: center;
  }
  .section-general-info .box-item:after {
    right: inherit;
    left: 0;
    top: inherit;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .section-general-info .headline {
    margin-bottom: 50px;
  }
  .filter-box h4 {
    grid-column: span 2;
  }
  .grid-columns-list {
    padding: 0 15px;
  }
  .highlight-media {
    margin-bottom: 15px;
  }
  /* .swiper-showroom-item .swiper-slide {
        width: 300px;
    } */
  .slider-info-group {
    padding: 40px 20px 140px 20px;
  }
  .section.section-design-center {
    padding-bottom: 0;
  }
  .section-design-center .slick-arrow {
    bottom: -90px;
  }
  .section-brand-info .logo-brand {
    margin-bottom: 50px;
  }
  .section-brand-info .logo-brand img {
    width: 105px;
  }
  .section-brand-model .action-links {
    flex-direction: column;
    gap: 18px;
  }
}

@media (max-width: 767.98px) {
  .nopadding-m {
    padding-bottom: 0 !important;
  }
  .nopadding-top-m {
    padding-top: 0 !important;
  }
  .parallax-desktop {
    display: none;
  }
  .parallax-mobile {
    display: block;
  }
  .section-modern-technology {
    padding: 70px 0;
  }
  .swiper-pagination {
    bottom: 35px;
  }
  .link-underline {
    font-size: 16px;
  }
  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .headline {
    margin-bottom: 35px;
  }
  .entry-category span {
    font-size: 10px;
  }
  .section-master-brand-pano .pano-caption {
    width: 100%;
    left: 0;
    padding: 0 20px;
    bottom: 100px;
  }
  .section-master-brand-pano .pano-logo img {
    width: 265px;
    height: auto;
  }
  .swiper-event-item .swiper-slide .card-event .box-caption {
    padding: 16px 20px !important;
  }
  .swiper-event-item .swiper-slide .card-event .box-caption h3 a {
    font-size: 14px !important;
  }
  .swiper-event-item .card-event .box-caption {
    grid-gap: 6px;
  }
  .swiper-design-item .swiper-slide {
    width: 290px;
  }
  .section-partner {
    padding: 60px 0;
    height: 149vw;
  }
  .section-partner .partner-logo {
    width: 100%;
  }
  .section-partner .container {
    height: 100%;
    display: grid;
    align-items: center;
  }
  .section-partner .block-content {
    max-width: 100%;
    grid-gap: 40px;
  }
  .section-general-info .box-item {
    width: 80%;
  }
  .swiper-exploreour .swiper-pagination.pagination-right {
    right: 20px;
    bottom: 20px;
  }
  .section-exploreour-vehicles .block-content {
    padding: 60px 24px 50px;
  }
  .section-brand-model {
    height: 116.9vw;
  }
  .section-brand-model .action-links {
    gap: 18px;
  }
  .text-link {
    font-size: 16px;
  }
  .section-gallery {
    padding-bottom: 0;
  }
  .section-gallery .grid-wrapper {
    grid-auto-rows: 80px;
  }
  .section-gallery .zoom {
    width: 16px;
    height: 16px;
    right: 8px;
    bottom: 8px;
    background-size: contain;
  }
  .container-pagination {
    padding: 0 20px;
  }
  .section-features .accordion-header span {
    width: 24px;
    height: 24px;
  }
  .section-features .accordion-header span:before,
  .section-features .accordion-header span:after {
    width: 12px;
  }
  .section-features .accordion-header span:after {
    margin-left: 4px;
  }
  .faq-container {
    padding-left: 20px;
  }
  .section-features .accordion-container img {
    margin-top: 15px;
  }
  .section-modern-technology {
    display: grid;
    padding: 70px 0;
  }
  .section-modern-technology .block-content {
    opacity: 1;
  }
  .section-modern-technology .area-content {
    height: 40vh;
  }
  .section-modern-technology .block-img {
    position: relative;
    height: 360px;
    width: 375px;
    margin: 0 auto;
  }
  .section-modern-technology .block-img.bottom {
    height: 365px;
  }
  .section-modern-technology .block-img img {
    position: absolute;
  }
  .section-modern-technology .block-img.top img:nth-of-type(1) {
    width: 40%;
    left: -10px;
    top: 0px;
  }
  .section-modern-technology .block-img.top img:nth-of-type(2) {
    width: 40%;
    top: 30px;
    right: 30px;
  }
  .section-modern-technology .block-img.top img:nth-of-type(3) {
    width: 60%;
    bottom: 50px;
    left: 30px;
  }
  .section-modern-technology .block-img.top img:nth-of-type(4) {
    width: 55%;
    bottom: 0;
    right: -120px;
  }

  .section-modern-technology .block-img.bottom img:nth-of-type(1) {
    width: 48%;
    top: 0;
    left: 10px;
  }
  .section-modern-technology .block-img.bottom img:nth-of-type(2) {
    width: 34%;
    right: 20px;
    top: 100px;
  }
  .section-modern-technology .block-img.bottom img:nth-of-type(3) {
    width: 35%;
    left: 20px;
    bottom: 100px;
  }
  .section-modern-technology .block-img.bottom img:nth-of-type(4) {
    width: 55%;
    right: -20px;
    bottom: 0;
  }

  .swiper-event-item .swiper-slide {
    flex: 0 0 80vw;
  }
  .swiper-event-item .swiper-slide:nth-child(2),
  .swiper-event-item .swiper-slide:nth-child(3) {
    flex: 0 0 40vw;
  }
  .swiper-pagination-switch .switch-title span {
    font-size: 14px;
  }
  .swiper-pagination-switch.active .switch-title span {
    font-size: 20px;
  }
  .swiper-pagination-switch .switch-title h3 {
    font-size: 20px;
  }
  .swiper-pagination-switch.active .switch-title h3 {
    font-size: 30px;
  }
  .swiper-timeline-wrapper .swiper-pagination-progressbar {
    margin-bottom: 40px;
  }
  .swiper-timeline-wrapper
    .swiper-pagination-custom-timeline
    .swiper-pagination-switch
    .switch-title {
    bottom: 60px;
  }
  .swiper-timeline-wrapper
    .swiper-pagination-custom-timeline
    .swiper-pagination-switch
    .switch-title:after {
    width: 12px;
    height: 12px;
  }
  .swiper-timeline-wrapper .swiper-pagination-progressbar {
    width: 90%;
    left: -10px;
  }
  .swiper-timeline-wrapper .swiper-pagination-custom-timeline {
    width: 90%;
    left: -10px;
    height: 100%;
  }
  .scroll-progressbar {
    bottom: 0;
  }
  .modal-promotion .xclose {
    top: -40px;
  }
  .modal-promotion .xclose img {
    width: 30px;
  }
  .section-modern-technology {
    height: auto;
  }
  .section-pano .pano-caption .desc span {
    display: block;
  }
  .swiper-event-item {
    height: 58vw;
  }
}

@media (max-width: 390px) {
  .headline h2 span {
    display: block;
  }
}