@media screen and (max-width: 900px) {
	.mobile-hide { display:none; }
	.mobile-show { display:block; }
	body { width:100%; }
	#catdog, #banner { display:none; }
	#header { width:auto; height:315px; background:url(../images/mobile-header-bottom.jpg) repeat-x bottom #3d3d3b;  }
	#header .headstuff { display:none; }
	#header .fb, #header .ig, #header .acc { display:none; }
	#h_nav { background:none; padding:0; position:static; width:auto;}
	#h_nav #oah_logo { position:static; margin:0 auto; background:url(../images/logo_oah-mobile.png);  }
	#h_nav .mainnav { display:none; }
	#h_nav .doghead { position:absolute; right:0; bottom:-35px; right:5px; max-width:50%; }


	#header .aseetslinks {background: #C6C8B6; padding:10px; text-align:center; line-height:1.25em;}
	#header .aseetslinks li { display:inline-block; padding:0 7px; }
	#header .aseetslinks a { text-decoration: underline;text-transform: uppercase; }


	#header .mobilenav { width:355px; max-width:45%; position:relative; z-index:900; }
	#header .mobilenav .current { position:relative; background:#cccdbd; font-family: 'MuseoSlab500'; text-align:center; font-size:26px; font-weight:normal; height:70px; line-height:70px;cursor:pointer; width:100%;
	-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;
	background: #d2d4c5; /* Old browsers */
		background: -moz-linear-gradient(top,  #d2d4c5 0%, #b3b59f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d4c5), color-stop(100%,#b3b59f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d2d4c5 0%,#b3b59f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d2d4c5 0%,#b3b59f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d2d4c5 0%,#b3b59f 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #d2d4c5 0%,#b3b59f 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d4c5', endColorstr='#b3b59f',GradientType=0 ); /* IE6-9 */
	}
	#header .mobilenav .current .arrow { background:url(../images/mobile-nav-bg.png) no-repeat right center; width:27px; height:35px; position:absolute; top:50%; margin-top:-17px; right:15px;}
	#header .mobilenav .menu { display:none; background:#b3b59f; }
	#header .mobilenav .menu li { display:block; list-style:none; border-bottom:1px solid #a6a88f; border-top:1px solid #dadcd0; }
	#header .mobilenav .menu li a { display:block;font-family: 'MuseoSlab500'; text-align:center; font-size:26px; font-weight:normal;color: #040400; padding:10px 0; text-decoration:none;}

	#header .mobilenav.open .current {-webkit-border-radius: 35px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius: 35px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-radius: 35px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}




	#mc_container { width:auto; }
	#mc_right { width:auto; float:none; }
	#mc_left { display:none;}


	#service_entry .entry { width:auto; float:none; }
	#childpages { float:none; padding:0; }
	#childpages li a { width:auto; text-align:left; padding:10px 10px 10px 30px; }
	#breadcrumbs { display:none; }
	.article_headline { background:none; height:auto; line-height:normal; padding:0; }
	.entry { width:auto; background:none; padding:15px;}

	#services_container {width:auto; }
	#services_container .servicebox { display:block; float:none; margin:0 auto 20px; }

	#contact_entry { width:auto; }
	#contact_entry .entry { width:auto; float:none; display:block; text-align:center;}
	#contact_entry #map { float:none; margin:20px auto; }


	#pet_wellness { position:static; width:auto; height:auto; background:#c6c8b6; padding:10px; margin:0 0 10px; }
	#pet_wellness h2 { text-indent:0; font-size:20px; font-family: 'MuseoSlab500'; font-weight:normal; }


	#footer { width:auto; }
	#f_info { text-align:center; float:none; width:auto; }
	#footer .aseetslinks { padding:30px 0 0; }

}


@media screen and (max-width: 600px) {
	#header .mobilenav .current { font-size:18px; }
	#header .mobilenav .menu li a { font-size:18px; }
}


@media screen and (max-width: 400px) {
	#h_nav .doghead { display:none; }
	#header .mobilenav {width:90%; max-width:none; margin:0 auto; }
}