/*========================== Hero Section ============================*/

.product-hero-container.sound-blaster-x4 {
	background:#181715 url(./img/X4_MHL_mobile.jpg) no-repeat center bottom;
	background-size:100% auto;
	padding-bottom:calc(200px + (500 - 200) * ((100vw - 320px) / (991 - 320)));
	border-bottom:none;
}
.product-hero-container.sound-blaster-x4 h1 {
	font-family:industry-inc-base,sans-serif;
	font-size:calc(32px + (50 - 32) * ((100vw - 320px) / (991 - 320)));
	color:#535353;
}
.product-hero-container.sound-blaster-x4 h2 {
	max-width:475px;
	color:#bbb !important;
	font-weight:300;	
}

.product-hero-container.sound-blaster-x4 .hero-wrapper {
	display:none;
}

@media screen and (min-width:768px) {
	.product-hero-container.sound-blaster-x4 h1 {
		width:90%;
	}
	.product-hero-container.sound-blaster-x4 h2 {
		max-width:none;
	}
}

@media screen and (min-width:992px) {
	.product-hero-container.sound-blaster-x4 {
		background:#090909 url(./img/X4_MHL_1.jpg) no-repeat center top;
		background-size:calc(1470px + (1700 - 1470) * ((100vw - 992px) / (1200 - 992))) auto;
		padding-top:14%;
		min-height:calc(510px + (900 - 510) * ((100vw - 992px) / (1920 - 992)));
		padding-bottom:0;
	}
	.product-hero-container.sound-blaster-x4 .container {
		width:calc(970px + (1110 - 970) * ((100vw - 992px) / (1200 - 992)));
	}
	.product-hero-container.sound-blaster-x4 h1 {
		display:none;
	}
	.product-hero-container.sound-blaster-x4 h2 {
		font-size:calc(19px + (25 - 19) * ((100vw - 768px) / (1920 - 768)));
	}
}

@media screen and (min-width:1200px) {
	.product-hero-container.sound-blaster-x4 {
		background-size:calc(1700px + (2600 - 1700) * ((100vw - 1200px) / (1920 - 1200))) auto;
	}
	.product-hero-container.sound-blaster-x4 .container {
		width:calc(1110px + (1700 - 1110) * ((100vw - 1200px) / (1920 - 1200)));
	}
}

@media screen and (min-width:1920px) {
	.product-hero-container.sound-blaster-x4 {
		background-size:136vw auto;
		min-height:47vw;
	}
	.product-hero-container.sound-blaster-x4 .container {
		width:88vw;
	}
	.product-hero-container.sound-blaster-x4 h2 {
		width:35%;
    max-width: 620px;
		font-size:25px;
		line-height: 1.8;
	}
}

@media screen and (min-width:4096px) {
	.product-hero-container.sound-blaster-x4 .container {
		width:87.8vw;
	}
}



/*========================== Feature Section ==========================*/

/*put this comment if use css for bundle*/
#features .section-header-wrapper {
	background:#090909;
	padding-top:10px;
}

#features .sbx4 .section_overview {
	background:#090909 url('./img/2_bg_1.jpg') no-repeat bottom;	
	background-size:200vw auto;
}
#features .sbx4 .section_overview .container-fluid {
	width:100%;
	max-width:1150px;
}
#features .sbx4 .section_overview span {
	display:block;
}
#features .sbx4 .section_overview .group_icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#features .sbx4 .section_overview .group_icon > div {
	width:94%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
  background-position: center 20px;
	background-size:120px 120px;
	background-repeat:no-repeat;
	padding-top:160px;
	padding-bottom:30px;
}
#features .sbx4 .section_overview .group_icon .item_multichannel {
	background-image:url('./img/1_icon_1_multichannel.png');	
}
#features .sbx4 .section_overview .group_icon .item_surround {
	background-image:url('./img/1_icon_2_surround.png');	
}
#features .sbx4 .section_overview .group_icon .item_ioconnector {
	background-image:url('./img/1_icon_3_ioconn.png');	
}
#features .sbx4 .section_overview .group_icon .item_communication {
	background-image:url('./img/1_icon_4_comms.png');	
}
#features .sbx4 .section_overview .group_icon .item_control {
	background-image:url('./img/1_icon_5_convenience.png');	
}
#features .sbx4 .section_overview .group_icon .item_software {
	background-image:url('./img/1_icon_6_software.png');	
}
#features .sbx4 .section_overview .group_icon .item_hppamp {
	background-image:url('./img/1_icon_7_hpamp.png');	
}
#features .sbx4 .section_overview .group_icon .item_power {
	background-image:url('./img/1_icon_8_power.png');	
}
#features .sbx4 .section_overview .group_icon .item_audio {
	background-image:url('./img/1_icon_9_quality.png');	
}
#features .sbx4 .section_overview .group_icon .item_gaming {
	background-image:url('./img/1_icon_8_gaming.png');	
}
#features .sbx4 .section_overview .group_icon .txt {
	position:relative;
	width:100%;
	padding:0 10px;
	text-align:center;
	color:#eee;
}
#features .sbx4 .section_overview .group_icon .txt .title {
	font-family:"industry-inc-inline-stroke",sans-serif;
	font-size:calc(26px + (34 - 26) * ((100vw - 320px) / (1920 - 320)));
	font-weight:400;
	line-height:1.4;
}
#features .sbx4 .section_overview .group_icon .txt .desc {
	font-size:18px;
	font-weight:300;
	line-height:1.3;
	padding-top:5px;
}
#features .sbx4 .section_overview .group_icon .txt ul {
	margin:0;
	padding-left:0;
	list-style-type: none;
}
#features .sbx4 .section_overview .group_icon .txt li {
	padding-bottom:10px;
}
#features .sbx4 .section_overview .group_icon .txt li:before {
	content:'● ';
	display:inline;
	font-size:12px;
}

#features .sbx4 .section_sxfi {
	background:#e6e6e6;
	position: relative;
}
#features .sbx4 .section_sxfi .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_sxfi:before {
	content:"";
	width:1px;
	height:1px;
	left:calc(50vw - 30px);
	top:-1px;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #090909 transparent transparent transparent;
  position: absolute;
}
#features .sbx4 .section_sxfi .btn_wrapper {
	position:relative;
}

#features .sbx4 .section_sxfi .btn_wrapper .anchor {
	position:relative;
	top:-58px;
}

