/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
	.dropdown i {
		display: none;
	}
}


/* Medium Devices, Desktops */
@media (min-width : 992px) {
	.navbar-brand i {
		margin-right: 0px;
		font-size: 16px;
		line-height: 16px;
	}

	/* features ====================*/
	.feature-box h5 {
		font-size: 13px !important;
	}

	.nav-wap {display:none}
}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {
	.container {
		width: 883px;
	}

	.icon-navbar, .nav-wap {
		display: none;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 23px 10px;
		letter-spacing: 0px;
	}

	.navbar-brand i {
		margin-right: 0px;
		font-size: 16px;
		line-height: 16px;
	}



	/* features ====================*/

	.feature-box h5 {
		font-size: 13px !important;
	}



	/*testimonial =================================*/
	#testimonial {
		padding-bottom: 100px;
	}

	#testimonial-carousel .item p {
		width: 100%;
	}

	#testimonial-carousel .item h5 {
		margin-top: 20px;
	}

	#testimonial-carousel .carousel-indicators {
		top: 40%;
	}




}

/* Small Devices Potrait */
@media (max-width : 1660px) {
	.icon-navbar {
		position: absolute;
		right: 0;
		/* top: 62px; */
	}
}

@media (max-width : 1160px) {
	.icon-navbar li:nth-child(1) {
		display: none;
	}

	.icon-navbar li:nth-child(2) {
		display: none;
	}
}

@media (max-width : 1098px) {
	.icon-navbar {
		display: none;
	}

	.navbar-center .navbar-nav {
		width: 100%;
	}

}

/* Small Devices Potrait */
@media (max-width : 768px) {
	#section-global {display:none}
	.layoutMain {background-size:cover; padding-bottom: 60px;}
	.probox ul li {width:100%;float:none;border-bottom: 1px solid #eee;padding-bottom: 35px;}
	.page-banbox, .page-banbox h2, .page-banbox p, .crumbs, .ft-icp, .new_show, #footer {display:none}
	.newclass {padding: 62px 0 0;}
	.newclass li {width:auto;padding:0 10px;font-size:14px;height: 56px;line-height: 56px;}
	.newclass li.current, .newclass li.cur {background:none}
	.newclass li.current a, .newclass li.cur a {color:#333;font-weight:normal}
	.com-title {padding-top: 20px;}
	.footer-left {margin: 30px 0 10px;}
	.footer-right {float:none}
	.con-info {padding: 30px 0}
	.left_list_news li .r_list {width:100%}
	.r_list h3 {margin: 20px 0 5px;}
	.left_list_news li .r_list p {margin:10px 0 0;font-size: 14px;}
	.nav .tm {float:none;}
	.nav .tm a {padding: 0;height:40px;line-height:40px;text-align: right;}
	.navbar-toggle {margin-right: 2px;padding: 9px 0 9px 10px;}
	#Article h1 {font-size:22px;padding: 96px 0 20px;}
	.bdshare-button-style2-32 a {margin: 0 5px 5px 0 !important;}
	#Article, .photo-channel .relevance {padding: 0;margin: 0 0 40px;}
	.probox {margin-top: 20px;}
	.miniSizeShow ul>li {height: 26px;line-height:25px;margin-right: 5px;}
	.partbg {height: 230px;}
	.linkbox, .linka {margin: 30px 0;}
	#section-intro .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none}
	.navbar-custom {
		padding: 20px 0;
		border-bottom: 0;
		letter-spacing: 1px;
		/*background-color: rgba(255, 255, 255, 0.97);*/
		-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
		transition: background .5s ease-in-out, padding .5s ease-in-out;
		position: fixed;
		width: 100%;
		z-index: 10000;
	}

	.navbar-custom.top-nav-collapse {
		background-color: rgba(255, 255, 255, 0.97);
		-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
	}

	.navbar-custom.top-nav-collapse .nav li a {
		color: #222;
	}

	.navbar-custom.top-nav-collapse .nav li.active a {
		background-color: transparent;
		color: #50637c !important;
	}


	#silver-app, .picScroll-left, .nav-pc {display:none}
}

/* Extra Small Devices, Phones */
@media (max-width: 767px) and (min-width : 480px) {
	
	.miniSizeShow {
		display: block;
	}

	/* background=================================*/
	p.newrf_tx {
		width: 82%;
	}

	#section-intro {
		position: relative;
		top: 60px;
	}

	.com-title {
		height: 54px;
		margin-top: 80px;
		margin-bottom: 20px;
	}

	.more-lise {
		width: 120px;
		right: 0px;
		height: 36px;
		line-height: 36px;
	}

	.more-lise>a>span {
		line-height: 36px !important;
	}

	.footer-right,
	#myCarousel {
		display: none;
	}

	.more-lise a {
		line-height: 36px;
	}

	.intro-caption {
		padding: 125px 15px;
	}

	.intro-caption h1 {
		font-size: 25px;
		line-height: 35px;
	}

	.mid-title {
		font-size: 30px;
	}

	.navbar-custom {
		margin-top: 0px;
		border-right: 0px;
		padding: 0 20px !important;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
	}



	/*testimonial =================================*/
	#testimonial {
		padding-bottom: 100px;
	}

	#testimonial-carousel .item p {
		width: 100%;
	}

	#testimonial-carousel .item h5 {
		margin-top: 20px;
	}

	#testimonial-carousel .carousel-indicators {
		margin-top: 30px;
	}

	#testimonial-carousel .carousel-indicators li {
		width: 45px;
		height: 40px;
		float: left;
	}

	#testimonial-carousel .carousel-indicators li img {
		width: 45px;
		height: 40px;
		border-radius: 0px;
		border: 0px;
	}

	#testimonial-carousel .carousel-indicators {
		top: 90%;
	}


	/* contact ==========================================*/

	.contact-info-wrap {
		margin-bottom: 60px;
	}


	.icon-navbar {
		display: none;
	}

	.business-con {
		height: auto;
	}

	.business-con li {
		height: 300px;
	}

	.layoutMain {
		height: auto;
		padding: 10px 0;
	}

	.navbar-custom .navbar-brand {
		height: 38px;
		margin-top: 10px;
	}
}

