/*import google font*/
/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*fix outer col width for 24 rule which cannot update from ucms*/
section#features > .container > .row > .col-xs-12 {
	width:100% !important;
}
.flex-valign-middle {
	margin-left:0;
	margin-right:0;
}

/*flex css update*/
@media screen and (min-width:768px) {
	.breakout.lg-valign-middle .absolute-container {
		top:60px;
	}
}
@media screen and (min-width:1200px) {
	.breakout.lg-valign-middle > div > .row {
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	.breakout.lg-valign-middle .absolute-container {
		width:40% !important;
		top:60px;
	}
}



/* ================================================ */
/* ==================== global ==================== */
/* ================================================ */

#features .feature-header {
	font-weight:700;
}
#features .product-info-container-light .feature-header {
	color:#000;
}
#features .product-info-container-dark .feature-header {
	color:#fff;
}
#features .feature-subheader {
	font-size:calc(22px + (30 - 22) * ((100vw - 320px) / (1200 - 320)));
	line-height:1.1;
	font-weight:800;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:1px;
}
#features .product-info-container-light .feature-subheader {
	color:#000;
}
#features .product-info-container-dark .feature-subheader {
	color:#fff;
}
.product-info-container#features p {
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1200 - 320)));
	line-height:1.66;
}

.product-info-container#features p.footnote {
	font-size:14px;
	line-height:20px;
}

.row.xs-top-0 {
	margin-top:0px;
}
.row.xs-top-30 {
	margin-top:30px;
}
.row.xs-top-60 {
	margin-top:60px;
}
.row.xs-top-90 {
	margin-top:90px;
}
.row.xs-top-120 {
	margin-top:120px;
}
.row.xs-bottom-0 {
	margin-bottom:0px;
}
.row.xs-bottom-30 {
	margin-bottom:30px;
}
.row.xs-bottom-60 {
	margin-bottom:60px;
}
.row.xs-bottom-90 {
	margin-bottom:90px;
}
.row.xs-bottom-120 {
	margin-bottom:120px;
}

@media screen and (min-width:768px) {
	.row.sm-top-0 {
		margin-top:0px;
	}
	.row.sm-top-30 {
		margin-top:30px;
	}
	.row.sm-top-60 {
		margin-top:60px;
	}
	.row.sm-top-90 {
		margin-top:90px;
	}
	.row.sm-top-120 {
		margin-top:120px;
	}
	.row.sm-bottom-0 {
		margin-bottom:0px;
	}
	.row.sm-bottom-30 {
		margin-bottom:30px;
	}
	.row.sm-bottom-60 {
		margin-bottom:60px;
	}
	.row.sm-bottom-90 {
		margin-bottom:90px;
	}
	.row.sm-bottom-120 {
		margin-bottom:120px;
	}
}
@media screen and (min-width:992px) {
	.row.md-top-0 {
		margin-top:0px;
	}
	.row.md-top-30 {
		margin-top:30px;
	}
	.row.md-top-60 {
		margin-top:60px;
	}
	.row.md-top-90 {
		margin-top:90px;
	}
	.row.md-top-120 {
		margin-top:120px;
	}
	.row.md-bottom-0 {
		margin-bottom:0px;
	}
	.row.md-bottom-30 {
		margin-bottom:30px;
	}
	.row.md-bottom-60 {
		margin-bottom:60px;
	}
	.row.md-bottom-90 {
		margin-bottom:90px;
	}
	.row.md-bottom-120 {
		margin-bottom:120px;
	}
}
@media screen and (min-width:1200px) {
	#features .feature-subheader {
		font-size:calc(30px + (80 - 30) * ((100vw - 1200px) / (2560 - 1200)));
		margin-bottom:calc(1px + (30 - 1) * ((100vw - 320px) / (2560 - 320)));
	}
	.storepage_23 #features .section_control .feature-subheader {
		font-size:calc(30px + (70 - 30) * ((100vw - 1200px) / (2560 - 1200)));
	}
	.product-info-container#features p {
		font-size:calc(18px + (22 - 18) * ((100vw - 1200px) / (2560 - 1200)));
		line-height:calc(30px + (36 - 30) * ((100vw - 1200px) / (2560 - 1200)));
	}
	.row.lg-top-0 {
		margin-top:0px;
	}
	.row.lg-top-30 {
		margin-top:30px;
	}
	.row.lg-top-60 {
		margin-top:60px;
	}
	.row.lg-top-90 {
		margin-top:90px;
	}
	.row.lg-top-120 {
		margin-top:120px;
	}
	.row.lg-bottom-0 {
		margin-bottom:0px;
	}
	.row.lg-bottom-30 {
		margin-bottom:30px;
	}
	.row.lg-bottom-60 {
		margin-bottom:60px;
	}
	.row.lg-bottom-90 {
		margin-bottom:90px;
	}
	.row.lg-bottom-120 {
		margin-bottom:120px;
	}
}
@media screen and (min-width:1920px) {
	.row.xl-top-0 {
		margin-top:0px;
	}
	.row.xl-top-30 {
		margin-top:30px;
	}
	.row.xl-top-60 {
		margin-top:60px;
	}
	.row.xl-top-90 {
		margin-top:90px;
	}
	.row.xl-top-120 {
		margin-top:120px;
	}
	.row.xl-bottom-0 {
		margin-bottom:0px;
	}
	.row.xl-bottom-30 {
		margin-bottom:30px;
	}
	.row.xl-bottom-60 {
		margin-bottom:60px;
	}
	.row.xl-bottom-90 {
		margin-bottom:90px;
	}
	.row.xl-bottom-120 {
		margin-bottom:120px;
	}
}
@media screen and (min-width:2560px) {
	#features .feature-subheader {
		font-size:80px;
		margin-bottom:30px;
	}
	.storepage_23 #features .section_control .feature-subheader {
		font-size:70px;
	}
	.product-info-container#features p {
		font-size:22px;
		line-height:36px;
	}
}