#features .sbx4 .section_sxfi .bg_sxfi {
	background:url('./img/2_icon_sxfi.png') no-repeat;
	background-size:180px 180px;
	background-position:left top;
	padding-top:190px;
}
#features .sbx4 .section_sxfi .btn_wrapper {
	margin-top:30px;
}
#features .sbx4 .section_sxfi_expand {
	background:#17224f;
	color:#ddd;
	position:relative;
}
#features .sbx4 .section_sxfi_expand .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_sxfi_expand p {
	margin-bottom:20px;
}
#features .sbx4 .section_sxfi_expand ol {
	padding-left:25px;
	margin:0 0 20px 0;
	counter-reset: item;
}
#features .sbx4 .section_sxfi_expand li {
	padding-bottom:30px;
	list-style-type:none;
	counter-increment: item;
	padding-left:1.5em;
	position:relative;
}
#features .sbx4 .section_sxfi_expand li:last-of-type {
	padding-bottom:0;
}
#features .sbx4 .section_sxfi_expand li:before {
	position:absolute;
	left:0;
	top:0;
	display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

#features .sbx4 .section_sbsurround,
#features .sbx4 .section_dolby {
	background:#e6e6e6;
}
#features .sbx4 .section_sbsurround .container-fluid,
#features .sbx4 .section_dolby .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_sbsurround .bg_sbae {
	background:url('./img/2_icon_sbae.png') no-repeat;
	background-size:180px 180px;
	background-position:left top;
	padding-top:190px;	
}
#features .sbx4 .section_dolby .bg_dolby {
	background:url('./img/2_icon_dolby.png') no-repeat;
	background-size:180px 80px;
	background-position:left top;
	padding-top:90px;
}

#features .sbx4 .section_gaming {
	background:#e6e6e6;
}
#features .sbx4 .section_gaming .row_review > div {
	display:flex;
}
#features .sbx4 .section_gaming .row_review .col1 {
	padding-bottom:40px;
}
#features .sbx4 .section_gaming .row_review .mode {
  display: flex;
  flex-direction: column;
  justify-content: space-between;  
}
#features .sbx4 .section_gaming .row_review .battle .desc {
	background:#454545 url('./img/2_icon_battlemode.png') no-repeat;
	background-position:center 20px;
}
#features .sbx4 .section_gaming .row_review .scout .desc {
	background:#454545 url('./img/2_icon_scoutmode.png') no-repeat;
	background-position:center 20px;
}
#features .sbx4 .section_gaming .row_review .mode .desc {
	background-size:225px auto;
	padding:110px 30px 30px 30px;
}
#features .sbx4 .section_gaming .row_review .desc p {
	font-size:clamp(16px,3vw,20px);
	font-weight:400;
	color:#fff;
	text-align:center;
}
#features .sbx4 .section_gaming .row_review .review {
	background:#f3f3f3;
	border-top:10px solid #e6e6e6;
	padding:30px;	
}
#features .sbx4 .section_gaming .row_review .review p {
	font-size:clamp(18px,3vw,24px);
	font-weight:400;
	color:#000;
	text-align:center;
}
#features .sbx4 .section_gaming .row_review .review p:before {
	content:'\201C';
	display:inline;
}
#features .sbx4 .section_gaming .row_review .review p:after {
	content:'\201D';
	display:inline;
}
#features .sbx4 .section_gaming .row_review .review .name {
	font-family: "industry-inc-base",sans-serif;
	font-size:clamp(20px,3vw,36px);
	font-weight:400;
	color:#3358fa;
	text-align:center;
	padding-top:20px;
}
#features .sbx4 .section_gaming .txt2 p.footnote {
	font-size:clamp(14px,3vw,20px);
	font-weight:300;
	text-align:center;
}
@media screen and (min-width:1200px) {
	#features .sbx4 .section_gaming .row_review .col1 {
		padding-bottom:0;
	}
	#features .sbx4 .section_gaming .row_review .mode {
		background-color:#454545;
	}
	#features .sbx4 .section_gaming .row_review .mode .desc {
		padding:110px 40px 40px 40px;
	}
	#features .sbx4 .section_gaming .row_review .review {
		padding:40px;
		min-height:440px;
	}
	#features .sbx4 .section_gaming .row_review .review .name {
		padding-top:30px;
	}
}
@media screen and (min-width:1920px) {
	#features .sbx4 .section_gaming .row_review .mode .desc {
		background-position:center 40px;
		background-size:450px auto;
		padding-top:220px;
	}
	#features .sbx4 .section_gaming .row_review .review {
		min-height:350px;
	}
}

#features .sbx4 .section_communication {
	background:#090909 url('./img/3_bg_1.jpg') no-repeat top;
	background-size:100vw auto;
}
#features .sbx4 .section_communication .container1 {
	max-width: 2560px;
}
#features .sbx4 .section_communication .feature-subheader.smartcomms {
	padding-left:32.5px;
	padding-right:32.5px;
	background:url('./img/3_smartcomms_title_1.png') no-repeat,url('./img/3_smartcomms_title_2.png') no-repeat;
	background-position:left,right;
	background-size:32.5px 40px, 32.5px 40px;  
}
#features .sbx4 .section_communication .feature-subheader.smartcomms > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: calc(70px + (100 - 70) * ((100vw - 320px) / (992 - 320)));
}
#features .sbx4 .section_communication .feature-subheader.smartcomms span span:first-of-type {
	padding-bottom:8px;
}
#features .sbx4 .section_communication .btn_wrapper {
	text-align:center;
}
#features .sbx4 .section_communication_expand {
	background:#17224f;
	color:#ddd;
	position:relative;
}
#features .sbx4 .section_communication_expand .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_communication_expand p {
	margin-bottom:20px;
}
#features .sbx4 .section_communication_expand ol {
	padding-left:25px;
	margin:0 0 20px 0;
	counter-reset: item;
}
#features .sbx4 .section_communication_expand li {
	padding-bottom:30px;
	list-style-type:none;
	counter-increment: item;
	padding-left:1.5em;
	position:relative;
}
#features .sbx4 .section_communication_expand li:last-of-type {
	padding-bottom:0;
}
#features .sbx4 .section_communication_expand li:before {
	position:absolute;
	left:0;
	top:0;
	display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
#features .sbx4 .section_communication_expand a {
	border-bottom:1px solid #fff;
}
#features .sbx4 .section_communication2 {
	background:#090909;
}
#features .sbx4 .section_communication2 .container1 {
	max-width:2560px;
}
#features .sbx4 .section_communication2 .bg_voicedetect {
	background:url('./img/3_icon_VD.png') no-repeat;
	background-size:100px 90px;
	background-position:left 30px;
	padding-top:calc(90px + 60px);
}
#features .sbx4 .section_communication2 .subheader2 {
	font-family: "industry-inc-base",sans-serif;
	font-size:calc(26px + (36 - 26) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
}
#features .sbx4 .section_communication2 .subheader3 {
	font-family: "industry-inc-inline-stroke",sans-serif;
	font-size:calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
	margin-bottom:30px;
}
#features .sbx4 .section_communication2 .bg_noiseclean {
	background:url('./img/3_icon_NC_OUT.png') no-repeat, url('./img/3_icon_NC_IN.png') no-repeat;
	background-size:120px 108px,120px 108px;
	background-position:0px 30px,140px 30px;
	padding-top:calc(108px + 60px);
}
#features .sbx4 .section_communication2 .footnote {
	font-size:13px;
	font-weight:300;
	color:#666;
}
.storepage_2 #features .sbx4 .section_communication2 .footnote {
	font-weight:400;
	color:#999;
}