/* Custom, iPhone Retina */
@media (min-width : 320px) and (max-width: 478px) {
	#footer{
		height:auto !important;
	}
	.footer-right li{
		width:25%;
		margin:0;
	}
	p.newrf_tx {
		width: 80%;
	}

	.miniSizeShow {
		display: block;
	}

	.layoutMain {
		height: auto;
		/*margin-top: 20px;*/
	}

	#myCarousel {
		display: none;
	}

	.more-lise a {
		height: 36px;
		line-height: 36px;
	}

	.business-con {
		height: auto;
		margin: 35px auto 0;
	}

	.business-con li {
		height: 300px;
	}

	.feature-slide {
		height: 431px;
	}

	.feature-title {
		left: 15px;
	}

	.feature-text-t {
		font-size: 12px;
		margin-top: 8px;
	}

	.feature-top {
		height: 140px;
	}

	.feature-slide li {
		height: 100%;
	}

	.feature-bottom {
		height: 124px;
		padding: 2px;
	}

	.navbar-custom {
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
	}

	.navbar-custom .navbar-brand {
		height: 34px;
		margin-top: 14px;
	}

	.com-title .title-en {
		font-size: 24px;
		margin-bottom: 4px;
	}

	.feature-wrap .carousel {
		margin-top: 20px;
	}

	.com-title .title-cn {
		font-size: 16px;
	}

	#section-intro {
		/*position: relative;
		top: 60px;*/
	}

	.com-title {
		/*height: 54px;*/
		margin-top: 20px;
	}

	.more-lise {
		width: 120px;
		right: 0;
		height: 36px;
		line-height: 36px;
	}

	.more-lise>a>span {
		line-height: 36px !important;
	}

	/* background=================================*/

	.intro-caption {
		padding: 125px 15px;
		text-align: left;
		padding-top: 185px;
		padding-left: 14px;
	}

	.intro-caption h1 {
		font-size: 25px;
		line-height: 35px;
	}

	.mid-title {
		font-size: 30px;
	}

	.navbar-custom {
		margin-top: 0px;
		border-right: 0px;
		padding: 0 20px !important;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
	}

	/*================== PORTFOLIO ==================*/

	#isotope-filter a {
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}

	#isotope-filter {
		float: none !important;
	}



	/*testimonial =================================*/
	#testimonial {
		padding-bottom: 100px;
	}

	#testimonial-carousel .item p {
		width: 100%;
	}

	#testimonial-carousel .item h5 {
		margin-top: 20px;
	}

	#testimonial-carousel .carousel-indicators {
		margin-top: 30px;
	}

	#testimonial-carousel .carousel-indicators li {
		width: 45px;
		height: 40px;
		float: left;
	}

	#testimonial-carousel .carousel-indicators li img {
		width: 45px;
		height: 40px;
		border-radius: 0px;
		border: 0px;
	}

	#testimonial-carousel .carousel-indicators {
		top: 90%;
	}


	/* contact ==========================================*/

	.contact-info-wrap {
		margin-bottom: 60px;
	}


}