@media (max-width: 1200px) {
	.container{width: 980px;}
	
	.site-body{background-size: auto; background: url(../image/background/bg-body.jpg) center top no-repeat;}
	.site-container{background-size: auto;}
	
	.Main-menu > li {width: 107px;}
	.Main-menu > li > a {font-size: 15px;line-height: 32px;}
	
	
	.infoList li{width: 22%;}
	.infoList li,
	.infoList li.last{margin: 0 12px 10px 12px;}

	.infoList li img { height: 179px;}

}




@media (max-width: 991px) {
	.container{width: 760px;}

	.site-body.active{margin-left: -240px;}
	
	.site-mobile-btn{display: block; float: right;font-size: 22px;padding-top: 7px; position: relative;}
	.site-mobile-btn > a{color: #0065e3;}
	.site-mobile-btn.active{right: 250px; position: fixed;z-index: 3;}
	
	.topSocial{float: left;}
	.top-header {padding: 8px 10px;margin-top: 20px;}
	.top-header .title {padding-top: 16px;}
	.top-header .title .head {font-size: 32px;}
	.top-header .title .body {font-size: 26px;}
	
	
	.Main-menu{display: none;
		-webkit-transition:All 200ms ease;
		-moz-transition:All 200ms ease;
		-o-transition:All 200ms ease;
	}
	.Main-menu.active{display: block; overflow-y: auto;}
	.Main-menu {position: fixed;z-index: 2; top: 0; right: 0; margin: 0; width: 240px; height: 100%;background-color: #0065e3;}
	.Main-menu > li{width: 100%; float: none; padding: 0;}
	.Main-menu > li > a{text-align: left; font-size: 20px; height: auto; padding: 5px 15px; background-color: #0065e3; 
		border-bottom: 1px solid #066ded; border-top: 1px solid #0463e5;
	    -webkit-box-shadow: inset 0px 3px 10px 0px rgb(7, 101, 218);
	    -moz-box-shadow: inset 0px 3px 10px 0px rgb(7, 101, 218);
	    box-shadow: inset 0px 3px 10px 0px rgb(7, 101, 218);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.Main-menu > li > a > .icon{margin-right: 15px;}
	.Main-menu > li.list > ul.sub {top: auto;left:auto; position: relative; padding-top: 0px; margin: 0;}
	.Main-menu > li.list > ul.sub > li{display: block; float: none; padding: 0;}
	.Main-menu > li.list > ul.sub > li > a{height: auto; text-align: left;font-size: 20px;line-height: 32px;padding: 3px 10px 3px 65px; border-bottom: 1px solid #9ac1d6;}
	.Main-menu > li.list > ul.sub > li:last-child > a,
	.Main-menu > li.list > ul.sub > li:first-child > a {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.Main-menu > li.km.list > ul.sub{width: 100%;}
	.Main-menu > li.mis.list > ul.sub{width: 100%;}
	
	.Main-menu > li.home.active > a,
	.Main-menu > li.home > a:hover{background-color: #0e65d2;}
	.Main-menu > li.km.active > a,
	.Main-menu > li.km > a:hover{background-color: #0e65d2;}
	.Main-menu > li.mis.active > a,
	.Main-menu > li.mis > a:hover{background-color: #0e65d2;}
	.Main-menu > li.gis .active > a,
	.Main-menu > li.gis > a:hover{background-color: #0e65d2;}
	.Main-menu > li.ris.active > a,
	.Main-menu > li.ris > a:hover{background-color: #0e65d2;}
	.Main-menu > li.cn.active > a,
	.Main-menu > li.cn > a:hover{background-color: #0e65d2;}
	.Main-menu > li.ab.active > a,
	.Main-menu > li.ab > a:hover{background-color: #0e65d2;}
	.Main-menu > li.dmcr.active > a,
	.Main-menu > li.dmcr > a:hover{background-color: #0e65d2;}
	.Main-menu > li.contact.active > a,
	.Main-menu > li.contact > a:hover{background-color: #0e65d2;}
	
	.Main-menu > li.mis:hover > a,
	.Main-menu > li.km:hover > a{background-color: #0e65d2;}
	.Main-menu > li.mis.list > ul.sub > li > a,
	.Main-menu > li.km.list > ul.sub > li > a {background-color: #ffffff; color: #777; border-bottom: 1px solid #ebebeb; border-top: 1px solid #fdfdfd;}
	.Main-menu > li.list > ul.sub > li > a:hover {
/*		background-color: #0e65d2;*/
		-webkit-box-shadow: inset 0px -3px 15px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0px -3px 15px 0px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0px -3px 15px 0px rgba(0, 0, 0, 0.1);
	}

	.slide-box .cover {padding-top: 229px;}
	
	
	.site-footer .rowContent .credit{text-align: center;}
	.site-footer .rowContent .ipv6{position: relative; right: auto; bottom: auto; text-align: center; margin-top: 10px;}
	.site-footer .rowContent .socials {position: relative;right: auto;bottom: auto;text-align: center;margin-top: 10px;}
	.site-footer .rowContent .ext {position: relative;z-index: 1;bottom: auto;left: auto;text-align: center;margin-top: 10px;}
	.site-footer .rowContent .ext > ul > li{float: none; display: inline-block;}
	.site-footer .rowContent .apDiv1 {width: 150px;right: auto;position: relative;z-index: 2;bottom: auto; margin: 10px auto;}
	
	
	.infoList li, .infoList li.last {margin: 0 10px 10px 10px;}

	.infoList li img { height: 130px;}
	
	.Main-menu > li.list:hover > ul.sub{display: none;}
	.Main-menu > li.list.open > ul.sub{display: block;}

	.vote {width: 70%;}
	.vote form{margin: 0;}
	.social-box{padding-top: 10px;}



	.top-action {width: 75px;}
	.top-action .btn-home .fa{display: none;}

}
@media (max-width: 767px) {
	.container{width: 100%;}
	
	.top-header .logo{width: 50px;}
	.top-header .title {padding-top: 10px;padding-left: 70px;padding-bottom: 10px;}
	.top-header .title .head {font-size: 26px;}
	.top-header .title .body {font-size: 21px;}
	
	.slide-box .cover {padding-top: 30%;}
	
	.site-footer .rowContent .socials > a >img {width: 7%;}
	
	.company-blog .title .head {font-size: 30px;}
	.company-blog .title .body {font-size: 14px;}
	
	.infoList li {width: 30%;}
	.infoList li, .infoList li.last {margin: 0 8px 10px 8px;}

	.infoList li img { height: auto;}
	.infoList li{min-height: 241px;}

	.qr {width: 100px;height: 100px}
	.vote {padding: 5px 0 20px 15px;width: 77%;}
	.vote form .vote-box .radio-control{padding-bottom: 5px;}
	.vote form .vote-box .radio-control li{margin-right: 5px; margin-bottom: 3px;}
	.vote form .vote-box .radio-control li+li{margin-left: 0;}

	.km-detail .R-col ul.list li{width: 100%;}

	.contentHtml img{max-width:100%!important; width:auto!important; height: auto !important; margin: 5px 0 !important;}
	.contentHtml img.icon{max-width:none!important;width:auto!important;}
	.contentHtml .td-editor{width: auto!important;}
	.contentHtml .td-editor img{margin: 0 !important;}
	.contentHtml .responsive-box{width: 100% !important; height: 500px!important;}
	.contentHtml .list-img img{width: 20px !important; height: 20px !important;}
	
}




@media (max-width: 575px) {
	.col-vxs-12{width: 100%;}
	.hidden-vxs{display: none;}
	.container{width: 100%;}

	.km-detail .L-col .btn-list.hidden-vxs{display: none;}
	.km-detail .L-col{padding-bottom: 20px;}

	.top-header {padding: 15px 10px; margin-top: 10px;padding-bottom: 50px;}
	.top-header .logo{float: none; margin: 0 auto; display: block;}
	.top-header .title{padding: 0;}
	.top-header .title .head{text-align: center;font-size: 16px;line-height: 0.7em; margin-bottom: 5px;}
	.top-header .title .body{text-align: center;font-size: 12.9px; line-height: 0.7em;}
	
	.slide-box .owl-theme .owl-nav.disabled + .owl-dots {top: 10px;}
	.slide-box .owl-theme .owl-dots .owl-dot span {width: 12px;height: 12px; background-size: cover;}
	
	.company-blog .QRcode{display: none;}
	.company-blog .title{overflow: hidden;}
	.company-blog .title .head {font-size: 25px;}
	.company-blog .title .body {font-size: 16px;letter-spacing: 0;}
	
	.site-footer .rowContent .ext > ul{padding: 20px 0;margin: 25px 0; border-top: 1px solid #ffffff26;border-bottom: 1px solid #ffffff26;}
	.site-footer .rowContent .ext > ul > li+li {
		border-left: none;border-top: 1px solid #ffffff26;margin-left: 0;margin-top: 15px; padding-left: 0; padding-top: 15px; display: block;
	}
	.site-footer .rowContent .socials{margin-top: 20px;}
	.site-footer .rowContent .socials > a >img {width: 10%;}
	
	.site-container .page-content{padding: 10px 10px 80px 10px;}
	
	.topic h1{line-height: 0.7em;}
	
	.infoList ul {text-align: center;}
	.infoList li {width: 42%; float: none;}

	.infoList li{min-height: inherit;}

	.qr{margin: auto; float: none; width: 175px; height: 175px;}
	.vote{text-align: center; float: none; width: 100%;}
	.vote form .vote-box .title{float: none;width: 100%;}
	.vote form .vote-box .radio-control{float: none; width: 100%;}
	.vote form .vote-box .radio-control li{text-align: left; width: 160px; margin: auto; display: block;}
	.vote form .vote-box .radio-control li+li{margin: auto; margin-top: 5px;}
	.social-box{text-align: center;}
	.social-box > div {width: 100%;}


	.modal-dialog{width: 100%;}


	.top-action {width: 100px; height: 26px; left: 0; right: 0; top: auto; bottom: 10px;}
	.top-action .btn-home{font-size: 14px; line-height: 26px;}
	.top-action .btn-home .fa{display: inline-block;}

	/* edit 16 07 2564 */
	.site-footer .rowContent .credit{text-align: left;}
	/*end edit 16 07 2564 */

}


/*G-Style dev21*/
@media (max-width: 1600px) {
	.site-new-header .middlebar .title {font-size: 38px;}
	.site-new-header .middlebar .desc {font-size: 24px;}
	.site-new-header nav.menu li a.link {font-size: 22px;min-width: 150px;}

	.main-slider .slide-box .cover{padding-top: 560px; padding-top: 28%;}

	.wg-search-box .title{font-size: 52px;}
	.wg-search-box .desc{font-size: 28px;}
	.wg-search-box .form-default .form-control {padding: 8px 25px;min-height: 50px;font-size: 28px;}
	.wg-search-box .action .btn {min-width: 130px; height: 50px;font-size: 24px;}
	.wg-search-box .action .btn .feather{line-height: 50px;}

	.wg-km-list{padding-top: 120px;}
	.wg-km-list .txt{font-size: 28px;}

	.wg-ris{margin-top: -340px;}
	.wg-ris .h-title .content .title{font-size: 56px;}
	.wg-ris .h-title .content .desc{font-size: 28px;}
	.wg-ris-slide .txt{font-size: 28px;}

	.breadcrumb-block button {min-width: 150px;font-size: 28px;}

	.wrapper-content {width: 1340px;}
	.wrapper-inner .graphic.-I {width: 160px;height: 160px;right: -90px;}
	.wrapper-inner .graphic.-II {width: 183px; height: 170px;left: -80px;}
	.wrapper-inner .graphic.-III {width: 447px;height: 100px; bottom: -50px;}
	.wrapper-inner .graphic.-IV {width: 154px;height: 105px; bottom: -50px;right: -60px;}
	.wrapper-inner .head-topic {padding-top: 20px;padding-bottom: 25px;}
	.wrapper-inner .head-topic .title { font-size: 55px;}

	/*.obj-img-wrapper {width: 220px;}
	.obj-img-wrapper .thumb {padding-top: 88px;}
	.obj-img-wrapper .thumb:before{height: 70px;width: 120px;}
	.obj-img-wrapper .thumb .bubble {width: 130px;height: 130px; top: -60px;}
	.obj-img-wrapper .thumb .bubble .lazy { width: 100px; height: 100px;}*/

	.wrapper-inner .page-content.km-detail .L-col {width: 300px;}
	.wrapper-inner .page-content.km-detail .L-col .btn-list {font-size: 28px;padding: 8px 60px 8px 30px;}
	.wrapper-inner .page-content.km-detail .L-col .btn-list:after {right: 30px;top: 18px;}
	.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a {padding: 12px 25px 12px 50px; font-size: 24px;}
	.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a:before {top: 22px; left: 30px;}
	.wrapper-inner .page-content.km-detail .R-col {width: 859px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 {font-size: 40px;}
	.wrapper-inner .page-content .contentHtml {font-size: 24px;}
	.wrapper-inner .page-content .detail-attach-topic {font-size: 28px;}
	.wrapper-inner .page-content .detail-attach .attach-list .title {font-size: 22px;}
	.wrapper-inner .page-content .detail-attach .attach-list .title>div{height: 22px;}

	.action-more button{min-width: 150px;font-size: 28px;}

}

@media (max-width: 1440px) {
	.container{max-width: inherit; width: 1210px;}

	.slick-prev, .slick-next {font-size: 25px;width: 40px;height: 40px;}
	.slick-prev .feather, .slick-next .feather {line-height: 40px;}

	.slick-prev {left: -20px;}
	.slick-next {right: -20px;}

	.site-new-header .middlebar .thumb {width: 115px;height: 150px;}
	.site-new-header .middlebar .title {font-size: 36px;}
	.site-new-header .middlebar .desc {font-size: 22px;}
	.site-new-header nav.menu{padding-left: 125px;}
	.site-new-header nav.menu li a.link{min-width: 120px;}

	.site-footer .footer-box .wrapper .desc {font-size: 19px;}

	.main-slider .slide-box .cover{padding-top: 40%; padding-top: 28%;}

	.wg-search-box .title{font-size: 48px;}
	.wg-search-box .desc{font-size: 26px;}
	.wg-search-box .form-default .form-control {font-size: 26px;}

	/*.wg-km-list .item-list>li{padding-bottom: 60px;}
	.wg-km-list .thumb {margin-bottom: 80px;padding-top: 80px;}
	.wg-km-list .thumb .bubble {width: 180px; height: 180px;}
	.wg-km-list .thumb .bubble .lazy {width: 120px;height: 120px;}
	.wg-km-list a:hover .txt {top: -80px;}*/
	.wg-km-list .txt{font-size: 26px;}

	.wg-km-list .thumb .bubble,
	.wg-km-list .thumb .bubble .lazy {width: 220px; height: 220px;}

	.wg-ris .h-title .content .title{font-size: 52px;}
	.wg-ris .h-title .content .desc{font-size: 26px;}
	.wg-ris-slide{padding-bottom: 0;}
	.wg-ris-slide .thumb .lazy {/*max-width: 180px; max-height: 240px;*/ width: 200px; height: 200px;}
	.wg-ris-slide .txt{font-size: 26px; padding: 15px; min-height: 50px;}

	.breadcrumb li,
	.breadcrumb li .link {font-size: 22px;}
	.breadcrumb-block button {min-width: 120px;font-size: 26px;height: 46px;line-height: 42px;border-width: 2px;}

	.wrapper-content {width: 1240px;}
	.wrapper-inner {padding: 30px 0;}
	.wrapper-inner .head-topic {padding-top: 10px;padding-bottom: 15px;margin-bottom: 30px;}
	.wrapper-inner .head-topic .title { font-size: 50px;}
	.wrapper-inner .head-topic .social-list { padding-right: 5px;}
	.wrapper-inner .page-content > .row {margin: 0 -30px;}
	.wrapper-inner .page-content > .row>div {padding: 0 30px;}
	.wrapper-inner .page-content.km-detail .L-col {width: 280px;}

	/*.obj-img-wrapper {width: 200px;}
	.obj-img-wrapper .thumb .bubble {width: 110px; height: 110px;}
	.obj-img-wrapper .thumb .bubble .lazy {width: 80px;height: 80px;}*/

	.wrapper-inner .page-content.km-detail .L-col .btn-list {font-size: 26px;}
	/*.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a{font-size: 24px;}*/

	.wrapper-inner .page-content.km-detail .R-col {width: 849px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 {font-size: 35px;}
	.wrapper-inner .page-content .detail-attach-topic {font-size: 26px;}
	.wrapper-inner .page-content .detail-attach .attach-list .cover-bg {width: 65px; height: 65px;}
	.wrapper-inner .page-content .line-end {margin: 30px 0px;}
	.wrapper-inner .page-content .qr {width: 150px;height: 150px; margin-top: 0; margin-bottom: 0;}
	.wrapper-inner .page-content .vote {padding: 15px 0 0 20px;}

	.action-more button{min-width: 120px;font-size: 26px;height: 46px;line-height: 42px;border-width: 2px;}

}

@media (max-width: 1199px) {
	.row-flex > .col-md-4 {
	    -ms-flex: 0 0 33.333333%;
	    -webkit-box-flex: 0;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}

	.container{max-width: inherit; width: 970px;}

	.slick-dots li {width: 14px;height: 14px;}

	.site-new-header .middlebar .logo {top: -10px;}
	.site-new-header .middlebar .thumb {width: 70px; height: 90px;}
	.site-new-header .middlebar .content {padding-left: 10px;}
	.site-new-header .middlebar .title {font-size: 30px;}
	.site-new-header .middlebar .desc { font-size: 20px;}
	.site-new-header .middlebar .height {height: 70px;}
	.site-new-header .middlebar .action .btn{width: 100px; padding: 0 8px;}
	.site-new-header .logout .link{font-size: 20px; line-height: 38px;}

	.site-new-header.tiny .middlebar .title {font-size: 26px;}
	.site-new-header.tiny .middlebar .desc {font-size: 18px;}

	.nav-search.open .search-form {width: 380px;}

	nav.menu li a.link {min-width: 120px;font-size: 20px;}

	.site-new-header nav.menu {padding-left: 70px;}
	.site-new-header nav.menu li a.link{min-width: 102px; font-size: 20px; }

	.main-slider {padding-top: 150px;}

	.site-footer .footer-box .logo {width: 100px;}
	.site-footer .footer-box .txt {padding-left: 10px;}
	.site-footer .footer-box .txt .t1 {font-size: 26px;}
	.site-footer .footer-box .txt .t2 {font-size: 28px;}
	.site-footer .footer-box .txt .t3 {font-size: 22px;}
	.site-footer .footer-box .txt2 {font-size: 20px;}
	.site-footer .footer-box .thumb { width: 30px; margin-right: 5px;}
	.site-footer .footer-box .thumb2 { width: 30px; margin-right: 5px;}
	.site-footer .footer-box .wrapper .desc {font-size: 20px;}
	.site-footer .footer-box .wrapper .desc br{display: none;}
	.site-footer .footer-box .w3c-blog > div + div {margin-left: 8px;}

	.wg-search-box .graphicL{display: none;}
	.wg-search-box .graphicR{display: none;}
	.wg-search-box .title{font-size: 40px;}
	.wg-search-box .desc{font-size: 24px;}
	.wg-search-box .form-default {margin-top: 15px; width: 100%;}
	.wg-search-box .form-default .form-control {font-size: 24px;}

	.wg-km-list .item-list{margin: 0 -15px;}
	.wg-km-list .item-list>li{padding: 0 15px; /*padding-bottom: 60px;*/}
	/*.wg-km-list .thumb {margin-bottom: 10px;padding-top: 80px;}
	.wg-km-list .thumb:before {height: 100px;width: 170px;}
	.wg-km-list .thumb .bubble {width: 160px; height: 160px;}
	.wg-km-list .thumb .bubble .lazy {width: 100px;height: 100px;}
	.wg-km-list a:hover .thumb:before{bottom: -10px;}
	.wg-km-list a:hover .txt {top: -10px;}*/
	.wg-km-list .txt{font-size: 24px;}
	.wg-km-list .thumb .ground {height: 120px; width: 200px;}

	.wg-ris .h-title{padding-bottom: 50px;}
	.wg-ris .h-title .icon{width: 110px;}
	.wg-ris .h-title .content .title{font-size: 40px;}
	.wg-ris .h-title .content .desc{font-size: 24px;}
	.wg-ris-slide{padding-bottom: 0; margin: 0 -15px;}
	.wg-ris-slide .item{padding: 0 15px;}
	.wg-ris-slide .thumb .lazy {/*max-width: 140px; max-height: 180px;*/ width: 150px; height: 150px;}
	.wg-ris-slide .txt{font-size: 24px; padding: 15px; min-height: 50px;}

	.bg-inner > .bg-wrapper {padding-bottom: 90px;}

	/*.breadcrumb-block button{box-shadow: inset 0 3px 6px rgba(5,13,111,0.49), 0px 10px 20px rgba(0,0,0,0.16);}*/

	.wrapper-content{width: 970px;}
	.wrapper-inner {padding: 20px;}
	.wrapper-inner .graphic.-I {width: 80px;height: 80px;right: -60px;}
	.wrapper-inner .container{width: 100%; padding: 0;}
	.wrapper-inner .head-topic .title {font-size: 45px;}
	.wrapper-inner .head-topic .social-list .link {font-size: 20px;}
	.wrapper-inner .page-content > .row {margin: 0 -20px;}
	.wrapper-inner .page-content > .row >div{padding: 0 20px;}
	.wrapper-inner .page-content.km-detail .L-col {width: 240px;}
	.wrapper-inner .page-content.km-detail .L-col .btn-list {font-size: 24px;padding: 6px 40px 6px 20px;}
	.wrapper-inner .page-content.km-detail .L-col .btn-list:after {right: 15px;top: 13px;}
	.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a {padding: 10px 20px 10px 40px; font-size: 22px;}
	.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a:before {top: 16px;left: 20px;}
	.wrapper-inner .page-content.km-detail .R-col {width: 649px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 {font-size: 30px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 .feather {font-size: 24px;}
	.wrapper-inner .page-content .contentHtml{font-size: 22px}
	.wrapper-inner .page-content .detail-attach-topic {font-size: 24px;}
	.wrapper-inner .page-content .detail-attach .attach-list .wrapper {height: 70px;}
	.wrapper-inner .page-content .detail-attach .attach-list .thumb {width: 75px;}
	.wrapper-inner .page-content .detail-attach .attach-list .cover-bg {width: 55px;height: 55px;}
	.wrapper-inner .page-content .line-end { margin: 20px 0px;}
	.wrapper-inner .page-content .qr {width: 120px;height: 120px;}
	.wrapper-inner .page-content .vote form {margin: 0px 0;}
	.wrapper-inner .page-content .vote form .vote-box .radio-control{padding-bottom: 0;}

	.fb-blog.-float {float: left;clear: both;}

	.topic-btn{font-size: 26px;}
	.collapse-box .link:before {top: 9px;}
	.collapse-box .link .txt {font-size: 24px;}

	.obj-img-wrapper .thumb .bubble,
	.obj-img-wrapper .thumb .bubble .lazy {width: 220px;height: 220px;}

}

@media (max-width: 991px) {
	.d-none-sm{display: none !important;}

	.site-new-header .nav-sub{display: none;}

	.site-new-header .menubar > .container{padding: 0;}

	.container{max-width: inherit; width: 100%; padding-left: 20px; padding-right: 20px;}

	.slick-dots li button{width: 6px; height: 6px;}

	/*mobile-menu (start)*/
	.global-container{position: relative; overflow: hidden; right: 0;}
	.global-container .site-header .overlay{visibility: hidden;opacity: 0;transition:All 400ms ease;}
	.global-container .site-container{position: relative;right: 0; transition:All 400ms ease;}
	.global-container .site-footer{position: relative;right: 0; transition:All 400ms ease;}
	.global-container.sidebar-open .site-header .overlay{opacity: 1;visibility: visible;}
	.global-container.sidebar-open .site-container{right: 260px;}
	.global-container.sidebar-open .site-footer{right: 260px;}

	.site-header > .container{position: relative; z-index: 99;}
	.site-header .overlay{position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
	
	.menu-mobile-btn{display: block;}
	nav.menu {position: fixed; z-index: 100; top: 100%; width: 100%; height: calc(100vh - 40px); overflow: auto; left: 0; right: 0; padding-left: 0; 
		background-color: #0B8BF6; opacity: 0; pointer-events: none;
		transition:All 200ms ease;
	}
	nav.menu.open {top: 40px; opacity: 1; pointer-events: visible;}
	nav.menu li{width: 100%;}
	/*mobile-menu (end)*/

	.site-new-header .topbar {padding-right: 45px;position: relative; z-index: 99;}
	.site-new-header .language { padding-left: 10px;margin: 13px 0;}
	.site-new-header .topbar .language li {width: 35px;}
	.site-new-header .topbar .language .link {font-size: 20px;}
	.site-new-header .text-size {padding-right: 10px;}
	.site-new-header .text-size .txt {font-size: 16px;}
	.site-new-header .text-size .item-list .link {width: 34px;height: 34px;}
	.site-new-header .text-size .item-list li.sm .link {font-size: 16px;line-height: 34px;}
	.site-new-header .text-size .item-list li.md .link {font-size: 22px;line-height: 30px;}
	.site-new-header .text-size .item-list li.lg .link {font-size: 28px;line-height: 26px;}

	.site-new-header .middlebar .logo{top: 0;}
	.site-new-header .middlebar .thumb {width: 60px; height: 72px;}
	.site-new-header .middlebar .content {padding-left: 6px;}
	.site-new-header .middlebar .title {font-size:28px;}
	.site-new-header .middlebar .desc {font-size: 18px;}
	.site-new-header .middlebar .action .btn { font-size: 20px;}

	.site-new-header nav.menu {padding-left: 0;position: fixed;}
	.site-new-header nav.menu > div{opacity: 1 !important; transform: inherit !important;}
	.site-new-header nav.menu li{border-bottom: 1px solid rgba(255,255,255,0.1);}
	.site-new-header nav.menu li.mobile-nav{display: block;}
	.site-new-header nav.menu li a.link{padding: 15px 20px; min-width: inherit; text-align: left; line-height: 1; color: #fff;}
	.site-new-header nav.menu li a.link:hover{color: #fff;}
	.site-new-header nav.menu li.dropdown .dropdown-backdrop{display: none;}
	.site-new-header nav.menu li.dropdown .dropdown-menu{position: relative; top: 0; min-width: inherit; width: 100%; background-color: transparent;
		box-shadow: none; border: 0; border-radius: 0;
	}

	.site-new-header .menubar .nav-search {margin-left: 0;width: auto; display: block; height: auto; background-color: #fff;}
	.site-new-header .menubar .nav-search .link{border-color: transparent; background-color: #0B8BF6; color: #fff; min-width: inherit; width: 40px; padding: 0; margin-left: 5px;}
	.site-new-header .menubar .nav-search .link:hover{background-color: transparent;}
	.site-new-header .menubar .nav-search .search-form{position: relative; height: auto;}
	.site-new-header .menubar .nav-search .form-control{width: 100%; height: auto; padding: 5px 0; background-color: transparent; color:#0B8BF6; font-size: 20px; 
		border-bottom: 1px solid #0B8BF6;
	}
	.site-new-header .menubar .nav-search .form-control::-webkit-input-placeholder {color:#0B8BF6;}
	.site-new-header .menubar .nav-search .form-control:-ms-input-placeholder {color:#0B8BF6;}
	.site-new-header .menubar .nav-search .form-control::placeholder {color:#0B8BF6;}
	.site-new-header .menubar .nav-search .input-group{padding: 15px 20px;}
	.site-new-header .menubar .nav-search .input-group-addon{background-color: #fff; border-radius: 0; width: 45px;}
	.site-new-header .menubar .nav-search .search-form,
	.site-new-header .menubar .nav-search.open .search-form {width: 100%;}
	.site-new-header .menubar .nav-search.open .search-form { border-color: transparent;background-color: transparent;}
	.site-new-header .menubar .nav-search.open .input-group {padding-right: 0;}


	.nav-mobile{position: fixed;z-index: 99;top: 0;right: 0;background: #29a2ff;padding: 12px;}
	.menu-mobile-btn {float: none;position: relative;right: 0;}
	.menu-mobile-btn .btn-mobile {display: block;width: 20px; height: 16px; margin-top: 0;margin-left: 0;}
	.menu-mobile-btn .btn-mobile .bar{background-color: #fff;}


	.site-new-header.tiny .topbar {background-color: rgba(255, 255, 255,0.8);}
	.site-new-header.tiny .middlebar .logo{top: -46px; z-index: 9999;}
	.site-new-header.tiny .middlebar .thumb {width: 43px;height: 56px;top: 6px;}
	.site-new-header.tiny .middlebar .title{color: #0B8BF6;}
	.site-new-header.tiny .middlebar .desc{color: #0B8BF6; font-size: 14px;}
	.site-new-header.tiny .middlebar .height{height: 0;}
	.site-new-header.tiny .action,
	.site-new-header.tiny .logout{height: 0; opacity: 0; pointer-events: none;}
	.site-new-header.tiny nav.menu{padding-left: 0;}

	.site-footer .footer-box {padding-top: 50px; background-size: cover;}
	.site-footer .footer-box .contact {margin-bottom: 15px;margin-top: 10px;}
	.site-footer .footer-box .thumb,
	.site-footer .footer-box .thumb2 {width: 24px;margin-right: 10px;}
	.site-footer .footer-box .container > .row+.row { margin-top: 20px;}
	.site-footer .footer-box .w3c-blog {text-align: center;}
	.site-footer .footer-box .social-list ul {text-align: center;}
	.site-footer .footer-box .hitats {text-align: center;}
	.site-footer .footer-box .footer-bar {padding: 25px 0;}
	.site-footer .footer-box .footer-bar li{width: 100%; padding: 10px 0; border-bottom: 1px solid #eee;}
	.site-footer .footer-box .footer-bar li:first-child {border-top: 1px solid #eee;}
	.site-footer .footer-box .footer-bar li + li {margin-left: 0;padding-left: 0;}
	.site-footer .footer-box .footer-bar li + li:before{display: none;}
	.site-footer .footer-box .footer-bar li a{text-align: center; display: block;}
	.site-footer .footer-end .txt {font-size: 14px;line-height: 50px;}

	.main-slider{padding-top: 110px;}
	.main-slider .slide-box .owl-theme .owl-dots .owl-dot span {border-width: 1px;width: 12px;height: 12px;}
	.main-slider .slide-box .owl-theme .owl-nav.disabled + .owl-dots{bottom: 8px;}

	.wave-graphic {margin-top: -110px; margin-top: -60px; height: 240px; background-size: cover;}

	.wg-search-box:before {width: 250px;height: 230px;top: -100px;left: -105px;}
	.wg-search-box .content {padding: 20px 25px;}
	.wg-search-box .title{font-size: 38px;}
	.wg-search-box .desc{font-size: 22px;}
	.wg-search-box .form-default .form-control {padding: 7px 15px;min-height: inherit; height: 40px; font-size: 22px;}
	.wg-search-box .action .btn {min-width: 80px; height: 40px;}
	.wg-search-box .action .btn .feather{line-height: 40px;}

	.wg-km-list{padding-top: 50px;}
	.wg-km-list .item-list{margin: 0 -10px;}
	.wg-km-list .item-list>li {padding: 0 10px; /* padding-bottom: 50px;*/ width: calc(100%/3);}
	/*.wg-km-list .thumb .bubble .shadow{bottom: -35px;}*/
	.wg-km-list .txt{font-size: 22px; min-height: 50px;}

	.wg-ris .h-title .icon {width: 100px;}
	.wg-ris .h-title .content .title{font-size: 38px;}
	.wg-ris .h-title .content .desc{font-size: 22px;}
	.wg-ris-slide{margin: 0 -10px;}
	.wg-ris-slide .item{padding: 0 10px;} 
	.wg-ris-slide .thumb .lazy {/*max-width: 120px; max-height: 160px;*/ width: 120px; height: 120px;}
	.wg-ris-slide .txt {font-size: 22px;padding: 10px;min-height: 40px;}

	.breadcrumb-block .row-flex{display: block; position: relative; padding-right: 140px;}
	.breadcrumb-block .row-flex .col{overflow: auto; display: block;}
	.breadcrumb-block .row-flex .col-auto{display: block;}
	.breadcrumb-block .action{position: absolute; top: 0; right: 0;}
	.breadcrumb{display: inline-flex; white-space: nowrap; width: auto; padding-right: 20px;}

	.wrapper-content {width: 90%;}
	.wrapper-inner .head-topic {padding-top: 20px;}
	.wrapper-inner .head-topic .align-items-center{align-items: flex-start;}
	.wrapper-inner .head-topic .title {font-size: 40px;}
	.wrapper-inner .head-topic .social-list {padding-top: 14px;}
	.wrapper-inner .page-content > .row{display: block;}
	.wrapper-inner .page-content > .row>div{display: block;}
	.wrapper-inner .page-content > .row>div+div{border-left: 0;}
	.wrapper-inner .page-content.km-detail .L-col {width: 100%;}
	/* .wrapper-inner .page-content.km-detail .L-col .btn-list{margin-bottom: 10px;} */
	.wrapper-inner .page-content.km-detail .L-col .btn-list {font-size: 22px;}
	.wrapper-inner .page-content.km-detail .L-col ul.list-menu > li > a {font-size: 22px;}
	.wrapper-inner .page-content.km-detail .R-col {width: 100%;padding-bottom: 10px; padding-top: 20px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 {font-size: 26px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 .feather {font-size: 20px;}
	.wrapper-inner .page-content .contentHtml {font-size: 22px;}
	.wrapper-inner .page-content .detail-gallery {margin-bottom: 20px;margin-top: 20px;}
	.wrapper-inner .page-content .detail-attach-topic {font-size: 22px;}
	.wrapper-inner .page-content .detail-attach .attach-list .title {font-size: 20px;}
	.wrapper-inner .page-content .detail-attach .attach-list .title>div {height: 20px;}
	.wrapper-inner .page-content .topic h1 {font-size:32px;}

	.pagination-block > .row-flex>div{
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    .pagination-label{text-align: center; margin-bottom: 10px;}
    .pagination {float: none; display: flex;justify-content: center;}

    .collapse-box .item-list>li{width: 100%;}
}
@media (max-width: 767px) {
	.row-flex > .col-xs-12 {
	    -ms-flex: 0 0 100%;
	    -webkit-box-flex: 0;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.site-new-header .topbar {padding-right: 30px;}
	.site-new-header .topbar .language {padding-left: 7px;margin: 5px 0;}
	.site-new-header .topbar .language li {width: 24px;}
	.site-new-header .topbar .language .link {font-size: 16px;}

	.site-new-header .text-size {margin: 4px 0 5px 0; padding-right: 7px;}
	.site-new-header .text-size .txt{display: none;}
	.site-new-header .text-size .item-list>li+li {margin-left: 2px;}
	.site-new-header .text-size .item-list li.sm .link {font-size: 12px;line-height: 28px;}
	.site-new-header .text-size .item-list li.md .link {font-size: 16px;line-height: 24px;}
	.site-new-header .text-size .item-list li.lg .link {font-size: 20px;line-height: 21px;}
	.site-new-header .text-size .item-list li .link {width: 24px;height: 24px;}
	.site-new-header .text-size .item-list:hover li.sm:hover .link {line-height: 22px;}
	.site-new-header .text-size .item-list:hover li.md:hover .link {line-height: 22px;}
	.site-new-header .text-size .item-list:hover li.lg:hover .link {line-height: 22px;}

	.site-new-header .middlebar .height {height: 56px;}
	.site-new-header .middlebar .height > div:nth-child(2){position: fixed; z-index: 99; top: 3px; left: 3px; width: 80px;}
	.site-new-header .middlebar .height > div:nth-child(2) .btn{background-color: #0B8BF6;}
	.site-new-header .middlebar .height > div:nth-child(3){position: fixed; z-index: 99; top: 3px; left: 88px; width: 30px;}
	.site-new-header .middlebar .height > div:nth-child(3) .btn{width: 30px; background-color: #0B8BF6;}
	.site-new-header .middlebar .height > div:nth-child(4){position: fixed; z-index: 99; top: 3px; left: 122px; width: 30px;}
	.site-new-header .middlebar .logo {top: 0px; left: 0;}
	.site-new-header .middlebar .thumb{width: 43px;height: 56px;}
	.site-new-header .middlebar .content {padding-left: 3px;}
	.site-new-header .middlebar .title{font-size: 24px;}
	.site-new-header .middlebar .desc{font-size: 16px;}
	.site-new-header .middlebar .action{height: auto;}
	.site-new-header .middlebar .action .btn {line-height: 28px;padding: 0 5px; width: 80px;font-size: 16px; height: 30px;}
	.site-new-header .middlebar .action .btn.-logout .name{display: none;}
	.site-new-header .logout{width: 30px; height: 30px; margin-left: 0;}
	.site-new-header .logout .link{line-height: 28px; min-width: inherit; width: 100%; padding: 0; height: 30px; font-size: 16px; background-color: #0B8BF6;}
	.site-new-header .logout .link>span {top: 1px; line-height: 28px;}

	.nav-mobile {padding: 8px 12px;height: 33px;}

	nav.menu.open{top: 33px; height: calc(100vh - 33px);}

	.site-new-header.tiny .middlebar .logo {top: -32px;}
	.site-new-header.tiny .middlebar .thumb {width: 24px;height: 30px; top: -1px; left: 5px;}
	.site-new-header.tiny .middlebar .title{font-size: 11px;}
	.site-new-header.tiny .middlebar .desc{font-size: 10px;}
	.site-new-header.tiny .middlebar .action{height: 0;}

	.slick-dots li {width: 10px;height: 10px;}
	.slick-dots li button{border-width: 1px;}

	.btn{font-size: 20px; min-width: 100px;}

	.site-footer .footer-box .brand-blog{padding: 0 5px;}
	.site-footer .footer-box .logo {width: 70px;}
	.site-footer .footer-box .txt .t1 {font-size: 20px;}
	.site-footer .footer-box .txt .t2 { font-size: 20px;}
	.site-footer .footer-box .txt .t3 {font-size: 16px;}
	.site-footer .footer-box .social > .row > div+div{margin-top: 10px;}
	.site-footer .footer-box .wrapper .desc br{display: none;}

	.main-slider{padding-top: 91px;}
	.main-slider .slide-box .owl-theme .owl-nav.disabled + .owl-dots{top: auto;}

	.wave-graphic {margin-top: -50px; margin-top: -20px; height: 140px;}

	.wg-search-box:before {width: 120px;height: 100px;top: -30px;left: -65px;}
	.wg-search-box .content {padding: 15px;}
	.wg-search-box .title {font-size: 24px;}

	/*.wg-km-list{padding-top: 30px;}*/
	.wg-km-list .item-list>li{width: 50%;}
	/*.wg-km-list .thumb:before {height: 90px;width: 150px;}
	.wg-km-list .thumb .bubble {width: 130px;height: 130px;}
	.wg-km-list .thumb .bubble .lazy {width: 80px; height: 80px;}*/
	.wg-km-list .txt {min-height: 40px;min-width: 100%; font-size: 18px;}
	.wg-km-list .thumb .bubble, 
	.wg-km-list .thumb .bubble .lazy {width: 150px;height: 150px;}
	.wg-km-list .thumb .ground {height: 100px; width: 150px;}

	.wg-ris .h-title .icon{width: 80px;}
	.wg-ris .h-title .content .title{font-size: 30px;}
	.wg-ris .h-title .content .desc{font-size: 20px;}
	.wg-ris-slide .thumb .lazy {/*max-width: 100px;max-height: 130px;*/ width: 100px; height: 100px;}
	.wg-ris-slide .txt {font-size: 18px;}

	.breadcrumb-block .row-flex {padding-right: 90px;}
	.breadcrumb-block button {min-width: 80px;font-size: 20px;height: 36px;line-height: 32px;border-width: 1px;}

	.wrapper-inner .graphic.-II {width: 83px;height: 80px;left: -40px;}
	.wrapper-inner .graphic.-III {width: 167px;height: 70px;bottom: -36px;left: -30px;}
	.wrapper-inner .graphic.-IV {width: 64px;height: 55px;bottom: -26px;right: -20px;}
	.wrapper-inner .head-topic {padding-top: 0;}
	.wrapper-inner .head-topic > .row-flex{display: block;}
	.wrapper-inner .head-topic > .row-flex > div{display: block;}
	.wrapper-inner .head-topic .title {font-size: 36px; text-align: center;}
	.wrapper-inner .head-topic .social-list {padding-top: 10px;right: 0;text-align: center;}
	.wrapper-inner .head-topic .social-list .item-list{display: inline-block;}
	.wrapper-inner .head-topic .social-list .link {font-size: 16px;}

	.site-container .wrapper-inner .page-content{padding: 0;}
	.wrapper-inner .page-content.km-detail .L-col .box-collapse + .btn-list{ margin-top: 10px;}
	.wrapper-inner .page-content.km-detail .R-col .topic h1 {font-size: 22px;}
	.wrapper-inner .page-content .detail-attach .attach-list .wrapper{padding: 10px; display: block; position: relative; height: auto}
	.wrapper-inner .page-content .detail-attach .attach-list .wrapper>div{display: block;}
	.wrapper-inner .page-content .detail-attach .attach-list .cover-bg{margin-left: 0;}
	.wrapper-inner .page-content .detail-attach .attach-list .thumb{position: absolute; top: 10px; left: 10px;}
	.wrapper-inner .page-content .detail-attach .attach-list .inner{padding-left: 66px; min-height: 55px;}
	.wrapper-inner .page-content .line-end {margin: 0;background-color: transparent;}
	.wrapper-inner .page-content .qr {width: 100px;height: 100px;margin: 0 auto;}
	.wrapper-inner .page-content .vote {padding: 15px 0 0 0px;}
	.wrapper-inner .page-content .topic{padding-top: 15px;}
	.wrapper-inner .page-content .topic h1 {font-size: 28px;}

	.search-list {padding-top: 15px;}
	.search-list .item-list li + li {padding-top: 15px;margin-top: 15px;}
	.search-list .title {font-size: 22px;}
	.search-list .desc {font-size: 20px; margin: 0 0 10px 0;}
	.search-list .url {font-size: 20px;}

	.action-more button {min-width: 80px;font-size: 20px;height: 36px;line-height: 32px;border-width: 1px;}

	.pagination{position: relative; padding-bottom: 45px;}
	.pagination li.pagination-jumpPage{margin-left: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
	.pagination a {min-width: 28px;height: 28px;line-height: 28px;padding: 0 3px;font-size: 18px;}
	.pagination li + li {margin-left: 3px;}
	.pagination-prev span, .pagination-next span, .pagination-nav span {line-height: 28px;}
	
	.fb-blog.-float {float: none;}

	.topic-btn {font-size: 22px;padding: 10px 30px 10px 20px;}
	.topic-btn:before {top: 16px; right: 15px;}

	.collapse-box { margin-top: 10px;padding: 15px;}
	.collapse-box .item-list{margin: -5px -10px;}
	.collapse-box .item-list>li {padding: 5px 10px;}
	.collapse-box .link {padding-left: 15px;}
	.collapse-box .link:before {top: 7px;width: 6px;height: 6px;}
	.collapse-box .link .txt {font-size: 18px;}

}

@media (max-width: 575px) {
	.container{max-width: inherit; width: 100%;}

	.wrapper-inner .page-content.km-detail .L-col .btn-list.hidden-vxs{display: block;}
}