@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {

	#header .screen-container{
		overflow:visible;
	}
	.page-container{
		width:100%; padding-left:15px; padding-right:15px;
	}
	#btn-mobile{
		margin-left:-45px; float:left; display:block;
	}
	.active #btn-mobile{
		background:rgba(0, 0, 0, 0.6); border:none;
	}
	.page-margin{
		/* margin-top:70px; */
	}
	.title-page{
		font-size:11px;
	}
	.title-page span{
		font-size:15px; line-height:24px;
	}
	.title-sub-yellow{
		font-size:13px; margin-bottom:5px;
	}
	body{
		font-size:12px; line-height:20px;
	}
	.page-project #award-detail .screen-container > .col-sm-8,
	.page-about #award-detail .screen-container > .col-md-8{
		padding-left:0; padding-right:0;
	}
	/********/
	#header{
		padding-bottom:10px;
	}
	#header .page-container{
		overflow:visible;
	}
	#header .logo{
		width:70%; margin-top:15px; margin-bottom:0;
	}
	#header .navigation{
		max-width:200px;	font-size:11px; width:15px;
		position:fixed; right:-15px; top: 27px; z-index:999; height:100%;
		padding-top:0; padding-bottom:0;
	}
	#header:hover .navigation > ul{
		max-height:none !important;
	}
	#header .navigation > ul{
		max-height:none; height:100%; padding-top:16px;
		background:rgba(0, 0, 0, 0.6);
		position:relative; right:0; top:0; z-index:9999;
		float:left; width:100%; margin-left:15px;
	}
	#header .navigation.active > ul{
		margin-left:0px;
	}
	#header .navigation > ul > li{
		clear:both; width:100%; height:auto;
		border-left:none; border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	#header .navigation > ul > li > a{
		padding:17px 15px;
	}
	#header .navigation > ul > li > ul{
		display:none;
		padding-top:0; padding-bottom:10px;
	}
	#header .navigation > ul > li > ul li:first-child{
		padding-top:5px;
	}
	#header .navigation > ul > li.lang{
		width:100%;
	}
	#header .navigation > ul > li.lang > a:last-child{
		margin-left:15px; padding-left:10px;
	}
	#header .navigation > ul > li ul li{
		padding-top:12px;
	}
	#header .navigation .contact_job{
		display:block;
	}
	/*************/
	#header .navigation > ul > li.collpase > ul{
		display:block;
	}
	.page-home .swiper-pagination{
		display:block;
	}

	/*************/
	.page-home .swiper-button-next, .page-home .swiper-button-prev{
		display:none;
	}
	.arrow-page-next, .arrow-page-prev{
		display:none;
	}
	.about-profile .item{
		margin-bottom:15px;
	}
	/**********/
	#swiper-client{
		margin-left:-5px; margin-right:-5px;
	}
	#swiper-client .client-item{
		width:20%;
	}
	/************/
	#about-award .item-award{
		width:50%;
	}
	#about-award .item-award:nth-child(5n+1){
		clear:both;
	}
	#award-detail .award-content{
		width:100%;
	}
	#award-detail .award-content .text{
		padding:10px 45px 20px 15px;
	}
	#award-detail .award-content .title,
	#award-detail .award-content h1{
		font-size:13px; line-height:18px; font-weight:bold;
	}
	#award-detail .award-content h2{
		font-size:12px; margin-bottom:3px;
	}
	
	/************/
	.page-project .project-nav ul li{
		width:100%;
	}
	.page-project .project-nav ul li:first-child a{
		border-top:1px solid #999;
	}
	.page-project .project-nav ul li a{
		border-top:none;
		padding-top:10px; padding-bottom:10px; font-size:12px;
	}
	.page-project .project-nav ul li a:hover, .page-project .project-nav ul li.focus a{
		border-color:#999;
	}
	/************/
	#people-container{
		background:#333; top:100%;
		float:left; width:100%;
	}
	#people-container .page-container{
		padding-bottom:30px;
	}
	#people-container .page-container, #people-container .page-container #people-nav{
		background:#333;
	}
	.page-people #people-nav ul li{
		width:100%;
	}
	.page-people #people-nav ul li:first-child a{
		border-top:1px solid #999;
	}
	.page-people #people-nav ul li a{
		border-top:none;
		padding-top:10px; padding-bottom:10px; font-size:12px;
	}
	.page-people #people-nav ul li a:hover, .page-people #people-nav ul li.focus a{
		border-color:#999;
	}
	#people-detail .pdetail-img, #people-detail .pdetail-info{
		width:100%;
	}
	#people-detail .pdetail-info{
		padding-left:15px;
	}
	#people-detail .pdetail-img{
		margin-bottom:30px; overflow:hidden;
	}
	#people-detail .pdetail-img .row > div.col-xs-8{
		width:100%;
	}
	#people-detail .pdetail-img .row > div.col-xs-4{
		display:none;
	}
	#people-detail .pdetail-img figure{
		overflow:hidden;
	}
	.page-people #people-nav{
		background:#333; margin-top:0;
	}
	#people-project{
		margin-bottom:30px;
	}
	.people-project .item{
		margin:0 0 10px !important; padding:0 5px !important
	}
	.people-project ul{
		margin-left:-5px; margin-right:-5px;
	}
	/*************/
	.page-blog .news-item .des{
		margin-top:12px; padding-left:5px; padding-right:5px;
	}
	.page-blog .news-item h2{
		font-size:13px; line-height:20px;

	}
	#news-detail{
		padding-bottom:30px;
	}
	#news-detail .newsimg{
		margin-bottom:5px; margin-top:10px;
		margin-left:-15px; margin-right:-15px;
	}
	#news-detail .newsimg .des{
		position:static;
		width:100%; padding:15px;
		background:none;
	}
	#news-detail .newsimg .des .dcontent{
		position:relative; padding:15px 0 0;
		margin-top:15px;
	}
	#news-detail .newsimg .des .dcontent::before{
		position:absolute; left:0; top:0px;
		width:40px;
		content:""; display:block; float:left;
		border-top:1px solid #e9e9e9;
	}
	#news-detail .newsimg #blogdetail-img{
		margin-left:-15px; margin-right:-15px;
	}
	/**********/
	.page-contact{
		overflow:visible; padding-bottom:15px; position:static;
		padding-bottom:30px;
	}
	#google-map{
		position:static; height:260px;
		margin-top:70px;
	}
	#google-map .map_item{
		border-right-width:5px;
	}
	.page-contact .contact-main{
		position:static; top:0; margin-top:15px;
	}
	.page-contact #contact-info .fbox-item{
		width:100%; margin-bottom:15px;
	}
	.page-contact #contact-info .box-btnjob:last-child{
		margin-top:0;
	}
	/************/
	#swiper-people .swiper-button-next, #swiper-people .swiper-button-prev{
		display:none;
	}
	/************/
	/******************/
	#swiper-client.grid-6{
		margin-bottom:50px;
	}
	#swiper-client.grid-6 .client-item{
		width:33.333%
	}
	#swiper-client.grid-6 .client-item:nth-child( 3n + 1){
		clear:both;
	}
	#swiper-client.grid-6 .client-item:nth-child( 6n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-7{
		margin-bottom:50px;
	}
	#swiper-client.grid-7 .client-item{
		width:33.333%
	}
	#swiper-client.grid-7 .client-item:nth-child( 3n + 1){
		clear:both;
	}
	#swiper-client.grid-7 .client-item:nth-child( 7n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-8{
		margin-bottom:50px;
	}
	#swiper-client.grid-8 .client-item{
		width:33.333%
	}
	#swiper-client.grid-8 .client-item:nth-child( 3n + 1){
		clear:both;
	}
	#swiper-client.grid-8 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 8n + 1)	{
		clear:none;
	}
	/***/
	#swiper-client.grid-9{
		margin-bottom:50px;
	}
	#swiper-client.grid-9 .client-item{
		width:33.333%
	}
	#swiper-client.grid-9 .client-item:nth-child( 3n + 1){
		clear:both;
	}
	#swiper-client.grid-9 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 8n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 9n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-10{
		margin-bottom:50px;
	}
	#swiper-client.grid-10 .client-item{
		width:33.333%
	}
	#swiper-client.grid-10 .client-item:nth-child( 3n + 1){
		clear:both;
	}
	#swiper-client.grid-10 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 10n + 1){
		clear:none;
	}
	/************/
	#swiper-people{
		padding:0px; margin-bottom:15px;
	}
	#swiper-people .owl-wrapper{
		margin:0;
	}
	#swiper-people .owl-item{
		padding:0 3px;
	}
	#swiper-people .owl-pagination{
		display:block;
	}
	#swiper-people .owl-controls .owl-buttons{
		display:none;
	}
	/*****************/
	#footer{
		position:static;
	}
	.scrollbar{
		display:none !important;
	}
	#google-map .map_item{
		height:180px; width:100%;
		border-bottom:10px solid #333;
	}
	/*************/
	.frame ul li{
		width:50% !important;
		margin:0 -5px 30px; padding-right:0;
	}
	#sly-clients ul li div{
		clear:none; float:left; display:block;
		width:50%;
		margin:0; padding:0 5px;
	}
	#client-nosly .client-item figure{
		margin-top:0; padding-left:0; padding-right:0;
	}
	#client-nosly .client-item{
		width:33.333%;
	}
	#sly-clients, #client-nosly{
		margin-top:15px !important;
		display:block; width:100%; float:left;
	}
	/************/
	#sly-awards.awards-nosly ul{
		margin-left:-5px; margin-right:-5px;
	}
	.awards-nosly ul{
		margin-left:-10px; margin-right:-10px;
	}
	.awards-nosly ul li{
		width:50%; margin-bottom:20px;
		padding-left:10px; padding-right:10px;
	}
	.awards-nosly ul li:nth-child( 2n + 1){
		clear:both;
	}
	/*************/
	#people-nosly ul li{
		width:50% !important;
		clear:none; margin-bottom:10px; padding:0 5px;
	}
	#people-nosly ul li:nth-child( 2n + 1){
		clear:both;
	}
	#people-nosly ul li.col_5{
		width: 100% !important;
		padding: 0;
	}
	#people-nosly ul li.col_5 .client-item{
			float: left; width: 50%;
			clear: none;
			padding: 0 5px;
	}
	#people-nosly ul li.col_5 .client-item:first-child{
			display: none;
	}
	#people-nosly .client-item{
		margin-bottom:10px;
	}
	#people-nosly figure .des{
		display:none;
	}
	/**********/
	#project-nosly ul li{
		width:50% !important;
		clear:none; padding:0 5px;
	}
	#project-nosly ul li:nth-child( 2n + 1){
		clear:both;
	}
	#project-nosly .client-item{
		margin-bottom:10px;
	}
	#project-nosly figure .des{
		position:absolute; left:0; bottom:10px; right:10px;
		background:rgba(255, 210, 88, 0.85);
		padding:7px 10px; color:#333;
		display:block;
	}
	/***************/
	#people-nosly figure{
		background:rgba(44, 44, 44, 0.8) none repeat scroll 0 0;
	}
	#client-nav-cricle{
		display:none;
	}
	#people-nosly{
		margin-top:0;
	}
	#people-detail{
		margin-top:0;
	}
	#blogdetail-img .item .des{
		display:none;
	}
	#people-detail .text p.row .col-sm-9, #people-detail .text p.row .col-sm-3{
		width:100%; padding-left:15px; padding-right:15px;
	}
	#award-detail .award-content .text{
		line-height:22px; font-size:12px;
		text-align: left;
	}
	#award-detail .award-content .action-info{
		width: 50px; height: 50px;
	}
	/*******************/
	#sly-awards .frame ul li:nth-child(2n + 1){
		clear: both;
		margin-bottom: 10px;
	}
	#people-nosly figure .project-item-des{
		display: block;
	}
	/*************/
	.header-top{
		margin-bottom: 0;
	}
	/**************************/
	.page-project{
		/* background-color: rgb(51, 51, 51); */
	}
	.page-project #header{
		background-color: rgb(51, 51, 51);
	}
	#award-detail.template-2305{
		position: relative;
		display: flex; flex-direction: column;
	}
	#award-detail.template-2305 > *{
		width: 100%;
		flex: 0 0 auto;
	}
	.template-2305 .swiper-container{
		position: relative;
		order: 1;
		width: 100%; height: auto;
		aspect-ratio: 1920/1080;
		margin-top: 89px;
	}
	.template-2305 .screen-container{
		order: 2;
		margin-top: 0;
		padding-top: 30px;
		padding-bottom: 0;
		/* background: rgb(255 210 88); */
	}
	#award-detail.template-2305 .screen-container h1.title-page{
		margin-bottom: 0;
	}
	#award-detail.template-2305 .screen-container h1.title-page,
	#award-detail.template-2305 h1.title-page span{
		color: rgb(0, 0, 0);
	}
	#award-detail.template-2305 .screen-container h1.title-page::before{
		border-top-color: #000;
	}
	#award-detail.template-2305 .award-content{
		order: 3;
		position: relative;
		max-width: 100%;
		max-height: none;
	}
	#award-detail.template-2305 .award-content .main-text{
		max-height: none;
		padding-top: 0px;
		/* background: rgb(255 210 88); */
	}
	#award-detail.template-2305 .award-content .text{
		padding-right: 15px;
	}
	#award-detail.template-2305 .award-content .action-info,
	#award-detail.template-2305 .award-content .title{
		display: none;
	}
	/*******************************/
	.template-photo .screen-container{
		order: 1;
		margin-top: 89px;
		padding: 0;
	}
	#award-detail.template-photo .award-content{
		order: 2;
	}
	.template-photo .swiper-container{
		order: 3;
		margin-top: 0;
		aspect-ratio: auto;
		height: auto ;
		padding: 0 15px;
	}
	.project-detail-boxmedia{
		margin-bottom: 1.5rem;
	}
	.template-photo .screen-container .project-detail-boxheader{
		padding: 15px !important;
	}
	.template-photo .swiper-wrapper{
		transform: none !important;
		flex-direction: column;
	}
	#award-detail.template-photo .swiper-wrapper #pdetail-video,
	#award-detail.template-photo .swiper-pagination,
	#award-detail.template-photo .swiper-button-next, 
	#award-detail.template-photo .swiper-button-prev{
		display: none !important;
	}
	#award-detail.template-photo .swiper-slide{
		display: block;
		width: 100% !important;
		transform: none !important;
		opacity: 1 !important;
		background: none !important;
		margin-bottom: 7px;
	}
	.page-project #award-detail.template-photo .swiper-slide img{
		display: block !important;
	}
	#award-detail.template-photo .award-content .text{
		padding-bottom: 0;
	}
	#award-detail.template-photo .swiper-slide::before{
		display: none !important;
	}



	/**************************/
}