#features .sbx4 .section_communication2 .container2 {
	max-width:1300px;
}
#features .sbx4 .section_communication2 .container2 .btn_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#features .sbx4 .section_communication2 .title_audiosample {
	font-family: "industry-inc-base",sans-serif;
	font-size:calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
}
#features .sbx4 .section_communication2 .btn_audio {
  box-shadow: 0 0 0 transparent;
  transition: .2s box-shadow ease;
  border: 2px solid #fff;
  border-radius: 40px;
  padding:10px 20px;
  color:#fff;
  cursor:pointer;
  font-size:calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#features .sbx4 .section_communication2 .btn_audio:hover {
	box-shadow: 1px 1px 3px #555;
}
#features .sbx4 .section_communication2 .btn_audio span:last-of-type {
	font-family: "industry-inc-base",sans-serif;
	font-size:calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
  display: inline-block;
  line-height: 30px;
  padding-top: calc(2px + (6 - 2) * ((100vw - 320px) / (1920 - 320)));
  padding-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}
#features .sbx4 .section_communication2 .btn_audio + .btn_audio {
	margin-top:10px;	
}
#features .sbx4 .section_communication2 .btn_audio.playing {
  background: #fff;
  color: #0C2240;
}
#features .sbx4 .section_communication2 .container3 .btn_wrapper {
	text-align:center;
}
#features .sbx4 .section_communication2_expand {
	background:#1c2534;
	position: relative;
	display:none;
	counter-reset: item_commguide;
	counter-reset: item_commpoint;
}
#features .sbx4 .section_communication2_expand.open {
	display:block;
}
#features .sbx4 .section_communication2_expand .image {
	position: relative;	
}
#features .sbx4 .section_communication2_expand .image img {
	width:100%;
	height:auto;
	max-width:none;
}
/*cursor pointer area on img*/
#features .sbx4 .section_communication2_expand .image div[num] {
	position: absolute;
	cursor:pointer;
	counter-increment: item_commguide;
	content: counter(item_commguide);
}
#features .sbx4 .section_communication2_expand .image div[num='1'],
#features .sbx4 .section_communication2_expand .image div[num='2'],
#features .sbx4 .section_communication2_expand .image div[num='3'],
#features .sbx4 .section_communication2_expand .image div[num='4'],
#features .sbx4 .section_communication2_expand .image div[num='5'],
#features .sbx4 .section_communication2_expand .image div[num='7'],
#features .sbx4 .section_communication2_expand .image div[num='8'],
#features .sbx4 .section_communication2_expand .image div[num='10'],
#features .sbx4 .section_communication2_expand .image div[num='11'] {
	left:0;
}
#features .sbx4 .section_communication2_expand .image div[num='6'] {
	right:9%;
}
#features .sbx4 .section_communication2_expand .image div[num='9'],
#features .sbx4 .section_communication2_expand .image div[num='12'] {
	right:6%;
}
#features .sbx4 .section_communication2_expand .image div[num='1'] {
	top:8%;
	height:7%;
	width:30%;
}
#features .sbx4 .section_communication2_expand .image div[num='2'] {
	top:22%;
	height:7%;
	width:85%;
}
#features .sbx4 .section_communication2_expand .image div[num='3'] {
	top:38%;
	height:7%;
	width:85%;
}
#features .sbx4 .section_communication2_expand .image div[num='4'] {
	top:51%;
	height:13%;
	width:78%;
}
#features .sbx4 .section_communication2_expand .image div[num='5'] {
	top:70%;
	height:7%;
	width:85%;
}
#features .sbx4 .section_communication2_expand .image div[num='6'] {
	top:10%;
	height:7%;
	width:24%;
}
#features .sbx4 .section_communication2_expand .image div[num='7'] {
	top:15%;
	height:15%;
	width:36%;
}
#features .sbx4 .section_communication2_expand .image div[num='8'] {
	top:43%;
	height:16%;
	width:53%;
}
#features .sbx4 .section_communication2_expand .image div[num='9'] {
	top:41%;
	height:18%;
	width:24%;
}
#features .sbx4 .section_communication2_expand .image div[num='10'] {
	top:18%;
	height:15%;
	width:33%;
}
#features .sbx4 .section_communication2_expand .image div[num='11'] {
	top:46%;
	height:16%;
	width:51%;
}
#features .sbx4 .section_communication2_expand .image div[num='12'] {
	top:45%;
	height:18%;
	width:25%;
}
#features .sbx4 .section_communication2_expand .image div[num] div {
	position: relative;
	width:100%;
	height:100%;	
	counter-increment: item_commpoint;
}
/*number with circle bg on img*/
#features .sbx4 .section_communication2_expand .image1 div[num]:nth-of-type(-n+5) div:before,
#features .sbx4 .section_communication2_expand .image2 div[num]:nth-of-type(-n+2) div:before,
#features .sbx4 .section_communication2_expand .image3 div[num]:nth-of-type(-n+2) div:before {
	content: counter(item_commpoint);
}
#features .sbx4 .section_communication2_expand .image1 div[num]:nth-of-type(6) div:after,
#features .sbx4 .section_communication2_expand .image2 div[num]:nth-of-type(3) div:after,
#features .sbx4 .section_communication2_expand .image3 div[num]:nth-of-type(3) div:after {
	content: counter(item_commpoint);
}
#features .sbx4 .section_communication2_expand .image div[num] div.left:before,
#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
	position: absolute;
	top:calc(50% - 7px);
	width:14px;
	height:14px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	color:#fff;
	background:#6bb5e4;
	border-radius:7px;
	font-size:12px;
	animation: pulse 2s infinite;
}
#features .sbx4 .section_communication2_expand .image div[num] div.left:before {
	left:-7px;
}
#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
	right:-7px;
}
#features .sbx4 .section_communication2_expand .borderline {
	border:2px dashed #6bb5e4;
	border-radius:20px;
  padding: 20px 20px;
  display:none;
  margin-top:10px;
}
#features .sbx4 .section_communication2_expand .borderline.on {
	display:block;
}
#features .sbx4 .section_communication2_expand .borderline .desc {
	font-size:calc(18px + (28 - 18) * ((100vw - 320px) / (2560 - 320)));
	color:#fff;
	display:none;
}
#features .sbx4 .section_communication2_expand .borderline .desc.on {
	display:block;
}
#features .sbx4 .section_communication2_expand .borderline .desc .title {
	font-size:calc(18px + (36 - 18) * ((100vw - 320px) / (2560 - 320)));
	font-weight:bold;
	color:#cf6f1a;
	padding-right:8px;
}