/* ====================================================== */
/* ==================== hero section ==================== */
/* ====================================================== */

.product-hero-container h1 {
	font-family:'Bebas Neue', Arial Narrow, cursive;
	font-size:calc(36px + (170 - 36) * ((100vw - 320px) / (2560 - 320)));
	line-height:1;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
}
.product-hero-container h1.ready:before {
	display:none;
	content:'Creative';

	font-size:calc(24px + (40 - 24) * ((100vw - 768px) / (2560 - 768)));
	line-height:1;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
	margin-bottom:1px;
}
.product-hero-container h2 {
	font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1200 - 320)));
	line-height:calc(24px + (36 - 24) * ((100vw - 320px) / (1200 - 320)));
	color:#666;
}

@media screen and (max-width:767px) {
	.product-hero-container .container {
		padding-left:0;
		padding-right:0;
	}
	.product-hero-container h1,
	.product-hero-container h2 {
		padding-left:15px;
		padding-right:15px;
	}
	.hero-wrapper img {
		margin-bottom:0;
	}
}
@media screen and (min-width:768px) {
	.product-hero-container {
		background:url('./hero-hs-720-v2.jpg') no-repeat;
	  background-position: 42% 50%;
		background-size:cover;
		padding-top:0;
	}
	.product-hero-container .container {
		width:98%;
	}
	.product-hero-container h1 {
		width:56%;
		margin-bottom:0;
	}
	.product-hero-container h1.ready:before {
		display:block;
	}
	.product-hero-container h1 span {
		display:none;
	}
	.product-hero-container h2, .product-hero-container h3 {
		width:58%;
	}
	.hero-wrapper {
		display:none;
	}
}
@media screen and (min-width:992px) {
	.product-hero-container {
		padding-top:20px;
	}
	.product-hero-container .container {
		width:90%;
		max-width:1550px;
	}
}
@media screen and (min-width:1200px) {
	.product-hero-container {
		min-height:940px;
		background-position:center;
	}
	.product-hero-container h2 {		
		font-size:24px;
		line-height:36px;
	}
	.product-hero-container h2, .product-hero-container h3 {
		width:40%;
	}
}
@media screen and (min-width:1920px) {
	.product-hero-container {
		padding-top:calc(20px + (10 - 20) * ((100vw - 1920px) / (2560 - 1920)));
	}
	.product-hero-container h2, .product-hero-container h3 {
		width:29%;
	}
}
@media screen and (min-width:2560px) {
	.product-hero-container {
		padding-top:10px;
		min-height:calc(940px + (1450 - 940) * ((100vw - 2560px) / (4096 - 2560)));
	}
	.product-hero-container h1 {
		font-size:170px;
	}
	.product-hero-container h1.ready:before {
		font-size:40px;
	}
}