/*************/
@media screen and (max-width: 767px) {
	.swiper-slide--filemobile{
		background: #fff !important;
	}
	.swiper-slide--mobile{
		display: block;
	}

}
/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {
	/******************/
	#swiper-client.grid-6{
		margin-bottom:50px;
	}
	#swiper-client.grid-6 .client-item{
		width:20%
	}
	#swiper-client.grid-6 .client-item:nth-child( 5n + 1){
		clear:both;
	}
	#swiper-client.grid-6 .client-item:nth-child( 6n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-7{
		margin-bottom:50px;
	}
	#swiper-client.grid-7 .client-item{
		width:20%
	}
	#swiper-client.grid-7 .client-item:nth-child( 5n + 1){
		clear:both;
	}
	#swiper-client.grid-7 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-7 .client-item:nth-child( 6n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-8{
		margin-bottom:50px;
	}
	#swiper-client.grid-8 .client-item{
		width:16.667%;
	}
	#swiper-client.grid-8 .client-item:nth-child( 6n + 1){
		clear:both;
	}
	#swiper-client.grid-8 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 8n + 1)	{
		clear:none;
	}
	/***/
	#swiper-client.grid-9{
		margin-bottom:50px;
	}
	#swiper-client.grid-9 .client-item{
		width:14.285%
	}
	#swiper-client.grid-9 .client-item:nth-child( 7n + 1){
		clear:both;
	}
	#swiper-client.grid-9 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 6n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 8n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 9n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-10{
		margin-bottom:50px;
	}
	#swiper-client.grid-10 .client-item{
		width:12.5%
	}
	#swiper-client.grid-10 .client-item:nth-child( 8n + 1){
		clear:both;
	}
	#swiper-client.grid-10 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 6n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 9n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 10n + 1){
		clear:none;
	}
	/***************/
	.arrow-page-next, .arrow-page-prev{
		display:block; width:50px; top:42%;
	}
	#sly-awards .frame ul li{
		padding-left: 10px; padding-right: 10px;
		margin-bottom: 20px;
	}
	#people-nosly figure .project-item-des .text{
		font-size: 17px;
		font-weight: normal !important;
	}

}

