@charset "utf-8";
/* CSS Document */
/*************/
@media screen and ( max-width: 991px) {
	/**********************/
	#header #nav-top .navsub{
		border-top: 10px solid rgb(16 52 129);
	}
	#header #nav-top .navsub,
	#header #nav-top > div > ul li ul{
		position: relative; width: 100%;
		left: auto; top: auto; clear: both;
	}
	#header #nav-top > div > ul li ul a{
		background: none; padding-left: 0;
	}
	.right-title{
			font-size: 19px;
	}
}
@media screen and (max-width: 767px) {
	#content-detail img{
		width:auto !important; height:auto !important; max-width:100%;
	}
	#header .logo{
		width:100%;
	}
	#header .logo img{
		display:inline-block; height:70px;
	}
	#header .container{
		padding:0;
	}
	#header .heder-info{
		width:100%; margin:0;
		color:#FFF; text-align:left;
		padding:0; text-align:center;
		border-bottom:3px solid #DDD;
	}
	#header .heder-info .info-banner{
		width:100%;
	}
	#header .heder-info .info-banner img{
		display:inline-block; width:auto; max-width:100%;
	}
	#header .heder-info .info-text{
		display:none; float:left;
		width:100%; position:relative;
	}
	#header .heder-info p{
		color:#FFF; padding:3px 5px;
	}
	#header .heder-info p.lang, #header .heder-info p:first-child{
		display:none;
	}
	#header #nav-top{
		margin:0; background:#162B58;
	}
	#header #nav-top > div > ul > li{
		clear:both; display:block; width:100%;
		border:none; margin:0; border-bottom:1px solid #6784C1;
		background-image:none;
	}
	#header #nav-top ul li > a{
		border:none; width:100%; display:block;
		padding:11px 15px; font-size:12px; text-transform:capitalize;
	}

	#header #nav-top > div > ul li > a{
		padding-left:30px; padding-right:15px;
	}
	#header #nav-top ul li > a::before{
		margin-right:7px; font-size:12px;

		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		line-height: 1;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e258";

	}
	#header #nav-top ul li:hover ul{
		display:none;
	}
	/**************/
	#home-product .col-xs-12:nth-child(3n+1){
		clear:none;
	}
	#home-product .col-xs-12:nth-child(2n+1){
		clear:both;
	}
	#home-project{
		height:180px; width:100%;
	}
	.home-project li{
		width:49%; clear:none; margin-right:1%;
	}
	/**************/
	#right-content, #left-content{
		width:100%
	}
	#right-content{
		padding:0; margin:0
	}
	#pro-nav .item:nth-child(3n+1), #pro-sub .item:nth-child(3n+1), #project-page .project-item:nth-child(3n+1){
		clear:none;
	}
	#pro-nav .item:nth-child(2n+1), #pro-sub .item:nth-child(2n+1), #project-page .project-item:nth-child(2n+1){
		clear:both;
	}
	/*********/
	#project-page{
		margin-left:-7px; margin-right:-7px;
	}
	#project-page .project-item{
		padding-left:7px; padding-right:7px; padding-bottom:5px;
	}
	#pro-sub .item-4:nth-child(3n+1){
		clear:both;
	}
	#pro-sub .item-4:nth-child(2n+1){
		clear:none;
	}
	/*************/
	.home-news .img{
		width:45%;
	}
	.home-news h3{
		width:55%; padding-left:15px;
	}
	#pro-nav .item h4{
		height:auto;
	}
	#pro-sub .item .img{
		border:1px solid #DDD;
	}
	#pro-sub .item .des{
		background:#DDD;
	}
	#pdetail-other .pdetail-other-item, #pdetail-matching .pdetail-other-item{
		border:1px solid #DDD; margin-bottom:30px; background:#DDD;
		padding-bottom:10px;
	}
	#pdetail-other figure, #pdetail-matching figure{
		background:#FFF;
	}
	#pdetail-other h3, #pdetail-matching h3{
		padding-top:10px;
	}
	/******/
	.pdetail-infotab .nav-tabs > li > a{
		padding:5px 10px; font-size:12px;
	}
	#home-project{
		height:550px;
	}
	.home-project li{
		width:100%; padding:0; margin:0 0 10px;
	}
	.home-project li a b{
		position:static; font-size:12px; font-weight:bold; line-height:18px;
	}
}


