/* Set and/or hide mobile added elements */
.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
	padding-top: 1em;
	display: none;
	font-size: 20px;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 1.25em;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.25em 0 0 black,
    0 0.5em 0 0 black;
}
#mobile_nav { display: none; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 680px) {
	.box-shadow-menu, #mobile_nav { display: block; padding-top: 1em; }
	#header { min-width: 320px; padding: 0; }
	.logo { clear: both; float: none; display: block; padding: 20px 20px 0; }
	.gnav, .utility { display: none; }
	.mm-slideout { background-color: #fff; }
	#content_wrapper { clear: both; width: 100%; }
	#content { padding: 0 20px; min-width: 280px; max-width: none; }
	.h_promo { display: none; }
	.h_main { width: 100%; margin: 0; padding: 0; }
	.home h1 { font-size: 32px; }
	.help_promo { display: none; }
	.green_filter { max-width: none; }
	.green_filter h3 { background: url(../imgs/green_hd_bg_left.png) repeat-x; }
	.home .home_specials, .footer_wrapper, .home .home_promos { min-width: 280px; width: 100%; }
	#footer_wrapper { height: auto; min-width: 280px; width: 100%; }
	#footer { padding: 0 20px;  min-width: 280px; }
	.f_info, .f_touch, .f_call { width: 100%; padding: 10px 0;}
	.call_info { padding: 0; }
}