html {
  scroll-behavior: smooth;
}
.logo_link {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.logo_link img{
  width: 25vw;
  max-height: 320px;
  max-width: 250px;
}
 picture {
    width: 100%;
  }
body.storepage_20 .sxfi-pdtname {
  font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (2560 - 320))) !important;
  line-height: calc(40px + (35 - 25) * ((100vw - 320px) / (2560 - 320))) !important;
  font-weight: 700;
}
body.storepage_20,
body.storepage_20 h1,
body.storepage_20 h2,
body.storepage_20 h3,
body.storepage_20 h4,
body.storepage_20 p {
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, 宋体 !important;
}
body.storepage_20 h2.product-tagline,
body.storepage_20 .gallery-thumbnail {
  display: none;
}
body.storepage_20 h1.product-name-large {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
body.storepage_20 .sxfi-trio-logo {
    width: 100%;
    max-width: 320px;
  }
.product-hero-container {
  background: url(./logo_23_awards.png), url(./hero-sxfi-trio-mobile-v2.jpg), #e9e9e9;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, bottom center;
  padding-bottom: calc(85vw * 633 / 828);
  background-size: 25% auto, 100% auto;
  border-bottom: 0 !important;
}

body.storepage_20 .product-hero-container {
  background: url(./ces_23_award_black_cn.png?width=291), url(./hero-sxfi-trio-mobile-v2.jpg), #e9e9e9;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, bottom center;
  padding-bottom: calc(85vw * 633 / 828);
  background-size: 25% auto, 100% auto;
  border-bottom: 0 !important;
}

.section-header-wrapper {
  background: #e9e9e9;
}

.hero-wrapper {
  display: none;
}

.product-hero-container .container {
  padding-left: 0;
  padding-right: 0;
}

.product-hero-container h1,
.product-hero-container h2 {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.product-hero-container h1.product-name-large {
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

.product-hero-container h1.product-name-large .fw900 {
  font-size: 60px;
  line-height: 60px;
  display: block;
  font-weight: 900;
}

.hero-wrapper img {
  margin-bottom: 0 !important;
}

#features .feature-subheader {
  font-weight: 700;
  margin-bottom: 0.7em;
  letter-spacing: 1px;
  font-size: calc(18px + (36 - 20) * ((100vw - 320px) / (2560 - 320))) !important;
  line-height: calc(28px + (36 - 20) * ((100vw - 320px) / (2560 - 320))) !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}
.sxfi-h4-size {
  font-size: calc(22px + (50 - 24) * ((100vw - 320px) / (2560 - 320))) !important;
  line-height: calc(30px + (50 - 24) * ((100vw - 320px) / (2560 - 320))) !important;
  font-weight: 700;
  margin: 0 0 0.5em;
}
.sxfi-p-size {
  font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (2560 - 320))) !important;
  line-height: calc(25px + (24 - 15) * ((100vw - 320px) / (2560 - 320))) !important;
  font-weight: 400;
  margin-top: 0.5em;
}

.avalanche-font {
  font-family: avalanche, sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: calc(40px + (90 - 40) * ((100vw - 320px) / (2560 - 320))) !important;
  line-height: calc(44px + (90 - 40) * ((100vw - 320px) / (2560 - 320))) !important;
}
body.storepage_20 .avalanche-font {
  font-family: source-han-sans-traditional,sans-serif !important;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 42px !important;
  line-height: 46px !important;
}
.section_overlay > div {
  padding: 30px 40px !important;
}
.mhl_review1,
.mhl_review2 {
  position: absolute;
  left: 5%;
  width: 25%;
  line-height: 1.5em;
  max-width: 400px;
}

.mhl_review1 p,
.mhl_review2 p {
  color: #fff !important;
  font-size: 1.7vw !important;
  font-weight: 600;
}

.mhl_review1 p:first-of-type,
.mhl_review2 p:first-of-type {
  margin-top: 0;
  margin-bottom: 0.3em;
}

.mhl_review1 p:first-of-type:before,
.mhl_review2 p:first-of-type:before {
  content: "“";
}

.mhl_review1 p:first-of-type:after,
.mhl_review2 p:first-of-type:after {
  content: "”";
}

.mhl_review1 p:last-of-type,
.mhl_review2 p:last-of-type {
  margin-top: 0;
  margin-bottom: 0;
}

.mhl_review1 {
  top: 10%;
}

.mhl_review2 {
  top: 64%;
}


.mhl_link_bestofces {
  position: absolute;
  top: 30%;
  right: 5%;
  width: 20%;
  height: 36%;
}

.mhl_link_bestofces a {
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: none;
}