#features .sbx4 .section_crystalvoice {
	background:#090909 url('./img/3_bg_2.jpg') no-repeat top;
	background-size:cover;
}
#features .sbx4  .section_crystalvoice .container-fluid {
	max-width:2560px;
}
#features .sbx4  .section_crystalvoice a {
	border-bottom:1px solid #fff;
}

#features .sbx4  .section_connect {
	background:#e6e6e6;
}
#features .sbx4  .section_connect .txt1,
#features .sbx4  .section_connect .txt2,
#features .sbx4  .section_connect .txt3,
#features .sbx4  .section_connect .txt4,
#features .sbx4  .section_connect .txt5 {
	width:91.66666667%;
	margin-left:auto;
	margin-right:auto;
}
#features .sbx4  .section_connect .txt1 {
	margin:0 auto;
}
#features .sbx4  .section_connect .txt2,
#features .sbx4  .section_connect .txt3,
#features .sbx4  .section_connect .txt4,
#features .sbx4  .section_connect .txt5 {
	padding:20px 0;
}
#features .sbx4 .section_connect .txt1 {
	text-align:center;	
	counter-reset: num_connect;
}
#features .sbx4 .section_connect .txt2 h4:before,
#features .sbx4 .section_connect .txt3 h4:before,
#features .sbx4 .section_connect .txt4 h4:before,
#features .sbx4 .section_connect .txt5 h4:before {
	display:inline-block;
	padding-right:10px;
	color:#3558fa;
	content: counter(num_connect) ".";
}
#features .sbx4 .section_connect .txt h4:before {
	counter-increment: num_connect;
}
#features .sbx4 .section_connect .connect_img {
	position:relative;
	width:100%;
	height:100%;
	display:none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1294px;
}
#features .sbx4 .section_connect .connect_img img {
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	left:0;
	top:0;
}
#features .sbx4 .section_connect .connect_img img:first-of-type {
	position:relative;
}
#features .sbx4 .section_connect .connect_img img.show {
	opacity:1;
	filter: alpha(opacity=100);
}
#features .sbx4 .section_connect2 {
	background:#e6e6e6;
}
#features .sbx4 .section_connect2 .img {
	margin-top:20px;
}
#features .sbx4 .section_connect .feature-subheader,
#features .sbx4 .section_connect2 .feature-subheader {
	font-size:calc(28px + (40 - 28) * ((100vw - 768px) / (1200 - 768)));
}

#features .sbx4 .section_control {
	position: relative;
	background:#e6e6e6;
}
#features .sbx4 .section_control .slick_img {
	position:relative;
	display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#features .sbx4 .section_control .slick_img img {
	width:100%;
	max-width:none;
}
#features .sbx4 .section_control .slick_img .hover1,
#features .sbx4 .section_control .slick_img .hover2,
#features .sbx4 .section_control .slick_img .hover3 {
	cursor:pointer;
	position: absolute;	
	border-radius: 50%;
  bottom: 14.3vw;
  width: 9vw;
  height: 9vw;
}
#features .sbx4 .section_control .slick_img .hover1 {
	left: 31.5%;
}
#features .sbx4 .section_control .slick_img .hover2 {
	left: 45.6%;
}
#features .sbx4 .section_control .slick_img .hover3 {
	left: 59.5%;
}
#features .sbx4 .section_control .slick_img .hover1.clicked,
#features .sbx4 .section_control .slick_img .hover2.clicked,
#features .sbx4 .section_control .slick_img .hover3.clicked {
	border: 3px solid #fff;
	box-shadow: 0 0 15px 8px #625a95;
}
#features .sbx4 .section_control .slick_img .hover1.blink,
#features .sbx4 .section_control .slick_img .hover2.blink,
#features .sbx4 .section_control .slick_img .hover3.blink {
	animation: pulse 2s infinite;
}
#features .sbx4 .section_control .slick_control .slick-slide {
	padding:0 25px;
}
section#features .sbx4 .section_control .slick_control .feature-subheader,
section#features .sbx4 .section_control .slick_control p {
	text-align:center;
}
#features .sbx4 .section_control .slick_control .prev,
#features .sbx4 .section_control .slick_control .next {
  padding: 0;
  position: absolute;
  font-size: 50px;
  top: 50%;
  width: 20px;
  height: 50px;
  border: none;
  cursor: pointer;
  color: #fff;
  z-index: 3;
  opacity: 1;
  display: none;
}
#features .sbx4 .section_control .slick_control .prev path,
#features .sbx4 .section_control .slick_control .next path {
	fill:#000;
}
#features .sbx4 .section_control .slick_control .prev {
  left: 0;
}
#features .sbx4 .section_control .slick_control .next {
  right: 0;
}
#features .sbx4 .section_control .slick-initialized~.prev,
#features .sbx4 .section_control .slick-initialized~.next {
	display:block;
}
#features .sbx4 .section_control .flex-valign-middle > div {
	width:100%;
	padding-bottom:30px;
}
#features .sbx4 .section_control .flex-valign-middle + .arrow {
	display:none;
}

#features .sbx4 .section_audiobalance {
	background:#e6e6e6;
}
#features .sbx4 .section_audiobalance_expand {
	background:#17224f;
	position:relative;
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}
section#features .sbx4 .section_audiobalance_expand .box {
	padding:10px;
}
#features .sbx4 .section_audiobalance_expand .header {
	font-size:calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
}
#features .sbx4 .section_audiobalance_expand .item {
	background:#1e3180;
	padding:20px;
}
#features .sbx4 .section_audiobalance_expand .item + .item {
	margin-top:20px;
}
#features .sbx4 .section_audiobalance_expand .item .title {
	font-size:calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
	font-weight:700;
	padding-bottom:10px;
}
#features .sbx4 .section_audiobalance_expand .item ol {
	padding-left:20px;
	margin-top:20px;
	margin-bottom:0;
}
#features .sbx4 .section_audiobalance_expand .item li {
	padding-bottom:20px;
}
#features .sbx4 .section_audiobalance_expand .item li:last-of-type {
	padding-bottom:0;
}
#features .sbx4 .section_audiobalance_expand .item a {
	border-bottom:1px solid #fff;
}

#features .sbx4 .section_customization {
	background:#090909;
}
#features .sbx4 .section_customization .note1 {
	font-size:12px;
	color:#878787;
	font-weight:300;
}
#features .sbx4 .section_customization .note2 {
	font-size:13px;
	color:#878787;
	font-weight:300;
	font-style:italic;
	color:#fff;
}

