@charset "utf-8";

.bannerTop{width:50%; max-width:400px; right:10px;}
.bannerTop .inner .upcomingEvents{width:200px; position:relative; float:right; margin:0;}
.bannerTop .inner .gallery{width:200px; position:relative; float:left;}

.bannerTop .inner .upcomingEvents h2, .bannerTop .inner .gallery h2{font-size:19px;}
.aboutMawaWrapper .inner{width:94%; max-width:1100px; padding:15px 3%; margin:0; position:relative;}
.newsWrapper ul li{width:25%;}

.president{width:40%;}
.committee2016{width:60%;}
.president .inner{width:90%; padding:4% 0;}
.clist li{margin-bottom:2%; width:49%; min-height:80px;}
.prevCommittee ul{white-space:normal;}

.innerPageContainer .leftPanel{width:28%;}
.innerPageContainer .rightPanel{width:68%;}
.width4{
	width:31.33%;
	margin:0 2% 2% 0;
	float:left;
}

@media all and (min-width: 751px) and (max-width: 900px)
{
	.bannerTop{width:53%; max-width:400px; right:10px;}
	.newsWrapper ul li{width:50%;}
	
	.footerWrapper .innerC .copyright{width:100%;}
	.footerWrapper .innerC .bottomMenu{float:left;}
	.footerWrapper .innerC .bottomMenu ul li{margin:0 15px 0 0;}
	.footerWrapper .innerC ul.columns li{width:50%;}
	.footerWrapper .innerC ul.columns li:last-child{width:100%; float:none;}
	.footerWrapper .innerC ul.columns li:last-child{text-align:left;}
	.footerWrapper .innerC ul.columns li .social li{float:left;}

	.president, .committee2016{width:100%;}
	.president .inner{width:90%; padding:4% 0;}
	.clist li{margin-bottom:2%; width:49%; min-height:80px;}
	.prevCommittee ul{white-space:normal;}
	.sponsors ul{width:80%;}
}