@font-face {
 	font-family: 'ROGFontsv';
 	src: url('../fonts/ROGFontsv1.5-Regular.otf');
	src: url('../fonts/ROGFontsv1.5-Regular.otf') format('embedded-opentype'));
    src:url("../fonts/ROG Fonts v1.6.1.ttf") format("opentype");
 	font-weight: normal;
 	font-style: normal
}
/*@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Roboto+Condensed:400,700,700i|Roboto:700');*/
/* ---------- OUTSIDE ---------- */
	* {
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style-type: none;
		box-sizing: border-box;
	}
/* ---------- END OUTSIDE ---------- */
/* ---------- MAIN SETTINGS ---------- */
	#hd{
		background: black;
	}
	::selection {
		background: #1d2124;
		color: #CE0000;
	}
	::-moz-selection {
		background: #1d2124;
		color: #ffffff;
	}
	#hd ul,
	#hd li{
		margin: 0;
	}
	#hd,
	#hd section{
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	#hd h1,
	#hd h2,
	#hd h3,
	#hd h4,
	#hd p,
	#hd a,
	#hd li,
	#hd b,
	#hd small {
		margin: 0;
		line-height: normal;
		text-align: center;
		color: white;
	}
	#hd h1,
	#hd h2,	
	#hd h3{
		font-family: "ROGFontsv",sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		position: relative;
		z-index: 1;
	}
	#hd h4,
	#hd h5,
	#hd .hd-btn{
		font-family: "Fjalla One",sans-serif;		
		text-transform: uppercase;
	}
	#hd p,
	#hd b,
	#hd small,
	#hd a,
	#hd li {
		font-family: 'Roboto Condensed', sans-serif;
	}
	#hd b{
		font-size: 16px;
		font-weight: 400;
		display: block;
	}
	#hd small{
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0.5px;
	}
	#hd h2 {
		font-size: 146px;
		letter-spacing: 0px;
		line-height: 100px;
		padding:0 20px;
		position: relative;
		margin:0 auto 100px;
	}
	#rog_black_style #product_content_area #hd h2{		
		color:white;
	}
	#hd h3 {
		font-size: 60px;
		line-height: 40px;
		margin-bottom: 40px;
		font-weight: 300;
	}
	#hd h4,
	#hd .hd-btn{
		font-size: 27px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	#hd h5 {
		font-size: 16px;
		font-weight: 300;
		margin:10px 0;
	}
	#hd p {
		font-size: 1rem;
		font-weight: 300;
		letter-spacing: 1px;
		line-height: 1.4rem;
		margin: 0;
		margin-bottom: 70px;
	}
	#hd a.hd-link{
		color:#C50012;
		text-decoration: underline;
		font-weight: 400;
	}
	#hd a.hd-link:hover{		
		color:white;
	}
	#hd .txt_grey{
		color:#808080;
	}
	#hd .txt_red{
		color:#8D0000;
	}
	#hd p.txt_red{
		font-weight: bold;
		margin-bottom: 0;
	}
	#hd .video_txt{
		width: 620px;
		margin:0 auto;
		letter-spacing: 1px;
	}
	#hd .align_left h3,
	#hd .align_left h4,
	#hd .align_left p,
	#hd .align_left b,
	#hd .align_left small,
	#hd .align_left li{
		text-align: left;
	}
	#hd .align_center h3,
	#hd .align_center h4,
	#hd .align_center p,
	#hd .align_center b,
	#hd .align_center small,
	#hd .align_center li{
		text-align: center;
	}
/* Element Style */
	#hd section,
	#hd .hd-sec-coolingsys,
	#hd .hd-sec-sync{
		width: 100%;
		/*max-width: 1920px;*/
		margin-left: auto;
		margin-right: auto;
	}
	#overview #hd img{
		max-width: 100%;
		height: auto;
		border:none;
	}

	#hd .hd-btn{
		background: none;
		border: none;
		outline:none;
		cursor:pointer;
	}
	#hd p.hd-skewtag{
		font-family: "Fjalla One",sans-serif;	
		font-size: 21px;
		font-weight: 400;
		position: relative;
		line-height: 46px;
		min-width: 200px;
		text-align: center;
		margin-bottom: 20px;
		z-index: 2;
	}
	#hd .hd-skewtag:before{
		content:"";
		display: block;
		width: 200px;
		height: 45px;
		position: absolute;
		margin:0 auto;
		top: 0;right: 0;bottom: 0;left: 0;
		-webkit-transform: skewX(340deg);
		   -moz-transform: skewX(340deg);
		    -ms-transform: skewX(340deg);
		     -o-transform: skewX(340deg);
		        transform: skewX(340deg);
		border:2px solid #8D0000;
		z-index: 0;
	}

	#hd .hd-list-dot li{
		padding-left: 15px;
		position: relative;
	}
	#hd .hd-list-dot li:before{
		content:"";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background-color: white;
		position: absolute;
		left: 0;
		top: 9px;
	}
	#hd .txt_decoline{
		background: url('../img/deco-line.png') right bottom no-repeat;
	}
	#hd .hd-pic01{
		width: 100%;
		background: center center no-repeat;
		background-size: 1920px;
	}
/* Block Style */
	#hd .hd-mobile_on,
	#hd .hd-950on{
		display: none;
	}
	#hd .fleft{
		float:left;
	}
	#hd .fright{
		float:right;
	}
	#hd .hd-w1920{
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#hd .hd-w1500{
		position: relative;
		width: 78%;
		padding-bottom:100px;
		margin:0 auto;
	}
	#hd .hd-w1400{
		position: relative;
		width: 1400px;
		padding-bottom:100px;
		margin:0 auto;
	}
	#hd .hd-w1200{
		position: relative;
		width: 1200px;
		padding-bottom:150px;
		margin:0 auto;
	}
	#hd .hd-w1100{
		position: relative;
		width: 1100px;
		padding-bottom:180px;
		margin:0 auto;
	}
	#hd .hd-w1000{
		position: relative;
		width: 1000px;
		margin:0 auto;
	}
	#hd .hd-w700{
		width: 700px;
		margin:0 auto;
	}
	#hd .hd-w480{
		width: 480px;
	}
	#hd .hd-col40{
		width: 40%;
	}
	#hd .hd-col45{
		width: 45%;
	}
	#hd .hd-col50{
		width: 50%;
	}
	#hd .hd-col55{
		width: 55%;
	}
	#hd .hd-col60{
		width: 60%;
	}
	#hd .hd-col65{
		width: 65%;
	}
	#hd .hd-col80{
		width: 80%;
	}
	#hd .hd-col85{
		width: 85%;
	}
	#hd .hd-bgflip{
		background: top right no-repeat;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd .hd-bgflip .hd-w1200,
	#hd .hd-bgflip .hd-w1400{
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
/* TITLE SETTINGS */
	#hd h2.left{
		margin:0 0 150px 330px ;
	}
	#hd h2.right{
		margin:0 330px 150px auto;
	}
	#hd h2.leftspan{		
		padding-left: 250px;
		float:none;
	}
	#hd h2.center{
		margin:0 auto 150px;
	}
	#hd h2.rcenter{
		margin:0 auto 150px;
	}
	#hd h2:before,
	#hd h2:after{
		content:"";
		display: block;
		position: absolute;
		background: url('../img/title_deco.png') no-repeat;
		width: 377px;
		height: 43px;
		z-index: -1;
	}
	#hd h2:before{
		left: -330px;
		background-position: top right; 
	}
	#hd h2:after{
		right: -330px;
		background-position: top left; 
	}
	#hd h2.center:before{
		top:80px;
	}
	#hd h2.center:after{
		bottom:0px;
		right: -310px;
		-webkit-transform: scale(-1,-1);
		   -moz-transform: scale(-1,-1);
		    -ms-transform: scale(-1,-1);
		     -o-transform: scale(-1,-1);
		        transform: scale(-1,-1);
	}
	#hd h2.left:before{
		top:10px;
	}
	#hd h2.left:after{
		bottom: -20px;
		-webkit-transform: scale(-1,-1);
		   -moz-transform: scale(-1,-1);
		    -ms-transform: scale(-1,-1);
		     -o-transform: scale(-1,-1);
		        transform: scale(-1,-1);
	}
	#hd h2.right:before{
		bottom:-20px;
		left: -350px;
		-webkit-transform: scale(1,-1);
		   -moz-transform: scale(1,-1);
		    -ms-transform: scale(1,-1);
		     -o-transform: scale(1,-1);
		        transform: scale(1,-1);
	}
	#hd h2.right:after{
		top: 40px;
		-webkit-transform: scale(-1,1);
		   -moz-transform: scale(-1,1);
		    -ms-transform: scale(-1,1);
		     -o-transform: scale(-1,1);
		        transform: scale(-1,1);
	}
	#hd h2.left2:before{
		top:50px;
	}
	#hd h2.rcenter:before{
		bottom:0px;
		left: -350px;
		-webkit-transform: scale(1,-1);
		   -moz-transform: scale(1,-1);
		    -ms-transform: scale(1,-1);
		     -o-transform: scale(1,-1);
		        transform: scale(1,-1);
	}
	#hd h2.rcenter:after{
		top: 80px;
		-webkit-transform: scale(-1,1);
		   -moz-transform: scale(-1,1);
		    -ms-transform: scale(-1,1);
		     -o-transform: scale(-1,1);
		        transform: scale(-1,1);
	}
	#hd h2 span {
		padding:0 20px;
		color:#8D0000;
		font-size: 68px;
		line-height: 40px;
		position: absolute;
	}
	#hd h2 span.topleft {
		top:-10px;
		left: 0;
	}
	#hd h2 span.topcenter {		
		top:-10px;
		width: 50%;
		margin:0 auto;
	}
	#hd h2 span.left {
		display: inline-block;
		width: 258px;
		text-align: right;
		position: absolute;
		top: 31px;
		left: 0;
	}
	#hd h2 span.center {
		width: 100%;
		text-align: center;
		top:-10px;
		left: 0;
	}
	#hd h2 span.rcenter {
		display: inline-block;
		text-align: left;
		width: 200px;
		top:33px;
		left:285px;
	}
	#hd h2 span.rcenter~span {
		position: relative;
		display: inline-block;
		width: 200px;
		line-height: 40px;
	}
	#hd h2 span.downright {
		position: absolute;
		width: 280px;
		padding: 0;
		bottom: -50px;
		right: 30px;
	}
/* specific TITLE SETTINGS */
	#cooling h2{
		width: 100%;
		max-width: 1000px;
		text-align: left;
	}
	#lighting h2{
		width: 100%;
		max-width: 820px;
	}
	#audio h2{
		width: 100%;
		max-width: 640px;
	}
	#audio h2.left:before{
		top:50px;
	}
	#performance h2{
		width: 100%;
		max-width: 956px;
		margin-bottom: 140px;
		text-align: left;
	}
	#connectivity h2{
		width: 100%;
		max-width: 1150px;
		margin-bottom: 0;
	}
	#networking h2{
		width: 100%;
		max-width: 850px;
	}
	#protection h2{
		width: 100%;
		max-width: 800px;
	}
	#threed h2{
		width: 100%;
		max-width: 800px;
	}
	#hd #threed h2.right:before{
		bottom: -60px;
	}
	#more h2.rcenter{
		width: 100%;
		max-width: 850px;
	}
	#intel h2{
		width: 100%;
		max-width: 1255px;
	}
/* Scroll Up Style */
	#scrollUp {
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 45px;
		height: 45px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border: 2px solid #8D0000;
		opacity: 0;
	}
	#scrollUp.hd-show {
		opacity: 1;
	}
	#scrollUp svg{
		display: block;
		position: absolute;
		margin:auto;
		top: 0;right: 0;bottom: 5px;left: 0;
		fill:#8D0000;
		-webkit-transform: rotateZ(270deg);
		   -moz-transform: rotateZ(270deg);
		    -ms-transform: rotateZ(270deg);
		     -o-transform: rotateZ(270deg);
		        transform: rotateZ(270deg);
	}
	#scrollUp:hover {
		background-color: #8D0000;
	}
	#scrollUp:hover svg{
		fill:white;
	}
/* ---------- lightbox ---------- */
	#hd_lightbox{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		z-index: 10;
	}
	#hd .hd_filter{
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,.7);
	}
	#hd .hd_box{
		width: 1000px;
		height: 480px;
		background: #232323;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		padding: 35px 60px;
		box-sizing: border-box;
	}
	#hd .hd_close{
		position: absolute;
		top: 25px;right: 20px;
		cursor: pointer;
	}
	#hd .hd_close > span{
		display: block;
		width: 20px;
		height: 3px;
		background: #777777;
		-webkit-border-radius: 1.5px;
		-moz-border-radius: 1.5px;
		border-radius: 1.5px;
	}
	#hd .hd_close > span:first-child{
		-webkit-transform: rotateZ(45deg);
		   -moz-transform: rotateZ(45deg);
			-ms-transform: rotateZ(45deg);
			 -o-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
	}
	#hd .hd_close > span:last-child{
		-webkit-transform: rotateZ(-45deg) translate(2px,-2px);
		   -moz-transform: rotateZ(-45deg) translate(2px,-2px);
			-ms-transform: rotateZ(-45deg) translate(2px,-2px);
			 -o-transform: rotateZ(-45deg) translate(2px,-2px);
				transform: rotateZ(-45deg) translate(2px,-2px);
	}

	#hd .hd_product,
	#hd .hd_info{
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd_info{
		margin-left: 6.25%;
		width: 50%;
		min-width: 150px;			
	}
	#hd .hd_list{
		max-height: 186px;
		margin:30px 0 50px;
	}
	#hd .hd_list li{
		padding-top: 8px;
	}
	#hd .hd_num{
		display: inline-block;
		font-family: "Segoe UI", "Hind Siliguri", "Microsoft JhengHei", "Arial";
		text-align: center;
		font-size: 0.75rem;
		line-height: 19px;
		width: 19px;
		height: 19px;
		border:1px solid #999999;
		color:white;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		vertical-align: top;
	}
	#hd .hd_num ~p{
		display: inline-block;
		font-size: 0.875rem;
		margin:5px 15px;
		vertical-align: top;
		box-sizing: border-box;
		text-align: left;
		width: calc(100% - 51px);
		line-height: 8px;
	}

	#hd .hd_box > img{
		position: absolute;
		right: 40px;
		bottom: 60px;
	}

	#hd .hd_box iframe{
		width: 100%;
		height: 100%;
	}