#features .sbx4 .section_audio {
	background:#000 url('./img/7_bg_1.jpg') no-repeat center;
	background-size:cover;
}
#features .sbx4 .section_audio .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_audio .bg_black {
	padding:20px;
	position: relative;
}
#features .sbx4 .section_audio .bg_black * {
	position: relative;	
}
#features .sbx4 .section_audio .bg_black:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
	z-index:0;
}
#features .sbx4 .section_audio .feature-subheader {
	font-family: "industry-inc-inline-stroke",sans-serif;
}
#features .sbx4 .section_audio .feature-subheader span {
	font-family: "industry-inc-base",sans-serif;
}
#features .sbx4 .section_audio .icon img {
	max-width:calc(50% - 30px);
}
#features .sbx4 .section_audio .icon img + img {
	margin-left:50px;
}

#features .sbx4 .section_download {
	background:#090909;
	position: relative;
}
#features .sbx4 .section_download .container-fluid {
	max-width:2560px;
}
#features .sbx4 .section_download .txt2 {
	margin-top:60px;
}
#features .sbx4 .section_download .anchor {
	position:relative;
	top:-50px;
}
#features .sbx4 .section_download .img {
	max-width:40%;
}
#features .sbx4 .section_download .title {
	font-family: "industry-inc-base",sans-serif;
	font-size:calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
	margin-top:20px;
	margin-bottom:10px;
}
#features .sbx4 .section_download .icon {
	margin-top:20px;
}
#features .sbx4 .section_download .icon img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#features .sbx4 .section_download .icon .windows_mac {
	font-family: "industry-inc-base",sans-serif;
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color:#fff;
	background:#3258f9;
	border-radius:5px;
	padding:12px 10px 8px 10px;
	display: block;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#features .sbx4 .section_download .line {
	position:relative;
}
#features .sbx4 .section_download .line:before {
	content:'';
	background:#222d86;
	width:2px;
	height:100%;
	position: absolute;
	left:calc(50% - 1px);
	top:0;
}

#features .sbx4 .section_sxfi_expand .close,
#features .sbx4 .section_communication_expand .close,
#features .sbx4 .section_control_expand_x4 .close,
#features .sbx4 .section_audiobalance_expand .close,
#features .sbx4 .section_communication2_expand .close {
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(50% - 15px);
  top: auto;
  right: auto;
  font-size:20px;
  font-weight:400;
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color:#fff;
  padding:0;
}

@media screen and (min-width:550px) {
	#features .sbx4 .section_communication .feature-subheader.smartcomms {
		display: inline-block;
		padding-left:40px;
		padding-right:40px;
	}
}

@media screen and (min-width:768px) {
	#features .sbx4 .section_overview {
		background-size:130vw auto;
	}
	#features .sbx4 .section_overview .group_icon > div {
		max-width:none;
		padding-top:0;
		padding-left:160px;
		background-position:20px 0;
		padding-bottom:60px;
	}
	#features .sbx4 .section_overview .group_icon .txt {
		text-align:left;
		padding:20px 20px;
	}
	#features .sbx4 .section_overview .group_icon .txt:before {
		content:'';
		display:block;
		position: absolute;
		background:#3358fa;
		width:1px;
		height:100%;
		left:0;
		top:0;
	}
	#features .sbx4 .section_overview .group_icon .txt ul {
    list-style-type: disc;
    padding-left:17px;
	}
	#features .sbx4 .section_overview .group_icon .txt li:before {
		display:none;
	}
	#features .sbx4 .section_sxfi .bg_sxfi {		
		background-size:360px 360px;
		padding-top:360px;
	}
	#features .sbx4 .section_sbsurround .bg_sbae {
		background-size:360px 360px;
		padding-top:380px;
	}
	#features .sbx4 .section_dolby .bg_dolby {
		background-size:360px 160px;
		padding-top:170px;
	}
	#features .sbx4 .section_communication .feature-subheader.smartcomms {
		padding-left:70px;
		padding-right:70px;
		background-size:65px 80px, 65px 80px;
	  display: inline-block;
	}
	#features .sbx4 .section_communication2 .bg_voicedetect {
		background-size:200px 180px;
		background-position:left 60px;
		padding-top:0;
		padding-left:calc(200px + 80px);
		min-height:240px;
	}
	#features .sbx4 .section_communication2 .bg_noiseclean {
		background-size:200px 180px,200px 180px;
		background-position:left 60px,left 262px;
		padding-top:0;
		padding-left:calc(200px + 80px);
		min-height:442px;
	}
	#features .sbx4 .section_communication2 .container2 .btn_wrapper {
		flex-direction:row;
	}
	#features .sbx4 .section_communication2 .btn_audio + .btn_audio {
		margin-top:0;
		margin-left:20px;
	}	
	#features .sbx4 .section_communication2_expand .borderline {		
	  padding: 40px 40px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before,
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		top:calc(50% - 15px);
		width:30px;
		height:30px;	  
		border-radius:15px;
		font-size:15px;		
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before {
		left:-15px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		right:-15px;
	}
	#features .sbx4 .section_connect .txt1,
	#features .sbx4 .section_connect .txt2,
	#features .sbx4 .section_connect .txt3,
	#features .sbx4 .section_connect .txt4,
	#features .sbx4 .section_connect .txt5 {
		width:83.33333333%;
	}	
	#features .sbx4 .section_audiobalance_expand .item {
		padding:40px;
	}
	#features .sbx4 .section_download .txt {
		margin-top:30px;
		margin-bottom:30px;
	}
	#features .sbx4 .section_download .img {
		max-width:100%;
	}
	#features .sbx4 .section_download .txt2 {
		margin-top:0;
	}
	#features .sbx4 .section_download .icon {
		margin-top:50px;
	}

	#features .sbx4 .section_sxfi_expand .close,
	#features .sbx4 .section_communication_expand .close,
	#features .sbx4 .section_control_expand_x4 .close,
	#features .sbx4 .section_audiobalance_expand .close,
	#features .sbx4 .section_communication2_expand .close {
    width: 44px;
    height: 44px;
    left: calc(50% - 22px);
    bottom: 44px;
    font-size:30px;
	}
}

