.hovergallery{
	width:1080px;
	margin:auto;
}

.hovergallery img{
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
transform:scale(1);
}

.hovergallery img:hover{
-webkit-transform:scale(1.5); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.5); /*Mozilla scale version*/
-o-transform:scale(1.5); /*Opera scale version*/
transform:scale(1.5);
-webkit-transition: 0.5s; /*Webkit: Animation duration*/
-moz-transition: 0.5s; /*Mozilla duration version*/
-o-transition: 0.5s; /*Opera duration version*/
transition: 0.5s;
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
z-index:999;
position: relative;
}


@media screen and (min-width: 1400px){
	.content{
		width:1160px;
	}
	.hovergallery{
		width:1040px;
	}
	#itmc_logo{
		width:40%; 
		top:10px;
		left:20px;
	}
	#hkma_logo{
		left:530px; 
		width:27%; 
		top:-40px;
	}

	#smei_logo{
		left:530px;
		width:20%; 
		top:-40px;
	}
}

@media screen and (min-width: 1175px) and (max-width: 1399px){
	body{
		width:1100px;
	}
	.content{
		width:980px;
	}
	.hovergallery{
		width:880px;
	}
	#itmc_logo{
		width:35%; 
		top:30px;
		left:40px;
	}
	#hkma_logo{
		left:430px; 
		width:27%; 
		top:0px;
	}

	#smei_logo{
		left:430px;
		width:20%; 
		top:0px;
	}
	#title{
		top:10px;
		font-size:24px;
	}
}

@media screen and (min-width: 950px) and (max-width: 1174px){
	body{
		width:840px;
	}
	.content{
		width:730px;
	}
	.hovergallery{
		width:700px;
	}
	#itmc_logo{
		width:35%; 
		top:30px;
		left:40px;
	}
	#hkma_logo{
		left:150px; 
		width:27%; 
		top:0px;
	}

	#smei_logo{
		left:150px;
		width:20%; 
		top:0px;
	}
	#title{
		font-size:24px;
	}
}

@media screen and (min-width: 725px) and (max-width: 949px){
	body{
		width:660px;
	}
	.content{
		width:550px;
	}
	.hovergallery{
		width:525px;
	}
	#itmc_logo{
		width:32%; 
		top:30px;
		left:40px;
	}
	#hkma_logo{
		left:150px; 
		width:27%; 
		top:10px;
	}

	#smei_logo{
		left:150px;
		width:20%; 
		top:10px;
	}
	#title{
		font-size:18px;
	}
	.logos{
		width:600px;
		top:-60px;
	}
}

@media screen and (min-width: 500px) and (max-width: 724px){
	body{
		width:480px;
	}
	.content{
		width:370px;
	}
	.hovergallery{
		width:350px;
	}
	#itmc_logo{
		width:32%; 
		top:10px;
		left:40px;
	}
	#hkma_logo{
		left:40px; 
		width:27%; 
		top:0px;
	}

	#smei_logo{
		left:40px;
		width:20%; 
		top:0px;
	}
	#title{
		font-size:18px;
	}
	.logos{
		width:450px;
		top:-25px;
		left:20px;
	}
}

@media screen and (max-width: 499px){
	body{
		width:290px;
	}
	.content{
		width:280px;
	}
	.hovergallery{
		width:180px;
	}
	#itmc_logo{
		width:40%; 
		top:10px;
		left:-20px;
	}
	#hkma_logo{
		left:-30px; 
		width:28%; 
		top:0px;
	}

	#smei_logo{
		left:-30px;
		width:24%; 
		top:0px;
	}
	#title{
		font-size:18px;
	}
	.logos{
		width:280px;
		top:0px;
		left:20px;
	}
}