@media only screen and (min-width: 100px) and (max-width: 949px) {
	html, body{
		padding-bottom: 50px;
	}
	
	.footer-wrapper{margin-top: 50px;}
	
	
	.txt{padding: 0;}
	.main-wrapper{width: 100%; padding-top: 0;}
	.page-content{height: auto;}
	
	
	.mobile-menu-wrapper{
		display: none;
		position: absolute;
		z-index: 200;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
/* 		background-color: rgba(134, 103, 66, 0.8); */
		background-image: url(../../img/others/mobile_menu_bg.png);
		background-size: 100% 100%;		
	}
	.mobile-menu-wrapper.open{display: block;}
	.mobile-menu-wrapper ul{
	    border-top: 1px solid #fff;
	    margin: 80px 25px;
	    padding: 20px 0;
	}	
	.mobile-menu-wrapper ul li{list-style: none;}
	.mobile-menu-wrapper ul li a{
	    color: #454242;
	    display: block;
	    font-size: 24px;
	    padding: 10px 20px;	
	}
	
	.mobile-menu-wrapper ul li a.active,
	.mobile-menu-wrapper ul li a:hover{
		background-color: #3D4142;
		color: #fff;
	}	
	
	.mobile-menu-wrapper ul li a.style2.active,
	.mobile-menu-wrapper ul li a.style2:hover{
		background-color: #3D4142;
		color: #fff;
	}	
		
	.mobile-menu-wrapper ul li a.style3{
		font-size: 18px;
	}
	.mobile-menu-wrapper ul li a.style3.active,
	.mobile-menu-wrapper ul li a.style3:hover	
	{
		background-color: #3D4142;	
		color: #fff;
	}	
	.page-header-bar{font-size: 24px;}
	.btn-nav{
		position: absolute;
		top:20px;
		right: 20px;
		z-index: 250;
	}
	#nav-icon3 {
	    cursor: pointer;
	    height: 15px;
	    margin: 0 auto;
	    position: relative;
	    transform: rotate(0deg);
	    transition: all 0.5s ease-in-out 0s;
	    width: 23px;
	}
	
	#nav-icon3 span {
	    background: #3D4142 none repeat scroll 0 0;
	    border-radius: 3px;
	    display: block;
	    height: 2px;
	    left: 0;
	    opacity: 1;
	    position: absolute;
	    transform: rotate(0deg);
	    transition: all 0.25s ease-in-out 0s;
	    width: 100%;
	}
	#nav-icon3 span:nth-child(1) {
	    top: 0;
	}
	#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
	    top: 7px;
	}
	#nav-icon3 span:nth-child(4) {
	    top: 14px;
	}
	#nav-icon3.open span:nth-child(1) {
	    left: 50%;
	    top: 18px;
	    width: 0;
	}
	#nav-icon3.open span:nth-child(2) {
	    transform: rotate(45deg);
	}
	#nav-icon3.open span:nth-child(3) {
	    transform: rotate(-45deg);
	}
	#nav-icon3.open span:nth-child(4) {
	    left: 50%;
	    top: 18px;
	    width: 0;
	}	
	
	.isWeb{display: none;}
	.isMobile{display: block;}
	.col22 img,
	.col2 img{width: 100%;}
	.col1 , .col2,
	.col12 , .col22{float: none;}
	.col12,
	.col1{width: 100%; margin: 20px 0;}
	.col2{width: 100%;}
	.col22{width: 100%; max-width: 300px;}
	.scroll_list{width: 96%;}
	
	.vision-wrapper{background-image: none; height: auto;}
	.vision-wrapper .col-left{width: 100%;}
	
	
	.learning-and-teaching .cover-wrapper{background-image: none; height: auto;}
/*
	.learning-and-teaching .cover-wrapper .cover-block{width: auto; padding: 15px; display: block;}
	.learning-and-teaching .cover-wrapper .cover-block .cover-dot{display: none;}
	.learning-and-teaching .cover-wrapper .cover-block .cover-title{width: 100%; padding: 0;}
	.learning-and-teaching .cover-wrapper .cover-block > div{width: 100%; display: inline-block; padding: 0;}
	.learning-and-teaching .cover-wrapper .cover-block .cover-caption > div{width: auto;}
*/


	.research-and-knowledge-transfer .cover-wrapper{background-image: none; height: auto;}
	.research-and-knowledge-transfer .cover-wrapper .cover-block{position: relative; display: block; width: 100%;}
	.research-and-knowledge-transfer .cover-wrapper .cover-block .cover-bg{height: 100%;}
	
		
	.partnership-and-community-engagement .cover-wrapper{background-image: none; height: auto;}
	.partnership-and-community-engagement .cover-wrapper .cover-block{position: relative; display: block;}
	.partnership-and-community-engagement .cover-wrapper .cover-block .cover-bg{height: 100%;}
/* 	.partnership-and-community-engagement .cover-wrapper .cover-block .cover-bg{ min-height: 340px;} */
	
	.popup-item{}	
	.popup-item .col-msg{color: #000;}
	.popup-item .col-msg{position: static; width: 100%;}
	.popup-item .col-msg .top-msg,
	.popup-item .col-msg .break-line,
	.popup-item .col-msg .credit-msg{
		width: 100%;
		padding: 20px 0;
		margin-top:0;
	}
	.popup-item .col-msg .break-line{margin-top: 0; padding: 0;}
	.popup-item a.btn-more{position: static;}
	
	
	.page-subpage-bar .line{background-size: 100%; height: 20px;}
	
	/**/
	.col25{width: 100%;}
	.col15{position: relative; height: auto;}
	.learning-and-teaching{}
	.learning-and-teaching .desc{margin: 150px 0; width: 90%; float: right;}
	.learning-and-teaching .photo2{position: relative; width: 60%; height: 380px;}
	.learning-and-teaching .ppl-desc{
	    width: 60%;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    line-height: 10px;
	    font-size: 8px;
	    text-align: left;
	    left: auto;
	}
	.learning-and-teaching .header-block{
	    height: 280px;
	    background-size: contain;
	    background-position: top right;	
		background-image: url(../img/learning-and-teaching/photo1_m.png); 	    
		position: static;
		width: 100%;
		/* background-position: right top; background-size: 50%;  */ /* background-image: none; height: auto; */}
	
	
	.learning-and-teaching .col15.isMobile{top:-80px;}
	
	
	.research-and-knowledge-transfer .sub-point-m{
	    width: 30%;
/* 	    height: 30%; */
	    position: absolute;
	    bottom: 30px;
	    left: 25%;
	}
	.research-and-knowledge-transfer .sub-point-m img{width: 100%;}
	.research-and-knowledge-transfer .arrow-info{
		background-image: none;
		position: absolute;
		width: 45%;
		height: auto;
		bottom: 30px;
		right: 0;
		float: right;
	}
	.research-and-knowledge-transfer .arrow-info img{width: 100%;}
	.partnership-and-community-engagement .pic{position: absolute; width: 100%;}
	
	.owl-carousel .caption-block{position: static; margin-top: 10px; width: 100%; padding-left: 0; display: inline-block;}
	
	
	.body-wrapper.learning-and-teaching2 .page-subpage-bar.fullsize .line{background-size: 100%; height: auto; background-position: bottom; padding-bottom: 5px; line-height: 20px;}
}