@media screen and (min-width:992px) {
	#features .sbx4 .section_overview .group_icon > div {
		width:50%;
		margin-left:0;
		margin-right:0;
		float:left;
	}
	#features .sbx4 .section_sxfi:before {
		left:calc(50vw - 60px);
	  border-width: 60px 60px 0 60px;
	}
	#features .sbx4 .section_sxfi .bg_sxfi {		
		padding-top:0;
		padding-left:calc(360px + 80px);
		min-height:360px;
	}
	#features .sbx4 .section_sbsurround .bg_sbae {
		padding-top:0;
		padding-left:calc(360px + 80px);
		min-height:360px;
	}
	#features .sbx4 .section_dolby .bg_dolby {
		padding-top:0;
		padding-left:calc(360px + 80px);
		min-height:160px;
	}
	#features .sbx4 .section_communication .feature-subheader.smartcomms {
		padding-left:130px;
		padding-right:130px;
		background-size:130px 160px, 130px 160px;
	}
	#features .sbx4 .section_communication .feature-subheader.smartcomms > span {
    min-height: calc(174px + (200 - 174) * ((100vw - 992px) / (1920 - 992)));
	}
	#features .sbx4 .section_communication .feature-subheader.smartcomms span span:first-of-type {
		padding-bottom:18px;
	}
	#features .sbx4 .section_connect .connect_img {
		display:block;
	}	
	#features .sbx4 .section_connect .txt:first-of-type {
		padding-top:4vw;
	}
	#features .sbx4 .section_connect .txt1,
	#features .sbx4 .section_connect .txt2,
	#features .sbx4 .section_connect .txt3,
	#features .sbx4 .section_connect .txt4,
	#features .sbx4 .section_connect .txt5 {
		width:100%;
	}	
	#features .sbx4 .section_connect .txt2,
	#features .sbx4 .section_connect .txt3,
	#features .sbx4 .section_connect .txt4,
	#features .sbx4 .section_connect .txt5 {
		padding:60px 0;
	}
	#features .sbx4 .section_connect .txt1 {
		text-align:left;
	}	
	#features .sbx4 .section_connect .txt h4:before {
		display:none;
	}
	section#features .sbx4 .section_control .slick_control .feature-subheader,
	section#features .sbx4 .section_control .slick_control p {
		text-align:left;
	}
	#features .sbx4 .section_control .slick_img .hover1,
	#features .sbx4 .section_control .slick_img .hover2,
	#features .sbx4 .section_control .slick_img .hover3 {
		bottom: 7vw;
		width: 4.7vw;
		height: 4.7vw;
	}
	#features .sbx4 .section_control .slick_control .slick-slide {
		padding:0;
	}
	#features .sbx4 .section_control .flex-valign-middle > div {
		padding-bottom:90px;
	}
	#features .sbx4 .section_control .flex-valign-middle + .arrow {
		position:absolute;
		left:50%;
		bottom:40px;
		width:45%;
		display:block;
		font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));	
	}
	#features .sbx4 .section_control .flex-valign-middle + .arrow div {
		width:100%;
		position:relative;
		padding-left:30px;
	}
	#features .sbx4 .section_control .flex-valign-middle + .arrow div:before {
		content:'';
		border-style:solid;
		border-width: 6px 10px 6px 0;
		width:1px;
		height:1px;
		left:10px;
		top:calc(50% - 7px);
		position:absolute;
		border-color: transparent #090909 transparent transparent;
	}
	#features .sbx4 .section_audiobalance_expand .item ol {
		padding-left:40px;
	}
	#features .sbx4 .section_download .txt {
		margin-top:60px;
		margin-bottom:60px;
	}
}

@media screen and (min-width:1200px) {
	#features .sbx4 .section_connect2 .img {
		margin-top:0;
	}
	#features .sbx4 .section_connect .feature-subheader,
	#features .sbx4 .section_connect2 .feature-subheader {
		font-size:calc(40px + (60 - 40) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#features .sbx4 .section_connect .txt {
		padding:7vw 0;
	}
	#features .sbx4 .section_control .flex-valign-middle > div {
		width:100%;
		padding-bottom:150px;
	}
	#features .sbx4 .section_control .flex-valign-middle + .arrow {
		left:54%;
		bottom:calc(80px + (200 - 80) * ((100vw - 1200px) / (2560 - 1200)));
	}	
	#features .sbx4 .section_control .slick_img .hover1,
	#features .sbx4 .section_control .slick_img .hover2,
	#features .sbx4 .section_control .slick_img .hover3 {
		bottom:7.1vw;
	}
	#features .sbx4 .section_control .slick_img .hover1 {
    left: 31.4%;
	}
	#features .sbx4 .section_control .slick_img .hover2 {
    left: 45.4%;
	}
	#features .sbx4 .section_control .slick_img .hover3 {
    left: 59.4%;
	}
	#features .sbx4 .section_audiobalance_expand .item + .item {
		margin-top:60px;
	}
	#features .sbx4 .section_communication2_expand .borderline {
	  margin-top:0;
	}
	section#features .sbx4 .section_audiobalance_expand .box {
		padding:0 30px 30px 30px;
	}
	#features .sbx4 .section_audio .bg_black {
		padding:40px;
	}
	#features .sbx4 .section_audio .icon img {
		max-width:100%;
	}
}

@media screen and (min-width:1366px) {
	#features .sbx4 .section_overview .container-fluid {
		max-width:2200px;
		padding-left:30px;
		padding-right:30px;
	}
	#features .sbx4 .section_overview .group_icon > div {
		width:33.33%;
	}
	#features .sbx4 .section_overview .group_icon .txt .title {
		font-size:calc(26px + (34 - 26) * ((100vw - 1280px) / (1920 - 1280)));
	}
	#features .sbx4 .section_communication {
		background-size:1440px auto;
	}
}

@media screen and (min-width:1920px) {
	#features .sbx4 .section_overview .group_icon > div {
		padding-left:200px;
		background-position:40px 0;
	}	
	#features .sbx4 .section_overview .group_icon .txt {
		padding:20px 40px;
	}
	#features .sbx4 .section_overview .group_icon .txt .desc {
		font-size:19px;
	}
	#features .sbx4 .section_overview .group_icon .txt .title {
		font-size:34px;
	}
	#features .sbx4 .section_communication .feature-subheader.smartcomms > span {
		min-height:200px;
	}
	#features .sbx4 .section_communication2 .subheader2 {
		font-size:36px;
	}
	#features .sbx4 .section_communication2 .subheader3 {
		font-size:30px;
	}
	#features .sbx4 .section_communication2 .title_audiosample {
		font-size:30px;
	}
	#features .sbx4 .section_communication2 .btn_audio {
		font-size:20px;
	}
	#features .sbx4 .section_communication2 .btn_audio span:last-of-type {
		padding-top:6px;
		padding-left:10px;
		font-size:30px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before,
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		top:calc(50% - 20px);
		width:40px;
		height:40px;	  
		border-radius:20px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before {
		left:-20px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		right:-20px;
	}	
	#features .sbx4 .section_control .flex-valign-middle + .arrow {
		font-size:18px;
	}
	#features .sbx4 .section_connect .feature-subheader,
	#features .sbx4 .section_connect2 .feature-subheader {
		font-size:60px;
	}
	#features .sbx4 .section_audiobalance_expand {
		font-size:18px;
	}
	#features .sbx4 .section_audiobalance_expand .header {
		font-size:26px;
	}
	#features .sbx4 .section_audiobalance_expand .item .title {
		font-size:24px;
		padding-bottom:20px;
	}	
	#features .sbx4 .section_audio .bg_black {
		padding:60px;
	}
	#features .sbx4 .section_download .title {
		font-size:36px;
	}
	#features .sbx4 .section_download .icon .windows_mac {
		font-size:18px;
	}

}