.section_hearcinematic {
  background: #f2f2f2 url('./cinematic_audiov2.jpg') no-repeat;
  background-size: auto calc(100vw * 1080 / 1500) !important;
  background-position: right top;
  padding-top: calc(100vw * 1080 / 1500);
}
.section_hearcinematic>div {
    background: #f2f2f2 !important;
}
body.storepage_20 .section_hearcinematic,
body.storepage_29 .section_hearcinematic {
  background: #fff url('./cinematic_audio.jpg') no-repeat;
  background-size: auto calc(100vw * 1080 / 1500) !important;
  background-position: right top;
  padding-top: calc(100vw * 1080 / 1500);
}
.section_videocalls {
  background: #01131D url('./video_call.jpg') no-repeat;
  background-size: auto calc(100vw * 1184 / 1454) !important;
  background-position: right top;
  padding-top: calc(100vw * 1184 / 1454);
}
.section_videocalls>div {
    background: #01131D !important;
}
.section_videocalls p {
  color: #fff !important;
}
.section_forallmedia {
  background: #000 url('./media.jpg') no-repeat;
  background-size: auto calc(100vw * 1184 / 1900);
  background-position: left top;
  padding-top: calc(100vw * 1184 / 1900);
}
body.storepage_20 .section_forallmedia {
  background: #000 url('./cn/all_media_content_CN.jpg') no-repeat;
  background-size: auto calc(100vw * 1184 / 1900);
  background-position: left top;
  padding-top: calc(100vw * 1184 / 1900);
}
.section_forallmedia .forallmedia_text {
    color: #fff;
  }

.section_customizeyoureq {
  background: #f1f1f1 url('./custmize_eq.jpg') no-repeat;
  background-size: auto calc(100vw * 1080 / 1900);
  background-position: right top;
  padding-top: calc(100vw * 1080 / 1900);
}

.section_customizeyoureq .customizeyoureq_text {
    color: #000;
  }

  .features-contents div[class^='button-'],
section.product-info-container div[class^='button-'] {
  border: 2px solid #000;
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 10px 40px 10px 20px;
}

.features-contents .product-info-container-light div[class^='button-'],
section.product-info-container .product-info-container-light div[class^='button-'] {
  border: 2px solid #000;
  color: #000;
}

.features-contents .product-info-container-dark div[class^='button-']:after,
section.product-info-container .product-info-container-dark div[class^='button-']:after,
.features-contents .product-info-container-light div[class^='button-']:after,
section.product-info-container .product-info-container-light div[class^='button-']:after {
  content: "\2B";
  color: #000;
  position: absolute;
  right: 14px;
  font-size: 18px;
  line-height: 18px;
  top: calc(50% - 9px);
}

.features-contents div[class^='button-'].open:after,
section.product-info-container div[class^='button-'].open:after {
  content: "\2D";
}

.wrapper_button_control {
  margin-bottom: 30px;
}

.section_customizeyoureq2 {
  border-top: 1px solid #e3e3e3;
  background: #fff;
  height: auto;
  max-height: 0;
  transition: max-height 1s ease;
  overflow: hidden;
}

.section_customizeyoureq2.open {
  max-height: none;
}

.section_hybridtriple {
  background: #000 url('./triple-driver_mobile.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}

body.storepage_2 .section_hybridtriple {
  background-image:url('./localise/triple-driver_mobile_jp.jpg');
}

body.storepage_9 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_mobile_de.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}

