/*Responsive CSS Overrides*/

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

div#header {height: auto;}
div#header div.header-container {width: 98%; height:auto; overflow:auto; margin: auto; text-align:center; padding-bottom:10px;}

div#header div.header-container div.logo{float:left; text-align:left; width:411px;}

div#header div.header-container div.right{width:auto;}

div#header div.header-container div.right div.location div.phone{float:none; border:none; font-size:2em; padding:0px;}

div#container {width: 98%;}

div.slider {width: 100%; height: auto;}

div#navTopContainer {width: 30%; float: left; margin-right: 4%;}
div#contentBody {width: 65%; float: left;}

div#footer div.footer-container {width: 98%; margin: auto;}
div#footer-widgets div#footer-widget-1 {width: 98%; margin: auto;}

}


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

div#header div.header-container div.logo {overflow:auto; padding: 5px 0px; margin: auto; float:none; text-align:center;}
div#header div.header-container img.logo {float: left;}
div#header div.header-container h1 {float: right;}

div#header div.header-container div.right {display: none;}
div#header div.header-container div.mobile-btns {display:block;}
div#header div.header-container div.mobile-btns a.btn {
	padding: 10px 20px;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 1.2em;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	line-height: 40px;
	background-color: #B9A95A;
	border: 1px solid #7E760F;
	text-shadow: 0px 0px 3px #7E760F;
	color: #ffffff;
}
div#header div.header-container div.mobile-btns div.hours {padding: 10px 0px;}

div#container {margin: 10px auto;}

div.slider {width: 100%; height: auto; margin: 0px auto; border-top: 1px solid #b9b7a7; border-bottom: 1px solid #b9b7a7;}

h1 {line-height: normal}

div#footer div.footer-container div.footer-menu {display: none;}
div#footer div.footer-container div.right {float: none; text-align:center;}
}


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

div#header div.header-container {width: 98%; margin: auto; text-align:center;}
div#header div.header-container div.logo{width:100%; text-align:center;}
div#header div.header-container img.logo {float: none; max-width: 190px; height: auto; margin: 5px 0px;}
div#header div.header-container h1 {display: none;}
div#container {width: 98%;}

div#navTopContainer {display: none;}

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

div.slider {display: none;}


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

}


/********** WP Responsive Menu Fix **********/

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

	body.logged-in #wprmenu_bar {
		top: 32px;
	}

}

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

	body.logged-in #wpadminbar {
		position: fixed !important;
		z-index:99999 !important;
    	}
	
	body.logged-in #wprmenu_bar{
		top: 46px !important;
	}
	    
    	body.logged-in #wprmenu_menu.left ul#wprmenu_menu_ul, body.logged-in #wprmenu_menu.right ul#wprmenu_menu_ul {
    		padding-top: 90px;
	}

}