@media screen and (min-width:2560px) {
	#features .sbx4 .section_sxfi .txt,
	#features .sbx4 .section_sxfi_expand .txt,
	#features .sbx4 .section_sbsurround .txt,
	#features .sbx4 .section_dolby .txt {
		width:60%;
		left:20%;
	}	
	#features .sbx4 .section_connect .txt:first-of-type {
		margin-top:10vw;
	}
	#features .sbx4 .section_connect .txt {
		width:80%;
	}
	#features .sbx4 .section_connect2 .txt {
		width:37.5%;
		left:8.33333333%;
	}
	#features .sbx4 .section_connect2 .img {
		left:12.5%;
	}
	#features .sbx4 .section_communication2_expand .borderline .desc .title {
		font-size:36px;
	}
	#features .sbx4 .section_communication2_expand .borderline .desc {
		font-size:28px;
	}
	#features .sbx4 .section_control .flex-valign-middle + .arrow {
		bottom:8vw;
	}
	#features .sbx4 .section_audio .txt {
		width:58.33333333%;
		left:20.83333333%;
	}
}

@media screen and (min-width:3440px) {
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before,
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		top:calc(50% - 30px);
		width:60px;
		height:60px;	  
		border-radius:30px;
		font-size:30px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.left:before {
		left:-30px;
	}
	#features .sbx4 .section_communication2_expand .image div[num] div.right:after {
		right:-30px;
	}
	#features .sbx4 .section_audio .txt {
		margin-top:60px;
	}
	#features .sbx4 .section_audio .icon {
		margin-bottom:60px;
	}
}



/* ========================================================= */
/* ==================== other component ==================== */
/* ========================================================= */

/*work with css*/
.product-hero-container.sound-blaster-x4 .gallery-thumbnail {
	margin-bottom:20px;
}
.product-hero-container.sound-blaster-x4 .gallery-thumbnail ul {
	margin-bottom:0;
}
.product-hero-container.sound-blaster-x4 .works-with {
	color:#fff;
	width:100%;
	text-align:center;
  z-index: 2;
  font-weight:300;
  letter-spacing: 2px;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (2560 - 320)));
  line-height: calc(18px + (20 - 18) * ((100vw - 320px) / (2560 - 320)));
}
.product-hero-container.sound-blaster-x4 .works-with .title {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  /*white-space: nowrap;*/
  font-weight: 700;
  padding-left:34px;
  padding-right:34px;
  position:relative;
}
.product-hero-container.sound-blaster-x4 .works-with .title:before,
.product-hero-container.sound-blaster-x4 .works-with .title:after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  border-bottom: 1px solid #eee;
  position:absolute;
}
.product-hero-container.sound-blaster-x4 .works-with .title:before {
  /*margin-right: 10px;*/
  left:0;
  top:48%;
}
.product-hero-container.sound-blaster-x4 .works-with .title:after {
	/*margin-left: 10px;  */
	right:0;
  top:48%;
}
@media screen and (min-width:768px) {
	.product-hero-container.sound-blaster-x4 .works-with {
		color:#fff;
		width:30%;
		max-width:210px;
	}
}
@media screen and (min-width:992px) {
	.product-hero-container.sound-blaster-x4 .works-with {
		max-width:230px;
	}
}
@media screen and (min-width:1200px) {
	.product-hero-container.sound-blaster-x4 .works-with {
		max-width:290px;
	}
}
@media screen and (min-width:2560px) {
	.product-hero-container.sound-blaster-x4 .works-with {
		font-size:16px;
		line-height:20px;
	}
}


/*audio container*/
#features .sbx4 .audioContainer {
  height:0;
  max-height:0;
  line-height:0;
  visibility:hidden;
  overflow:hidden;
}

/*tooltip animation*/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(97,247,254, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(97,247,254, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
    box-shadow: 0 0 0 0 rgba(97,247,254, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(97,247,254, 0);
      box-shadow: 0 0 0 20px rgba(97,247,254, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(97,247,254, 0);
      box-shadow: 0 0 0 0 rgba(97,247,254, 0);
  }
}

/*app section hover and effect css*/
/*section_app set outer container relative to control the box info*/
#features .sbx4 .section_customization .container_app {
	position:relative;
	width:97%;
	max-width:1920px;
	counter-reset: app_num;
}
#features .sbx4 .section_customization .container_app .app_txt {
	z-index:2;
}
#features .sbx4 .section_customization .container_app .app_txt > [num] {
	padding-top:8px;
	padding-bottom:8px;
}