/* ====================================================== */
/* ==================== feature part ==================== */
/* ====================================================== */

#features .section-header-wrapper {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	display:none;
}
.section_overview {
	background:#fffffb url('./overview-bg-mobile.jpg') no-repeat right;
	background-size:cover;
}
.section_communication_h3 {
	background:#fff;
}
.section_communication {
	background:#fff url('./noise-cancelling-mobile.jpg') no-repeat bottom;
	background-size:100vw auto;
	padding-bottom:calc(100vw / 828 * 623);
}
.section_control_h3 {
	background:#fff;
}
.section_control {
	background:#fff url('./direct-mic-mute-control-mobile.jpg') no-repeat bottom;
	background-size:100vw auto;
	padding-bottom:calc(100vw / 828 * 623);
}
.section_control .table1 {
	position: relative;
	width:100%;
	max-width:360px;
	margin-top:30px;
}
.section_control .table1:before {
	position:absolute;
	content:'';
	background-color:#fff;
	opacity:0.5;
	filter: alpha(opacity=50);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}
.section_control .table1 .title,
.section_control .table1 .desc1,
.section_control .table1 .desc2 {
	display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.section_control .table1 .title {
	background-color:#d6dde5;	
	font-weight:800;	
}
.section_control .table1 .desc1,
.section_control .table1 .desc2 {
	font-weight:300;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #d6dde5;
}
.section_control .table1 .item1,
.section_control .table1 .item2 {
	float:left;
  position: relative;
  min-height: 1px;
	width:50%;
	padding:5px;
  text-align:left;
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
  color:#000;
	text-transform:uppercase;
}
.section_control .table1 .desc1 .item2 {
	background:url('./icon/icon-mic-muted.png') no-repeat;
	background-size:auto 26px;
	background-position: 94% center;
	padding-right:29px;
}
.section_control .table1 .desc2 .item2 {
	background:url('./icon/icon-mic.png') no-repeat;
	background-size:auto 26px;
  background-position: 94% center;
  padding-right:29px;
}
.section_control2 .btn {
	border:2px solid #2d2d2d;
	padding:10px 45px 10px 15px;
	position:relative;
	display:inline-block;
	font-size:18px;
	line-height:22px;
	font-weight:500;
	cursor:pointer;
}
.section_control2 .btn:before {
	content:'';
	position:absolute;
	right:20px;
	top:19px;
	width:14px;
	height:1px;
	border-top:2px solid #2d2d2d;
}
.section_control2 .btn:after {
	content:'';
	position:absolute;
	right:20px;
	top:19px;
	width:14px;
	height:1px;
	border-top:2px solid #2d2d2d;
  transform: rotate(-90deg);
  transition:transform .1s ease;
}
.section_control2 .btn.open:after {
	transform: rotate(0deg);
}
.section_control2_expand {
	display:none;
}
.section_control2_expand.open {
	display:block;
}
.section_control2_expand .txt2,
.section_control2_expand .txt3 {
	padding-bottom:21px;
}
.section_control2_expand .txt1,
.section_control2_expand .txt4 {
	display:inline-block;
	float:right;
}
.section_control2_expand .title,
.section_control2_expand .desc {
	font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
	line-height:1.5;
}
.section_control2_expand .title { 
 font-weight:600;
 color:#999;
 text-transform:uppercase;
}
.section_control2_expand .desc {
	font-weight:300;
	color:#000;
}
.section_control2_expand .desc .label {
	color:#127bd4;
}
.section_design {
	background:#fff url('./usb-mobile.jpg') no-repeat bottom;
	background-size:100% auto;
	padding-bottom:calc(100vw / 828 * 623);
}
.section_comfort {
	background:#fff url('./comfortable-mobile.jpg') no-repeat bottom;
	background-size:100% auto;
	padding-bottom:calc(100vw / 828 * 623);
}
.section_audio {
	background:#fff url('./driver-mobile.jpg') no-repeat bottom;
	background-size:100% auto;
	padding-bottom:calc(100vw / 828 * 623);
}

@media screen and (min-width:500px) {
	#features .section-header-wrapper {
		display:block;
	}
}
@media screen and (min-width:768px) {
	.section_communication {
		background:#fff url('./noise-cancelling.jpg') no-repeat bottom right;
		background-size:130vw auto;
		padding-bottom:calc(130vw / 2560 * 1036);
	}
	.section_control {
		background:#fff url('./direct-mic-mute-control.jpg') no-repeat bottom left;
		background-size:140vw auto;
		padding-bottom:calc(140vw / 2560 * 1235);
	}
	.section_control .table1 .item1,
	.section_control .table1 .item2 {
		padding-left:20px;
		padding-right:20px;
	}
	.section_control .table1 {
		max-width:530px;
	}
	.section_control .table1 .item1 {
		width:60%;
	}
	.section_control .table1 .item2 {
		width:40%;		
	}
	.section_control .table1 .desc1 .item2 {
		background-position: 70% center;
		padding-right:80px;
	}
	.section_control .table1 .desc2 .item2 {
	  background-position: 70% center;
	  padding-right:80px;
	}
	.section_control3 {
		background:#fff url('./mic-monitoring.jpg') no-repeat bottom right;
		background-size:130vw auto;
		padding-bottom:calc(130vw / 2560 * 1036);
	}
	.section_control3 img {
		display:none !important;
	}
	.section_design {
		background:#fff url('./usb.jpg') no-repeat bottom;
		background-size:100% auto;
		padding-bottom:calc(100vw / 2560 * 1036);
	}
	.section_comfort {
		background:#fff url('./comfortable.jpg') no-repeat bottom;
		background-size:100vw auto;
		padding-bottom:calc(100vw / 2560 * 1036);
	}
	.section_audio {
		background:#fff url('./driver.jpg') no-repeat bottom left;
		background-size:130vw auto;
		padding-bottom:calc(130vw / 2560 * 1038);
	}
}
@media screen and (min-width:992px) {
	.section_overview {
		background:#fffffb url('./overview-bg.jpg') no-repeat right;
		background-size:cover;
	}
}
@media screen and (min-width:1200px) {
	.section_communication {
		background:#fff url('./noise-cancelling.jpg') no-repeat;
		background-size:140vw auto;		
		background-position:bottom right;
		padding-bottom:calc(140vw / 2560 * 1036);
	}
	.section_control {
		background-size:120vw auto;		
		background-position:bottom left;
		padding-bottom:calc(120vw / 2560 * 1235);
	}
	.section_control .table1 .item1,
	.section_control .table1 .item2 {
		font-size:18px;
	}
	.section_control2 {
		background:#fff url('./mic-monitoring.jpg') no-repeat bottom right;
		height:777px;
		padding-bottom:0;
		background-size:cover;
		background-position:60% center;
	}
	.section_control2_expand .title,
	.section_control2_expand .desc {
		font-size:18px;
	}
	.section_control3 {
		display:none;
	}
	#features .section_design .feature-subheader,
	#features .section_design p {
		color:#fff;
	}
	.section_design {
		background:#31333f url('./usb.jpg') no-repeat;
		background-position:32% center;
		background-size:cover;
		height:calc(830px + (1036 - 830) * ((100vw - 1200px) / (2560 - 1200)));
		padding-bottom:0;
	}
	.section_design:before {
		content:'';
		display:block;
		position:absolute;
		z-index:0;
		top:0;
		left:50%;
		width:50%;
		height:100%;
		background-color:#000;
		opacity:0.6;
		filter: alpha(opacity=60);
	}
	.section_comfort {
		background-position:center;
		background-size:cover;
		height:calc(600px + (1036 - 600) * ((100vw - 1200px) / (2560 - 1200)));
		padding-bottom:0;
	}
	.section_audio {
		background-position:center;
		background-size:cover;
		height:calc(600px + (1038 - 600) * ((100vw - 1200px) / (2560 - 1200)));
		padding-bottom:0;
	}
}
@media screen and (min-width:1280px) {
	.section_communication {
		background-color:#f6f6f6;
		background-size:cover;
		background-position:30%;
		padding-bottom:0;
	}
	section#features .section_communication .txt1 {
		left:1%;
		width:50%;
	}
	section#features .section_communication .txt2 {
		left:1%;
		width:40%;
	}
	.storepage_21 section#features .section_communication,
	.storepage_22 section#features .section_communication,
	.storepage_23 section#features .section_communication,
	.storepage_24 section#features .section_communication,
	.storepage_26 section#features .section_communication,
	.storepage_27 section#features .section_communication,
	.storepage_28 section#features .section_communication {
		height:calc(600px + (700 - 600) * ((100vw - 1440px) / (1920 - 1440)));
		background-size:cover;
		background-position:center;
	}
	.storepage_21 section#features .section_communication .txt2,
	.storepage_22 section#features .section_communication .txt2,
	.storepage_23 section#features .section_communication .txt2,
	.storepage_24 section#features .section_communication .txt2,
	.storepage_26 section#features .section_communication .txt2,
	.storepage_27 section#features .section_communication .txt2,
	.storepage_28 section#features .section_communication .txt2 {
		left:1%;
		width:32%;
	}
	section#features .section_communication .txt3 {
		left:1%;
		width:34%;
	}	
	.section_control_h3 {
		background-color:#f7f8fc;
	}
	.section_control {
		background-size:cover;
		background-position:50%;
		padding-bottom:calc(32vw / 2560 * 1235);
	}
	section#features .section_control .txt1 {
    left: 50%;
    width: 45%;
	}
	.section_control .table1 {
		margin-top:40px;
	}
}
@media screen and (min-width:1440px) {
	section#features .section_communication .txt1 {
		left:1%;
		width:50%;
	}
	section#features .section_communication .txt2 {
		left:1%;
		width:38%;
	}
	section#features .section_communication .txt3 {
		left:1%;
		width:33%;
	}
	section#features .section_control2_expand .container1 {
		width:1300px;
	}
}
@media screen and (min-width:1920px) {
	.section_communication,
	.storepage_21 section#features .section_communication,
	.storepage_22 section#features .section_communication,
	.storepage_23 section#features .section_communication,
	.storepage_24 section#features .section_communication,
	.storepage_26 section#features .section_communication,
	.storepage_27 section#features .section_communication,
	.storepage_28 section#features .section_communication {
		height:1036px;
		background-size:cover;
		background-position:center;
	}
	section#features .section_communication .txt1 {
		left:3%;
		width:41%;
	}
	section#features .section_communication .txt2,
	section#features .section_communication .txt3 {
		left:3%;
		width:25%;
	}
	.storepage_21 section#features .section_communication .txt2,
	.storepage_22 section#features .section_communication .txt2,
	.storepage_23 section#features .section_communication .txt2,
	.storepage_24 section#features .section_communication .txt2,
	.storepage_26 section#features .section_communication .txt2,
	.storepage_27 section#features .section_communication .txt2,
	.storepage_28 section#features .section_communication .txt2 {
		left:3%;
		width:25%;
	}
	.section_control {
		background-position:center;
		height:1235px;
		padding-bottom:0;
	}
	section#features .section_control .txt1 {
		left:61.5%;
		width:37%;
	}
	.storepage_22 section#features .section_control .txt1,
	.storepage_23 section#features .section_control .txt1,
	.storepage_26 section#features .section_control .txt1 {
		left:50%;
	}
	.section_control2 {
		height:calc(100vw / 2560 * 1036);
		background-position:center;
	}
	.section_design:before {
		display:none;
	}
}
@media screen and (min-width:2560px) {
	.section_communication,
	.storepage_21 section#features .section_communication,
	.storepage_22 section#features .section_communication,
	.storepage_23 section#features .section_communication,
	.storepage_24 section#features .section_communication,
	.storepage_26 section#features .section_communication,
	.storepage_27 section#features .section_communication,
	.storepage_28 section#features .section_communication {
		height:calc(100vw / 2560 * 1036);
	}
	section#features .section_communication .txt2 {
		width:30%;
	}
	.section_control {
		height:calc(100vw / 2560 * 1235);
	}
	section#features .section_control .txt1 {
		left:63%;
		width:33%;
	}
	.section_design {
		height:calc(100vw / 2560 * 1036);
		background-position:center;
	}
	.section_comfort {
		height:calc(100vw / 2560 * 1036);
	}
	.section_audio {
		height:calc(100vw / 2560 * 1038);
	}
}
@media screen and (min-width:3440px) {
	section#features .section_overview .overview_txt {
		width:36%;
		left:32%;
	}
	section#features .section_communication .txt1 {
		width:36%;
	}
	section#features .section_communication .txt2 {
		width:26%;
	}
	section#features .section_control .txt1 {
		width:25%;
		left:66%;
	}
	section#features .section_control2 .txt1 {
		width:25%;
		left:8%;
	}
	section#features .section_design .txt1 {
		width:25%;
		left:66%;
	}
	section#features .section_comfort .txt1 {
		width:25%;
		left:6%;
	}
	section#features .section_audio .txt1 {
		width:25%;
		left:65%;
	}
}