/* ---------- END lightbox ---------- */
/* Hover Transitions */
	#hd,
	#scrollUp,
	#hd a.hd-link,
	#hd .specs-thumb img,
	#hd .specs-thumb~h4,
	#hd .hd-controls li,
	#hd .hd-sec-overview .hd-menu li,
	#hd .hd-details .hd-btn,
	#hd .hd-details .hd-btn svg,
	#hd .hd-sec-mode .txt_decoline,
	#hd .txt_decoline svg,
	#hd-more svg,
	#watchv:before,
	#gamevideo:before,
	#hd .hd-sec-audio .hd-hovernote,
	#hd .hd-sec-audio .hd-supremefx li,
	#hd .hd-sec-audio .hd-supremefx li.hd-active,
	#hd .hd-process li a.hd-link img,
	#hd .hd-process .play-tutorial img,
	#hd .hd-process .play-tutorial p,
	#hd #learnmore h3{
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
/* ---------- END MAIN SETTINGS ---------- */
/* ------------ SEC_SPECS ------------ */
	#hd ul.hd-sec-specs{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#hd .hd-sec-specs li{
		width: 19.5%;
	}
	#hd .specs-thumb {
		overflow: hidden;
	}
	#hd .specs-thumb a{
		overflow: hidden;
	}
	/*#hd .specs-thumb-large{
		width: 39.75%;
	}*/
	#hd .specs-thumb~h4{
		font-size: 1.2rem;
		color:#717071;
		background: #323333;
		padding:12px 0;
		margin:10px 0;
	}
	#hd .specs-thumb:hover img{
		opacity: .4;
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	#hd .specs-thumb:hover~h4{
		color:white;
		background: #8D0000;
	}
/* specsline */	
	#hd .hd-sec-specsline .spec-main{
		width: 100%;
		height: 811px;
		background: url('../img/spec.png') center center no-repeat;
		margin-left: -100px;
		margin-bottom: 70px;
	}
	#hd .hd-sec-specsline ul{
		display: block;
		width: 240px;		
		position: absolute;
	}
	#hd .hd-sec-specsline li p{
		margin-bottom: 10px;
		letter-spacing: 0;
	}
	#hd .hd-sec-specsline li .spec-num,
	#hd ul.spec-right li:nth-child(1) span.spec-num,
	#hd ul.spec-right li:nth-child(4) span.spec-num,
	#hd ul.spec-right li:nth-child(9) span.spec-num{
		width: 24px;
		height: 24px;
		border-radius: 12px;
		line-height: 18px;
		text-align: center;
		border:2px solid #8D0000;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	#hd .hd-sec-specsline li{		
		position: absolute;
	}	
	#hd ul.spec-left{
		top: 20px;
		left: 25px;
	}
	#hd ul.spec-right{
		top: 50px;
		right: 30px;
	}
	#hd ul.spec-left li:nth-child(2){
		top: 150px;
	}
	#hd ul.spec-left li:nth-child(3){
		top: 370px;
	}
	#hd ul.spec-left li:nth-child(4){
		top: 475px;
	}
	#hd ul.spec-left li:nth-child(4) img{
		margin-left: -10px;
	}
	#hd ul.spec-left li:nth-child(5){
		top: 515px;
		left: 155px;
		margin-right: -25px;
	}
	#overview #hd ul.spec-left li:nth-child(5) img{
		border-style: solid;
		border-width: 1px;
		border-collapse: #880000;
		border-right: none;
	    /*-webkit-border-image: 
	      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#880000)) 1 100%;*/
	    -webkit-border-image: 
	      -webkit-linear-gradient(black, #880000, black) 1 100%;
	    -moz-border-image:
	      -moz-linear-gradient(black, #880000, black) 1 100%;    
	    -o-border-image:
	      -o-linear-gradient(black, #880000, black) 1 100%;
	    border-image:
	      linear-gradient(to bottom, black, #880000, black) 1 100%;
	}
	#hd ul.spec-left li:nth-child(5) b{
		text-align: center;
	}
	#hd ul.spec-left li:nth-child(6){
		top: 690px;
	}
	
	#hd ul.spec-right li:nth-child(1) span img{
		width:40px;
		margin-left: 10px;
	}
	#hd ul.spec-right li:nth-child(2){
		top:45px;
	}
	#hd ul.spec-right li:nth-child(3){
		top:123px;
	}
	#hd ul.spec-right li:nth-child(4){
		width: 120%;
		top:152px;
	}
	#hd ul.spec-right li:nth-child(5){
		top:225px;
	}
	#hd ul.spec-right li:nth-child(6){
		top:306px;
	}
	#hd ul.spec-right li:nth-child(7){
		top:363px;
	}
	#hd ul.spec-right li:nth-child(8){
		top:440px;
	}
	#hd ul.spec-right li:nth-child(9){
		top:485px;
	}
	#hd ul.spec-right li:nth-child(10){
		top:555px;
	}
	#hd ul.spec-right li:nth-child(11){
		top:590px;
	}
	#hd ul.spec-right li:nth-child(1) p,
	#hd ul.spec-right li:nth-child(1) span,
	#hd ul.spec-right li:nth-child(4) p,
	#hd ul.spec-right li:nth-child(4) span,
	#hd ul.spec-right li:nth-child(9) p,
	#hd ul.spec-right li:nth-child(9) span{
		display: inline-block;
		vertical-align: middle;
	}
/* ------------ END SEC_SPECS ------------ */
/* ------------ SEC_VTOP ------------ */
	#hd .hd-sec-vtop{
		padding:100px 0;
		margin-bottom: 170px;
		cursor: pointer;
		position: relative;
	}
	#hd .hd-sec-vtop:hover .video_txt + img{
		-webkit-animation-name: pulse;
		animation-name: pulse;
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
		50% {
			-webkit-transform: scale3d(1.2, 1.2, 1.2);
			transform: scale3d(1.2, 1.2, 1.2);
		}
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
	}
	@keyframes pulse {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
		50% {
			-webkit-transform: scale3d(1.2, 1.2, 1.2);
			transform: scale3d(1.2, 1.2, 1.2);
		}
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
		}
	}
	#hd .hd-videobox{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	    z-index: -100;
	}
	#hd .v_open .hd-videobox{
		height: 100vh;
	}
	#hd .v_open span{
		display: block;
		width: 100%;
		height: calc(100vh - 200px);
	}
	#hd .hd-sec-vtop video{
	    top: 0;
	    left: 0;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	 	background: url('../img/video_poster.jpg') no-repeat;
		background-size: cover;
	}
	#hd .hd-sec-vtop{		
		text-align: center;
	}
	#hd .hd-sec-vtop img{
		width: 87px;
		height: 87px;
		margin-top:50px;
	}
/* ------------ END SEC_VTOP ------------ */
/* ------------ SEC_cooling ------------ */
	#hd .hd-sec-cooling{
		padding:70px 0 100px;
		position: relative;
	}
	#hd .hd-sec-cooling h3{
		width: 90%;
	}
	#hd .hd-sec-cooling .hd-bg{
		background: 64% 50% no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	#hd .hd-sec-cooling .hd-bg img{
		display: block;
		/*width: 37%;*/
		width: 719px;
		position: absolute;
		bottom: 15%;
		right: 44%;
	}
	#hd .hd-sec-cooling .hd-w1200 span{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 30%;
	}

	#hd .hd-sec-coolingsys{
		text-align: center;
	}
	#hd .hd-sec-coolingsys img{
		margin-top: -180px;
		z-index: -1;
		position: relative;
	}
/* ------------ END SEC_cooling ------------ */
/* ------------ SEC_lighting ------------ */
	#hd .hd-sec-lighting{
		padding:70px 0 100px;
		position: relative;
		background: right 40% no-repeat;
		z-index: -2;
	}
	
	#hd .hd-lightingbox{
		position: relative;
		width: 515px;
		height: 100%;
	}
	#hd .hd-lighting{
		height: 100%;
		position: relative;
		overflow: hidden;
	}	
	#hd .hd-lightingbott{
		position: absolute;
		width: 200%;
		bottom: -150px;
	}
	#hd .hd-lightingbott img{
		display: inline-block;
		vertical-align: middle;
		width: 277px;
		margin-left: 125px;
	}
	#hd .hd-lightingbott small{
		display: inline-block;
		font-weight: 400;
		vertical-align: middle;
		width: calc(80% - 277px);
		margin-left: -30px;
	}

	#hd .hd-sec-lighting .hd-col55{
		box-sizing: border-box;
		padding:0 1% 0 2%;
	}
	#hd .hd-sec-lighting h3{
		margin-top: 50px;
		margin-bottom: 70px;
	}
	#hd .hd-controls{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: -50px;
		margin-left: -5%;
		position: relative;
	}
	#hd .hd-controls li{
		width: 20%;
		max-width: 130px;
		cursor:pointer;
		opacity: .5;
	}
	#hd .hd-controls li:hover,
	#hd .hd-controls li.hd-active{
		opacity: 1;
	}
	#hd .hd-controls li img{
		display: block;
		width: 65px;
		height: 65px;
		margin:20px auto 10px;
	}
	#hd .hd-controls small{
		width: 113px;
		height: 65px;
	}

	#colorpicker{
		position: absolute;
		bottom: -90px;
		right: 60px;
	}

	#color,
	#greybg{
		width: 100%;
		height: 0;
		padding-bottom: 136%;
		margin-top: 1px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#greybg {
		background-color: #777777;
		z-index: -2;
	}
	
	#color ul{
		width:100%;
		height:100%;
		position: absolute;
	}
	#color ul.hd-flash{		
		-webkit-animation: flash 14s linear infinite;
		   -moz-animation: flash 14s linear infinite;
		    -ms-animation: flash 14s linear infinite;
		     -o-animation: flash 14s linear infinite;
		        animation: flash 14s linear infinite;
	}
	#color ul li{
		position: absolute;
		opacity: 0;
	}
	#color ul li.color01{
		width:100%;
		height:40%;
		top: 2px;
		left: 0;
		-webkit-transform: skew(8deg, -13deg);
		   -moz-transform: skew(8deg, -13deg);
		    -ms-transform: skew(8deg, -13deg);
		     -o-transform: skew(8deg, -13deg);
		        transform: skew(8deg, -13deg);
		-webkit-animation: comet 2s linear infinite,
						   cycle 21s linear infinite;
		   -moz-animation: comet 2s linear infinite,
		   				   cycle 21s linear infinite;
		    -ms-animation: comet 2s linear infinite,
		    			   cycle 21s linear infinite;
		     -o-animation: comet 2s linear infinite,
		     			   cycle 21s linear infinite;
		        animation: comet 2s linear infinite,
		        		   cycle 21s linear infinite;
	}
	#color ul li.color02{
		width: 63.5%;
		height: 49%;
		bottom: 3%;
		left: 0;
		-webkit-transform: skew(-13deg, -4deg);
		   -moz-transform: skew(-13deg, -4deg);
		    -ms-transform: skew(-13deg, -4deg);
		     -o-transform: skew(-13deg, -4deg);
		        transform: skew(-13deg, -4deg);
		-webkit-animation: comet 2s 0.5s linear infinite,
						   cycle 21s linear infinite;
		   -moz-animation: comet 2s 0.5s linear infinite,
		   				   cycle 21s linear infinite;
		    -ms-animation: comet 2s 0.5s linear infinite,
		    			   cycle 21s linear infinite;
		     -o-animation: comet 2s 0.5s linear infinite,
		     			   cycle 21s linear infinite;
		        animation: comet 2s 0.5s linear infinite,
		        		   cycle 21s linear infinite;
	}
	#color ul li.color03{
		width: 40%;
		height: 29%;
		bottom:10px;
		right:0;
		-webkit-animation: comet 2s 1s linear infinite,
						   cycle 21s linear infinite;
		   -moz-animation: comet 2s 1s linear infinite,
		   				   cycle 21s linear infinite;
		    -ms-animation: comet 2s 1s linear infinite,
		    			   cycle 21s linear infinite;
		     -o-animation: comet 2s 1s linear infinite,
		     			   cycle 21s linear infinite;
		        animation: comet 2s 1s linear infinite,
		        		   cycle 21s linear infinite;
	}
	#color ul li.color01.hd-rainbow{
		opacity: 1;
		-webkit-animation: cycle 14s -2s linear infinite;
		   -moz-animation: cycle 14s -2s linear infinite;
		    -ms-animation: cycle 14s -2s linear infinite;
		     -o-animation: cycle 14s -2s linear infinite;
		        animation: cycle 14s -2s linear infinite;
	}
	#color ul li.color02.hd-rainbow{
		opacity: 1;
		-webkit-animation: cycle 14s -1s linear infinite;
		   -moz-animation: cycle 14s -1s linear infinite;
		    -ms-animation: cycle 14s -1s linear infinite;
		     -o-animation: cycle 14s -1s linear infinite;
		        animation: cycle 14s -1s linear infinite;
	}
	#color ul li.color03.hd-rainbow{
		opacity: 1;
		-webkit-animation: cycle 14s linear infinite;
		   -moz-animation: cycle 14s linear infinite;
		    -ms-animation: cycle 14s linear infinite;
		     -o-animation: cycle 14s linear infinite;
		        animation: cycle 14s linear infinite;
	}
/* ------------ END SEC_lighting ------------ */
/* ------------ SEC_sync ------------ */
	#hd .hd-sec-sync{
		padding-top:70px;
		position: relative;
	}
	#hd .title_logo{
		width: 120px;
		height: 120px;
		margin:10px;
		margin-bottom: 50px;
		vertical-align: middle;
	}
	#hd .hd-sec-sync .hd-col55{
		margin-left: auto;
	}

	#hd .hd-sec-sync .hd-bg{
		width: 100%;
		max-width: 1920px;
		height: 0;
		padding-bottom: 41%;
		background:0 0 no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0px;
		-webkit-animation: colorrun 3s infinite;
		   -moz-animation: colorrun 3s infinite;
		    -ms-animation: colorrun 3s infinite;
		     -o-animation: colorrun 3s infinite;
		        animation: colorrun 3s infinite;
	}
	#hd .hd-sec-sync span{
		display: block;
		width: 100%;
		padding-bottom: 41%;
	}