#features .sbx4 .section_customization .container_app .app_txt .title {
	font-family:industry-inc-base,sans-serif;
	font-size:16px;
	color:#fff;
	line-height:1.3;
	counter-increment:app_num;
}
#features .sbx4 .section_customization .container_app .app_txt .title:before {
	content: counter(app_num) ". ";
}
#features .sbx4 .section_customization .container_app .app_txt .desc {
	color:#fff;
	font-size:13px;
	line-height:1.3;
}
#features .sbx4 .section_customization .innerdiv {
	position:relative;
}
#features .sbx4 .section_customization .innerdiv img {
	width:100%;
	max-width:none;
}
#features .sbx4 .section_customization .innerdiv .border {
	position:absolute;
	border:2px solid #3358fa;
	border-radius:10px;
	opacity:0;
	filter: alpha(opacity=0);
	cursor:pointer;
	z-index:2;
	display:none;
}
#features .sbx4 .section_customization .innerdiv .border.nav5 {
	cursor:initial; /*remove pointer coz section only have 1 case*/
}
#features .sbx4 .section_customization .innerdiv .border.on {
	opacity:100;
	filter: alpha(opacity=100);
}
#features .sbx4 .section_customization .innerdiv .border.left {
	width: 17.5%;
	height: 5.6%;
}
#features .sbx4 .section_customization .innerdiv .border.left.nav1,
#features .sbx4 .section_customization .innerdiv .border.left.nav2,
#features .sbx4 .section_customization .innerdiv .border.left.nav3,
#features .sbx4 .section_customization .innerdiv .border.left.nav4,
#features .sbx4 .section_customization .innerdiv .border.left.nav5 {
  left: calc(20px + 0.1%);
}
#features .sbx4 .section_customization .innerdiv .border.left.nav1 {
  top: 8.8%;
}
#features .sbx4 .section_customization .innerdiv .border.left.nav2 {
  top: 14.7%;
}
#features .sbx4 .section_customization .innerdiv .border.left.nav3 {
  top: 20.5%;
}
#features .sbx4 .section_customization .innerdiv .border.left.nav4 {
  top: 26.4%;
}
#features .sbx4 .section_customization .innerdiv .border.left.nav5 {
	height: 13%;
  top: 85%;
}
/*line*/
#features .sbx4 .section_customization .innerdiv .border.left:before {
  content: "";
  position: relative;
  display: block;
  left: calc(-20px - 3%);
  top: calc(50% - 1px);
  width: calc(20px + 3%);
  height:2px;
  background: #3358fa;
}
#features .sbx4 .section_customization .innerdiv .border.right {
  width: 20.7%;
	height: 5.6%;
}
#features .sbx4 .section_customization .innerdiv .border.right.nav6 {
  top: 38%;
  height: 16%;
}
#features .sbx4 .section_customization .innerdiv .border.right.nav7,
#features .sbx4 .section_customization .innerdiv .border.right.nav8,
#features .sbx4 .section_customization .innerdiv .border.right.nav9 {
	top: 56.8%;
  height: 9.4%;
}
#features .sbx4 .section_customization .innerdiv .border.right.nav10,
#features .sbx4 .section_customization .innerdiv .border.right.nav11,
#features .sbx4 .section_customization .innerdiv .border.right.nav12 {
	top: 69.3%;
  height: 9.4%;
}
#features .sbx4 .section_customization .innerdiv .border.right.nav13,
#features .sbx4 .section_customization .innerdiv .border.right.nav14,
#features .sbx4 .section_customization .innerdiv .border.right.nav15 {
	top: 81.8%;
  height: 9.4%;
}
/*line*/
#features .sbx4 .section_customization .innerdiv .border.right:before {
  content: "";
  position: relative;
  display: block;
  top:calc(50% - 1px);
  height:2px;
  background: #3358fa;
  right:-100%;
}
#features .sbx4 .section_customization .innerdiv .border.right.nav6:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav7:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav10:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav13:before {
  width:calc(258% + 20px);
}

#features .sbx4 .section_customization .innerdiv .border.right.nav8:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav11:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav14:before {
  width:calc(150% + 20px);
}
#features .sbx4 .section_customization .innerdiv .border.right.nav9:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav12:before,
#features .sbx4 .section_customization .innerdiv .border.right.nav15:before {
  width: calc(40% + 20px);
}
@media screen and (min-width:992px) {	
	#features .sbx4 .section_customization .innerdiv {
		padding-left:20px;
		padding-right:20px;
	}
	#features .sbx4 .section_customization .container_app .app_txt {
		position:absolute;
		background:#3358fa;
		padding:8px;
	}
	#features .sbx4 .section_customization .container_app .app_txt.box_left_top {
		width:16.5%;
		min-height:23%;
		left:0;
		top:9%;
	}
	#features .sbx4 .section_customization .container_app .app_txt.box_left_bottom {
		width:16.5%;
		min-height:23%;
		left:0;
		bottom:1%;
	}
	#features .sbx4 .section_customization .container_app .app_txt.box_right {
		width:16.5%;
		right:0;
		bottom:5%;
		min-height:54%;
	}
	#features .sbx4 .section_customization .container_app .app_txt .title:before {
		display:none;
	}
	#features .sbx4 .section_customization .container_app .app_txt > div {
		display:none;
	}
	#features .sbx4 .section_customization .container_app .app_txt > div.on {
		display:block;
	}
	#features .sbx4 .section_customization .innerdiv .border {
		display:block;
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav6,
	#features .sbx4 .section_customization .innerdiv .border.right.nav7,
	#features .sbx4 .section_customization .innerdiv .border.right.nav10,
	#features .sbx4 .section_customization .innerdiv .border.right.nav13 {
		right:53.5%
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav8,
	#features .sbx4 .section_customization .innerdiv .border.right.nav11,
	#features .sbx4 .section_customization .innerdiv .border.right.nav14 {
		right:31.7%;
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav9,
	#features .sbx4 .section_customization .innerdiv .border.right.nav12,
	#features .sbx4 .section_customization .innerdiv .border.right.nav15 {
		right:10.1%;
	}
}
@media screen and (min-width:1200px) {
	#features .sbx4 .section_customization .container_app {
		width:85%;
	}
	#features .sbx4 .section_customization .container_app .app_txt {
		background:#3358fa;
		padding:calc(14px + (20 - 14) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#features .sbx4 .section_customization .container_app .app_txt .title {
		font-size:calc(18px + (24 - 18) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#features .sbx4 .section_customization .container_app .app_txt .desc {
		font-size:calc(14px + (16 - 14) * ((100vw - 1200px) / (1920 - 1200)));
		line-height:1.4;
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav6,
	#features .sbx4 .section_customization .innerdiv .border.right.nav7,
	#features .sbx4 .section_customization .innerdiv .border.right.nav10,
	#features .sbx4 .section_customization .innerdiv .border.right.nav13 {
		right:53.7%
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav8,
	#features .sbx4 .section_customization .innerdiv .border.right.nav11,
	#features .sbx4 .section_customization .innerdiv .border.right.nav14 {
		right:31.6%;
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav9,
	#features .sbx4 .section_customization .innerdiv .border.right.nav12,
	#features .sbx4 .section_customization .innerdiv .border.right.nav15 {
		right:9.7%;
	}
}
@media screen and (min-width:1920px) {
	#features .sbx4 .section_customization .container_app .app_txt .title {
		font-size:24px;
	}
	#features .sbx4 .section_customization .container_app .app_txt .desc {
		font-size:16px;
		line-height:1.9;
	}
	#features .sbx4 .section_customization .container_app .app_txt {
		padding:20px;
	}
	#features .sbx4 .section_customization .innerdiv .border.right.nav9,
	#features .sbx4 .section_customization .innerdiv .border.right.nav12,
	#features .sbx4 .section_customization .innerdiv .border.right.nav15 {
	  right: 9.3%;
	}
}

/* ff logo on jp */
.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo {
	position: absolute;
	width:90px;
	right:0;
	bottom:0;
}
.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo img {
	width:100%;
	max-width:256px;
	display:block;
	margin:0 auto;
}

@media screen and (min-width:375px) {
	.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo {
		width:100px;
	}
}

@media screen and (min-width:425px) {
	.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo {
		width:110px;
		right: 10px;
    bottom: 10px;
	}
}

@media screen and (min-width:768px) {	
	.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo {
		width:150px;
	}
}

@media screen and (min-width:1920px) {
	.storepage_2 .product-hero-container.sound-blaster-x4 .fflogo {
		width:200px;
		right: 30px;
    bottom: 30px;
	}
}