/* ================================================ */
/* ==================== others ==================== */
/* ================================================ */

/*overview icon css*/
.section_overview .icon {
	max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	margin-bottom:30px;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns: (calc(100% / 2))[2];
	grid-template-columns: repeat(2, calc(100% / 2));  
}
.section_overview .icon .item {
	position:relative;
	padding:10px;
}
.section_overview .icon .img {
	display:-ms-grid;
	display:grid;
  align-items: center;
	justify-content: center;
	width:100%;
}

.section_overview .icon img {
	width:100%;
	max-width:336px;
}

.section_overview .icon .txt {
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
	justify-content:center;
	color:#127bd4;
	line-height: 1.2;
	font-size:12px;
	font-weight:500;
	width:100%;
}

@media screen and (max-width:424px) {
	/*right line - 单数index*/
	.section_overview .icon .item:nth-of-type(odd):before {
		display:block;
		content:'';
		position:absolute;
		top:20%;
		right:0;
		width:1px;
		height:60%;
		background-color:#cacaca;
	}
	/*bottom line - all div but not last two*/
	.section_overview .icon .item:nth-of-type(-n+4):after {
		display:block;
		content:'';
		position:absolute;
		bottom:0;
		left:20%;
		width:60%;
		height:1px;
		background-color:#cacaca;
	}
}
@media screen and (min-width:425px) {
	.section_overview .icon {
		-ms-grid-columns: (calc(100% / 3))[3];
		grid-template-columns: repeat(3, calc(100% / 3));
		margin-bottom:0;
	}
	.section_overview .icon .item {
		padding:20px;
	}
}
@media screen and (min-width:425px) and (max-width:1199px) {
	/*right line*/
	.section_overview .icon .item:nth-of-type(1):before,
	.section_overview .icon .item:nth-of-type(2):before,
	.section_overview .icon .item:nth-of-type(4):before,
	.section_overview .icon .item:nth-of-type(5):before {
		display:block;
		content:'';
		position:absolute;
		top:20%;
		right:0;
		width:1px;
		height:60%;
		background-color:#cacaca;
	}
	/*bottom line*/
	.section_overview .icon .item:nth-of-type(-n+3):after {
		display:block;
		content:'';
		position:absolute;
		bottom:0;
		left:20%;
		width:60%;
		height:1px;
		background-color:#cacaca;
	}
}

@media screen and (min-width:1200px) {
	.section_overview .icon {
		max-width:900px;
		-ms-grid-columns: (calc(100% / 6))[6];
		grid-template-columns: repeat(6, calc(100% / 6));
	}
	/*right line*/
	.section_overview .icon .item:nth-of-type(-n+5):before {
		display:block;
		content:'';
		position:absolute;
		top:20%;
		right:0;
		width:1px;
		height:60%;
		background-color:#cacaca;
	}
}