@media only screen and (min-width: 100px) and (max-width: 991px) {
	.navbar-nav{margin: 0 -15px;}
	header .nav-list{flex-wrap: wrap;position: static; margin: -25px -15px 0;}
	header .nav-list li{width: 100%;text-align: center;}
	header .nav-list li:after{content: "";height: 1px; border-bottom: #1548a0 1px solid;display: block;margin: 2px 0;}
	header .nav-list li:last-child:after{border: 0;margin: 0;}
	header .nav-list li a{font-size: 1.11111rem;padding: 20px 0;line-height: 20px;}
	header .nav-list li .dropdown-menu{min-width: 100%;overflow: hidden;position: static;border: 0;box-shadow: none;}
	.con-box .introduce .title{margin-top: 30px;}
	.con-box .introduce .title h2,
	.con-box .news-list .title h2{font-size: 1.6667rem;line-height: normal;}
	.con-box .introduce .title h2:after, .con-box .news-list .title h2:after{margin-top: 40px;height: 1px; border: 1px solid #138AC6;}
	.con-box .introduce >h2{font-size: 1.66667rem;}
	.con-box .introduce .text{width: 100%;font-size: 16px;margin: 36px auto 16px;}
	.con-box .img img{margin: 0;}
	.news-list{padding: 20px 0 20px 0;}
	.title2{margin-top: 40px;}
	.news-list li .pic{height: auto;}
	.news-list li .text,.news-list li .text2{position: static;background: transparent;padding: 0;margin: 0 15px;}
	.news-list li .text h4{font-size: 24px;color: #556eb3;}
	.news-list li .text p,.news-list li .text2 p,.title2 p{color: #4d4d4d;margin-top: 16px;font-size: 16px;}
	
	
	.view-details{width: 154px; margin-top: 36px;margin-right: -15px;}
	.view-details a{font-size: 14px;line-height: 38px;padding-left: 18px;}
	.view-details span{width: 40px;height: 40px;}
	
	.img-list{margin: 80px -15px;}
	.img-list .top, .img-list .top .s-bottom, .img-list .bottom{flex-wrap: wrap;}
	.img-list .top>div{height: 440px;}
	.img-list .top .top-left>div,
	.img-list .top>div,
	.img-list .bottom>div{width: 100%;}
	.img-list .bottom>div{height: 240px;}
	.img-list .mask .text p{font-size: 18px;}
	
	.img-list.create{margin: 0 -15px; padding-bottom: 26px;}
	.img-list.create .bottom .bottom-left{width: 100%;display: flex;}
	.img-list.create .bottom .bottom-left>div{width: 50%;height: auto; }
	.img-list.create .bottom .bottom-center{width: 100%;height: 460px;}
	.img-list.create .bottom .bottom-right{width: 50%;height: 460px; margin: 0 auto;}
	
	/*.banner-box{padding-top: 0;}*/
	#setBanner-slider2 ul{flex-wrap: wrap;}
	#setBanner-slider2 ul li{width: 100%;}
	#setBanner-slider2 ul li:nth-child(2){margin: 5% 0;}
	
	
	/*sharing*/
	.life-test-box{height: auto;}
	
}
@media only screen and (min-width: 100px) and (max-width:767px ) {
	.student .whyhkbu-tab{margin-top: 0;}
	.page-title:after{width: 8em;border: 1px solid #ffffff;/*#138AC6;*/}
	.at-a-glance .img{margin: 0 -15px;}
	.img-list.create .top>div{height: 256px;}
	.img-list.create .bottom .bottom-center{height: 260px;}
	.img-list.create .bottom .bottom-right{;height: 260px; }
}
@media only screen and (min-width:768px ) and (max-width: 991px){
	header .nav-list{margin: 0;position: absolute;}
	header .nav-list li{width: auto;}
	header .nav-list li a{font-size: 12px;line-height: 5px;}
	header .nav-list li .dropdown-menu{display: none;position: absolute;}
	header .nav-list li .dropdown-menu a{padding: 0 20px;}
	header .nav-list li:after{content: "|";height: auto;border: 0;margin: 0;display: inline-block;}
}
@media only screen and (min-width:992px ) {
	.student .page-title{margin-top: -40px;}
}