@media screen and (max-width: 1440px){
	#hd_header{margin-top: 40px;}
	#hd h3{font-size: 22px;}
	#hd h4{font-size: 18px;}
	#hd p {
		font-size: 14px;
		line-height: 1.4;
	}
	#hd footer{padding:30px 0;}

	#hd .hd-sec-product .pbox .content{
		padding:30px 20px;
	}
	#hd #hd-sec-hot-deals {
		width: 90%;
	}
	#hd #hd-sec-hot-deals {
    justify-content: center;
	}
	#hd .two_item {
		flex-direction: column;
	}
	/* hot deals */
	#hd-sec-hot-deals .owl-prev{
		left: -9%;
	}
	#hd-sec-hot-deals .owl-next{
		right: -9%;
	}
}
@media screen and (max-width: 1366px){
	/* feature */
	#hd #feature_filter li{
		width: 20%;
		padding-bottom: 3px;
	}	
	/*pba-product start*/
	#hd .hdau_right{
		padding-left: 50px;
	}
	#hd .retail-list li{
		height: auto;
	}
	#hd .retail-list .retailer,
	#hd .retail-list .product{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 1280px){
	#hd_header nav a{
		font-size: 14px;
	}
	#hd .lightBox .box{
		min-height: 50vh;
		margin:auto;
	}
	#hd .lightBox #full_video{
		height: 45vh;
	}
	#hd .lightBox{
		margin-top: 5%;
	}
	/* feature */
	#hd #sub_feature_filter > li {
		width: 25%;
	}	
	/* PBA Build Gallery */
	#hd #pba_build_gallery .pba_content {
		width: 100%;
	}
	#hd #pba_build_gallery .content_two_item {
    width: 80%;
	}
	#hd #pba_build_gallery .pba_content li {
		justify-content: center;
	}
	#hd #pba_build_gallery .video {
    width: 40%;
	}
	/* hot deals */
	#hd #hd-sec-hot-deals .li_sec {
    margin-right: 0;
	}
	/* local */
	#hd #local_filter {
		width: 85%;
	}
	#hd #local_filter li {
		width: 25%;
	}
	#hd .local {
		width: 85%;
	}
}
@media screen and (max-width: 1024px){
	#hd h2{font-size: 40px;}
	#hd h3{font-size: 20px;}
	#hd h4{font-size: 16px;}
	#hd a.btn-primary{
		font-size: 14px;
		padding:6px 20px 8px;
	}
	#hd_header{padding:10px 0; }
	#hd .hd-sec-intro .content{padding:30px 20px 30px 30px;}
	#hd #feature_content > li .content{padding-right: 5%;}
	/*pba-product start*/
	#hd .PBA-product h4,
	#hd .container{
		font-size: 15px;
	}
	/**/
	#hd .PBA-product,
	#hd .pba-figure,
    #hd .pba-video{
		padding: 100px 0;
	}
}
@media screen and (max-width: 1023px){
	#hd{padding-top: 0;}
	#hd .hd-1023on{display: block; }
	#hd .hd-1023off{display: none; }
	#hd a.btn-primary{min-width: 100px;}
	/* ------------ HEADER ------------ */
		#hd_header{
			height: 50px;
			padding:5px 0;
			margin-top: 0;
		}
		#hd header .hd-w1200 {
			display: flex;
			justify-content: space-between;
		}
		#hd #hd_logo > img{height: 40px;}
		#hd_header nav{
			width: 100%;
			background: #1e1e1e;
			padding:20px 25px;
			position: fixed;
			top: 50px;
			left: 0;
			z-index: -1;
			display: none;
		}
		#hd_header nav a{
			display: block;
			font-size: 18px;
			padding:15px 0;
			border-bottom: 1px solid #333;
		}
		#hd_header nav a:last-child{border-bottom: none;}
		#hd_header nav a:before{
			max-width: 280px;
			margin:0 auto;
			right: 0;
		}
		#hd_header nav.active{
			display: block;
			-webkit-animation: showNav .5s forwards;
			-o-animation: showNav .5s forwards;
			animation: showNav .5s forwards;
		}
		#hd_hamburger{
			display: inline-block;
			vertical-align: middle;
			position: relative;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		#hd_hamburger span,
		#hd_hamburger span:before,
		#hd_hamburger span:after{
			content:'';
			display: block;
			width: 30px;
			height: 3px;
			border-radius: 2px;
			background-color: #fafafa;
			margin:6.5px 0;
			position: absolute;
			right: 0;
		}
		#hd_hamburger span{
			top: 0;bottom: 0;
			margin:auto 0;
		}
		#hd_hamburger span:before{top: -15px;}
		#hd_hamburger span:after{bottom: -15px;}
		#hd_hamburger.active span{height: 0;}
		#hd_hamburger.active span:before{
			-webkit-transform: rotate(45deg) translate(5px,5px);
			   -moz-transform: rotate(45deg) translate(5px,5px);
			    -ms-transform: rotate(45deg) translate(5px,5px);
			     -o-transform: rotate(45deg) translate(5px,5px);
			        transform: rotate(45deg) translate(5px,5px);
		}
		#hd_hamburger.active span:after{
			-webkit-transform: rotate(-45deg) translate(5px,-5px);
			   -moz-transform: rotate(-45deg) translate(5px,-5px);
			    -ms-transform: rotate(-45deg) translate(5px,-5px);
			     -o-transform: rotate(-45deg) translate(5px,-5px);
			        transform: rotate(-45deg) translate(5px,-5px);
		}
	#hd #slider_kv{margin-top: 50px;}
	/* ------------ FOOTER ------------ */
	#hd footer .footer-li-lang {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	/* feature */
	#hd #feature_filter li{
		width: 25%;
	}
	#hd #hd-sec-hot-deals .text_sec {
    padding-top: 20%;
    padding-left: 20%;
	}	
	#hd #hd-sec-hot-deals .text_third {
    padding: 0;
	}
	/* ------------ PRODUCT ----------- */
		#hd .hd-sec-product .pbox.hd-col50{
			width: 100%;
			height: 36vw;
		}
		#hd .hd-sec-product .pbox.hd-col25{
			width: 50%;
			height: auto;
			padding-bottom: 40%;
		}
		#hd .hd-sec-product .pbox.hd-col25 figure{
			top: auto;bottom: 0;
			height: 0;
			padding-bottom: 80%;
		}
		#hd .hd-sec-product .pbox.hd-col25 .content{
			position: relative;
			height: auto;
		}
		#hd .hd-sec-product .pbox.hd-col25 .content h4{margin-bottom: 5px; }
		#hd .hd-sec-product .pbox.hd-col25 .content p{
			display: block;
		}
	/*pba-product start*/
	#hd .retail-list li {
    	width: 50%;
	}
	/* hot deals */
	#hd-sec-hot-deals .owl-prev{
		left: -4%;
	}
	#hd-sec-hot-deals .owl-next{
		right: -4%;
	}
	/* ------hot deals---------- */
	#hd #hd-sec-hot-deals {
		width: 80%;
	}
	#hd #hd-sec-hot-deals li .shop {
    width: 250px;
    height: 250px;
	}
	#hd-sec-hot-deals .owl-prev {
    left: -15%;
	}
	#hd-sec-hot-deals .owl-next {
    right: -15%;
	}
	#hd #hd-sec-hot-deals li .logo {
    width: 250px;
    height: 60px;
	}
	#hd #hd-sec-hot-deals li .right_space_third {
    width: 250px;
	}
	#hd #hd-sec-hot-deals .text_first
	{
    padding-top: 20%;
    padding-left: 20%;
	}
	/* ---------- pba-video ------ */
	#hd #pba_build_gallery .pba_content .third_item {
		padding-right: 0px;
	}
	#pba_build_gallery .owl-nav {
    width: 130%;
    top: 24%;
	}
	#pba_build_gallery .owl-next{
		right: 0px;
	}
	#hd .lightBox .box{
			min-height: 40vh;
		}
	#hd .lightBox #full_video{
		height: 35vh;
	}
	#hd .pba-video h3{
		font-size: 18px;
	}
}
@media screen and (max-width: 768px){
	#hd_header .hd-w1200 {
		justify-content: space-between;
	}
	#hd .hd-mobile_on{display: block; }
	#hd .hd-mobile_off{display: none; }
	#slider_kv .mobile-on{display: block;}
	#slider_kv .mobile-off{display: none;}
	#slider_kv figure{padding-bottom: 140%; }
	#hd .hd-sec-intro{
		padding:30px 0;
		text-align: center;
	}
	#hd .hd-sec-intro .content,
	#hd .hd-sec-intro .main_logo{width: 100%; }
	#hd .hd-sec-intro .main_logo{max-width: 300px; }
	/* ------------ FEATURE ----------- */
	#hd #feature_content > h2 {
    padding-top: 50px;
    margin-bottom: 50px;
	}
	#hd .hot_deals_title {
    margin: 50px 0 50px 0;
	}
		#hd #feature_filter{
			display: flex;
			margin-bottom: 20px;
		}
		#hd #feature_filter li {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#hd #feature_filter li:first-child {
			margin-left: 0;
		}
		#hd #feature_filter li h3 {
			margin-right: 0;
		}
		.tab {
			overflow: hidden;
			display: flex;
			width: 1200px !important;
		}
		#hd #feature_filter li{
			width: 100%;
			padding-bottom: 3px;
		}
		.tab li{
			width: 300px!important;
		}
		#hd #feature_content > li.active {
			flex-direction: column-reverse;
		}
		#hd #sub_feature_content > li.active {
			flex-direction: column;
		}
		#hd #feature_filter li.active:before{right: -3px;}
		#hd #feature_filter li.active:after{bottom: 0;}
		#hd #feature_content > li .hd-col40,
		#hd #sub_feature_content > li .hd-col40
		{
			width: 95%;
			margin: 0 auto;
		}
		#hd #feature_content > li .content{padding:20px;}
		#hd #sub_feature_filter {
			width: 95%;
		}
		#hd #sub_feature_filter > li {
			width: 40%;
		}
		#hd #sub_feature_filter > li h4 {
			margin-top: 20px;
		}
		#hd #feature_filter li.active:before{
			right: 0;
			left: 50%;
			transform: translateX(-50%);
		}
		#hd #feature_filter li:before{
			transform: translateX(-50%);
			-webkit-transform: skewX(0deg);
				 -moz-transform: skewX(0deg);
					-ms-transform: skewX(0deg);
					 -o-transform: skewX(0deg);
							transform: skewX(0deg);
		}
	/* ---------- pba-figure ------ */
	#hd #pba_build_gallery h2 {
    padding: 50px 0 50px 0;
	}
	#hd .pba-figure li {
		width: 100%;
		padding:10px 10px 40px;
	}
	#hd .lightBox .box{
		min-height: 35vh;
	}
	#hd .lightBox #full_video{
		height: 30vh;
	}
	#hd .lightBox {
    	margin-top: 10%;
	}
	#hd .trigger-product:after{opacity: 1;}
	/* -------HOT DEALS-------- */
	#hd #hd-sec-hot-deals li {
		flex-direction: column;
		align-items: center;
		margin-right: 0 !important;
	}
	#hd #hd-sec-hot-deals li .shop
	{
		width: 250px;
		height: 250px;
	}
	#hd #hd-sec-hot-deals li .right_space {
		width: 250px;
	}
	#hd #hd-sec-hot-deals li .logo
	{
		width: 250px;
		height: 60px;
	}
	#hd #hd-sec-hot-deals .text {
		text-align: center;
		padding: 0;
	}
	#hd #hd-sec-hot-deals .text_first,
	#hd #hd-sec-hot-deals .text_sec
	{
		text-align: left;
		padding: 0  20px 0;
	}
	#hd #hd-sec-hot-deals .text_third
	{
		padding: 0;
	}
	#hd #hd-sec-hot-deals .text_first h3,
	#hd #hd-sec-hot-deals .text_sec
	{
		margin-top: 20px;
	}
	/* ------hot deals---------- */
	#hd-sec-hot-deals .owl-prev {
    left: -10%;
	}
	#hd-sec-hot-deals .owl-next {
    right: -10%;
	}
	/* -------PBA Build Gallery ------- */
	#hd #pba_build_gallery .pba_content {
    padding-bottom: 50px;
		width: 80%;
	}
	#hd #pba_build_gallery .content_two_item {
    display: flex;
		flex-wrap: wrap;
	}
	#hd #pba_build_gallery .pba_content li {
		flex-direction: column;
	}
	#hd #pba_build_gallery .pba_content .two_item {
    width: 100%;
	}
	#hd #pba_build_gallery .video,
	#hd #pba_build_gallery .text {
		width: 90%;
	}
	#hd #pba_build_gallery h3, #hd #pba_build_gallery p {
		padding-left: 0%;
		text-align: center;
	}
	/* product */
	#hd #product h2 {
    margin: 50px 0 50px 0;
	}
	#hd .hd-sec-product .pbox.hd-col25 figure {
    background-size: 100%;
	}
