.wrapper_content .row.desc {
	width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wrapper_content .slide-container {
	padding-left:0;
	padding-right:0;
}
.wrapper_content .slick-slider .slick-arrow {
	position: absolute;
	z-index:1;
	cursor:pointer;
	top:calc(50% - (30px / 2));
	width:30px;
	height:30px;
}
.wrapper_content .slick-slider .prevArrow {
	left:10px;
}
.wrapper_content .slick-slider .nextArrow {
	right:10px;
}

.section_mhl {
	background-color:#000;
}
.section_mhl img,
.section_mhl video,
.section_mhl span {
	position:relative;
}
.section_mhl img,
.section_mhl video {
	width:100%;
	height:auto;
	max-width:none;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}
.section_mhl img {
	display:block;
}
.section_mhl video {
	display:none;
}
.section_mhl span {
	z-index:2;	
	display:block;	
	text-align:center;
	width:90%;
	left:5%;
}
.section_mhl .header {	
	color:#fff;
	font-size:calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
	font-weight:800;
	margin-top:10px;
	margin-bottom:10px;
}
.section_mhl .oneliner {
	color:#ccc;	
	font-size:calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom:30px;
}

.section_pdt {
	background-color:#f2f2f2;
}
.section_pdt .img1,
.section_pdt .img2,
.section_pdt .img3 {
	width:100%;
	height:auto;
	max-width:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.section_pdt .img2,
.section_pdt .img3 {
	display:none;
}
.section_pdt .desc {
	margin-top:50px;
}
.section_pdt .desc .txt {
	display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-bottom:30px;
}
.section_pdt ul {
	margin:0;
	padding:0;
  list-style-type: none;
}
.section_pdt li {
	position: relative;
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1440 - 320)));
	font-weight:400;
	padding-left:24px;
	padding-bottom:10px;
}
.section_pdt li:before {
	content:'';
	background:url('./img/blue-arrow.png') no-repeat;
	width:10px;/*15px*/ /*24px*/
	height:14px; /*20px*/ /*32px*/
	background-size:100% auto;
	display:block;
	position:absolute;
	top:calc(2px + (5 - 2) * ((100vw - 320px) / (1440 - 320)));
	left:0;
}
.section_pdt .price {
	color:#ff2c2c;
	font-size:40px;
	font-weight:bold;
}
.section_pdt .listprice {
	color:#000;
	font-size:16px;
	font-weight:400;
	padding-left:10px;
}
.section_pdt .btn {
	margin-top:10px;
}
.section_pdt .btn a {
	display:inline-block;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	text-decoration:none;
	border-bottom:none;
	text-transform:uppercase;
	cursor:pointer;
}
.section_pdt .btn .learnmore {
	color: #fff;
	background-color: #f73c4f;
	border-radius: 32px;
  padding: 12px 25px;
	/*margin-left:6px;*/
}

.section_pdt .youtube_video {
	width:86vw;
	height:calc(86vw * 0.5625); /*ratio 0.5625*/
	display:block;
	margin:0 auto 30px auto;
}

.section_table {
	margin-top:30px;
	margin-bottom:30px;
}

@media screen and (min-width:768px) {
	.section_mhl .header,
	.section_mhl .oneliner {
		position:absolute;
		width:80%;
		left:10%;
		margin:0;
	}
	.section_mhl .header {
		top:26%;
	}
	.section_mhl .oneliner {
		bottom:6%;
	}
	.section_mhl img {
		display:none;
	}
	.section_mhl video {
		display:block;
	}
	.wrapper_content .row.desc {
		width:96%;
	}
	.wrapper_content .slick-slider .slick-arrow {
		top:calc(50% - (50px / 2));
		width:50px;
		height:50px;
	}
	.section_pdt .desc {
		margin-bottom:50px;
	}	
	.section_pdt .img1 {
		display:none;
	}
	.section_pdt .img2 {
		display:block;
	}	
	.section_pdt .btn a {
		display:inline-block;
		font-size:18px;
		line-height:22px;
	}
	/*.section_pdt .btn .learnmore {
		margin-left:20px;
	}*/

}

@media screen and (min-width:992px) {
	.wrapper_content .row.img_left {
		flex-direction: row-reverse;
	}
	.wrapper_content .row.img_right {
		flex-direction: row;
	}
	.section_pdt .youtube_video {
		width:48vw;
		height:calc(48vw * 0.5625); /*ratio 0.5625*/
	}
}

@media screen and (min-width:1200px) {
	.section_mhl .header {
		top:32%;
	}
	.section_mhl .oneliner {
		width:50%;
		left:25%;
	}
	.wrapper_content .slick-slider .slick-arrow {
		top:calc(50% - (90px / 2));
		width:90px;
		height:90px;
	}
	.wrapper_content .slick-slider .prevArrow {
		left:20px;
	}
	.wrapper_content .slick-slider .nextArrow {
		right:20px;
	}
	.section_pdt li {
		padding-bottom:20px;
	}
	.section_pdt .desc.img_left .txt {
		padding-left:40px;
		padding-right:0;
	}
	.section_pdt .desc.img_right .txt {
		padding-left:0;
		padding-right:40px;
	}
	.section_table {
		margin-top:60px;
		margin-bottom:60px;
	}
}