body.storepage_8 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_mobile_fr.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}
body.storepage_10 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_mobile_it.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}
body.storepage_11 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_mobile_es.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}
body.storepage_37 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_mobile_pl.jpg') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}
body.storepage_20 .section_hybridtriple {
  background: #000 url('./cn/triple-driver_mobile_CN.jpg?v=0.1') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}
body.storepage_29 .section_hybridtriple {
  background: #000 url('./tw/triple-driver_mobile_tw.jpg?v=0.1') no-repeat;
  background-size: auto calc(100vw * 911 / 828);
  background-position: center bottom;
  padding-bottom: calc(100vw * 911 / 828);
}

.section_hybridtriple .hybridtriple_text {
    color: #fff;
  }

  .section_auraseal {
  background: #000 url('./noise_isolation.jpg?v=0.1') no-repeat;
  background-size: auto calc(100vw * 1080 / 1900);
  background-position: left top;
  padding-top: calc(100vw * 1080 / 1900);
}

.section_auraseal .auraseal_text,
.section_auraseal .auraseal_text p,
.section_auraseal h4 {
    color: #fff !important;
  }
.section_comfortable {
  background: #20314a url('./comfortable.jpg?v=0.1') no-repeat;
  background-size: auto calc(100vw * 1080 / 1500) !important;
  background-position: right top;
  padding-top: calc(100vw * 1080 / 1500);
}
@media screen and (min-width:768px) {
  .logo_link {
  bottom: 5%;
  left: 71vw;
  right: auto;
}
.logo_link img {
  height: 25vw;min-height: 280px;
}
  .product-info-row{
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .product-hero-container {
    background: url(./logo_23_awards.png), url(./hero-sxfi-trio-v2.jpg), #e9e9e9;
    background-repeat: no-repeat, no-repeat;
    background-position: 70vw 90%, top center !important;
    background-size: auto 40%, auto 80%;
    padding-bottom: 0 !important;
  }
  body.storepage_20 .product-hero-container {
    background: url(./ces_23_award_black_cn.png?width=291), url(./hero-sxfi-trio-v2.jpg), #e9e9e9;
    background-repeat: no-repeat, no-repeat;
    background-position: 70vw 90%, top center !important;
    background-size: auto 40%, auto 80%;
    padding-bottom: 0 !important;
  }
  .product-hero-container .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 620px;
  }

  .product-hero-container h1,
  .product-hero-container h2,
  .product-hero-container h3 {
    width: 70%;
    margin-left: 0;
    margin-right: 0;
  }

  .product-hero-container h1.product-name-large .fw900 {
    font-size: 62px;
    line-height: 62px;
  }

  .hero-wrapper img {
    display: none !important;
  }

  .gallery-thumbnail {
    margin-bottom: 0;
  }
  .section_hearcinematic {
    background-size: 100% auto !important;
    background-position: center top;
    padding-top: calc(100vw * 1080 / 1538);
  }
  body.storepage_20 .section_hearcinematic,
  body.storepage_29 .section_hearcinematic {
    background-size: 100% auto !important;
    background-position: center top;
    padding-top: calc(100vw * 1080 / 2560);
  }
  .section_hearcinematic>div {
    position: relative;
    width: 100%;
  }
  .section_videocalls {
    background-size: 100% auto !important;
    background-position: center top;
    padding-top: calc(100vw * 1184 / 1454);
  }
  .section_videocalls>div {
    position: relative;
    width: 100%;
  }
  .section_hybridtriple {
  background: #000 url('./triple-driver.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_2 .section_hybridtriple {
  background-image:url('./localise/triple-driver_jp.jpg');
}
body.storepage_8 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_fr.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_9 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_de.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_10 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_it.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_11 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_es.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_37 .section_hybridtriple {
  background: #000 url('./localise/triple-driver_pl.jpg') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_20 .section_hybridtriple {
  background: #000 url('./cn/triple-driver_CN.jpg?v=0.1') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
body.storepage_29 .section_hybridtriple {
  background: #000 url('./tw/triple-driver_tw.jpg?v=0.1') no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: calc(75vw * 1525 / 1707);
  background-size: 85%;
}
.section_comfortable {
    background-size: 100% auto !important;
    background-position: center top;
    padding-top: calc(100vw * 1080 / 2560);
  }
  .section_comfortable>div {
    position: relative;
    width: 100%;
  }
}

@media screen and (min-width:992px) {
  .hidden-992 {
    display: none;
  }
  body.storepage_20 .sxfi-trio-logo {
    max-width: 380px;
  }

  #features .border-right {
    border-right: 1px solid #4d4d4d;
  }
  .product-hero-container h1,
  .product-hero-container h2,
  .product-hero-container h3 {
    width: 40%;
  }

  .product-hero-container .container {
    min-height: 760px;
  }

  .mhl_link_bestofces {
    top: 22%;
    right: 4%;
    width: 19%;
    height: 50%;
  }

  #sxfi_video_bg video {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
  }

  #sxfi_video_bg video {
    min-height: calc(100vw * 676 / 1440);
  }
}

