/*Responsive CSS Overrides*/

@media screen and (min-width: 1600px) {
		
	div.slider {width: 1600px; margin: auto;}

}

@media screen and (max-width: 1600px) {
	div.slider {width: 100%;}
}

@media screen and (max-width: 1025px) {
	div.home-categories {width: 100%;}
	div.home-categories img {max-width: 95%;}
}

@media screen and (max-width: 980px) {

div#header {height: auto;}

div#header div.container {width: 98%;}

div#contentBody {width: 98%; margin: auto;}

div#footer {width: 98%;}

}

@media screen and (max-width: 935px) {
	
table.balances img{
	display:block;
	margin:auto;
	width:100%;
}


table.other-balances td{
	width:50%;
	
}

table.other-balances img{
	display:block;
	margin:auto;
}

}

@media screen and (max-width: 800px) {
div#header div.container img.logo {max-width: 500px; margin-top: 20px;}
}

@media screen and (max-width: 660px) {
div.search {display: none;}
div#header div.container div.amsco {float: none; overflow: auto; margin: 5px 0px;}
}

@media screen and (max-width: 601px) {

div#header div.container {text-align: center;}
div#header div.container img.logo {max-width: 95%; margin-top: 20px;}


table.balances img{
	width:90%;
	height:auto;

}

table.balances td{
	display:block;
	margin:auto;
	text-align:center;
	width:100%;
}

table.other-balances td{
	display:block;
	margin:auto;
	width:90%;
}


div#footer div#footer-widgets {width: 98%; float: none; margin: auto; text-align:center;}

div.copyright {text-align:center;}

	
	.columns .half ,
	.columns .third,
	.columns .two-thirds,
	.columns .quarter,
	.columns .three-quarters,
	.padded-columns .half ,
	.padded-columns .third,
	.padded-columns .two-thirds,
	.padded-columns .quarter,
	.padded-columns .three-quarters{
	    margin: auto;
	    width: 98%;
	}

}