@media screen and (min-width: 1921px) {
   #hd .hd-sec-sync .hd-col55 {
        padding-bottom: 28%;
    }
}
@media screen and (min-width: 2250px) {
	#hd #audio,
    #hd #protection,
    #hd #more{
	    padding-top: 150px;
	}
    #hd .hd-sec-sync .hd-col55 {
        padding-bottom: 35%;
    }
}


@media screen and (max-width: 1440px){
	#hd #kv{
		padding-left: 0;
	}

	#hd .hd-sec-rgbheader .fright{
		width: 60%;
		margin-right: 0;
	}

	#hd .hd-sec-sync .hd-col55{
		padding-bottom: 19%;
	}

	#hd .hd-sec-sync h3{
		margin-bottom: 30px;
	}

	#hd .hd-sec-overview{
		padding-top: 50px;
	}
	#hd .hd-sec-overview .hd-menu ul{
		padding: 0;
	}

	#hd .hd-sec-fan h3 + p{
		margin-bottom: 30px;
	}

	#hd .hd-sec-mode p{
		margin-bottom: 30px;
	}

	#hd .hd-sec-audio:before{
		width: 55%;
		top: -10%;
	}
	#hd .hd-supremefx{
		padding-top: 0;
	}
	
	#hd .hd-sec-radar{
		padding-bottom: 40px;
		margin-bottom: 150px;
	}
	#hd .hd-sec-radar p.hd-col80{
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 1366px){
	#hd .hd-sec-sync .hd-bg img{
		max-width: none!important;
		width: 120%;
		left: -10%;
		right: auto;
	}

	#hd .hd-sec-sonic figure{
		margin-top: 20%;
	}

	#hd .hd-sec-andmore .hd-pic {
		background-size: 135%;
	}
	#hd .hd-sec-andmore .hd-w1336{
		width: 100%;
	}
	#hd .hd-sec-andmore .hd-w1336 ul{
		padding:0 3%;
	}
}
@media screen and (max-width: 1280px){
	/* ------------ SEC_SPEC ------------ */
		#hd #specs .hd-w1300{
			width: 100%;
		}
		#hd #specs ol li small{
			margin-bottom: 5px;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting h2{
			margin-bottom: 30px;
		}
		#hd .hd-sec-lighting .hd-col55{
			width: 44%;
		}
		#hd .hd-controls li img{
			width: 50px;
			height: 50px;
		}

	#hd #sdk_logo{
		width: 200px;
	}
	
	#hd .hd-sec-oled .hd-col70{
		width: 65%;
	}
	/* ------------ wifi ------------ */
		#hd .hd-sec-wifi .hd-description{
			margin-top: 50px;
		}
		#hd .hd-sec-wifi .fleft h3:after,
		#hd .hd-sec-wifi .fright:after,
		#hd .hd-sec-wifi .hd-description li:nth-child(1) h3:after,
		#hd .hd-sec-wifi .hd-description li:nth-child(2) h3:after{
			display: none;
		}
		#hd .hd-sec-wifi .fright .hd-num{
			display: block;
		}
		#hd .hd-sec-wifi .fright li{
			position: absolute;
			width: 28px;
			height: 28px;
			line-height: 24px;
			padding-right: 1px;
			text-align: center;
			border-radius: 15px;
			border:2px solid #b80202;
			background-color: rgba(0,0,0,.6);
		}
		#hd .hd-sec-wifi .fright li:nth-child(1){
			top: 70%;
			left: 45%;
		}
		#hd .hd-sec-wifi .fright li:nth-child(2){
			top: 64%;
			left: 60%;
		}
		#hd .hd-sec-wifi .fright li:nth-child(3){
			top: 73%;
			left: 70%;
		}
		#hd .hd-sec-wifi .hd-description li:nth-child(1){
			width: 100%;
		}
		#hd .hd-sec-wifi h3:before,
		#hd .hd-sec-wifi .hd-description li:nth-child(1) h3:before,
		#hd .hd-sec-wifi .hd-description li:nth-child(2) h3:before{
			content:'1. ';
			display: inline-block;
			width: 60px;
		}
		#hd .hd-sec-wifi .hd-description li:nth-child(1) h3:before{
			content:'2. ';
		}
		#hd .hd-sec-wifi .hd-description li:nth-child(2) h3:before{
			content:'3. ';
		}

	#hd .hd-sec-triple li:nth-child(1) h4:after{
		width: 28%;
		left: -29.5%;
	}

	#hd .hd-sec-vroc .fleft{
		width: 60%;
		margin-left: -5%;
	}
	
	#hd .hd-sec-overview .hd-menu li{
		-webkit-transform: skewX(-30deg);
		-moz-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-o-transform: skewX(-30deg);
		transform: skewX(-30deg);
	}
	#hd .hd-sec-overview .hd-menu li h4{
		font-size: 18px;
		line-height: 20px;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}

	#hd .hd-sec-fan .hd-filter li{
		margin-bottom: 10px;
	}

	#hd .hd-sec-ocdesign h3{
		margin-bottom: 30px;
	}
	/* ------------ sonic ------------ */
		#hd .hd-sec-sonic figure li{
			width: 35%;
		}
		#hd .hd-sec-sonic figure li:nth-child(3){
			width: 45%;
			right: -37%;
		}
		#hd .hd-sec-sonic figure li:nth-child(1),
		#hd .hd-sec-sonic figure li:nth-child(2){
			left: -38%;
		}
		#hd .hd-sec-sonic figure li h4,
		#hd .hd-sec-sonic figure li p{
			padding-left: 40px;
		}
	/* ------------ radar ------------ */
		#hd .ghost-bg{
			right: -12%;
		}

	/* ------------ SEC_PROTECTION ------------ */
		#hd #protection h2{
			font-size: 110px;
			padding-bottom: 20px;
		}

	#hd .hd-sec-rogarmor:nth-child(3) .fright{
		width: 65%;
		margin-right: -10%;
	}
	/* ------------ overwolf ------------ */
		#hd .hd-sec-overwolf .hd-col40{
			width: 100%;
		}
		#hd .hd-sec-overwolf h3{
			margin-bottom: 10px;
		}
		#hd .hd-sec-overwolf .hd-box{
			flex-wrap: wrap;
			width: 50%;
		}
		#hd .hd-greytags{
			position: relative;
			left: 0;
			margin-left: 70px;
			display: block;
		}
		#hd .hd-sec-overwolf .hd-morebg{
			top: 35%;
			padding-right: 0;
		}

	#hd #intel{
		padding:70px 0;
	}
	#hd #intel h2 {
		font-size: 110px;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 1250px){
	/* ------------ radar ------------ */
	    #hd .hd-sec-radar {
	        background-size: cover;
	    }
	    #hd .hd-sec-radar p.hd-col80{
	    	margin-bottom: 80px;
	    }
	    #hd #audiogif {
	        width: 62%;
	        top: auto;
	        bottom: 20px;
	        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: -38.5%;
	    }
	    #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;
	    }
	/* ------------ keybot ------------ */
		#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_box {
		width: 100%;
		padding: 50px 40px;
	}
	#hd #kv .hd-w500{
		top: 10%;
		width: 40%;
	}
	#hd #specs .hd-w1300{
		margin-left: -5%;
	}	
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting{
			background-position: right top;
			background-size: 500px;
		}
		#hd .hd-sec-lighting h3,
		#hd .hd-sec-lighting h3+p{
			margin-bottom: 10px;
		}
	#hd .hd-sec-sync h3{
		margin-bottom: 0;
	}
	#hd .title_logo{
		display: block;
		margin:0 auto;
	}
	/* ------------ wifi ------------ */
		#hd .hd-sec-wifi{
			padding-bottom: 20px;
		}
		#hd .hd-sec-wifi .fleft{
			margin:5% 0 30px auto;
			width: 100%;
			float:none;
		}
		#hd .hd-sec-wifi .fright{
			width: 100%;
			margin:0;
			float:none;
		}
	/* ------------ triple ------------ */
		#hd .hd-sec-triple .hd-w800{
			margin-bottom: 30px;
		}
		#hd .hd-sec-triple li h4{
			background-size: initial;
			background-position: right bottom;
		}
		#hd .hd-sec-triple li:nth-child(1) h4:after{
			width: 20%;
			left: -22.5%;
		}

	#hd .hd-sec-vroc .fright{
		margin-top: -5%;
	}

	#hd .hd-details div.hd-col50{
		padding-left: 30px;
	}

	#hd .hd-sec-fan .fright{
		padding-left: 10px;
	}
	#hd .hd-sec-fan .hd-content{
		padding:20px 5%;
	}

	#hd .hd-sec-ddr4{
		padding:50px 0;
	}

	#hd .hd-sec-ocdesign{
		background-size: contain;
	}
	#hd .hd-sec-ocdesign .hd-col50{
		width: 60%;
	}
	#hd .hd-sec-ocdesign .hd-tagbox{
		margin:10px 20px 0 0;
	}

	/*#hd .hd-sec-proclock{
		margin-top: -70px;
		padding:70px 0;
	}*/
	#hd .hd-sec-proclock figure div{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}

	#hd .hd-sec-mode .hd-col50{
		padding:0 20px;
	}
	#hd .hd-sec-mode .mode-content ul{
		padding:15px 20px;
	}

	#hd #audio{
		padding-top: 50px;
	}

	#hd .audio-filter li{
		padding:15px 10px;
	}
	#hd .audio-filter li h4{
		font-size: 20px;
		line-height: 22px;
	}

	#hd .hd-sec-rogarmor .fright{
		padding-right: 0;
	}

	#hd .hd-sec-protectionmore .hd-w800{
		padding: 30px 0 50px;
	}

	#hd #more{
		padding-top: 50px;
	}

	/* ------------ overwolf ------------ */
		#hd .hd-sec-overwolf{
			padding-bottom: 0;
		}
	    #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: 1023px){
	#hd .hd-1023on{
		display: block;
	}
	#hd h2{
		font-size: 100px;
		padding-bottom: 10px;
	}
	#hd h2 span{
		font-size: 36px;
		line-height: 36px;
	}
	#hd h2 span.top{
		margin-bottom: -40px;
	}
	#hd h2 span.left{
		width: 130px;
		line-height: 25px;
	}
	#hd h2 span.center{
		width: 90px;
		line-height: 25px;
	}
	/* ------------ SEC_SPEC ------------ */
		#hd #specs .spec-main{
			background-image: url(../img/spec/spec_m.png);
			padding-bottom: 100%;
		}
		#hd #specs .spec-main.glow{
			background-image: url(../img/spec/spec_m_aura.png);
		}
		#hd #specs .hd-w1300{
			width: 90%;
			margin-left: auto;
		}
		#hd #specs .hd-dots,
		#hd #specs ol,
		#hd #specs ol li:nth-child(n){
			position: relative;
			top: 0;
			left: 0;
		}
		#hd #specs ol{
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			padding: 30px 0 70px;
		}
		#hd #specs ol li:nth-child(n){
			margin:12px 0;
			padding-left: 40px;
		}
		#hd #specs ol li:before{
			display: block;
			left: 0;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting .hd-col55{
			width: 100%;
			float:none;
		}
		#hd .hd-sec-lighting h3{
			margin-top: 0;
		}
		#hd .hd-sec-lighting h3,
		#hd .hd-sec-lighting h3+p{
			margin-bottom: 30px;
		}
		#hd .hd-lightingbox{
		}
	/* ------------ rgbheader ------------ */
		#hd .hd-sec-rgbheader .fleft,
		#hd .hd-sec-rgbheader .fright{
			width: 100%;
			float:none;
			margin:0 auto;
		}
		#hd .hd-sec-rgbheader .fright{
			width: 80%;
		}

	#hd #sdk_logo{
		width: 150px;
	}
	/* ------------ languard ------------ */
		#hd .hd-sec-languard .fleft,
		#hd .hd-sec-languard .fright{
			width: 100%;
			margin:30px auto;
			float:none;
		}
		#hd .hd-sec-languard h4 br{
			display: none;
		}

	#hd .hd-sec-gamefirst{
		padding-top: 30px;
	}

	/* ------------ triple ------------ */
		#hd .hd-sec-triple li h4:after{
			display: none;
		}
		#hd .hd-sec-triple .fleft .hd-num{
			display: block;
		}
		#hd .hd-sec-triple .fleft li{
			position: absolute;
			width: 28px;
			height: 28px;
			line-height: 24px;
			padding-right: 1px;
			text-align: center;
			border-radius: 15px;
			border:2px solid #b80202;
			background-color: rgba(0,0,0,.6);
		}
		#hd .hd-sec-triple .fleft li:nth-child(1){
			top: 15%;
			left: 63%;
		}
		#hd .hd-sec-triple .fleft li:nth-child(2){
			top: 75%;
			left: 50%;
		}
		#hd .hd-sec-triple li h4:before{
			content:'1. ';
			display: inline-block;
			width: 40px;
		}
		#hd .hd-sec-triple li:nth-child(2) h4:before{
			content:'2. ';
		}
	/* ------------ audio ------------ */
		#hd .audio-filter{
			flex-wrap: wrap;
		}
		#hd .audio-filter li{
			width: 30%;
			margin-bottom: 20px;
		}
		#hd .audio-filter li h4{
			min-height: 40px;
		}
	/* ------------ sonic ------------ */
		#hd .hd-sec-sonic:before{
			height: 50%;
			bottom: auto;
			top: 50%;
		}
		#hd .hd-sec-sonic figure li:nth-child(n){
			position: static;
			width: 100%;
			top: 0;left: 0;
			margin:10px auto;
		}
		#hd .hd-sec-sonic figure li h4,
		#hd .hd-sec-sonic figure li p{
			padding-left: 0;
		}
		#hd .hd-sec-sonic .txt_decoline,
		#hd .hd-sec-sonic .txt_decolineflip{
			background: url(../img/deco-line.png) right bottom no-repeat;
			background-size: contain;
		}
		#hd .hd-sec-sonic figure li:nth-child(1) h4:after,
		#hd .hd-sec-sonic figure li:nth-child(2) h4:after,
		#hd .hd-sec-sonic figure li:nth-child(3) h4:after{
			display: none;
		}
		#hd .hd-sec-sonic figure li h4:before{
			content:'1. ';
			display: inline-block;
			width: 40px;
		}
		#hd .hd-sec-sonic figure li:nth-child(2) h4:before{
			content: '2. ';
		}
		#hd .hd-sec-sonic figure li:nth-child(3) h4:before{
			content: '3. ';
		}
		#hd .hd-sec-sonic figure li h4 img{
			display: inline-block;
			vertical-align: middle;
		}
		#hd .hd-sec-sonic .hd-num{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding-bottom: 102.24%;
		}
		#hd .hd-sec-sonic .hd-num li:nth-child(n){
			position: absolute;
			display: block;
			width: 28px;
			height: 28px;
			line-height: 24px;
			padding-right: 1px;
			text-align: center;
			border-radius: 15px;
			margin:0;
			border:2px solid #b80202;
			background-color: rgba(0,0,0,.6);
		}
		#hd .hd-sec-sonic .hd-num li:nth-child(1){
			top: 28%;
			left: .5%;
		}
		#hd .hd-sec-sonic .hd-num li:nth-child(2){
			top: 80%;
			left: .5%;
		}
		#hd .hd-sec-sonic .hd-num li:nth-child(3){
			top: 11%;
			left: 55%;
		}

	/* ------------ SEC_PROTECTION + INTEL ------------ */
		#hd #protection,
		#hd #intel{
			padding-top: 50px;
		}
		#hd #protection h2,
		#hd #intel h2{
			font-size: 120px;
			padding-bottom: 20px;
			line-height: 65px;
			background: -webkit-linear-gradient(black,black, white, black,black, white, black);
			background: -o-linear-gradient(black,black, white, black,black, white, black);
			background: -moz-linear-gradient(black,black, white, black,black, white, black);
			background: linear-gradient(black,black, white, black,black, white, black);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			text-shadow: 0 0 0 rgba(255, 255, 255, .3);
		}

	#hd .hd-sec-ramcache~.hd-pic{
		margin-top: -50px;
	}

	#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;
	}
}
@media screen and (max-width: 768px){
	#hd .hd-mobile_on{
		display: block;
	}
	#hd .hd-mobile_off{
		display: none;
	}
	#hd h3{
		font-size: 32px;
		line-height: 32px;
	}
	#hd .hd_box {
	    width: 100%;
	    height: auto;
	    padding: 50px 20px 10px;
	}
	#hd #kv .hd-w500{
		position: relative;
		width: 90%;
		top: 0;left: 0;
	}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting{
		}
		#hd .hd-sec-lighting h2{
		}
	/* ------------ rgbheader ------------ */
		#hd .hd-sec-rgbheader .fright{
			width: 90%;
		}
		#hd .hd-sec-rgbheader .fleft:before{
			width: 100%;
			top: 20%;
			left: -50%;
		}
	/* ------------ sync ------------ */
		#hd .hd-sec-sync .hd-col55{
			width: 100%;
			padding-bottom: 0;
		}
		#hd .hd-sec-sync .hd-bg{
			position: relative;
			top: -30px;
		}
		#hd .hd-sec-sync .hd-bg img{
			width: 130%;
			left: -15%;
		}
	/* ------------ oled ------------ */
		#hd .hd-sec-oled{
			padding-bottom: 0;
			margin-bottom: -30px;
		}
		#hd .hd-sec-oled .hd-col40,
		#hd .hd-sec-oled .hd-col70{
			width: 100%;
			margin:0 auto;
		}

	#hd .hd-sec-gamefirst{
		padding-bottom: 30px;
	}
	/* ------------ triple ------------ */
		#hd .hd-sec-triple .fleft,
		#hd .hd-sec-triple .fright{
			width: 100%;
			max-width: 450px;
			margin:0 auto;
			float:none;
		}
		#hd .hd-sec-triple li > img{
			margin-left: auto;
		}
		#hd .hd-sec-triple li:first-child > img{
			width:auto;
			padding-bottom: 30px;
		}
		#hd .hd-sec-triple .hd-btn-more{
			bottom:10%;
		}

		#hd #triple_lightbox .hd-box .hd-col50{
			width: 100%;
			padding:20px 0;
		}
		#hd #triple_lightbox .hd-box{
			overflow-y: scroll;
		}
		#hd #triple_lightbox .closebox{
			top: -20px;
			right: 10px;
		}
	
	#hd .hd-sec-vroc .fleft,
	#hd .hd-sec-vroc .fright{
		width: 100%;
		float:none;
		margin:0 auto;
	}

	#hd .hd-sec-logos .hd-col50{
		padding:0 2.5%;
	}
	/* ------------ overview ------------ */
		#hd .hd-sec-overview .hd-menu ul{
			flex-wrap: wrap;
		}
		#hd .hd-sec-overview .hd-menu li{
			width: 30%;
			margin-bottom: 10px;
		}
		#hd .hd-details .hd-col50{
			width: 100%;
		}
		#hd .hd-details img.hd-col50{
			display: block;
			width: 80%;
			margin:0 auto 30px;
		}
	
	#hd .hd-sec-fan{
		padding:30px 0;
	}
	#hd .hd-sec-fan .fleft,
	#hd .hd-sec-fan .fright,
	#hd .hd-sec-ddr4 .fleft,
	#hd .hd-sec-ddr4 .fright{
		width: 100%;
		padding-left: 0;
		margin:0 auto;
		float:none;
	}
	#hd .hd-sec-fan .fleft{
		max-width: 450px;
	}
	/* ------------ ocdesign ------------ */
		#hd .hd-sec-ocdesign{
			padding:30px 0;
		}
		#hd .hd-sec-ocdesign .hd-col50{
			width: 100%;
			padding-top: 10%;
		}
		#hd .hd-sec-ocdesign .bar-red{
			width: calc(100% - 107px);
		}
	
	#hd .hd-sec-proclock figure div{
		position: absolute;
		top: 37%;
		width: 51%;
		left: 24%;
	}

	#hd .hd-sec-audio{
		padding-bottom: 50px;
	}

	/* ------------ radar ------------ */
	    #hd .hd-sec-radar {
	        margin-top: 30px;
	        margin-bottom: 0;
	        background: none;
	    }
	    #hd .hd-sec-radar p.hd-col80{
	    	width: 100%;
	    	margin-bottom: 30px;
	    }
	    #hd #audiogif {
	        width: 90%;
	        display: block;
	        margin: 0 auto 30px;
	        top: 0;
	        left: 0;
	        transform: none;
	        border: 10px solid #333333;
	    }
	    #hd .hd-sec-radar ul {
	        width: 100%;
	        max-width: 450px;
	        margin: 0 auto;
	    }

	#hd .hd-sec-rogarmor .fright{
		margin-top: 8%;
	}
	/* ------------ protectionmore ------------ */
		#hd .hd-sec-protectionmore figure{
			width: 31%;
			margin:20px 1%;
		}
		#hd .hd-sec-protectionmore .hd-content{
			padding:40px 15px;
		}
		#hd .hd-sec-protectionmore h4{
			font-size: 20px;
			line-height: 22px;
		}
	/* ------------ overwolf ------------ */
		#hd .hd-sec-overwolf div.hd-col40 {
	        width: 100%;
	    }
	    #hd .hd-sec-overwolf .hd-box {
	        width: 100%;
	        left: 0;
	    }
	    #hd .hd-sec-overwolf .hd-box 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-ramcache{
		padding-bottom: 30px;
	}
	#hd .hd-sec-ramcache~.hd-pic{
		width: 90%;
		margin:0 auto;
	}
	#hd .hd-sec-ramcache~.hd-pic p{
		width: 40%;
		top: 9%;
		left: 63%;
	}
	/* ------------ keybot ------------ */
		#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: 50px;
	    }
	    #hd .hd-sec-mhotkeys .hd-pic {
	        background-position: 20% top;
	        height: 122px;
	        padding-bottom: 0;
	        background-size: 768px;
	    }

	#hd #more .hd-sec-andmore{
		padding-bottom: 30px;
	}

	#hd .hd-sec-intel .hd-col80{
		width: 100%;
	}

	#hd #intel{
		padding-bottom: 0;
	}
	#hd #intel h2{
		font-size: 110px;
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 620px){
	#fp-nav{
		display: none;
	}

	#hd .hd-lightingbox{
	}
	/* ------------ rgbheader ------------ */
		#hd .hd-sec-rgbheader .hd-description li:nth-child(1){
			left: 50%;
		}
		#hd .hd-sec-rgbheader .hd-description li:nth-child(2){
			left: 15%;
		}
	/* ------------ sdk ------------ */
		#hd .hd-sec-sdk h3 + p{
			margin-bottom: 0;
		}
		#hd .hd-sec-sdk .hd-col50.left,
		#hd .hd-sec-sdk .hd-col50.right,
		#hd .hd-sec-sdk .hd-col50.left p,
		#hd .hd-sec-sdk .hd-col50.right p{
			width: 100%;
			padding: 0;
		}
		#hd .hd-sec-sdk .hd-col50.left > img,
		#hd .hd-sec-sdk .hd-col50.right > img{
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd #sdk_logo{
			position: relative;

		}
	/* ------------ SEC_CONNECTIVITY ------------ */
		#hd #connectivity{
			padding-top: 50px;
		}
		#hd #connectivity h2{
			font-size: 72px;
		}
		#hd #connectivity h2:before{
			background-size: 850px;
		}

	#hd .hd-sec-wifi .fleft{
		margin:5% 0 -5% auto;
		width: 100%;
	}

	#hd .hd-sec-languard .fright li{
		left: 75%;
	}
	/* ------------ SEC_PERFORMANCE ------------ */
		#hd #performance{
			padding-top: 50px;
		}
		#hd #performance h2{
			font-size: 72px;
		}
		#hd #performance h2:before{
			background-size: 850px;
		}

	/*#hd .hd-sec-proclock .hd-ib{
		width: 100%;
		display: block;
		margin:0 auto;
	}
	#hd .hd-sec-proclock .hd-col40{
		max-width: 400px;
		margin-bottom: 30px;
	}*/
	#hd .hd-sec-proclock figure div{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}

	#hd .hd-sec-mode .hd-col50{
		width: 100%;
		display: block;
		margin:0 auto 30px;
	}
	#hd .hd-sec-mode .hd-col50 h4{
		background-size: 500px;
	}
	/* ------------ SEC_AUDIO ------------ */
		#hd #audio{
			padding-top: 30px;
		}
		#hd #audio h2:before{
			background-size: 850px;
			background-position: top right;
		}
	/* ------------ audio ------------ */
		#hd .hd-sec-audio:before{
			display: none;
		}
		#hd .audio-filter li{
			width: 48%;
			margin-right: 1%;
		}
		#hd .audio-filter li h4{
			font-size: 18px;
			line-height: 20px;
			min-height: 0;
		}
		#hd .audio-filter li p{
			font-size: 14px;
			line-height: 16px;
		}

	#hd .hd-sec-sonic{
		padding-bottom: 0;
	}
	/* ------------ SEC_PROTECTION ------------ */
		#hd #protection h2{
			font-size: 82px;
			line-height: 50px;
			margin-bottom: 30px;
		}
	
	#hd .hd-sec-rogarmor .fleft,
	#hd .hd-sec-rogarmor .fright,
	#hd .hd-sec-rogarmor:nth-child(3) .fright{
		width: 100%;
		display: block;
		margin:0 auto;
		float:none;
	}
	#hd .hd-sec-rogarmor h3{
		margin-bottom: 10px;
	}

	#hd .hd-sec-protectionmore figure{
		width: 46%;
		margin:20px 2%;
	}

	/* ------------ SEC_MORE ------------ */
		#hd #more h2{
			font-size: 85px;
			margin-bottom: 50px;
		}
		#hd h2 span.center{
			font-size: 32px;
			margin-right: 0;
		}
		#hd #more h2:before{
			background-size: 850px;
			background-position: top left;
		}
	/* ------------ clone ------------ */
		#hd .hd-sec-clone{
			padding-bottom: 30px;
		}
		#hd .hd-sec-clone .hd-col55,
		#hd .hd-sec-clone .hd-col65{
			width: 100%;
			display: block;
			margin:0 auto;
		}
		#hd .hd-sec-clone .hd-col65 img {
			width: 120%;
			max-width: 120% !important;
			margin-left: -30%;
		}
}
@media screen and (max-width: 480px){
	#hd h2{
		font-size: 72px;
	}
	#hd h2 span{
		font-size: 30px;
		line-height: 30px;
	}
	#hd h2 span.left{
		line-height: 20px;
		width: 100px;
	}
	#hd h3{
		font-size: 24px;
		line-height: 24px;
	}

	#hd #specs .spec-main{
		padding-bottom: 135%;
	}
	#hd #specs ol{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		padding: 30px 0 70px;
	}

	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting h2{
			padding-bottom: 0;
		}
		.colorpicker-wrapper{
			display: none;
		}
		#colorpicker{
			display: none;
		}
		#hd .hd-lightingbox{
			margin-left: auto;
			margin-top: 10px;
		}
		#hd .hd-controls{
		    margin-left: 0px;
		}
		#hd .hd-controls li{
		}
	/* ------------ rgbheader ------------ */
		#hd .hd-sec-rgbheader .hd-description li:nth-child(1){
			top: 0;
			left: 40%;
		}
		#hd .hd-sec-rgbheader .hd-description li:nth-child(2){
			left: 0;
		}

	#hd .hd-sec-languard .fright li{
		left: 70%;
	}

	#gamevideo{
		margin-bottom: 0;
	}

	#hd .hd-sec-triple .hd-btn-more{
		bottom:0;
	}

	#hd .hd-sec-logos .hd-col50{
		width: 100%;
		margin-left: 0;
		padding:0;
	}

	#hd .hd-sec-overview .hd-menu li{
		width: 45%;
	}

	/* ------------ SEC_PROTECTION + INTEL ------------ */
		#hd #protection h2,
		#hd #intel h2{
			font-size: 80px;
			line-height: 50px;
			background: -webkit-linear-gradient(black,black, white, black,white,black, white, black);
			background: -o-linear-gradient(black,black, white, black,white,black, white, black);
			background: -moz-linear-gradient(black,black, white, black,white,black, white, black);
			background: linear-gradient(black,black, white, black,white,black, white, black);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			text-shadow: 0 0 0 rgba(255, 255, 255, .3);
		}

	#hd .hd-sec-protectionmore figure{
		width: 100%;
		margin:20px 0;
	}
	#hd .hd-sec-protectionmore .hd-content{
		height: auto;
	}

	#hd #more h2{
		font-size: 54px;
	}
	#hd h2 span.center{
		width: 60px;
		font-size: 24px;
		line-height: 18px;
	}

	/* ------------ overwolf ------------ */
	    #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-box ul.hd-greytags {
	        margin-left: -30px;
	    }

	#hd .hd-sec-andmore .hd-w1336 li{
		width: 50%;
	}

    #hd .hd-sec-intel img {
    	display: block;
    	margin:0 auto 30px;
    }
    #hd .hd-sec-intel img~div {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
}