/* ------------ END SEC_sync ------------ */
/* ------------ SEC_audio ------------ */
	#hd .hd-sec-audio .hd-col70{
		width: 70%;
		margin:0 auto;
		position: relative;
		z-index: 2;
	}
	#hd .hd-sec-audio .hd-col70 h3{
		margin-bottom: 70px;
	}
	#hd .hd-sec-audio .hd-col70 p{
		width: 92%;
		margin: 0 auto;
	}

	#hd .hd-sec-audio .hd-supremefx{
		margin:-200px -50px 0 auto;
		z-index: 1;
		pointer-events: none;
	}
	#hd .hd-sec-audio .hd-supremefx li{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	#hd .hd-sec-audio .hd-supremefx li:first-child{
		position: relative;
		display: block;
		opacity: 1;
	}
	#hd .hd-sec-audio .hd-supremefx li.hd-active{
		display: block;
		opacity: 1;
		/*animation: fadeIn .5s forwards;*/
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}

	#hd .hd-sec-audio figure{
		position: absolute;
		left: 0;
		right: 0;
		top:-240px;
	}
	#hd .hd-sec-audio figure>div{
		position: relative;
	}
	#hd .hd-sec-audio figure h4{
		font-size: 1.1rem;
		margin-bottom: 10px;
		text-transform: none;
	}
	#hd .hd-sec-audio figure p{
		margin-bottom: 20px;
	}
	#hd .hd-sec-audio figure img.hd-picright{
		position: absolute;
		top: 0px;
		right: 30px;
	}

	#hd .hd-sec-audio .hd-pic{
		margin-top: -165px;
		margin-bottom: 150px;
		width: 100%;
		max-width: 1920px;
		height: 236px;
		background: center top no-repeat;		
		background-image: url('../img/audio-bg.png');
		background-size: 1920px;
		position: relative;
		z-index: 0;
		pointer-events: none;
	}
	#hd .hd-sec-audio .hd-pic li{
		display: block;
		width: 140px;
		max-width: 14%;
		/*height: 114px;*/
		/*height: 0;*/
		/*padding-bottom: 10%;*/
		position: absolute;
		top:25px;
		cursor: crosshair;
		pointer-events: all;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(4),
	#hd .hd-sec-audio .hd-pic li:nth-child(5),
	#hd .hd-sec-audio .hd-pic li:nth-child(6){
		top:106px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(1){
		left: 100px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(2){
		left: 265px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(3){
		left: 430px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(4){
		left: 660px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(5){
		left: 825px;
	}
	#hd .hd-sec-audio .hd-pic li:nth-child(6){
		left: 990px;
	}

	#hd .hd-sec-audio .hd-hovernote{
		display: block;
		width: 100%;
		height: 114px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd .hd-sec-audio .hd-hovernote:before{
		content:"";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		margin-right: -5px;
	}
	#hd .hd-sec-audio .hd-hovernote small{
		display: inline-block;
		vertical-align: middle;
		padding:5px 12px;
		font-size: .8rem;
		letter-spacing: 0;
		text-align: left;
		opacity: 0;
	}
	#hd .hd-sec-audio small.txt_red{
		display: block;
		text-transform: uppercase;
		margin-top: 30px;
		padding:0 5px;
		font-weight: bold;
		pointer-events: none;
	}
	#hd .hd-sec-audio .hd-pic li:hover .hd-hovernote{
		background: rgba(0,0,0,.8);
	}
	#hd .hd-sec-audio .hd-pic li:hover .hd-hovernote small{
		opacity: 1;
	}

	#hd .hd-sec-studio figure{
		position: relative;
		text-align: center;
	}
	#hd .hd-audioinput,
	#hd .hd-audioresulttxt{
		height: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction:column;
		position: absolute;
		top: 0;
		left: 10%;
		padding:10% 0 8%;
	}
	#hd .hd-audioresulttxt{
		left:auto;
		right: 17%;		
		padding:7% 0 5%;
		-webkit-transform: scale(.85);
		   -moz-transform: scale(.85);
		    -ms-transform: scale(.85);
		     -o-transform: scale(.85);
		        transform: scale(.85);
	}
	#hd .hd-audioinput li,
	#hd .hd-audioresulttxt li{
		height: 10%;
		position: relative;
	}
	#hd .hd-audioresulttxt li{
		opacity: 0;
	}
	#hd .hd-audioresulttxt li:nth-child(2),
	#hd .hd-audioresulttxt li:nth-child(4){
		height:9%;
	}
	#hd .hd-audioresulttxt li:nth-child(1),
	#hd .hd-audioresulttxt li:nth-child(3){
		height:25%;
	}
	#hd .hd-audioinput li h4,
	#hd .hd-audioresulttxt li h4{
		font-size: 1.2rem;
		margin-bottom: 0;
		line-height: 20px;
		width: 86px;
		height: 86px;
		padding:20px 10px;
		border-radius: 43px;
		border:2px solid white;	
	}
	#hd .hd-audioinput li h4.hd-singleline,
	#hd .hd-audioresulttxt li h4.hd-singleline{
		line-height: 45px;
	}


	#hd .hd-audioprogress,
	#hd .hd-audiostable{
		position: absolute;
		top: 1.8%;
    	left: 26%;
	}

	#hd .hd-audioresult{
		height: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction:column;
		position: absolute;
		top: 0;
		left:77%;
		padding:5% 0 0;
		animation: audioresult 3s .5s infinite;
	}
	#hd .hd-audioresult li{
		height: 33%;
		position: relative;
	}
	#hd .hd-audioresult li img:last-child{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;		
	}

	#hd .hd-audioinput li{
		animation: inputgo 5s infinite;
	}
	#hd .hd-audioprogress{
    	opacity: 0;
		animation: processgo 5s 1s infinite;		
	}
	#hd .hd-audioresult li img{
		animation: resulticongo 5s 1s infinite;
	}
	#hd .hd-audioresult li img:last-child{
		animation: resulticongo 5s 1s infinite,
				   resulticonlight 5s 1s infinite;
	}
	#hd .hd-audioresulttxt li{	
		animation: inputgo 5s 1.5s infinite,
					resultgo 5s 1s infinite;
	}

	@keyframes inputgo{
		0%	{
			transform: translateX(0px);
			opacity: 1;
		}
		20%	{
			transform: translateX(0px);
			opacity: 1;
		}
		50%{
			transform: translateX(40px);
			opacity: 0;
		}
		100%{
			transform: translateX(40px);
			opacity: 0;
		}
	}
	@keyframes processgo{
		0%	{
			opacity: 0;
		}
		40%{
			opacity: 1;
		}
		80%{
			opacity: 0;
		}
	}
	@keyframes resultgo{
		0%	{
			transform: translateX(-20px);
			opacity: 0;
		}
		80%{
			transform: translateX(0px);
			opacity: 1;
		}
		90%	{
			transform: translateX(0px);
			opacity: 0;
		}
		100%	{
			transform: translateX(0px);
			opacity: 0;
		}
	}
	@keyframes resulticongo{
		0%	{
			transform: translateX(0px);
		}
		70%{
			transform: translateX(40px);
		}
		80%{
			transform: translateX(40px);
		}
	}
	@keyframes resulticonlight{
		0%	{
			opacity: 0;
		}
		70%{
			opacity: 1;
		}
		80%{
			opacity: 1;
		}
	}
	
	/*#hd .hd-sec-audiofeature p{
		margin-bottom: 30px;
	}
	#hd .hd-sec-audiofeature .hd-w1200 div{
		display: inline-block;
		vertical-align: middle;
		margin-left: -5px;
	}
	#hd .hd-sec-audiofeature .hd-w1200 .hd-col60:first-child{
		margin-left: -10%;
		margin-right: 4%;
	}
	#hd .hd-sec-audiofeature .hd-w1200 .hd-col60:last-child{
		text-align:right;
	}*/
	#hd .hd-sec-audiofeature ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	#hd .hd-sec-audiofeature li{
		width: 50%;
		padding:0 25px;
		display: inline-block;
	}
	#hd .hd-sec-audiofeature li img{
		margin-bottom: 50px;
	}
	#hd .hd-sec-audiofeature li p{
		width: 85%;
		margin: 0 auto 90px;
	}
	
	#hd .hd-sec-studio h3,
	#hd .hd-sec-radar h3{
		margin-bottom: 70px;
	}
	
	#hd .hd-sec-radar{
		background: center center no-repeat;
		background-image: url('../img/audio-bg2.jpg');
		margin-bottom: 100px;
	}
	#hd .hd-sec-radar p.hd-col80{
		margin:0 auto 200px;
	}
	#audiogif{
		transform: perspective(660px) rotateY(12deg);
	    position: relative;
	    left: -29px;
	    top: -29px;
	}
	#hd .gif-focus{
		position: absolute;
		display: none;
	}
	#hd .ghost-bg{
		position: absolute;
		right: -8%;
		bottom:3%;
	}
	
	#hd .hd-sec-radar li.audio-tag{
		position: absolute;
		z-index: 2;
	}
	#hd .hd-sec-radar li.audio-tag:before{
		content: "";
		display: block;
		position: absolute;
		border:1px solid #FF0000;
	}
	#hd .hd-sec-radar .txt_decoline{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#hd .hd-sec-radar li.audio-tag small{
		display: block;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(1){
		width: 400px;
		top: 35%;
		right: 3%;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(1):before{
		display: none;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(2){
		width: 355px;
		top: 54%;
		right: 8%;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(2):before{
		width: 185px;
		height: 40px;
		left: -197px;
		top:43px;
		border-top: none;
		border-left: none;
		transform: skewX(-30deg);
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(2):after{
		content:"";
		display: block;
		position: absolute;
		width: 136px;
		height: 136px;
		border-radius: 68px;
		border:1px solid #ff0000;
		left: -335px;
    	top: 50px;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(2) h4,
	#hd .hd-sec-radar li.audio-tag:nth-child(2) small{
		padding-left: 45px;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(3){
		width: 330px;
		top: 70%;
		right: 8%;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(3) h4,
	#hd .hd-sec-radar li.audio-tag:nth-child(3) small{
		padding-left: 20px;
	}	
	#hd .hd-sec-radar li.audio-tag:nth-child(3):before{
		width: 125px;
		height: 75px;
		left: -148px;
    	top: -33px;
		border-bottom: none;
		border-left: none;
		transform: skewX(30deg);
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(4){
		width: 366px;
		bottom: 5%;
		left: 40%;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(4) h4,
	#hd .hd-sec-radar li.audio-tag:nth-child(4) small{
		padding-left: 10px;
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(4):before{
		width: 215px;
	    height: 254px;
	    left: -341px;
	    top: -189px;
		border-top: none;
		border-right: none;
		transform: skewX(40deg);
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(4) small:before{
		content:"";
		display: block;
		position: absolute;
		width: 1px;
	    height: 22px;
	    left: -10px;
	    top: 44px;
	    border-right: 1px solid #FF0000;
		transform: skewX(-40deg);
	}
	#hd .hd-sec-radar li.audio-tag:nth-child(4):after{
		content:"";
		display: block;
		position: absolute;
		width: 80px;
		height: 80px;
		border-radius: 40px;
		border:1px solid #ff0000;
		left: -517px;
    	top: -259px;
	}
/* ------------ END SEC_audio ------------ */
/* ------------ SEC_performance ------------ */
	#hd .hd-sec-performance{
		background: left 50% no-repeat;
		background-size: contain;
	}
	
	#hd .hd-tagbox{
		width: 80%;
		display: flex;
		justify-content: space-between;
		margin-top: -20px;
		margin-bottom: 20px;
	}
	#hd .hd-sec-performance h3{
		margin-bottom: 40px;
	}
	#hd .hd-sec-performance .hd-w480{
		vertical-align: bottom;
	}
	#hd .hd-sec-performance .hd-col60{
		margin-top: 50px;
		margin-right: -60px;
		position: relative;
	}
	#hd .hd-sec-performance .hd-col60 p{
		margin-bottom: 0;
		letter-spacing: 0;
	}
	#hd .hd-picnote{
		position: absolute;
		width: 435px;
		height: 110px;
		margin:auto;
		top: 0;right: 0;bottom: 20px;left: 30px;
	}

	#hd .hd-sec-ddr4 .hd-col45{
		margin-top: 7%;
		margin-left: -70%;
		position: relative;
		z-index: 2;
	}
	#hd .hd-sec-ddr4 .hd-col45 h3{
		margin-bottom: 50px;
	}
	#hd .hd-sec-ddr4 .hd-col80{
		margin-left: -5%;
	}

	#hd .hd-sec-oneclick h3{
		margin-bottom: 50px;
	}
	#hd .hd-sec-oneclick h4{
		margin-bottom: 35px;
	}
	#hd .hd-sec-oneclick .hd-col80{
		margin-left: -50%;
		margin-top: -20%;
	}
	#hd .hd-sec-oneclick .hd-col45{
		position: relative;
		z-index: 2;
	}
	#hd .hd-sec-oneclick .hd-col45 p{
		margin-bottom: 0;
	}
