/* CSS Document */

@media only screen and (max-width: 991px) {
	
	.rightgal-btn a
	{
		font-size:13px;
	}
	.free img
	{
		width:35px;
	}
	
	.news-updates
	{
		max-width:100%;
	}
	
	.box-btn-all
	{
		width:46.5%;
	}
	.social
	{
		right:5px;
	}
	
	.staff-listimg
	{
		width:35%;
	}
	.staff-listdesc
	{
		width:60.5%;
	}
	
	.staff-detaildesc
	{
		width:50%;
	}
	
	.event-tab-nav li a
	{
		font-size:10px;
		padding:8px 9px !important;
	}
}

@media only screen and (max-width: 800px) {
	.social
	{
		display:none;
	}
}

@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
	
	.contact-detail
	{
		border-bottom:1px solid #ccc;
		margin-bottom:20px;
	}
	
	.bodyback1
	{
		background-size:contain;
	}
	
	.news-updates
	{
		margin-right:0;
	}
	
	
}
@media only screen and (max-width: 668px) {
	.bx-pager
	{
		display:none;
	}
	
	.bodyback2
	{
		background:none;
	}

}

@media only screen and (max-width: 600px) {
	
	.pagin
	{
		width:100% !important;
	}
	
	#navigation ul li
	{
		display:list-item !important;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	
	
	}
	
	@media only screen and (max-width: 480px)
	{
		
		.art-pub-date
		{
			top:-15%;
			right:-4%;
		}
		
		.box-btn-all
		{
			width:100%;
		}
		.box-btn-all h2
		{
			font-size:15px !important;
		}
		
		.bx-caption
		{
			display:none;
		}
		
		.staff-listimg
		{
			width:100%;
			margin-bottom:10px;
			
		}
		.staff-listdesc
		{
			width:100%;
			margin-left:0;
		}
		
		.staff-detailimg
		{
			width:100%;
			float:left;
		}
		.staff-detaildesc
		{
			margin-left:0;
			width:100%;
		}
		#foot-bottom .pull-right, #foot-bottom .pull-left
		{
			float:none !important;
			margin-left:auto !important;
			margin-right:auto !important;
		}
		
		}

@media only screen and (max-width: 400px) {
	.bodyback1, .bodyback2
	{
		background:none;
	}
	
	.art-pub-date
	{
		width:80px;
		height:80px;
		top:-15%;
		right:-4%;
		font-size:12px;
		padding:10px;
	}
	
	.form-all input[type="text"], .form-all textarea
	{
		width:100%;
	}
	
}


@media only screen and (max-width: 320px) {
	.bx-controls-direction a
	{
		display:none;
	}
	.banner
	{
		cursor:pointer;
	}
}

@media only screen and (max-width: 290px) {
	
	.art-pub-date
	{
		width:60px;
		height:60px;
		top:-15%;
		right:-4%;
		font-size:10px;
		padding:4px;
	}
}