@media (max-width:1199px){
	.navbar-header{ width:30%;}
	.navbar-left{ margin-left:2%;}
	.bg-position{ margin-top:71px;}
}
/*
@media (max-width:991px){
	.navbar-header{ width:25%;}
	.navbar-collapse{ font-size:15px; font-size:1.5rem;}
	.navbar-nav > li > a { padding-top:5px;}
	.navbar-left{ margin-left:4%;}
	
	.navbar-collapse .lock-in{ width:15%;}
	
	.bg-position{ margin-top:60px;}
	
	.box-btn-app ul li{ width:15%; float:left;}
	
	.tag{ font-size:12px; font-size:1.2rem;}
	.tag ul li a{ padding:1px 5px;}
}
*/
@media (max-width:1024px){
	.nav-mobile{ display:block;}
	.nav-destop{ display:none;}

	.navbar{ background:#FFF; height:71px;}
	.box-icon{ float:left; padding:15px 15px; width:20%;}
	.box-icon #menu .icon{ padding:0;}
	.box-icon #menu .icon img{ max-width:100%;}
	
	nav.slide-menu-left{ font-size:22px; font-size:2.2rem; color:#353535;}
	nav.slide-menu-left ul{ background:#666;}
	nav.slide-menu-left ul li a{ display:block; color:#FFF; transition:all 0.5s ease-in-out;
				-webkit-transition:all 0.5s ease-in-out;
				-moz-transition:all 0.5s ease-in-out;
				-ms-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-out;
				}
	.box-lock-in{display:none;}

	.navbar-header{margin-left: 14%;}
}

@media (max-width:767px){
	.nav-mobile{ display:block;}
	.nav-destop{ display:none;}
	
	.navbar{ background:#FFF; height:71px;}
	.box-icon{ float:left; padding:15px 15px; width:20%;}
	.box-icon #menu .icon{ padding:0;}
	.box-icon #menu .icon img{ max-width:100%;}
	
	nav.slide-menu-left{ font-size:22px; font-size:2.2rem; color:#353535;}
	nav.slide-menu-left ul{ background:#666;}
	nav.slide-menu-left ul li a{ display:block; color:#FFF; transition:all 0.5s ease-in-out;
				-webkit-transition:all 0.5s ease-in-out;
				-moz-transition:all 0.5s ease-in-out;
				-ms-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-out;
				}

	nav.slide-menu-left ul li a.line1:hover{ background:#252525;}
	nav.slide-menu-left ul li a.line2:hover{ background:#252525;}
	nav.slide-menu-left ul li a.line3:hover{ background:#252525;}
	nav.slide-menu-left ul li a.line4:hover{ background:#252525;}
	nav.slide-menu-left ul li a.line5:hover{ background:#252525;}
	nav.slide-menu-left ul li a:hover{ text-decoration:none;}
	
	nav.slide-menu-left ul li ul{ display:none; position:absolute;}
	nav.slide-menu-left ul li:hover ul{ display:block; position:absolute; width:100%;}
	nav.slide-menu-left ul li:hover li{ text-align:center;}
	nav.slide-menu-left ul li:hover li a{ display:block; background:#252525; color:#FFF; font-size:18px; font-size:1.8rem;}
	nav.slide-menu-left ul li ul li a:hover{ background:#F00; font-size:18px; font-size:1.8rem;}
	
	.navbar-header{ width:40%; float:left; height:auto; padding:15px 15px; text-align:center;}
	.navbar-header #imgPlay{ overflow:hidden;}
	.navbar-header .navbar-brand{ padding:0; float:none; height:auto;}
	.navbar-brand img{ max-width:100%;}
	
	.box-lock-in{ width:40%; float:right; padding:15px 15px; margin:0;}
	.box-lock-in div{ padding:0; margin:0; width:auto; text-align:right;}
	.box-lock-in div a{ display:block;}
	.box-lock-in div a img{ max-width:100%;}
	
	.bg-position{ margin-top:71px;}
	
	.bg-grey{ display:block; background:#141c25; font-size:20px; font-size:2rem; position:relative;}
	.menu-select ul{ margin:0; padding:0; list-style-type:none;}
	.menu-select ul li{ text-align:center;}
	.menu-select ul li a{ display:block; text-decoration:none; padding:15px 0; color:#FFF;}
	.menu-select ul li a:hover{ background:#2c3c51;}
	.menu-select ul li ul{ display:none; width:100%; position:absolute; top:58px;}
	.menu-select ul li:hover ul{ display:block; position:absolute; z-index:99999; margin:0; padding:0; list-style-type:none;}
	.menu-select ul li:hover li{ background:#141c25; text-align:center;}
	.menu-select ul li:hover li a{ width:auto; color:#FFF; text-decoration:none; display:block; padding:10px 0; transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			}
	.menu-select ul li ul li a:hover{ background:#0b0f14;}
	
	.box-report{ margin-bottom:15px;}
	.report{ float:none; margin:0 auto;}
	
	.report ul li{ width:20%; text-align:center;}
	.report ul li:first-child, .report ul li:last-child{ width:30%;}
	
	.copy{ float:none;}
	.copy p{ text-align:center;}
	
	.tag{ float:none;}
	.tag ul li{ width:14%; text-align:center; margin-bottom:15px;}
	
	.display-none{ display:none;}
}

@media (max-width:706px){
	.report{ font-size:14px; font-size:1.4rem;}
}

@media (max-width:673px){
	.tag ul li{ width:25%;}
}

@media (max-width:650px){
	.navbar-header{ width:50%;}
	.box-lock-in{ width:30%;}
}

@media (max-width:630px){
	.report ul li{ width:50%; text-align:center; border:0; margin-bottom:15px;}
	.report ul li:first-child, .report ul li:last-child{ width:50%;}
	.report ul li:first-child, .report ul li:nth-child(3){ border-right:1px solid #FFF;}
}

@media (max-width:601px){
	.head-red h1{ font-size:40px; font-size:4rem;}
	.head-red h2{ font-size:20px; font-size:2rem;}
}

@media (max-width:570px){
	.navbar-header{ width:50%; margin-top:4px;}
	.box-lock-in{ width:30%; margin-top:4px;}
}

@media (max-width:450px){
	.navbar-header{ margin-top:6px;}
	.box-lock-in{ margin-top:6px;}
}

@media (max-width:400px){
	.bg-grey{ font-size:15px; font-size:1.5rem;}
	.menu-select ul li ul{ top:51px;}
	
	.head-red h1{ font-size:30px; font-size:3rem;}
	.head-red h2{ font-size:15px; font-size:1.5rem;}
	
	.report ul li{ width:100%;}
	.report ul li:first-child, .report ul li:last-child{ width:100%;}
	.report ul li:first-child, .report ul li:nth-child(3){ border-right:0;}
	
	.tag ul li{ width:50%; font-size:14px; font-size:1.4rem;}
	.tag ul li:first-child{ width:100%;}
	.tag ul li:nth-child(3), .tag ul li:nth-child(5), .tag ul li:nth-child(7), .tag ul li:nth-child(9), .tag ul li:nth-child(11){ border:0;}
}

@media (max-width:370px){
	.navbar{ height:60px;}
	.box-icon{ float:left; width:20%;}
	.navbar-header{ width:50%; margin-top:7px;}
	.box-lock-in{ width:30%; margin-top:7px;}
	
	.bg-position{ margin-top:60px;}
}

@media (max-width:350px){
	.box-icon{ float:left; padding:8px 15px; width:20%;}
	
	.menu-select{ display:none;}
	.menu-select-350px{ display:block; font-size:20px; font-size:2rem;}
	.menu-select-350px ul{ margin:0; padding:0; list-style-type:none;}
	.menu-select-350px ul li{ text-align:center; width:100%;}
	.menu-select-350px ul li a{ display:block; text-decoration:none; padding:5px 0; color:#FFF;}
	.menu-select-350px ul li a:hover{ background:#0b0f14;}
	.menu-select-350px ul li ul{ display:none; width:auto; position:absolute; top:45px; width:100%;}
}

@media (max-width:300px){
	.head-red h1{ font-size:22px; font-size:2.2rem;}
	.head-red h2{ font-size:14px; font-size:1.4rem;}
}

@media (max-width:260px){
	.head-red-left, .head-red-right{ width:50%;}
	.head-red h1{ font-size:15px; font-size:1.5rem;}
	.head-red h2{ font-size:15px; font-size:1.5rem;}
	.head-red h2 a{ padding:0;}
}