/* -------Choose Your Local Program ------- */
	#hd #local_filter {
		width: 600px;
		overflow: auto;
	}
	#hd #local_filter li {
    width: 150px;
	}
	#hd .local li {
		width: 50%;
	}
	#hd #local_filter > li.active::after {
    transform: translateY(-5px);
	}
	#hd #local_filter > li::after {
		transform: translateY(-2.5px);
	}
}
@media screen and (max-width: 620px){
	#fp-nav{display: none; }
	#hd h2{font-size: 30px; }
	#hd .hd-btn{margin:30px auto 10px;}
	#hd_header nav{top: 50px;}
	#hd .hd-sec-intro .content{padding:30px 0;}
	#hd .hd-sec-intro .main_logo .vid{pointer-events: all; }
	/* ------------ PRODUCT ----------- */
		#hd .hd-sec-product .pbox.hd-col50{
			height: auto;
		}
		#hd .hd-sec-product .pbox.hd-col50 .content{
			width: 100%;
			height: auto;
			float: none;
		}
		#hd .hd-sec-product .pbox.hd-col50 figure{
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 80%;
			background-size: 150%;
			background-position: bottom right;
		}
	/* ------------ FEATURE ----------- */
		#hd #feature_filter li h4{
			font-size: 16px;
			padding:5px 10px;
		}
		#hd #feature_filter li:after{
			border-width: 0 0 30px 15px;
			left: 100%;
		}
	/*pba-product start*/
		#hd .hdau_left, #hd .hdau_right{
			width: 100%;
			margin-bottom: 10px;
		}
		#hd .container{
			display: inline-block;
    		width: 31%;
    		vertical-align: text-top;
		}
		#hd .hdau_right {
    		padding-left: 0;
    		margin-left: 0;
		}
		#pba_build_gallery .owl-nav {
			width: 140%;
		}
		#hd .pba-video li {
			width: 100%;
			padding:10px 0 40px;
		}
		#hd .lightBox ul{
			padding: 0;
		}
		#hd .lightBox ul li a {
    		padding-left: 25px;
		}

	#hd .lightBox .box{
		min-height: 30vh;
	}
	#hd .lightBox .box_content{padding:20px 10px;}
	#hd .lightBox #full_video{
		height: 27.5vh;
	}

	#hd .lightBox #spec_list{
		width: 100%;
		border-collapse: collapse;
	}
	#hd .lightBox #spec_list th,
	#hd .lightBox #spec_list td{
		display: block;
		width: 100%;
		border:none;
	}
	#hd .lightBox #spec_list th{padding-bottom: 0;}
	#hd .lightBox #spec_list td{padding-top: 5px;}
}
@media screen and (max-width: 480px){
	/* ------------ HEADER ------------ */
		#hd_header{
			height: 90px;
			text-align: center;
		}
		#hd #hd_logo{width: 100%;}
		#hd #hd_logo > img {
			margin: 0;
		}
		#hd_header nav{top: 90px;}
		#hd_header nav a{
			font-size: 16px;
		}
	#hd #slider_kv{margin-top: 90px;}
	/* ------------ FOOTER ------------ */
	#hd_lang{
		width: calc(100% - 55px);
	}
	/* ------------ FEATURE ----------- */
		#hd #feature_filter li h4{font-size: 14px; }
		/* hot deals */
		#hd-sec-hot-deals .owl-prev{
			left: -10%;
			width: 40px;
			height: 40px;
		}
		#hd-sec-hot-deals .owl-next{
			right: -10%;
			width: 40px;
			height: 40px;
		}	
	/* ------------ PRODUCT ----------- */
		#hd .hd-sec-product .pbox.hd-col25{
			width: 100%;
			padding-bottom: 80%;
		}
		#hd .hd-sec-product .pbox.hd-col25 figure {
			padding-bottom: 80%;
		}
	/*pba-product start*/
		#hd .container {
    		width: 47.5%;
		}
		#hd .retail-list li{
			width: 100%;
			padding:10px 5px;
		}
	/* -------Choose Your Local Program ------- */
	#hd .local {
		width: 90%;
	}
	#hd #local_program .local h4 {
    padding-left: 10%;
	}
	/* ---------- pba-figure ------ */
	#pba_build_gallery .owl-nav {
    width: 130%;
	}
	#pba_build_gallery .owl-prev, #pba_build_gallery .owl-next {
    width: 40px;
    height: 40px;
	}
	#hd .pba-figure figure {
    	padding-bottom: 45%;
	}
	#hd .pba-figure li {
    	margin: 2.5% 0;
    	width: 100%;
	}
	#hd .pba-figure h3{min-height: 0;}
	#hd .lightBox .box{
		min-height: 37.5vh;
	}
	#hd .lightBox #full_video{
		height: 36vh;
	}
}
@media screen and (max-width: 320px){
	#hd .retail-list li{width: 100%;}
	#hd .custom-select{
		width: 100% !important;
		margin-right: 0;
	}
}