/* ------------ END SEC_performance ------------ */
/* ------------ SEC_overview ------------ */
	#hd .hd-sec-overview .hd-menu{
		width: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,570000+50,000000+100 */
		background: #000000; /* Old browsers */
		background: -moz-linear-gradient(left,  #000000 0%, #570000 50%, #000000 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #000000 0%,#570000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #000000 0%,#570000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		margin-bottom: 80px;
	}
	#hd .hd-sec-overview .hd-menu ul{
		display: flex;
		justify-content: space-around;
		padding:30px 0;
	}
	#hd .hd-sec-overview .hd-menu li{
		width: 17%;
		border: 1px solid #808080;
		color:#808080;
		background-color: transparent;
		cursor: pointer;
	}
	#hd .hd-sec-overview .hd-menu li h4{
		font-size: 21px;
		line-height: 27px;
		color:inherit;
		margin-bottom: 0;
		padding:13px 0;
		text-transform: none;
	}
	#hd .hd-sec-overview .hd-menu li:hover{
		border-color:white;
		color:white;
	}
	#hd .hd-sec-overview .hd-menu li.hd-active{
		border-color:#8D0000;
		background-color: #8D0000;
		color:white;
	}
	
	#hd .hd-details {
		padding-bottom: 150px;
	}
	#hd .hd-details .hd-col60{
		margin:0 auto 70px;
		float:none;
	}
	#hd .hd-details .hd-btn svg{
		fill:#8D0000;
	}
	#hd .hd-details .hd-prev svg{
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd .hd-details .hd-next svg{
		-webkit-transform: scaleX(1);
		   -moz-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		     -o-transform: scaleX(1);
		        transform: scaleX(1);
	}
	#hd .hd-details .hd-btn:hover{
		color:#ffffff;
	}
	#hd .hd-details .hd-btn:hover svg{
		fill:#ffffff;
	}
	#hd .hd-details .hd-next{
		float:right;
	}
	#hd .hd-details .hd-next:after{
		content:"";
		display: block;
		width: 0;
		clear:both;
	}
	.hd-details .hd-detail{
		display: none;
	}
	.hd-details .hd-open{
		display: block;		
		-webkit-animation: showfrombottom .8s ease;
		   -moz-animation: showfrombottom .8s ease;
		    -ms-animation: showfrombottom .8s ease;
		     -o-animation: showfrombottom .8s ease;
		        animation: showfrombottom .8s ease;
	}
	.hd-details img.hd-col50{
		display: inline-block;
		vertical-align: middle;
		margin:50px 0;
	}
	.hd-details div.hd-col50{
		display: inline-block;
		vertical-align: middle;
		margin-left: -5px;
		padding-left: 80px;
	}
	
	#hd .hd-sec-mode h3{
		margin-bottom: 50px;
	}
	#hd .hd-sec-mode p{
		margin:0 auto 80px;
	}
	#hd .hd-sec-mode .hd-col50{
		display: inline-block;
		vertical-align: top;
		padding:0 40px;
		text-align: center;
	}
	#hd .hd-sec-mode .hd-col50:last-child{
		margin-left: -5px;
	}

	#hd .hd-sec-mode h4{
		max-width: 470px;
		margin:0 auto 10px;
		cursor: pointer;
		text-align: left;
		padding:10px 5px;
	}
	#hd .txt_decoline svg{
		margin-left: 10px;
		fill:#8D0000;
		-webkit-transform: rotateZ(90deg);
		   -moz-transform: rotateZ(90deg);
		    -ms-transform: rotateZ(90deg);
		     -o-transform: rotateZ(90deg);
		        transform: rotateZ(90deg);
	}
	#hd .hd-open svg{		
		-webkit-transform: rotateZ(270deg);
		   -moz-transform: rotateZ(270deg);
		    -ms-transform: rotateZ(270deg);
		     -o-transform: rotateZ(270deg);
		        transform: rotateZ(270deg);
	}
	#hd .hd-sec-mode .txt_decoline:hover{
		color:white;
	}
	#hd .hd-sec-mode .txt_decoline:hover svg{
		fill:white;
	}
	#hd .hd-sec-mode .mode-content {
		display: none;
		margin:5px;
		position: relative;
	}
	#hd .hd-sec-mode .mode-content ul{
		padding:25px 35px;
		background:#3A3A3A;
		box-shadow: 0 0 200px 100px black inset;
	}
	#hd .hd-sec-mode .mode-content p{
		margin-bottom: 20px;
	}
	#hd .hd-sec-mode .mode-content p.txt_red{
		color:#AE171B;
		font-weight: bold;
		margin-bottom: 5px;
	}

	#hd .hd-sec-mode~.hd-pic01{
		height: 189px;
	}
	#hd .hd-sec-mode~.hd-pic01 div{
		width: 50%;
		margin:0 auto;
		padding:80px 20px 50px 20%;
	}
	#hd .hd-sec-mode~.hd-pic01 div h4{
		margin-bottom: 9px;
	}
	#hd .hd-sec-mode~.hd-pic01 div p{
		letter-spacing: 0;
		margin-bottom: 0;
	}


	#hd .hd-sec-controller{
		margin-top: 130px;
		background:top left no-repeat;
	}
	#hd .hd-sec-controller .hd-w480,
	#hd .hd-sec-controller .hd-col80{
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd-sec-controller .hd-w480{
		margin-top: -70px;
	}
	#hd .hd-sec-controller .hd-col80{
		width: 865px;
		max-width: 100%;
		margin-left: -28%;
		text-align: right;
	}
	#hd .hd-sec-controller p{
		margin:70px 100px 0 10px;
	}
	
	
	#hd .hd-sec-controller .hd-box{
		position: absolute;
		/*width: 500px;*/
		top: 55px;
		right: 0;
	}
	#hd .hd-sec-controller .hd-decolinebox{
		position: absolute;
		top: -46px;
		right: 0;
		width: 110%;
	}
	#hd .hd-sec-controller .hd-decolinebox li{
		/*margin-bottom: 15px;*/
		margin-bottom: 19px;
	}
	#hd .hd-sec-controller .txt_decoline{
		max-width: 460px;
		margin-bottom: 10px;
		font-size: 21px;
		position: relative;
	}
	#hd .hd-sec-controller .txt_decoline:before{
		content: "";
		display: block;
		position: absolute;
		border:1px solid #FF0000;
		transform: skewX(-35deg);
	}
	#hd .hd-sec-controller li:nth-child(1) .txt_decoline:before{
		width: 0px;
		height: 160px;
		left: -57px;
		top:26px;
		border-left: none;
	}
	#hd .hd-sec-controller li:nth-child(2) .txt_decoline{
		padding-left: 30px;
	}
	#hd .hd-sec-controller li:nth-child(2) .txt_decoline:before{
		width: 75px;
		height: 80px;
		left: -103px;
		top:60px;
		border-top: none;
		border-left: none;
	}
	#hd .hd-sec-controller li:nth-child(3) .txt_decoline{
		padding-left:100px;
	}
	#hd .hd-sec-controller li:nth-child(3) .txt_decoline:before{
		width: 295px;
		height: 70px;
		left: -320px;
		top: -11px;
		border-bottom: none;
		border-left: none;
		transform: skewX(35deg);
	}
	#hd .hd-sec-controller .txt_decoline span{
		display: inline-block;
	}
	#hd .hd-sec-controller .txt_decoline span:first-child{
		font-size: 48px;
	}
	#hd .hd-sec-controller li li span{
		font-size: 30px;
		line-height: 24px;
		text-align: left;
	}
	#hd .hd-sec-controller li li small{
		display: block;
		line-height: 12px;
	}

	#hd .hd-sec-controller li ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
		margin-top: 12px;
	}
	_::-moz-range-track, body:last-child #hd .hd-sec-controller li ul /*firefox hack*/
	{
		margin-top: 8px;
	}
	
	#hd .hd-sec-controller li li{
		position: relative;
		display: inline-block;
	}
	#hd .hd-sec-controller li:nth-child(1) li{
		width: 30%;
		padding-left: 25px;
	}
	#hd .hd-sec-controller li:nth-child(2) li:first-child{
		width: 25%;
	}
	#hd .hd-sec-controller li:nth-child(2) li{
		width: 40%;
	}
	#hd .hd-sec-controller li:nth-child(3) li{
		width: 26%;
	}
/* ------------ END SEC_overview ------------ */
/* ------------ SEC_connectivity ------------ */
	#hd .hd-sec-connect.hd-w1200 {
		padding-bottom: 80px;
	}	
	#hd .hd-sec-connect figure{
		position: relative;
	}
	#hd .hd-sec-connect img.hd-col80{
		margin-left: 3%;
	}
	#hd .hd-sec-connect figure img:last-child{
		width: 806px;
		max-width: 100%;
		position: absolute;
		top:48%;
		right: 0;
	}
	#hd .hd-sec-connect figure .hd-col45{
		position: absolute;
		top: 20%;
		right: 25px;
		z-index: 2;
	}
	
	#hd .hd-sec-speed.hd-w1200 {
		padding-bottom: 100px;
	}		
	#hd .hd-sec-speed .hd-col50{
		display: inline-block;
	}
	#hd .hd-sec-speed .hd-col50:last-child{
		margin-left: -5px;
	}
	#hd .hd-sec-speed .hd-title{
		padding:0 50px;
	}
	#hd .hd-sec-speed h3{
		background-position: right bottom;
	}
	#hd .hd-sec-speed h4{
		margin:0;
		margin-top: -10px;
		margin-bottom: 40px;
	}
	#hd .hd-sec-speed .hd-title img{
		width: 94%;
	}
	#hd .hd-sec-speed .hd-title~img{
		width: 120%;
		margin-top: -80px;
		position: relative;
		z-index: -1;
	}
	#hd .hd-sec-speed .hd-col50{
		text-align: center;
	}
	#hd .hd-sec-speed .hd-col50:first-child>img{
		margin-left: -25%;
	}

	#hd .hd-sec-ethernet img.hd-col40{
		width: 40%;
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd-sec-ethernet > div:first-child{
		width: 48%;
	}
	#hd .hd-sec-ethernet figure{
		margin-top: -50px;
	}
	#hd .hd-sec-ethernet .hd-tagbox{
		width: 50%;
		margin-top: 20px;
		margin-bottom: 0;
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd-sec-ethernet .hd-skewtag:first-of-type:before{
		width: 220px;
	}
	#hd .hd-sec-ethernet .hd-skewtag:last-of-type{
		width: 280px;
		padding-left: 20px;
		margin-left: 20px;
	}
	#hd .hd-sec-ethernet .hd-skewtag:last-of-type:before{
		width: 290px;
	}

	#hd .hd-sec-languard .hd-content{
		padding-right: 80px;
	}
	#hd .hd-sec-languard .hd-content p{
		padding-right: 45px;
	}

	#hd .hd-pic03{
		width: 100%;
		height: 811px;
		background: center top no-repeat;
		background-size: 1920px;
		margin-top: -400px;
	}
/* ------------ END SEC_connectivity ------------ */
/* ------------ SEC_protection ------------ */
	#hd .hd-sec-sleek .hd-col60{
		margin-right: -10%;
	}
	#hd .hd-sec-sleek > .hd-col50:first-child{
		margin-top:10%;
	}
	#hd .hd-sec-sleek .hd-content{
		padding:0 10%;
	}
	#hd .hd-sec-sleek .hd-col50 h4~p{
		padding-right: 80px;
	}
	#hd .hd-sec-sleek figure{
		text-align: center;
	}

	#hd-more{
		width: 100%;
		max-width: 1920px;
		height: 126px;
		background:url('../img/more-bg.png') center center no-repeat;
		background-size: 1920px;
		padding:40px 0 10px;
		margin-top: -50px;
		margin-bottom: 100px;
		cursor: pointer;
	}
	#hd-more svg{
		fill:#808080;
		width: 35px;
		height: 35px;
		margin-left: 20px;
		-webkit-transform: rotateZ(90deg);
		   -moz-transform: rotateZ(90deg);
		    -ms-transform: rotateZ(90deg);
		     -o-transform: rotateZ(90deg);
		        transform: rotateZ(90deg);
	}
	
	#hd-sec-hidden{
		display: none;
	}
	#hd-sec-hidden .hd-w1200{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-top: 100px;
	}
	#hd-sec-hidden figure{
		width: 21%;
		margin:20px 2%;
		text-align: center;
	}
	#hd-sec-hidden .txt_decoline{
		background-size: 130%;
		text-align: left;
		padding:20px 0 ;
	}
	#hd .hd-frame:before{
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		padding:3px;
		position: absolute;
		top: -3px;
		left: -3px;
		z-index: -1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#800c20+0,5d0600+15,9a0d0e+54,480600+100 */
		background: #800c20; /* Old browsers */
		background: -moz-linear-gradient(left,  #800c20 0%, #5d0600 15%, #9a0d0e 54%, #480600 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #800c20 0%,#5d0600 15%,#9a0d0e 54%,#480600 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #800c20 0%,#5d0600 15%,#9a0d0e 54%,#480600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c20', endColorstr='#480600',GradientType=1 ); /* IE6-9 */
	}
	#hd-sec-hidden .hd-content{
		height: 275px;
		position: relative;	
		margin:5px;	
		display: block;
		padding:50px 35px;
		background:#3A3A3A;
		box-shadow: 0 0 100px 50px black inset;
	}
	#hd-sec-hidden .hd-content p{
		margin-bottom: 20px;
	}
	#hd-sec-hidden .hd-content p span{		
		font-family: "Fjalla One",sans-serif;		
		text-transform: uppercase;
		font-size: 60px;
	}