@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.page-container{
		width:85%;
	}
	.page-margin{
		margin-top:115px;
	}
	#client-nav-cricle{
		margin-bottom:10px;
	}
	/************/
	#header .logo{
		width:20%; margin-top:15px; margin-bottom:5px;
	}
	#header .logo img{
		width:90%;
	}
	#header .navigation{
		width:80%;
	}
	#header .navigation{
		font-size:12px;
	}
	#header .navigation > ul{
		max-height:45px;
	}
	#header .navigation > ul > li:nth-child( 1), #header .navigation > ul > li:nth-child( 5){
		width:90px;
	}
	#header .navigation > ul > li:nth-child( 2){
		width:105px;
	}
	#header .navigation > ul > li:nth-child( 3){
		width:120px;
	}
	#header .navigation > ul > li:nth-child( 6){
		width:120px;
	}
	#header .navigation > ul > li > a{
		padding:20px 35px 0 10px;
	}
	#header .navigation > ul > li ul{
		padding:5px 5px 0 10px;
	}
	#header .navigation > ul > li ul li{
		padding-top:10px;
	}
	.page-vn #header .navigation > ul > li > a{
		padding-left:5px; padding-right:25px;
	}
	.page-vn #header .navigation > ul > li > ul{
		padding-left:5px;
	}
	.page-vn #header .navigation > ul > li.lang > a{
		padding-right:5px;
	}
	/**********/
	.title-page{
		font-size:13px; margin-bottom:10px;
	}
	.title-page span{
		font-size:21px;	line-height:30px;
	}
	/**********/
	#about-award .item-award .des .text{
		width:95%;
	}
	#about-award .item-award .des h2{
		font-size:12px; line-height:18px;
	}
	#award-detail .award-content{
		width:48%;
	}
	#award-detail .award-content .title,
	#award-detail .award-content h1{
		font-size:15px; line-height:20px;
	}
	#award-detail .award-content h2{
		margin-bottom:5px; line-height:18px; font-size:12px;
	}
	#award-detail .award-content .text p.row{
		margin-bottom:0px;
	}
	#award-detail .award-content .text .text-margin{
		margin-top:5px;
	}
	.title-sub-yellow{
		font-size:15px; line-height:24px; font-weight:bold;
	}
	/***********/
	.arrow-page-prev, .arrow-page-next, .swiper-button-next, .swiper-button-prev{
		width:50px !important; height:65px !important;
	}
	.arrow-page-next a, .arrow-page-next span,
	.arrow-page-prev a, .arrow-page-prev span,
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		background-size:45% !important;
	}
	#about-award .item-award .des{
		padding-top:7px; padding-bottom:7px;
	}
	#about-award .item-award .des .text p{
		display:none;
	}
	#award-detail .swiper-pagination{
		width:50%; display:inline-block;
		text-align:right;
	}
	/***********/
	.page-people #people-nav ul li{
		padding:0 8px;
	}
	.page-people #people-nav ul li a{
		font-size:11px;
	}
	#people-project{
	}
	#people-project .item .des .text p{
		display:none;
	}
	.page-blog .news-item h2{
		font-size:13px; line-height:22px;
	}
	/**********/
	.page-contact h3{
		font-size:13px;
	}
	#award-detail .award-content .text{
		font-size:12px; line-height:20px;
	}
	/******************/
	#swiper-client.grid-6{
		margin-bottom:50px;
	}
	#swiper-client.grid-6 .client-item{
		width:20%
	}
	#swiper-client.grid-6 .client-item:nth-child( 5n + 1){
		clear:both;
	}
	#swiper-client.grid-6 .client-item:nth-child( 6n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-7{
		margin-bottom:50px;
	}
	#swiper-client.grid-7 .client-item{
		width:20%
	}
	#swiper-client.grid-7 .client-item:nth-child( 5n + 1){
		clear:both;
	}
	#swiper-client.grid-7 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-7 .client-item:nth-child( 6n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-8{
		margin-bottom:50px;
	}
	#swiper-client.grid-8 .client-item{
		width:16.667%;
	}
	#swiper-client.grid-8 .client-item:nth-child( 6n + 1){
		clear:both;
	}
	#swiper-client.grid-8 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-8 .client-item:nth-child( 8n + 1)	{
		clear:none;
	}
	/***/
	#swiper-client.grid-9{
		margin-bottom:50px;
	}
	#swiper-client.grid-9 .client-item{
		width:14.285%
	}
	#swiper-client.grid-9 .client-item:nth-child( 7n + 1){
		clear:both;
	}
	#swiper-client.grid-9 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 6n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 8n + 1),
	#swiper-client.grid-9 .client-item:nth-child( 9n + 1){
		clear:none;
	}
	/***/
	#swiper-client.grid-10{
		margin-bottom:50px;
	}
	#swiper-client.grid-10 .client-item{
		width:12.5%
	}
	#swiper-client.grid-10 .client-item:nth-child( 8n + 1){
		clear:both;
	}
	#swiper-client.grid-10 .client-item:nth-child( 5n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 6n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 7n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 9n + 1),
	#swiper-client.grid-10 .client-item:nth-child( 10n + 1){
		clear:none;
	}
	/*************/
	#sly-clients ul li div{
	}
	/*************/
	#swiper-people .owl-wrapper{
		margin-left:-5px; margin-right:-5px;
	}
	#swiper-people .owl-item{
		padding:0 5px;
	}
	#swiper-people .owl-controls .owl-buttons div{
		top:15px;
	}
	/*************/
	#google-map .map_item{
		border-right-width:5px;
	}
	#people-nosly{
		margin-top:5px;
	}
	.scrollbar{
		margin-top:20px;
	}
	/*************/
	.blogother ul li{
		font-size:12px; line-height:20px;
	}
	.blogother ul li h3{
		font-size:19px; margin-bottom:3px;
		line-height:24px;
	}
	.blogother ul li h4{
		font-size:13px; line-height:22px; margin-bottom:5px;
	}
	.newsimg-title{
		font-size:16px; line-height:24px;
	}
	#news-detail .newsimg .des{
		padding-left:20px; padding-right:20px;
	}
	#news-detail .newsimg .des .dcontent{
		line-height:22px; font-size:12px;
		padding-left:20px; padding-right:20px;
	}

}
@media screen and (min-width: 1201px) and ( max-width: 1400px) {

	body{
		font-size:12px; line-height:20px;
	}
	.page-margin{
		margin-top:80px; width:80%;
	}
	/***********/
	#header .logo{
		width:20%; margin-top:20px; margin-bottom:5px;
	}
	#header .logo img{
		width:90%;
	}
	#header .navigation{
		width:80%;
	}
	#header .navigation > ul{
		max-height:54px;
	}
	#header:hover .navigation > ul{
		transition: max-height 0.25s ease-in;
		max-height:205px
	}
	/**********/
	.page-vn #header .navigation{
		font-size:12px;
	}
	.page-vn #header .navigation > ul > li > a{
		padding-right:35px;
	}
	.page-vn #header .navigation > ul > li.lang > a{
		padding-right:5px;
	}
	#header .navigation > ul > li > a{
		padding:27px 40px 5px 10px;
	}
	#header .navigation > ul > li ul{
		padding-left:10px; padding-right:5px; padding-top:5px;
	}
	#about-award .item-award .des .text{
		width:95%; font-size:12px; line-height:18px;
	}
	#about-award .item-award .des h2{
		font-size:13px; margin-bottom:0px;
	}
	#award-detail .award-content{
		width:47%;
	}
	#award-detail .award-content .title,
	#award-detail .award-content h1{
		font-size:17px; line-height:24px;
	}
	#award-detail .award-content h2{
		margin-bottom:5px; line-height:22px;
	}
	.title-sub-yellow{
		font-size:14px; line-height:24px;
		margin-bottom:10px;
	}
	.page-contact h3{
		font-size:12px;
	}
	#news-detail .newsimg{
		width:100%;
	}
	#news-detail .newdetail{

	}
	#award-detail .award-content .text .text-margin{
		margin-top:3px;
	}
	#award-detail .award-content .text{
		font-size:12px; line-height:20px;
	}
	#award-detail .swiper-pagination{
		width:50%; text-align:right;
	}
	/*************/
	#swiper-people .owl-wrapper{
		margin-left:-5px; margin-right:-5px;
	}
	#swiper-people .owl-item{
		padding:0 5px;
	}
	#swiper-people .owl-controls .owl-buttons div{
		top:25px;
	}
	/************/
	.title-page{
		margin-bottom:15px; font-size:15px;
	}
	.title-page span{
		font-size:23px; line-height:30px;
	}
	#client-nav-cricle{
		margin-bottom:10px;
	}
	/************/
	#people-detail .text p.row .col-sm-3{
		font-weight:bold; width:37%;
	}
	#people-detail .text p.row .col-sm-9{
		padding-left:0; width:63%;
	}
	.page-vn #people-detail .text p.row .col-sm-3{
		font-weight:bold; width:51%;
	}
	.page-vn #people-detail .text p.row .col-sm-9{
		padding-left:0; width:49%;
	}
	.newsimg-title{
		font-size:16px; line-height:26px;
	}



}