@charset "UTF-8";  
@media only screen and (min-width: 2541px){
	body{
		font-size: 28px;
	}
	.img-thumbs li img{
		width: 196px;
	}
}
@media only screen and (min-width: 1941px) and (max-width: 2540px){
	body{
		font-size: 24px;
	}
	.img-thumbs li img{
		width: 146px;
	}
}
@media only screen and (min-width: 1601px) and (max-width: 1940px){
	body{
		font-size: 20px;
	}
	.img-thumbs li img{
		width: 116px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1600px){
	body{
		font-size: 16px;
	}
	.img-thumbs li img{
		width: 86px;
	}
}
@media only screen and (min-width: 981px) and (max-width: 1280px){
	body{
		font-size: 14px;
	}
	.img-thumbs li img{
		width: 66px;
	}
}
@media only screen and (min-width: 761px) and (max-width: 980px){
	body{
		font-size: 12px;
	}
	.nav{
		padding-top: 5px;
	}
	.mainimg .grid_12{
		font-size: 20px;
	}
	.img-thumbs li img{
		width: 46px;
	}
}
@media only screen and (max-width: 760px){
	#up2top{
		margin: 0 0 0 -19px !important;
	}
	body{
		min-width: 0;
	}
	.container_12,
	[class*='grid']{
		display: block !important;
		float: none !important;
		width: auto !important;
	}
	main{
		padding: 0;
	}
	.mainplain img{
		max-width: 30%;
	}
	.features table{
		display: table;
	}
	.img-thumbs li{
		margin: 12px 6px 0;
	}
	.img-thumbs li:nth-child(4n+1){
		margin-left: 6px;
	}
	.img-thumbs li img{
		width: 47px;
	}
	.hostel .plaintext{
		margin-top: 30px;
	}
	footer{
		height: auto;
		margin: 0;
		padding-bottom: 30px;
	}
	.footer-nav table td{
		padding: 20px 0;
		width: 1000px;
	}
}











































/* off */