/* ------------ END SEC_protection ------------ */
/* ------------ SEC_threed ------------ */
	#hd .hd-sec-own{
		position: relative;
		margin-bottom: 100px;
	}
	#hd .hd-sec-own .hd-col55{
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	#hd .hd-sec-own .hd-col40{
		padding-right: 30px;
		margin-left: auto;
		margin-right: 0;
		margin-top: 7%;
		text-align: right;
	}
	#hd .hd-sec-own .hd-col40 p{
		margin-bottom: 50px;
	}
	
	#hd .hd-sec-accessory{
		background-position: left 10%;
	}
	#hd .hd-sec-accessory .hd-w1200{
		padding-bottom: 50px;
	}
	#hd .hd-sec-accessory li .txt_decoline{
		padding-bottom: 15px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#hd .accessory-1,
	#hd .accessory-2{
		width: 100%;
		text-align: center;
	}
	#hd .accessory-1 li,
	#hd .accessory-2 li{
		display: inline-block;
		vertical-align: top;
		width: 29%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: center;
	}
	#hd .accessory-1 li img{
		width: 90%;
	}
	#hd .accessory-1 li:nth-child(2) .txt_decoline,
	#hd .accessory-1 li:nth-child(2) p{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	#hd .accessory-2 li{
		width: 45%;
		margin-left: 2%;
		margin-right: 2%;
	}
	#hd .accessory-2 li .txt_decoline,
	#hd .accessory-2 li p{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	#hd .hd-sec-process{
		margin-bottom: 170px;
	}
	#hd .hd-process{
		overflow: hidden;
		width: 100%;
	}
	#hd .hd-process li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
		height: 290px;
		margin-left: -5px;
		text-align: center;
		padding:45px 0px 20px 60px;
		position: relative;
		-webkit-filter: drop-shadow(5px 0 15px rgba(0,0,0,.7));
		-moz-filter: drop-shadow(5px 0 15px rgba(0,0,0,.7));
		-ms-filter: drop-shadow(5px 0 15px rgba(0,0,0,.7));
		-o-filter: drop-shadow(5px 0 15px rgba(0,0,0,.7));
		filter: drop-shadow(5px 0 15px rgba(0,0,0,.7));
	}
	/*#hd .hd-process li:before{
		content:"";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 145px 0 145px 53px;
		border-color: transparent transparent transparent black;
		position: absolute;
		top: 0;
		right: -53px;
	}*/
	#hd .hd-process li:after{
		content:"";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 145px 0 145px 50px;
		border-color: transparent;
		position: absolute;
		top: 0;
		right: -50px;
	}
	#hd .hd-process li:nth-child(1){
		background-color: #320000;
		margin-left: 0;
		z-index: 4;
	}
	#hd .hd-process li:nth-child(1):after{			
		border-left-color: #320000;
	}
	#hd .hd-process li:nth-child(2){
		background-color: #3c0000;
		z-index: 3;
	}
	#hd .hd-process li:nth-child(2):after{			
		border-left-color: #3c0000;
	}
	#hd .hd-process li:nth-child(3){
		background-color: #5a0000;
		z-index: 2;
	}
	#hd .hd-process li:nth-child(3):after{			
		border-left-color: #5a0000;
	}
	#hd .hd-process li:nth-child(4){
		background-color: #6e0000;
		z-index: 1;
	}
	#hd .hd-process li .txt_red{
		color:#b40000;
	}
	#hd .hd-process li p{
		width: 75%;
		/*height: 50px;*/
		margin:0 auto 20px;
	}
	#hd .hd-process li p.hd-txt_play{
		font-family: "Fjalla One",sans-serif;
	}
	#hd .hd-process li a.hd-link:hover img,
	#hd .hd-process .play-tutorial:hover img,
	#hd .hd-process .play-tutorial:hover p{
		opacity: .7;
	}

	#hd #learnmore{
		display: block;
		width: 300px;
		height: 74px;
		border-radius: 5px;
		margin:70px auto 0;
		position: relative;
	}
	#hd #learnmore h3{
		font-size: 44px;
		line-height: normal;
		background-color: black;
		padding-bottom: 19px;
		margin:2px;
	}
	#hd #learnmore:hover h3{
		color:white;
		background-color: rgba(0, 0, 0, .6);
	}
	#hd #learnmore:before{
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		position: absolute;
		top: -2px;
		left: -1px;
		z-index: -1;
		box-sizing: content-box;
		padding: 1px;
		background: #800c20;
	    background: -moz-linear-gradient(left, #800c20 0%, #5d0600 15%, #9a0d0e 54%, #480600 100%);
	    background: -webkit-linear-gradient(left, #800c20 0%,#5d0600 15%,#9a0d0e 54%,#480600 100%);
	    background: linear-gradient(to right, #800c20 0%,#5d0600 15%,#9a0d0e 54%,#480600 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c20', endColorstr='#480600',GradientType=1 );
	}
/* ------------ END SEC_threed ------------ */
/* ------------ SEC_more ------------ */
	#hd .hd-sec-overwolf{
		position: relative;
	}
	#hd .hd-sec-overwolf .hd-w1200{
		z-index: 2;
	}
	#hd .hd-sec-overwolf .hd-morebg{
		padding-right: 50px;
		z-index: 0;
		position: absolute;
		right: 0;
		top: -5%;
	}
	#hd .hd-sec-overwolf h3{
		margin-bottom: 50px;
	}

	#hd .hd-sec-overwolf .hd-skewtag:before{
		-webkit-transform: skewX(20deg);
		   -moz-transform: skewX(20deg);
		    -ms-transform: skewX(20deg);
		     -o-transform: skewX(20deg);
		        transform: skewX(20deg);
	}
	
	#hd .hd-sec-overwolf .hd-tagbox{
		position: relative;
		justify-content: flex-start;
	}
	#hd .hd-redtags{
		margin-left: -20px;
	}
	#hd .hd-greytags{
		margin-left: 15px;
	}	
	#hd .hd-greytags .hd-skewtag:before{
		border-color: #808080;
	}

	#hd .hd-redtags li:nth-child(2){
		margin-left: 40px;
	}
	#hd .hd-redtags li:nth-child(3){
		margin-left: 80px;
	}
	#hd .hd-greytags li:nth-child(1){
		margin-left: -185px;
	}
	#hd .hd-greytags li:nth-child(2){
		margin-left: -40px;
	}

	#hd .hd-greytags li:nth-child(1) .hd-skewtag:before{
		width: 220px;
	}
	#hd .hd-greytags li:nth-child(2) .hd-skewtag:before{
		width: 320px;
	}
	#hd .hd-greytags li:nth-child(3) .hd-skewtag{
		width: 320px;
	}
	#hd .hd-greytags li:nth-child(3) .hd-skewtag:before{
		width: 330px;
	}
	#hd .hd-greytags li:nth-child(3) .hd-skewtag{
		padding-left: 20px;
	}

	#watchv,
	#gamevideo{
		display: block;
		width: 186px;
		padding:12px 22px;
		margin-top: -30px;
		margin-bottom: 80px;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
		z-index: 2;
		cursor:pointer;
	}
	#gamevideo{
		margin:-20px auto 30px;
	}
	#watchv:hover,
	#gamevideo:hover{
		box-shadow: 0 0 0 1px #8D0000 inset;
	}
	#watchv:before,
	#gamevideo:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#910000+15,630000+38,b40000+66,800000+82,450000+100 */
		background: #910000; /* Old browsers */
		background: -moz-linear-gradient(-20deg,  #910000 15%, #630000 38%, #b40000 66%, #800000 82%, #450000 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-20deg,  #910000 15%,#630000 38%,#b40000 66%,#800000 82%,#450000 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(160deg,  #910000 15%,#630000 38%,#b40000 66%,#800000 82%,#450000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#910000', endColorstr='#450000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#watchv:hover:before,
	#gamevideo:hover:before{
		opacity: .7;
	}
	#watchv h4,
	#gamevideo h4{
		margin:0;
		font-weight: normal;
	}
	#watchv.v-open h4 span.hd-open,
	#watchv h4 span.hd-close{
		display: none;
	}
	#watchv h4 span.hd-open,
	#watchv.v-open h4 span.hd-close{
		display: inline;
	}
	#hd .hd-videobox2{
		width: 100%;
		height: 0;
		overflow: hidden;
		position: relative;
	}
	#hd .hd-videobox2.v-open {
		height: auto;
	}
	#hd .hd-videobox2 video{
	    top: 0;
	    left: 0;
	    min-width: 100%;
	    min-height: 100%;
	    width: 100%;
	    /*width: auto;*/
	    height: auto;
	 	background: url('../img/video_poster.jpg') no-repeat;
		background-size: cover;
	}
	
	#hd .hd-sec-clone{
		padding-bottom: 70px;
	}
	#hd .hd-sec-clone .hd-col55{
		margin-top: 2%;
	}
	#hd .hd-sec-clone .hd-col65{
		position: relative;
		margin-left: -20%;
		z-index: -1;
	}

	#hd .hd-sec-ramcache{
		padding-bottom: 0;
	}
	#hd .hd-sec-ramcache ~ .hd-pic{
		margin-top: -100px;
		margin-bottom: 50px;
		position: relative;
	}
	#hd .hd-sec-ramcache ~ .hd-pic img{
		position: relative;
		z-index: -1;
		margin:0 auto;
	}
	#hd .hd-sec-ramcache ~ .hd-pic p{
		text-align: left;
		width: 20%;
		max-width: 250px;
		position: absolute;
		top: 25%;
		left: 75%;
		z-index: 2;
	}

	#hd .hd-sec-keybot{
		padding-top: 100px;
	}
	#hd .hd-sec-keybot img.hd-col60{
		width: 75%;
		position: absolute;
		top: 0;
		right: -15%;
		z-index: -1;
	}
	#hd .hd-sec-keybot figure{
		width: 85%;
		position: relative;
	}
	#hd .hd-sec-keybot figure .hd-picnote{
		width: 80%;
		top: 0;
		right: 0;
		left: auto;
		bottom:auto;
		margin-left: 15%;
	}
	#hd .hd-pic02{
		width: 100%;
		background: center center no-repeat;
		background-size: 1920px;
		height: 175px;
		margin-bottom: 100px;	
	}
	
	#hd .hd-sec-andmore h2{
		margin-bottom: 130px;
	}
	#hd .hd-sec-andmore h2:before,
	#hd .hd-sec-andmore h2:after{
		display: none;
	}
	#hd .hd-sec-andmore .hd-pic{
		width: 100%;
		height: 200px;
		background: center center no-repeat;
		background-size: 1920px;
		margin-bottom: 15px;
	}
	#hd .hd-sec-andmore .hd-w1336{
		width: 1336px;
		margin:0 auto;
	}
	#hd .hd-sec-andmore .hd-w1336 ul{
		display: flex;
		justify-content: space-between;
	}
	#hd .hd-sec-andmore .hd-w1336 li{
		width: 12.5%;
	}

	#hd .hd-sec-vr{
		text-align: center;
	}
	#hd .hd-sec-vr .hd-w1200{		
		padding-bottom: 0;
	}
	#hd .hd-sec-vr p{		
		margin-bottom: 10px;
	}
	#hd .hd-sec-vr img{
		/*margin-bottom: 30px;*/
	    margin-top: -30px;
	    margin-bottom: 100px;
	    width: 100%;
	    /*max-width: 1250px;*/
	}
/* ------------ END SEC_more ------------ */
/* ------------ SEC_intel ------------ */
	#hd .hd-sec-intel{
		padding-bottom: 50px;
	}
	#hd .hd-sec-intel .hd-col80{
		margin:0 auto;
	}
	#hd .hd-sec-intel img{
		width: 79px;
		display: inline-block;
		vertical-align: top;
	}
	#hd .hd-sec-intel img~div{
		width: calc(100% - 84px);
		padding-left: 40px;
		display: inline-block;
		vertical-align: top;
	}
	#hd .hd-sec-intel img~div p:first-child{
		font-weight: 400;
		margin-bottom: 10px;
	}
/* ------------ END SEC_intel ------------ */
/* ---------- ANIMATIONS ---------- */
	@keyframes colorrun{
		from{
			-webkit-filter:hue-rotate(0deg);
			filter:hue-rotate(0deg);
		}
		to  {
			-webkit-filter:hue-rotate(359deg);
			filter:hue-rotate(359deg);
		}
	}
	@-webkit-keyframes colorrun{
		from{
			-webkit-filter:hue-rotate(0deg);
			filter:hue-rotate(0deg);
		}
		to  {
			-webkit-filter:hue-rotate(359deg);
			filter:hue-rotate(359deg);
		}
	}
	@keyframes showfrombottom{
		from{
			opacity: 0;
			   -moz-transform: translateY(30px);
			    -ms-transform: translateY(30px);
			     -o-transform: translateY(30px);
			        transform: translateY(30px);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateY(0px);
			    -ms-transform: translateY(0px);
			     -o-transform: translateY(0px);
			        transform: translateY(0px);
		}
	}
	@-webkit-keyframes showfrombottom{
		from{
			opacity: 0;
			-webkit-transform: translateY(30px);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0px);
		}
	}