/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {

	#content-detail img{
		width:auto !important; height:auto !important; max-width:100%;
	}
	#header .logo{
		width:100%;
	}
	#header .logo img{
		display:inline-block; height:70px;
	}
	#header .container{
		padding:0;
	}
	#header .heder-info{
		width:100%; margin:0;
		color:#FFF; text-align:left;
		padding:0; text-align:center;
		border-bottom:3px solid #DDD;
	}
	#header .heder-info .info-banner{
		width:100%;
	}
	#header .heder-info .info-banner img{
		display:inline-block; width:auto; max-width:100%;
	}
	#header .heder-info .info-text{
		display:none; float:left;
		width:100%; position:relative;
	}
	#header .heder-info p{
		color:#FFF; padding:3px 5px;
	}
	#header .heder-info p.lang, #header .heder-info p:first-child{
		display:none;
	}
	#header #nav-top{
		margin:0; background:#FFF;
	}
	#header #nav-top > div > ul{
		margin:0; background:#162B58;
		float:left; width:100%; display:block;
	}
	#header #nav-top > div > ul > li{
		clear:both; display:block; width:100%;
		border:none; margin:0; border-bottom:1px solid #6784C1;
		background-image:none;
	}
	#header #nav-top > div ul li > a{
		border:none; width:100%; display:block;
		padding:11px 15px; font-size:12px; text-transform:capitalize;
	}
	#header #nav-top > div ul li > a::before{
		margin-right:7px; font-size:12px;

		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		line-height: 1;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e258";

	}
	#header #nav-top > div ul li:hover ul{
		display:none;
	}
	/**************/
	#home-product .col-xs-12:nth-child(3n+1){
		clear:none;
	}
	#home-product .col-xs-12:nth-child(2n+1){
		clear:both;
	}
	#home-project{
		height:180px; width:100%;
	}
	.home-project li{
		width:49%; clear:none; margin-right:1%;
	}
	/**************/
	#right-content, #left-content{
		width:100%
	}
	#right-content{
		padding:0; margin:0
	}
	#pro-nav .item:nth-child(3n+1), #pro-sub .item:nth-child(3n+1), #project-page .project-item:nth-child(3n+1){
		clear:none;
	}
	#pro-nav .item:nth-child(2n+1), #pro-sub .item:nth-child(2n+1), #project-page .project-item:nth-child(2n+1){
		clear:both;
	}
	/************/
	#prototo-sub .item:nth-child( 4n + 1){
		clear:none;
	}
	#prototo-sub .item:nth-child( 3n + 1){
		clear:both;
	}

	/*********/
	#project-page{
		margin-left:-7px; margin-right:-7px;
	}
	#project-page .project-item{
		padding-left:7px; padding-right:7px; padding-bottom:5px;
	}
	#pro-sub .item-4:nth-child(3n+1){
		clear:both;
	}
	#pro-sub .item-4:nth-child(2n+1){
		clear:none;
	}
	#pro-nav .item h4{
		height:auto;
	}
	/********/
	#page-main > .container{
		padding:0;
	}
	/**********************/
	/**********************/
}



@media screen and (min-width: 992px) and ( max-width: 1200px) {

	#header #nav-top > div > ul li > a{
		font-size:11px; padding:12px 29px;
	}
	#home-product h2{
		font-size:15px;
	}
	#content-detail{
		font-size:13px;
	}
	#pro-nav .item .des{
		height:160px;
	}
	.news-item .img{
		width:30%;
	}
	.news-item .des{
		width:70%;
	}
	.quote-detail .img{
		width:35%;
	}
	#header .collapse{
		display:block;
	}
	.home-service .img{
		width:30%;
	}
	.home-service .des{
		width:70%;
	}
	.home-news h3{
		line-height:20px;
	}
}

@media screen and (min-width: 1201px){
	#header .collapse{
		display:block;
	}
}