@media screen and (min-width:1440px) {
	.section_pdt .img2 {
		display:none;
	}
	.section_pdt .img3 {
		display:block;
	}
	.section_pdt p {
		font-size:18px;
	}
	.section_pdt li {
		font-size:18px;
	}
	.section_pdt li:before {
		top:6px;
	}
}

@media screen and (min-width:1920px) {
	.section_mhl .header {
		font-size:100px;
	}
	.section_mhl .oneliner {
		font-size:30px;
		bottom:10%;
	}
	.wrapper_content .row.desc {
		width:92%;
	}
	.section_pdt .desc {
		margin-top:80px;
		margin-bottom:80px;
	}
	.section_pdt .desc.img_left .txt {
		padding-left:90px;
	}
	.section_pdt .desc.img_right .txt {
		padding-right:120px;
	}
}

@media screen and (min-width:1920px) {
	.wrapper_content .slick-slider .slick-arrow {
		top:calc(50% - (126px / 2));
		width:126px;
		height:126px;
	}
	.wrapper_content .slick-slider .prevArrow {
		left:40px;
	}
	.wrapper_content .slick-slider .nextArrow {
		right:40px;
	}
}

/*table css*/
.wrapper_content .table_soundbar .row_title,
.wrapper_content .table_soundbar .row_desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width:100%;
  flex-direction: row;
}
.wrapper_content .table_soundbar .row_title > div,
.wrapper_content .table_soundbar .row_desc > div {
  float:left;
  width:calc((100% / 4) - 2px);
  padding:5px 5px;
  margin:1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrapper_content .table_soundbar .title {
  background:#b4c9e4;
  color:#000;
  font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1440 - 320)));
  font-weight:700;
  align-items:center;
  text-align:center;
}
.wrapper_content .table_soundbar .row_desc .desc_title {
  background:#3da3ed;
  color:#fff;
  font-size:calc(21px + (28 - 21) * ((100vw - 1440px) / (2560 - 1440)));
  font-weight:700;
  width:100%;
  justify-content: center;
}
.wrapper_content .table_soundbar .row_desc.last .desc_title {
	background:none;
}
.wrapper_content .table_soundbar .desc {
  background:#f2f2f2;
  color:#000;
  font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1440 - 320)));
  justify-content: left;
  align-items: center;
}
.wrapper_content .table_soundbar .row_desc.last .desc {
	background:none;
	justify-content: center;
}
.wrapper_content .table_soundbar .row_desc.last a,
.wrapper_content .table_soundbar .row_desc.last a:hover {
	background-color:#f73c4f;
	color:#fff;
	opacity:1;
	filter: alpha(opacity=100);	
	line-height:1.1;
	height:auto;
	padding:10px;
}

@media screen and (min-width:768px) {
  .wrapper_content .table_soundbar .row_title > div,
  .wrapper_content .table_soundbar .row_desc > div,
  .wrapper_content .table_soundbar .row_desc .desc_title {
    width:calc((100% / 5) - 10px);
    padding:5px 10px;
    margin:4px;
  }
  .wrapper_content .table_soundbar .row_desc .desc_title {
    justify-content:flex-start;
  }
  .wrapper_content .table_soundbar .row_desc.last a,
	.wrapper_content .table_soundbar .row_desc.last a:hover {
		font-size:18px;
		padding-left:20px;
		padding-right:20px;
	}
}

@media screen and (min-width:1440px) {
  .wrapper_content .table_soundbar .title {
    font-size:calc(16px + (21 - 16) * ((100vw - 1440px) / (2560 - 1440)));
  }
  .wrapper_content .table_soundbar .desc {
  	font-size:calc(16px + (21 - 16) * ((100vw - 1440px) / (2560 - 1440)));
  }
}

@media screen and (min-width:1920px) {
	.wrapper_content .table_soundbar .row_title > div,
  .wrapper_content .table_soundbar .row_desc > div,
  .wrapper_content .table_soundbar .row_desc .desc_title {
    padding:15px 20px;
  }  
}

@media screen and (min-width:2560px) {
  .wrapper_content .table_soundbar .title {
    font-size:21px;
  }
  .wrapper_content .table_soundbar .row_desc .desc_title {
    font-size:28px;
  }
  .wrapper_content .table_soundbar .desc {
  	font-size:21px;
  }
}


@media screen and (max-width:767px) {
  /*hide compatibility table column 4 coz no space*/
  /*.wrapper_content .table_soundbar .row_title > div:nth-of-type(4),
  .wrapper_content .table_soundbar .row_desc > div:nth-of-type(4) {
    display:none;
  }*/

  /*hide table empty column on mobile*/
  .wrapper_content .table_soundbar .row_title > div.col_blank,
  .wrapper_content .table_soundbar .row_desc > div.col_blank {
    display:none;
  }
}