/* ---------- END ANIMATIONS ---------- */
/* ---------- color effect ---------- */
	/*.hd-rainbow{
		background: #ff0000;
		background: -webkit-linear-gradient(150deg, red,yellow,#00CB07,#07A9FF,#1044FF);
		background: -o-linear-gradient(150deg, red,yellow,#00CB07,#07A9FF,#1044FF);
		background: -moz-linear-gradient(150deg, red,yellow,#00CB07,#07A9FF,#1044FF);
		background: linear-gradient(150deg, red,yellow,#00CB07,#07A9FF,#1044FF);
	}*/
	.hd-nobg{
		background: #777777!important;
		/*
		background: -moz-linear-gradient(top,  #777777 0%, #545454 45%, #ff0000 66%, #ff0000 66%, #ff0000 83%, #545454 98%, #777777 100%);
		background: -webkit-linear-gradient(top,  #777777 0%,#545454 45%,#ff0000 66%,#ff0000 66%,#ff0000 83%,#545454 98%,#777777 100%);
		background: linear-gradient(to bottom,  #777777 0%,#545454 45%,#ff0000 66%,#ff0000 66%,#ff0000 83%,#545454 98%,#777777 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#777777',GradientType=0 );*/
	}
	/*.hd-flash{
		background: -moz-linear-gradient(top,  #777777 0%, #ff6363 45%, #ff0000 66%, #ff0000 66%, #ff0000 83%, #ff6363 91%, #777777 100%);
		background: -webkit-linear-gradient(top,  #777777 0%,#ff6363 45%,#ff0000 66%,#ff0000 66%,#ff0000 83%,#ff6363 91%,#777777 100%);
		background: linear-gradient(to bottom,  #777777 0%,#ff6363 45%,#ff0000 66%,#ff0000 66%,#ff0000 83%,#ff6363 91%,#777777 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#777777',GradientType=0 );
	}*/
	@-webkit-keyframes static{
		0% {opacity: 1}
		50%{opacity: 1}
	}
	@keyframes static{
		0% {opacity: 1}
		50%{opacity: 1}
	}
	@-webkit-keyframes breathing{
		0% {opacity: 1}
		50%{opacity: 0}
	}
	@keyframes breathing{
		0% {opacity: 1}
		50%{opacity: 0}
	}
	@-webkit-keyframes strobing{
		0% {opacity: 1}
		50%{opacity: 0}
	}
	@keyframes strobing{
		0% {opacity: 1}
		50%{opacity: 0}
	}
	@-webkit-keyframes music{
		0%  {opacity: 1}
		10% {opacity: .3}
		40% {opacity: 1}
		60% {opacity: .3}
		70% {opacity: 1}
		100%{opacity: .3}
	}
	@keyframes music{
		0%  {opacity: 1}
		10% {opacity: .3}
		40% {opacity: 1}
		60% {opacity: .3}
		70% {opacity: 1}
		100%{opacity: .3}
	}
	@-webkit-keyframes cycle{
		0%		{background-color: red}
		15%		{background-color: orange}
		30%		{background-color: yellow}
		45%		{background-color: #00CB07}
		60%		{background-color: #07A9FF}
		75%		{background-color: #1044FF}
		90%		{background-color: #a12fd9}
		100%	{background-color: red}
	}
	@keyframes cycle{
		0%		{background-color: red}
		15%		{background-color: orange}
		30%		{background-color: yellow}
		45%		{background-color: #00CB07}
		60%		{background-color: #07A9FF}
		75%		{background-color: #1044FF}
		90%		{background-color: #a12fd9}
		100%	{background-color: red}
	}
	/*@-webkit-keyframes rainbow{
		0%  	{-webkit-filter:hue-rotate(359deg);filter:hue-rotate(359deg)}
		100%	{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}
	}
	@keyframes rainbow{
		0%  	{-webkit-filter:hue-rotate(359deg);filter:hue-rotate(359deg)}
		100%	{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}
	}*/
	@-webkit-keyframes cpu{
		0%		{background-color: red}
		30%		{background-color: yellow}
		60%		{background-color: green}
		90%		{background-color: yellow;}
	}
	@keyframes cpu{
		0%		{background-color: red}
		30%		{background-color: yellow}
		60%		{background-color: green}
		90%		{background-color: yellow;}
	}
	@-webkit-keyframes comet{
		0% {opacity: 1}
		70%{opacity: 0}
	}
	@keyframes comet{
		0% {opacity: 1}
		70%{opacity: 0}
	}
	@-webkit-keyframes flash{
		0%		{background-color: rgba(255,0,0,.2);}
		15%		{background-color: rgba(255, 165, 0,.2);}
		30%		{background-color: rgba(255,255,0,.2);}
		45%		{background-color: rgba(0, 203, 7,.2);}
		60%		{background-color: rgba(7, 169, 255,.2);}
		75%		{background-color: rgba(16, 68, 255,.2);}
		90%		{background-color: rgba(161, 47, 217,.2);}
		100%	{background-color: rgba(255,0,0,.2);}
	}
	@keyframes flash{
		0%		{background-color: rgba(255,0,0,.2);}
		15%		{background-color: rgba(255, 165, 0,.2);}
		30%		{background-color: rgba(255,255,0,.2);}
		45%		{background-color: rgba(0, 203, 7,.2);}
		60%		{background-color: rgba(7, 169, 255,.2);}
		75%		{background-color: rgba(16, 68, 255,.2);}
		90%		{background-color: rgba(161, 47, 217,.2);}
		100%	{background-color: rgba(255,0,0,.2);}
	}
	/*@keyframes comet{
		0%	{
			z-index: -1;
			width: 100%;
		    transform: translateY(-100%);
		}
		100%{
			z-index: -1;
			width: 100%;
		    transform: translateY(0);
		}
	}
	@-webkit-keyframes comet{
		0%	{
			z-index: -1;
			width: 100%;
		    -webkit-transform: translateY(-100%);
		}
		100%{
			z-index: -1;
			width: 100%;
		    -webkit-transform: translateY(0);
		}
	}
	@keyframes flash{
		0%	{
			z-index: -1;
			width: 100%;
		    transform: translateY(-100%);
		}
		100%{
			z-index: -1;
			width: 100%;
		    transform: translateY(0%);
		}
	}
	@-webkit-keyframes flash{
		0%	{
			z-index: -1;
			width: 100%;
		    transform: translateY(-100%);
		}
		100%{
			z-index: -1;
			width: 100%;
		    transform: translateY(0%);
		}
	}*/
/* ---------- END color effect ---------- */
/* ---------- RWD ---------- */
	@media screen and (min-width: 1921px) {		
		#hd .hd-sec-sync,
		#hd .hd-sec-sync .hd-bg,
		#hd .hd-sec-mode.hd-w1100{
			max-width: 2700px;
		}
		#hd .hd-sec-sync span{
			padding-bottom: 60%;
		}

		#hd .hd-sec-audiofeature .hd-w1400,
		#hd .hd-sec-ddr4.hd-w1200,
		#hd .hd-sec-oneclick .hd-w1200{
			width: 90%;
		}
		#hd .hd-sec-mode.hd-w1100,
		#hd .hd-sec-ethernet.hd-w1200,
		#hd .hd-sec-languard.hd-w1200,
		#hd .hd-sec-wifi.hd-w1200,
		#hd .hd-sec-rogarmor .hd-w1200,
		#hd .hd-sec-sleek.hd-w1200{
			width: 80%;
		}
		#hd .hd-sec-ddr4.hd-w1200,
		#hd .hd-sec-oneclick .hd-w1200{
			max-width: 2100px;
		}
		#hd .hd-sec-ddr4 .hd-col80{
			margin-left: 10%;
		}
		#hd .hd-sec-oneclick .hd-col80{
			width: 50%;
		}
		#hd .hd-sec-ddr4 .hd-col80 img,
		#hd .hd-sec-audiofeature li img,
		#hd .hd-sec-mode .hd-col50 img,
		#hd .hd-sec-rogarmor .hd-col55 img{
			width: 70%;
		}



		#hd .hd-sec-connect figure img:last-child{
			left:34%;
		}
		#hd .hd-sec-languard .hd-col50.fright img{
			width: 80%;
			margin-top: -20%;
		}
		#hd .hd-sec-wifi .hd-col50 img{
			width: 80%;
		}
		#hd .hd-sec-rogarmor .hd-col55{
			width: 60%;
		}

		#hd .hd-pic03{
			background-size: 2300px;
			margin-bottom: 100px;
		}
		#hd .hd-sec-mode~.hd-pic01 div{
			padding-top: 150px;
			width: 45%;

		}
		#hd .hd-sec-ramcache ~ .hd-pic,
		#hd .hd-sec-vr img{
			width: 100%;
		}
		#hd .hd-pic02,
		#hd .hd-sec-mode~.hd-pic01{
			background-size: 2300px;
			height: 300px;
		}
	}
	@media screen and (min-width: 2300px){		
		#hd .hd-sec-sync span{
			padding-bottom: 80%;
		}
	}
	@media screen and (max-width: 1500px) {
		#hd .hd-sec-overwolf .hd-morebg{
			text-align: right;
		}
		#hd .hd-sec-overwolf .hd-morebg img{
			width: 80%;
		}
	}
	@media screen and (max-width: 1366px){
		#hd .hd-w1400{
			width: 100%;
			padding:0 50px 0 25px;
		}
		#hd h2.left,
		#hd h2.right,
		#hd #threed h2.right{
			margin:0 auto 100px;
		}

		#hd .hd-sec-sync .hd-bg{
			background-size: 120%;
			background-position: center bottom;
		}

		#hd .hd-sec-performance .hd-col60{
			margin-right: 0;
		}
		
		#hd .hd-sec-andmore .hd-w1336{
			width: 100%;
		}
		#hd .hd-sec-andmore .hd-pic{
			background-size: 135%;
		}
		#hd .hd-sec-andmore .hd-w1336 ul{
			padding:0 3%;
		}
	}
	@media screen and (max-width: 1250px){
		#audio h2.leftspan{
			margin-top: 50px;
		}
		#intel h2{
			width: 100%;
			padding:0 25px;
		}
		#connectivity h2{
			max-width: 920px;
		}
		#connectivity h2.leftspan{
			padding:0 25px;
		}
		#connectivity h2.leftspan span{
			width: 420px;
			top: -10px;
			left: 0;
		}
		#hd .hd-w1500{
			width: 100%;
			padding-bottom: 0;
		}
		#hd .hd-w1200,
		#hd .hd-w1100{
			width: 100%;
			padding:0 50px 0 25px;
		}
		#hd .hd-w700{
			width: 90%;
			margin:0 auto;
		}

		#hd .hd-sec-studio,
		#hd .hd-sec-performance,
		#hd .hd-sec-ddr4,
		#hd .hd-sec-oneclick,
		#hd .hd-details,
		#hd .hd-sec-mode,
		#hd .hd-sec-controller,
		#hd .hd-sec-ethernet,
		#hd .hd-sec-languard,
		#hd .hd-sec-wifi,
		#hd .hd-sec-sleek,
		#hd .hd-sec-overwolf,
		#hd .hd-sec-clone,
		#hd .hd-sec-ramcache,
		#hd .hd-sec-keybot,
		#hd .hd-sec-process{
			margin-bottom: 100px;
		}

		#hd .hd-sec-specs li{
			width: 32%;
		}
		
		#hd .hd-sec-specsline .spec-main{
			height: 700px;
			background-size: contain;
		}
		#hd ul.spec-left{
			top: 17px;
			left:3%;
		}
		#hd ul.spec-right{
			top: 43px;
			right: auto;
			left: 72%;
		}
		#hd ul.spec-left li:nth-child(2){
			top: 127px;
		}
		#hd ul.spec-left li:nth-child(3){
			top: 313px;
		}
		#hd ul.spec-left li:nth-child(4){
			top: 408px;
		}
		#hd ul.spec-left li:nth-child(5){
			top: 443px;
			left: 165px;
		}
		#hd ul.spec-left li:nth-child(6){
			top: 593px;
		}

		#hd ul.spec-right li:nth-child(2){
			top:37px;
		}
		#hd ul.spec-right li:nth-child(3){
			top:108px;
		}
		#hd ul.spec-right li:nth-child(4){
			width: 120%;
			top:129px;
		}
		#hd ul.spec-right li:nth-child(5){
			top:195px;
		}
		#hd ul.spec-right li:nth-child(6){
			top:268px;
		}
		#hd ul.spec-right li:nth-child(7){
			top:316px;
		}
		#hd ul.spec-right li:nth-child(8){
			top:378px;
		}
		#hd ul.spec-right li:nth-child(9){
			top:416px;
		}
		#hd ul.spec-right li:nth-child(10){
			top:476px;
		}
		#hd ul.spec-right li:nth-child(11){
			top:507px;
		}

		#hd .hd-sec-cooling .hd-w1200 span{
			padding-bottom: 60%;
		}
		#hd .hd-sec-cooling .hd-bg{
			height: 0;
			padding-bottom: 60%;
			background-size: 80%;
			top: auto;
			bottom: 100px;
		}
		#hd .hd-sec-cooling .hd-bg img{
			width: 50%;
			top:66%;
			bottom: auto;
		}
		#hd .hd-sec-cooling .align_left h3,
		#hd .hd-sec-cooling .align_left h4,
		#hd .hd-sec-cooling .align_left p{
			text-align: center;
		}
		#hd .hd-sec-cooling h3{
			width: 100%;
		}
		#hd .hd-sec-cooling .hd-w480{
			width: 80%;
			margin:0 auto;
		}

		#hd .hd-sec-coolingsys img{
			margin-top: -50px;
		}
		
		#hd .hd-sec-lighting .fleft,
		#hd .hd-sec-lighting .fright{
			float: none;
		}
		#hd .hd-sec-lighting h3{
			margin-top: 0;
		}
		#hd .hd-sec-lighting .hd-col55{
			position: relative;
			width:80%;
			margin:0 auto;
		}
		#hd .hd-controls{
			margin-left:0;
		}
		#hd .hd-controls li img{
			width: 50px;
			height: 50px;
		}
		#hd .hd-lightingbox{
			width: 50%;
			margin:50px auto 0;
			float: none;
		}
		#hd .hd-sec-lighting .align_left h3,
		#hd .hd-sec-lighting .align_left p{
			text-align: center;
		}
		#color,
		#greybg{
			width: 96%;
		    height: 0;
		    padding-bottom: 110%;
		    position: absolute;
		    z-index: -1;
		}
		#colorpicker{
			right:0px;
			bottom:0px;
		}
		#hd .hd-lightingbott{
			position: relative;
			margin-top:-50px;
			bottom:0;
		}
		#hd .hd-lightingbott img{			
			margin-left: 12%;
		}
		#hd .hd-lightingbott small{
			display: block;
			width: 60%;
			margin-top: -30px;
		}

		#color ul li.color01{
		    height: 49%;
		    left: 2%;
		    -webkit-transform: skew(-1deg, -18deg);
		       -moz-transform: skew(-1deg, -18deg);
		        -ms-transform: skew(-1deg, -18deg);
		         -o-transform: skew(-1deg, -18deg);
		            transform: skew(-1deg, -18deg);
		}
		#color ul li.color02{
			bottom: -4%;
			left: 3%;
		}
		#color ul li.color03{
			right:-4%;
		}

		#hd .hd-sec-sync .hd-bg{
			bottom:0;
			padding-bottom: 50%;
		}
		#hd .hd-sec-sync span{
			padding-bottom: 50%;
		}
		#hd .title_logo{
			margin-bottom: 0;
		}

		#hd .hd-sec-audio .hd-pic{
			margin-top: 0;
			/*background-size: 180%;*/
			height: 275px;
		}
		#hd .hd-sec-audio .hd-pic li{
			top: 25px;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(4),
		#hd .hd-sec-audio .hd-pic li:nth-child(5),
		#hd .hd-sec-audio .hd-pic li:nth-child(6) {
		    top: 110px;
		}
		#hd .hd-sec-audio small.txt_red{
			margin-top: 50px;
		}

		#hd .hd-sec-audio .hd-pic li:nth-child(1){
			left: 5%;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(2){
			left: 20%;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(3){
			left: 35%;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(3) small.txt_red{
			padding-right: 30px;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(4){
			left: 55%;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(5){
			left: 70%;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(6){
			left: 85%;
		}

		#hd .hd-sec-audio figure{
			top:auto;
			bottom:300px;
		}
		#hd .hd-sec-audio figure img{
			top:0px;
			right: 0px;
		}
		

		#hd .hd-audioinput li{			
			-webkit-transform: scale(.85);
		    -moz-transform: scale(.85);
		    -ms-transform: scale(.85);
		    -o-transform: scale(.85);
		    transform: scale(.85);
		}
		#hd .hd-audioresult {
			left:78%;
		}
		#hd .hd-audioresult li{
			width: 80%;
			height: 30%;
		}
		#hd .hd-audioresulttxt{
			right:14%;
			padding:5% 0;
			-webkit-transform: scale(.75);
		    -moz-transform: scale(.75);
		    -ms-transform: scale(.75);
		    -o-transform: scale(.75);
		    transform: scale(.75);
		}
		#hd .hd-audioresulttxt li:nth-child(1),
		#hd .hd-audioresulttxt li:nth-child(3){
			height: 30%;
		}
		#hd .hd-audioprogress,
		#hd .hd-audiostable{
			width: 50.8%;
			top: 1.8%;
			left: 24.5%;
		}


		#hd .hd-sec-radar{
			background-size: cover;
		}
		#audiogif.hd-col65{
			width: 62%;
			top:-130px;
			left: 10px;
		}
		#hd .ghost-bg{
			width:45%;
			bottom: 5%;
			z-index: 0;
		}
		#hd .gif-focus{
			position: absolute;
			display: block;
		}
		#hd .hd-sec-radar ul{
			width: 35%;
			max-width: 450px;
			margin-left: auto;
			margin-right: 0;
			margin-top: -50%;
		}
		#hd .hd-sec-radar li.audio-tag{
			margin-bottom: 20px;
		}
		#hd .hd-sec-radar li.audio-tag:nth-child(1),
		#hd .hd-sec-radar li.audio-tag:nth-child(2),
		#hd .hd-sec-radar li.audio-tag:nth-child(3),
		#hd .hd-sec-radar li.audio-tag:nth-child(4){
			width: 100%;
			position: relative;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
		#hd .hd-sec-radar li.audio-tag:nth-child(2) h4,
		#hd .hd-sec-radar li.audio-tag:nth-child(2) small,
		#hd .hd-sec-radar li.audio-tag:nth-child(3) h4,
		#hd .hd-sec-radar li.audio-tag:nth-child(3) small,
		#hd .hd-sec-radar li.audio-tag:nth-child(4) h4,
		#hd .hd-sec-radar li.audio-tag:nth-child(4) small{
			padding-left: 0;
		}
		#hd .hd-sec-radar li.audio-tag:nth-child(2):before,
		#hd .hd-sec-radar li.audio-tag:nth-child(2):after,
		#hd .hd-sec-radar li.audio-tag:nth-child(3):before,
		#hd .hd-sec-radar li.audio-tag:nth-child(4):before,
		#hd .hd-sec-radar li.audio-tag:nth-child(4):after,
		#hd .hd-sec-radar li.audio-tag:nth-child(4) small:before{
			display: none;
		}
		
		#hd .hd-sec-performance .hd-w480{
			width: 40%;
			padding-left: 20px;
		}
		#hd .hd-sec-performance .hd-col60{
			width: 55%;
		}
		#hd .hd-sec-performance .hd-picnote{
			width: 58%;
			height: 42%;
		}
		#hd .hd-sec-performance .hd-tagbox{
			width: 100%;
		}
		
		#hd .hd-sec-overview .hd-menu{
			margin-bottom: 30px;
			padding:0 25px;
		}
		#hd .hd-sec-overview .hd-menu li{
			width: 19%;
		}

		#hd .hd-sec-mode~.hd-pic01 div{
			width: 60%;
			padding:80px 20px 50px 22%;
		}

		#hd .hd-sec-controller .hd-col80{
			width: 70%;
			margin-right: -23%;
		}
		#hd .hd-sec-controller .hd-box{
			right:3%;
		}
		#hd .hd-sec-controller .txt_decoline:before{
			display: none;
		}

		#hd .hd-sec-connect{
			margin-top: -80px;
		}
		#hd .hd-sec-connect figure img:last-child{
			width: 67%;
		}
		#hd .hd-sec-connect figure .hd-col45{
			top:10%;
		}

		#hd .hd-sec-ethernet figure{
			margin-left: -150px;
		}
		
		#hd .hd-sec-languard .hd-content,
		#hd .hd-sec-languard .hd-content h3,
		#hd .hd-sec-languard .hd-content p{
			padding-right: 0;
			width: 107%;
		}
		#hd .hd-sec-languard .hd-content~img{
			width: 150%;
		}

		#hd .hd-pic03{
			background-size: 150%;
			margin-top: -200px;
			height: 0;
			padding-bottom: 60%;
		}

		#hd-sec-hidden figure{
			width: 30%;
			margin:0 1.5% 30px;
		}
		#hd-sec-hidden .hd-content{
			padding:40px 25px;
		}
		#hd-sec-hidden .txt_decoline{
			background-size: 200%;
		}

		#hd .hd-process li{
			padding-top: 30px;
		}

		#hd .hd-sec-overwolf .hd-morebg{
			top:42%;
		}
		#hd .hd-sec-overwolf .hd-morebg img{
			width:70%;
		}
		#hd .hd-sec-overwolf div.hd-col40{
			width: 80%;
		}
		#hd .hd-sec-overwolf h3{
			width: 100%;
		}
		#hd .hd-sec-overwolf .hd-tagbox{
			flex-wrap: wrap;
			width: 50%;
		}
		#hd .hd-greytags{
			position: relative;
			left:0;
			margin-left: 70px;
			display: block;
		}	
	}
	@media screen and (max-width: 1150px){
		#hd .hd-sec-keybot figure{
			width: 100%;
		}
		#hd .hd-sec-keybot figure{
			margin-top: 100px;
		}
		#hd .hd-sec-keybot figure .hd-picnote{
			margin-top: -50px;
		}
	}
	@media screen and (max-width: 1024px) {
		#hd .hd-w1000{
			width: 100%;
		}
		#hd .hd_box{
			width: 100%;
			padding:50px 40px;
		}
		
		#hd .hd-sec-specsline .spec-main{
			background: url('../img/spec-1024.png') center top no-repeat;
			background-size: contain;
			width: 80%;
			height: 0;
			padding-bottom: 125%;
			margin: -70px auto 30px;
		}
		#hd ul.spec-left,
		#hd ul.spec-right,
		#hd ul.spec-left li,
		#hd ul.spec-right li{
			position: relative;
			top:0!important;
			left:0!important;
		}
		#hd .hd-sec-specsline ul{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
		#hd .hd-sec-specsline li,
		#hd ul.spec-right li:nth-child(4){
			width: 25%;
			padding-left: 30px;
		}
		#hd .hd-sec-specsline li .spec-num,
		#hd ul.spec-right li:nth-child(1) span.spec-num,
		#hd ul.spec-right li:nth-child(4) span.spec-num,
		#hd ul.spec-right li:nth-child(9) span.spec-num{
			display: inline-block;
		}
		#hd ul.spec-left li:nth-child(5) b{
			text-align: left;
		}
		#overview #hd ul.spec-left li:nth-child(5) img{
			border: none;
		}

		#hd .hd-sec-audio .hd-supremefx{
			margin-top: -150px;
			margin-bottom: 30px;
		}
		
		#hd .hd-sec-controller .hd-w480{
			width: 100%;
		}
		#hd .hd-sec-controller p{
			margin-right: 0;
		}
		#hd .hd-sec-controller .hd-col80{
			width: 100%;
			margin:50px 0 0 ;
			text-align: left;
		}
		#hd .hd-sec-controller .hd-col80>img{
			margin-left: -15%;
		}
		#hd .hd-sec-controller .hd-box{
			top:auto;
			bottom: 0;
		}
		
		#hd .hd-sec-speed .hd-title~img{
			margin-top: 0;
		}

		#hd .hd-sec-wifi .hd-col40{
			width: 50%;
		}
		#hd .hd-sec-wifi p{
			margin-bottom: 30px;
		}

		#hd .hd-sec-overwolf .hd-morebg{
			position: relative;
			top: 0;
			margin-top: 50px;
		}
		#hd .hd-sec-overwolf .hd-morebg img{
			width: 100%;
		}
		#hd .hd-sec-overwolf div.hd-col40{
			width: 40%;
			float:left;
		}
		#hd .hd-sec-overwolf .hd-tags{
			width: 60%;
			float:right;
			margin-top: 5%;
		}
		#hd .hd-sec-overwolf .hd-tags:after{
			content:"";
			display: block;
			clear:both;
		}

		#hd .hd-pic02{
			background-size: 200%;
		}
	}
	@media screen and (max-width: 950px){
		#hd .hd-950on{
			display: block;
		}
		#hd .hd-950off{
			display: none;
		}
		#hd h2{
			font-size: 100px;
			line-height: 72px;
		}
		#hd h2 span{
			font-size: 36px;
			line-height: 28px;
		}
		#hd h2.leftspan{
			padding-left: 140px;
		}
		#hd h2 span.left{
			top:27px;
			width: 150px;
		}
		#hd h2 span.downright {
			width: 165px;
			right:20px;
			bottom: -38px;
		}


		#lighting h2 {
		    max-width: 535px;
		}
		#audio h2 {
		    max-width: 420px;
		}
		#performance h2 {
		    max-width: 665px;
		    margin-bottom: 120px;
		}
		#connectivity h2{
			max-width: 650px;
		}
		#connectivity h2.leftspan{
			padding:0 25px;
		}
		#connectivity h2.leftspan span{
			width: 420px;
			top: -10px;
			left: 0;
		}
		#networking h2.center {
		    max-width: 580px;
		    margin-bottom: 100px;
		}
		#protection h2 {
		    width: 100%;
		    max-width: 560px;
		}
		#threed h2{
			width: 560px;
		}
		#more h2.rcenter{
			width: 100%;
			max-width: 590px;
			margin-bottom: 80px;
		}
		#more h2 span.rcenter {
			width: 130px;
			/*left: 210px;*/
			left: auto;
			top: 26px;
		}
		#hd .hd-sec-andmore h2{
			margin-bottom: 80px;
		}
		#hd h2 span.rcenter~span{
			width: 130px;
		}
		#hd h2.center{
			margin-bottom: 70px;
		}


		#hd .hd-audioinput li h4,
		#hd .hd-audioresulttxt li h4{
			font-size: 1rem;
			line-height: 18px;
			width: 80px;
			height: 80px;
			border-radius: 40px;
		}
		#hd .hd-audioinput{
			left:5%;
			padding:7% 0 10%;
		}
		#hd .hd-audioinput li{		
			-webkit-transform: scale(.85);
		    -moz-transform: scale(.85);
		    -ms-transform: scale(.85);
		    -o-transform: scale(.85);
		    transform: scale(.85);
		}
		#hd .hd-audioresult li{
			width: 80%;
			height: 30%;
		}
		#hd .hd-audioresulttxt{
			right:11%;
			padding:5% 0;
			-webkit-transform: scale(.75);
		    -moz-transform: scale(.75);
		    -ms-transform: scale(.75);
		    -o-transform: scale(.75);
		    transform: scale(.75);
		}
		#hd .hd-audioresulttxt li:nth-child(1),
		#hd .hd-audioresulttxt li:nth-child(3){
			height: 25%;
		}

		#hd .hd-sec-performance .hd-w480{
			width: 100%;
			padding-left: 0px;
		}
		#hd .hd-sec-performance .hd-col60{
			width: 100%;
			text-align: center;
		}
		#hd .hd-sec-performance .hd-picnote{
			width: 49%;
			height: 30%;
		}
		#hd .hd-sec-performance .hd-tagbox{
			margin:-20px auto 20px;
			justify-content: space-around;
		}

		#hd .hd-sec-oneclick h4.hd-col45{
			width: 100%;
		}
		#hd .hd-sec-oneclick .hd-col80{
			margin-top: 0;
		}

		#hd .hd-sec-connect{
			margin-top: 0px;
		}
		#hd .hd-sec-connect img.hd-col80{
			margin-top: -120px;
		}
		#hd .hd-sec-connect figure .hd-col45{
			position: relative;
			width: 100%;
			right: 0;
			top:0;
		}
		#hd .hd-sec-connect figure img:last-child{
			top:56.5%;
		}

		#hd .hd-sec-speed .hd-title{
			padding:0 10px;
		}

		#hd .accessory-1 li{
			margin-left: 0;
			margin-right: 0;
		}

		#hd .hd-sec-overwolf .hd-tagbox{
			left:40px;
		}

		#hd .hd-sec-ramcache ~ .hd-pic{
			margin-top: -50px;
		}
		#hd .hd-sec-ramcache ~ .hd-pic p{
			width: 40%;
			top: 9%;
			left: 63%;
		}

		#hd .hd-sec-andmore .hd-pic{
			display: none;
		}
		#hd .hd-sec-andmore .hd-w1336 ul{
			flex-wrap: wrap;
		}
		#hd .hd-sec-andmore .hd-w1336 li{
			width: 25%;
			text-align: center;
		}
		#hd .hd-sec-andmore .hd-w1336 li img{
			width: 70%;
			margin:0 auto 20px;
		}
		#hd .hd-sec-andmore .hd-w1336 li p{
			text-align: center;
			padding:0 5px;
		}
	}
	@media screen and (max-width: 768px) {
		#hd .hd-mobile_off,
		#hd .hd-sec-cooling .hd-w1200 span{
			display: none;
		}
		#hd .hd-mobile_on{
			display: block;
		}

		#hd .hd_box{
			width: 100%;
			height: auto;
			padding:120px 20px 10px;
		}
		#hd .hd_close{
			position: fixed;
			right:20px;
			top: 90px;
		}

		#hd .hd-sec-lighting h3,
		#hd .hd-sec-audio .hd-col70 h3,
		#hd .hd-sec-studio h3,
		#hd .hd-sec-radar h3,
		#hd .hd-sec-radar p.hd-col80,
		#hd .hd-sec-performance h3,
		#hd .hd-sec-mode p,
		#hd .hd-sec-process{
			margin-bottom: 30px;
		}
		
		#hd .hd-col80,
		#hd .hd-col65,
		#hd .hd-col55,
		#hd .hd-col50,
		#hd .hd-col45,
		#hd .hd-col40{
			width: 100%;
		}
		#hd .hd-w480{
			width: 90%;
		}

		#hd .hd-sec-specs li{
			width: 48%;
		}

		#hd .hd-sec-vtop{
			padding:30px 0;
		}
		#hd .video_txt{
			width: 90%;
		}
		#hd .hd-sec-vtop img{
			margin-top: 20px;
		}
		
		#hd .hd-sec-cooling .hd-w480{
			width: 100%;
		}
		#hd .hd-sec-coolingsys img{
			margin-top: 0;
		}
		
		#hd .hd-lightingbox{
			width: 80%;
		}
		#hd .hd-sec-lighting .hd-col55{
			width:100%;
		}
		#colorpicker{
			display: none!important;
		}
		#color ul li.color02{
			left:4%;
		}
		#color ul li.color03{
			right:-3%;
			bottom:-4%;
		}

		#hd .hd-sec-sync{
			padding-top: 0;
		}
		#hd .hd-sec-sync .hd-col55{
			width: 100%;
			padding:0 25px;
			margin-top: -20px;
		}
		#hd .hd-sec-sync span{
			padding-bottom: 60%;
		}

		#hd .hd-sec-sync .hd-bg{
			bottom:0;
			padding-bottom: 50%;
		}
		#hd .title_logo{
			margin-bottom: 0;
		}
		
		#hd .hd-sec-audio .hd-col70{
			width: 100%;
		}
		#hd .hd-sec-audio .hd-pic{
			margin-top: 0;
			/*background-size: 180%;*/
			height:480px;
			background-repeat: repeat-y;
			background-position:26% 0; 
		}
		#hd .hd-sec-audio .hd-pic ul{
			width: 100%;
			padding-left: 15%;
		}
		#hd .hd-sec-audio .hd-pic li{
			max-width: 30%;
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin:25px 5px 20px;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(1),
		#hd .hd-sec-audio .hd-pic li:nth-child(4),
		#hd .hd-sec-audio .hd-pic li:nth-child(2),
		#hd .hd-sec-audio .hd-pic li:nth-child(5),
		#hd .hd-sec-audio .hd-pic li:nth-child(3),
		#hd .hd-sec-audio .hd-pic li:nth-child(6){
			top: 0;
			left: 0;
		}
		#hd .hd-sec-audio small.txt_red{
			margin-top: 30px;
		}
		#hd .hd-sec-audio .hd-pic li:nth-child(3) small.txt_red{
			padding-right: 0px;
		}

		#hd .hd-sec-audio .hd-supremefx{
			margin-top: -50px;
			margin-bottom: 30px;
		}
		#hd .hd-sec-audio .hd-col70 p{
			width: 100%;
		}
		#hd .hd-sec-audio figure{
			position: relative;
			top: 0;bottom: 0;right: 0;left: 0;
			margin-top: 20px;
			padding:0;
			z-index: 2;
		}
		#hd .hd-sec-audio figure div{
			width: 80%;
			margin-left: auto;
		}
		#overview #hd .hd-sec-audio figure img.hd-picright{
			max-width: 40%;
			right: auto;
			left: -100px;
			top: 0px;
		}

		#hd .hd-audioinput{
			padding-top: 5%;
			left: 5%;
		}
		#hd .hd-audioresult li{
			height: 30%;
		}
		#hd .hd-audioinput li h4,
		#hd .hd-audioresulttxt li h4{
			font-size: .9rem;
			font-weight: normal;
			line-height: 18px;
			padding: 10px 0;
			width: 60px;
			height: 60px;
			border-radius: 30px;
		}

		#hd .hd-sec-audiofeature ul{
			flex-direction: column;
		}
		#hd .hd-sec-audiofeature li{
			width: 100%;
		}
		#hd .hd-sec-audiofeature li p{
			margin-bottom: 30px;
		}
		/*#hd .hd-sec-audiofeature .hd-w1200 .hd-col60,
		#hd .hd-sec-audiofeature .hd-w1200 .hd-col60:first-child,
		#hd .hd-sec-audiofeature .hd-w1200 .hd-col60:last-child{
			width: 100%;
			text-align: center;
			margin:0 auto 20px;
		}
		#hd .hd-sec-audiofeature .hd-col40 img{
			display: block;
			margin:0 auto;
		}*/
		
		#hd .hd-sec-radar{
			background: none;
		}

		#audiogif.hd-col65{
			width: 90%;
			display: block;
			margin:0 auto 30px;
			top: 0;
			left:0;
			transform: none;
			border: 10px solid #333333;
		}
		#hd .hd-sec-radar ul{
			width: 80%;
			margin:0 auto;
		}

		#hd .hd-sec-performance .hd-picnote {
			position: relative;
			left: 0;
		    width: 100%;
		    height: auto;
		}

		#hd .hd-sec-performance{
			margin-bottom: 50px;
		}
		
		#hd .hd-sec-ddr4 .hd-col80{
			overflow: hidden;
		}
		#overview #hd .hd-sec-ddr4 .hd-col80 img{
			max-width: 130%;
			margin-left:10%;
		}

		#overview #hd .hd-sec-oneclick .hd-col80 img{
			max-width: 130%;
			margin-left:-40%;
			margin-top: -10%;
		}
		
		#hd .hd-sec-overview .hd-menu ul{
			flex-wrap: wrap;
		}
		#hd .hd-sec-overview .hd-menu li{
			width: 48%;
			margin-bottom: 10px;
		}
		#hd .hd-sec-overview .hd-menu li h4{
			font-size: 1.1rem;
			padding:5px 0;
		}

		#hd .hd-details .hd-col60,
		#hd .hd-details .hd-col50{
			width: 100%;
			padding-left: 0;
		}
		
		#hd .hd-sec-mode .hd-col50{
			padding:0;
		}
		#hd .hd-sec-mode .txt_decoline{
			margin-top: -100px;
			margin-bottom: 50px;
		}
		#hd .hd-sec-mode .mode-content ul{
			padding:15px 25px;
		}
		#hd .hd-sec-mode .mode-content p{
			margin-bottom: 10px;
		}

		#hd .hd-pic01{
			background-size: 250%;
		}
		#hd .hd-sec-mode~.hd-pic01 div{
			width: 100%;
			padding:80px 20px 50px 38%;
		}

		#hd .hd-sec-controller .hd-col80{
			/*margin-top: -70px;*/
			text-align: center;
		}
		#hd .hd-sec-controller .hd-col80>img{
			margin-left: 0;
		}
		#hd .hd-sec-controller .hd-box{
			position: relative;
			width: 100%;
			max-width: 335px;
			top: 0;right: 0;bottom: 0;left: 10px;
			margin:50px auto 0;
		}
		#hd .hd-sec-controller li:nth-child(2) .txt_decoline,
		#hd .hd-sec-controller li:nth-child(3) .txt_decoline{
			padding-left: 0;
		}
		_::-moz-range-track, body:last-child #hd .hd-sec-controller li ul /*firefox hack*/
		{
			margin-top: 6px;
		}

		#hd .hd-sec-ethernet > div:first-child{
			width: 100%;
		}
		#hd .hd-sec-ethernet figure{
			margin-left: 0;
		}

		#hd .hd-sec-languard .hd-content,
		#hd .hd-sec-languard .hd-content h3,
		#hd .hd-sec-languard .hd-content p,
		#hd .hd-sec-languard .hd-content~img{
			width: 100%;
		}

		#hd .hd-sec-wifi .hd-col40{
			width: 100%;
			margin-top: -100px;
			margin-bottom: 50px;
		}

		#hd .hd-pic03{
			margin-top: -150px;
			padding-bottom: 70%;
		}
		
		#hd .hd-sec-sleek .hd-col50 h4~p{
			padding-right: 0;
		}
		#hd .hd-sec-sleek .hd-content{
			padding:0;
		}
		#hd .hd-sec-sleek .hd-col60{
			width: 100%;
			text-align: center;
			margin-top: 30px;
		}
		#hd .hd-sec-sleek .hd-col60 img{
			width: 80%;
		}

		#hd-sec-hidden figure{
			width: 48%;
			margin:0 1% 30px;
		}
		#hd-sec-hidden .hd-content{
			padding:40px 10px;
		}
		#hd-sec-hidden .txt_decoline{
			padding-top: 0;
		}
		
		#hd .hd-sec-own .hd-col40{
			padding-right: 0;
			text-align: center;
		}
		#hd .hd-sec-own .hd-col40 p{
			margin-bottom: 30px;
		}
		#hd .hd-sec-own .hd-col55{
			position: relative;
			top: 0;
			left: 0;
			bottom: 0;
		}

		#hd .hd-process li{
			width: 50%;
			margin-bottom: 20px;
		}

		#hd .hd-sec-overwolf div.hd-col40{
			width: 100%;
		}
		#hd .hd-sec-overwolf .hd-tagbox{
			width: 100%;
			left: 0;
		}
		#hd .hd-sec-overwolf .hd-tagbox ul{
			margin:0 auto;
		}
		#hd .hd-redtags li:nth-child(2),
		#hd .hd-redtags li:nth-child(3),
		#hd .hd-greytags li:nth-child(2){
			margin-left: 0px;
		}
		#hd .hd-greytags li:nth-child(1){
			margin-left: -20px;
		}
		
		#hd .hd-sec-clone{
			margin-bottom: 0px;
		}
		#hd .hd-sec-clone p{
			margin-bottom: 30px;
		}
		#overview #hd .hd-sec-clone .hd-col65 img{
			width: 120%;
			max-width: 120%;
			margin-left: -30%;
		}
		
		#hd .hd-sec-ramcache ~ .hd-pic p{
			top: 13%;
			left: 58%;
		}
		
		#hd .hd-sec-keybot .hd-col60{
			width: 100%;
		}
		#hd .hd-sec-keybot img.hd-col60{
			top:15%;
		}
		#hd .hd-sec-keybot figure{
			margin-top: 100px;
		}
		#hd .hd-sec-keybot figure .hd-picnote{
			position: relative;
			width: 100%;
			height: auto;
			margin:-30px 0 0;
		}
		
		#hd .hd-sec-mhotkeys{
			background-color: #9d1e23;
			text-align: center;
			padding-bottom: 30px;
			margin-bottom: 100px;
		}
		#hd .hd-sec-mhotkeys .hd-pic{
		    background-position: 20% top;
		    height: 122px;
		    padding-bottom: 0;
		    background-size: 768px;
		}

		#hd .hd-sec-andmore .hd-w1336 li{
			width: 30%;
		}
		#hd .hd-sec-andmore .hd-w1336 li p{
			padding:0;
		}
		
		#hd .hd-sec-specsline li,
		#hd ul.spec-right li:nth-child(4){
			width: 48%;
			margin-right: 1%;
		}
	}
	@media screen and (max-width: 700px) {		
		#connectivity h2{
			max-width: 650px;
		}
		#connectivity h2.leftspan,
		#lighting h2.leftspan{
			padding:0 25px;
		}
		#connectivity h2.leftspan span,
		#lighting h2.leftspan span{
			width: 100%;
			top: -10px;
			left: 0;
		}
	}
	@media screen and (max-width: 600px) {	
		#threed h2{
			width: 100%;
			text-align: right;
		}
		#threed h2:before,
		#threed h2:after{
			display: none;
		}

		#hd .hd-sec-audio .hd-pic{
			background-image: none;
			height: auto;
		}
		#hd .hd-sec-audio .hd-pic ul{
			width: 90%;
			padding:0;
		}
		#hd .hd-sec-audio .hd-pic li{
			width: 100%;
			max-width: 100%;
			margin:0 auto;
			position: relative;
			height: auto;
			padding-bottom: 0;
			top: 0;
			left: 0;
			text-align:center;
		}
		#hd .hd-sec-audio small.txt_red{
			margin-bottom: 30px;
		}

		#hd .hd-sec-audio .hd-pic small{
			text-align: center;
			font-size: 1rem;
		}

		#hd .hd-sec-mode~.hd-pic01{
			height: auto;
			background-size: 1920px;
			background-position: 35% top;
			padding-top: 200px;
		}
		#hd .hd-sec-mode~.hd-pic01 div{
			position: relative;
			width: 100%;
			padding:20px;
			background: #8D0000;
		}
		#hd .hd-sec-mode~.hd-pic01 div h4,
		#hd .hd-sec-mode~.hd-pic01 div p{
			text-align: center;
		}

		#hd .hd-sec-ethernet figure{
			text-align: center;
		}
		#hd .hd-sec-ethernet .hd-tagbox{
			width: 100%;
			display: block;
			margin:0 auto;
		}
		#hd .hd-sec-ethernet .hd-skewtag:last-of-type{
			margin-left: 0;
		}
	}
	@media screen and (max-width: 480px) {
		#hd .hd_box iframe{
			height: auto;
		}

		#hd h2{
			font-size: 72px;
			line-height: 60px;
		}
		#hd h2 span{
			font-size: 36px;
			line-height: 24px;
		}
		#hd h3{
			font-size: 48px;
			line-height: 36px;
		}
		
		#hd h2.left,
		#hd h2.right,
		#hd #threed h2.right{
			margin-bottom: 50px;
		}
		#lighting h2{
			width: 320px;
		}
		#audio h2 {
			max-width: 240px;
		}
		#audio h2.leftspan{
			padding:0 25px;
		}
		#audio h2.leftspan span{
			width: 100%;
			text-align: center;
			top: -10px;
			left: 0;
		}

		#hd .hd-sec-specs li{
			width: 100%;
		}

		#hd .hd-controls li {
		    width: 33%;
		    max-width: 130px;
		    cursor: pointer;
		    opacity: .5;
		}
		#hd .hd-lightingbott{
			margin-top: -33px;
		}

		#hd .hd-sec-sync .hd-col55{
			padding:0;
		}
	
		#hd .hd-sec-audio .hd-supremefx{
			display: none;
		}
		#hd .hd-sec-audio figure div{
			width: 100%;
			margin-left: auto;
			margin-bottom: 50px;
		}
		#overview #hd .hd-sec-audio figure img.hd-picright{
			position: relative;
			max-width: 100%;
			right: 0;
			left: 0;
			top: 0px;
		}
		
		#hd .hd-sec-studio figure{
			width: 150%;
			margin-left: -25%;
		}
		#hd .hd-audioinput li,
		#hd .hd-audioresult li img,
		#hd .hd-audioresult li img:last-child,
		#hd .hd-audioresulttxt li{	
			animation: none;
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd .hd-audioinput{
			left:13%;
			padding: 9% 0 6%;
		}
		#hd .hd-audioinput li{
			height: 25%;
		}
		#hd .hd-audioinput li h4{
			font-size: .9rem;
			border:0;
			width: auto;
			height: auto;
			padding:0;
		}

		#hd .hd-sec-audio .hd-pic{
			margin-bottom: 50px;
		}

		#audiogif.hd-col65{
			width: 100%;
		}

		#hd .hd-sec-performance .hd-tagbox{
			flex-direction: column;
		}
		#hd .hd-sec-performance .hd-tagbox figure{
			margin-bottom: 20px;
		}

		#hd .hd-sec-mode .txt_decoline{
			margin-top: -50px;
		}
		
		#hd .hd-sec-controller .hd-box{
			left:0px;
		}
		#hd .hd-sec-controller .hd-box img{
			display: none;
		}
		#hd .hd-sec-controller .hd-decolinebox{
			position: relative;
			width: 100%;
			top: 0;
		}
		#hd .hd-sec-controller .txt_decoline{
			padding-bottom: 10px;
		}
		#hd .hd-sec-controller li li span{
			font-size: 20px;
		}
		#hd .hd-sec-controller li ul{
			justify-content: space-between;
		}
		#hd .hd-sec-controller li li{
			background-color: #8D0000;
			padding:6px 5px;
			text-align: center;
		}
		#hd .hd-sec-controller li li small{
			text-align: center;
		}
		#hd .hd-sec-controller li:nth-child(1) li{
			padding-left: 0;
		}
		#hd .hd-sec-controller li:nth-child(2) li:first-child,
		#hd .hd-sec-controller li:nth-child(2) li{
			width: 48%;
		}
		#hd .hd-sec-controller li:nth-child(3) li{
			width: 100%;
		}

		#hd .hd-sec-ethernet img.hd-col40{
			width: 100%;
		}

		#hd .hd-pic03{
			margin-top: -70px;
		}

		#hd .hd-sec-sleek .hd-col60 img{
			width: 100%;
		}

		#hd-sec-hidden figure{
			width: 90%;
			margin:0 auto 60px;
		}
		#hd-sec-hidden .hd-content{
			padding:70px 10px;
		}

		#hd .hd-sec-intel{
			text-align: center;
		}
		#hd .hd-sec-intel img{
			margin-bottom: 30px;
		}

		#hd .hd-sec-intel img~div{
			width: 100%;
			padding-left: 0;
		}

		#hd .hd-sec-andmore .hd-w1336 li{
			width: 50%;
		}
		
		#hd .hd-sec-specsline li,
		#hd ul.spec-right li:nth-child(4){
			width: 100%;
			margin-right: 0;
		}

		#hd .accessory-1 li,
		#hd .accessory-2 li{
			width: 100%;
			margin:0;
		}

		#hd .hd-process li{
			width: 100%;
			margin-left: 0;
			padding:20px;
			height: auto;
		}
		#hd #learnmore{
			width: 250px;
			height: 60px;
			margin:20px auto 70px;
		}
		#hd #learnmore h3{
			font-size: 36px;
			padding-bottom: 14px;
		}

		#hd .hd-greytags li p{
			font-size: 1.1rem;
		}
		#hd .hd-greytags li:nth-child(1) .hd-skewtag:before{
			width: 200px;
		}
		#hd .hd-greytags li:nth-child(2) .hd-skewtag:before{
			width: 250px;
		}
		#hd .hd-greytags li:nth-child(3) .hd-skewtag:before{
			width: 250px;
		}
		#hd .hd-greytags li:nth-child(3) .hd-skewtag{
			padding-left: 0px;
		}
		#hd .hd-greytags li:nth-child(1){
			margin-left: -50px;
		}
		#hd .hd-tagbox ul.hd-greytags{
			margin-left: -30px;
		}
	}
/* ---------- END RWD ---------- */