@media screen and (min-width:1200px) {
  .product-hero-container {
    background-size: auto 35%, auto 90% !important;
    min-height: 800px;
  }
  .section_hearcinematic h4,
  .section_hearcinematic p,
  .section_videocalls h4,
  .section_videocalls p,
  .section_comfortable h4,
  .section_comfortable p {
    margin: 20px 0;
  }
  
  .section_hearcinematic {
    background-size: contain !important;
    height: calc(75vw * 1080 / 1538);
    background-position: -20% 0 !important;
    padding-top: 0;
    max-height: 1080px;
  }
  body.storepage_3 .section_hearcinematic {
    background-size: 80% auto !important;
    background-position: right top !important;
  }
  body.storepage_20 .section_hearcinematic,
  body.storepage_29 .section_hearcinematic {
    background-size: cover !important;
    height: calc(110vw * 1080 / 2560);
    padding-top: 0;
    background-position: right center !important;
  }
  .section_overlay > div {
    padding: 30px 0px !important;
  }
  .section_hearcinematic>div {
    width: 50% !important;
    max-width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  body.storepage_20 .section_hearcinematic>div,
  body.storepage_29 .section_hearcinematic>div {
    background: rgba(255,255,255,0.85) !important;
    width: 60% !important;
    max-width: 1200px;
        height: 100%;
    display: flex;
    align-items: center;
  }
  .section_hearcinematic>div>div { 
    margin: 0 auto;
    max-width: 800px;
    padding: 0 30px;
  }
  .section_videocalls {
    background-size: contain !important;
    height: calc(75vw * 1184 / 1454);
    background-position: 120% 0 !important;
    padding-top: 0;
    max-height: 1184px;
  }
.section_videocalls>div {
    width: 50% !important;
    max-width: 1200px;
        height: 100%;
    display: flex;
    align-items: center;
  }
  .section_videocalls>div>div { 
    margin: 0 auto;
    max-width: 800px;
    padding: 0 30px;
  }
  .section_forallmedia {
    background-size: contain !important;
    background-position: -150px;
    height: calc(100vw * 1184 / 2560);
    padding-top: 0 !important;
    display: flex;
    align-items: center;
  }

  .section_forallmedia .row.breakout {
    display: flex;
    justify-content: flex-end;
    padding-right: 4vw;
  }
  body.storepage_20 .section_forallmedia .row.breakout {
    padding-right: 3vw;
    padding-bottom: 10vw;
  }
  .section_forallmedia .forallmedia_text {
    max-width: 620px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_customizeyoureq {
    background-size: contain;
    height: calc(100vw * 1080 / 2560);
    padding-top: 0 !important;
    display: flex;
    align-items: center;
  }

  .section_customizeyoureq .row.breakout {
    display: flex;
    justify-content: flex-start;
    padding-left: 2vw;
  }
  .section_customizeyoureq .customizeyoureq_text {
    max-width: 620px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_hybridtriple {
    background-position: 140% !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    background-size: 75% !important;
    height: calc(75vw * 1525 / 1707);
    max-height: 1525px;
  }

  .section_hybridtriple .row.breakout {
    display: flex;
    justify-content: flex-start;
    padding-left: 2vw;
  }
  .section_hybridtriple .hybridtriple_text {
    max-width: 620px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .section_auraseal {
    background-size: contain;
    height: calc(100vw * 1080 / 2560);
    padding-top: 0 !important;
    display: flex;
    align-items: center;
  }

  .section_auraseal .row.breakout {
    display: flex;
    justify-content: flex-end;
    padding-right: 2vw;
    padding-bottom: 10vw;
  }
  .section_auraseal .auraseal_text {
    max-width: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .section_comfortable {
    background-size: cover;
    height: calc(100vw * 1080 / 2560);
    padding-top: 0;
  }
  .section_comfortable>div {
    background: rgba(32,49,74,0.8) !important;
    width: 50% !important;
    max-width: 900px;
    display: flex;
    align-items: center;
  }
  .section_comfortable>div>div { 
    margin: 0 auto;
    max-width: 800px;
    padding: 0 30px;
  }
  .controlsoverview_text {
    max-width: 700px;
  }
}
@media screen and (min-width: 1800px) {
  .section_hearcinematic {
    height: calc(60vw * 1080 / 1538);
    background-position: left center !important;
  }
  body.storepage_3 .section_hearcinematic {
    background-size: 80% auto !important;
    background-position: right top !important;
  }
  .section_hearcinematic>div {
    width: 40% !important;
  }
  .section_videocalls {
    height: calc(60vw * 1184 / 1454);
    background-position: right center !important;
  }
  .section_videocalls>div {
    width: 40% !important;
  }
}
@media screen and (min-width: 2000px) {
  .product-hero-container {
    background-position: 65vw 90%, top center;
  }
  
}

@media screen and (max-width: 1199px) {
  .section_overlay > div {
    position: relative !important;
    width: 100% !important;
  }
  .section_forallmedia .forallmedia_text,
  .section_customizeyoureq .customizeyoureq_text,
  .section_hybridtriple .hybridtriple_text,
  .section_auraseal .auraseal_text,
  .controlsoverview_text {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.section_controlsoverview .order-1 {
  order: 2;
}

.section_controlsoverview .order-2 {
  order: 1;
}
}