/* @override 
	http://localhost/~cody/firestone/style/mobile_components.css
	http://www.firestonerestaurant.ca/style/mobile_components.css
*/

/**
 * 	More universal selectors for animating
 */


@font-face {
  font-family: 'font';
  src: url('../font/font.eot?46705826');
  src: url('../font/font.eot?46705826#iefix') format('embedded-opentype'),
       url('../font/font.woff?46705826') format('woff'),
       url('../font/font.ttf?46705826') format('truetype'),
       url('../font/font.svg?46705826#font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font';
    src: url('../font/font.svg?46705826#font') format('svg');
  }
}
*/
 
 [class^="micon-"]:before, [class*=" micon-"]:before {
  font-family: "font";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.micon-menu:before { content: '\e801'; } /* '' */

.collapse {
  	display: none;
}
.collapse.in {
  	display: block;
}
.collapsing {
  	position: relative;
  	height: 0;
  	overflow: hidden;
  	-webkit-transition: height 0.35s ease;
 	 transition: height 0.35s ease;
}

/**
 * 	Mobile banner styles
 */

.mobile-banner {
	display:none;
}

.js .mobile-banner .default {
	display:none;
}

/*.using-touch .carousel .item {
	transition: transform 0.3s ease-out;
	-webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
}*/

ul.carousel {
	margin:0;
	padding:0;
	list-style:none;
}

.carousel {
	overflow: hidden;
    position: relative;
    width: 100%;
	height: 300px;
}

.carousel > .item {
	display: none;
    position: relative;
	width: 100%;
	height: 300px;
}

.carousel > .item.transition {
	-webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out;
}

.carousel > .item img {
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	top: 0;
}

.carousel > .active,
.carousel > .next,
.carousel > .prev {
	display: block;
	
}

.carousel > .active {
	left:0;
	z-index:0;
}

.carousel > .next,
.carousel > .prev {
	position: absolute;
    top: 0;
    width: 100%;
    z-index:10;
}

.carousel > .next.left,
.carousel > .prev.right {
	left:0; 
}

.carousel > .next,
.carousel .active.right {
	left: 100%; 
}

.carousel > .prev,
.carousel .active.left {
	left: -100%;
}

.carousel .item .caption {
	position:absolute;
	right: 0;
	bottom: 30px;
	z-index: 10;
	
	color: #FFFFFF;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 1px;
    background: none repeat scroll 0 0 #010101;
    text-transform: uppercase;
    padding: 10px 30px 10px 10px;
}



/**
 * 	Mobile nav styles
 */
.mobile-nav {
	display:none;
	background-color:#000;
	
	overflow: visible;
	position: relative;
  	min-height: 50px;
  	/*margin-bottom: 20px;*/
  	border: 1px solid transparent;
}

.nav-header {
	overflow:auto;
	padding: 20px;
}

.nav-header .branding {
	background:url(../images/firestone-logo.svg) no-repeat;
	background-size:contain;
	display:block;
	height: 55px;
	width: 223px;
	float:left;
	display: block;
}

.nav-header .button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
    font-size: 19px;
    cursor:pointer;
    
    webkit-transition: color 400ms linear;
     -webkit-transition: color 400ms linear;
     transition: color 400ms linear;
     
     color:#EA3021;
}

.nav-header .button.collapsed {
	color: #FFFFFF;
}

.nav-header .button.collapsed:hover {
	cursor:pointer;
}

.mobile-nav .navigation {
	background:url(../images/sub-nav-background.jpg);
	
	/*max-height: 340px;*/
  	overflow-x: visible;
  	
  	border-top: 1px solid transparent;
  	
  	-webkit-overflow-scrolling: touch;
  	padding-right: 15px;
  	padding-left: 15px;
  	position: absolute;
  	top: 117px;
  	width: 100%;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	z-index: 1500;
  	left: 0;
  	/*margin-left: -15px;
    margin-right: -15px;
    */
  	
}

.mobile-nav .navigation > ul {
	/*margin: 7.5px -15px;*/
}

.mobile-nav ul {
	margin:0;
	padding:0;
}

.mobile-nav li {
	list-style: none outside none;
}

.mobile-nav li.active > .item a {
	color:#EA3021;
}

.mobile-nav li .item {
	background-image: url("../images/sub-nav-divider.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    
}

.mobile-nav li a {
	
    color: #FFFFFF;
    
    display:block;
    float:left;
    text-decoration:none;
    padding-top : 12px;
    padding-bottom:12px;
	width: 100%;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.mobile-nav li .item .button {
	background-color: #313131;
    color: #AFAFAF;
    cursor: pointer;
    float: right;
    margin-top: 6px;
    padding: 6px 12px;
    text-transform: uppercase;
    font-size: 14px;
	min-width: 70px;
	text-align: center;
	border-radius: 3px;
}
.mobile-nav li .item .button i {
	padding-right: 3px;
}
.mobile-nav li .item .button.on {
	color:#FFFFFF;
}

.mobile-nav .top-level {
	
}

.mobile-nav .top-level > li {
	
}

.mobile-nav .top-level > li > .item {
	
}

.mobile-nav .top-level > li  > .item > a {
	font-size:19px;
}



.mobile-nav .sub-level {
	
}

.mobile-nav .sub-level > li {
	
}

.mobile-nav .sub-level > li > .item {
	
}

.mobile-nav .sub-level > li  > .item > a {
	background-image: url("../images/sub-nav-bullet-off.png");
    background-position: 1px 19px;
    background-repeat: no-repeat;
    
    
}




.mobile-nav .level-1 {
	
}

.mobile-nav .level-1 > li {
	
}

.mobile-nav .level-1 > li > .item {
	
}

.mobile-nav .level-1 > li > .item a {
	padding-left:18px;
    margin-left: 0;
} 



.mobile-nav .level-2 {
	/*background : #545353;*/
	
}

.mobile-nav .level-2 > li {
	
}

.mobile-nav .level-2 > li > .item {
	
}

.mobile-nav .level-2 > li  > .item > a {
	margin-left: 15px;
	padding-left:20px;
}
#content,
#content-noBG,
#footer,
.mobile-banner {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.mobile-nav-visible #content,
.mobile-nav-visible #content-noBG,
.mobile-nav-visible #footer,
.mobile-nav-visible .mobile-banner {
	opacity: 0.05;
}

/**
 * 	Add2home styles for iphone
 */
/**
 *
 * Main container
 *
 */
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	touch-callout:none;
	width:240px;
	font-size:15px;
	padding:12px 14px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#addToHomeScreen.addToHomeIOS7 {
	background:#f2f2f2 !important;
	-webkit-border-radius:1px !important;
	border:1px solid #ccc;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
}

#addToHomeScreen.addToHomeIpad {
	width:268px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
	width:296px;
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
	width:320px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px;
	left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeArrow {
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#f2f2f2)) !important;
	-webkit-box-shadow:inset -1px -1px 0 #fff !important;
	border-color:#ccc !important;
}

/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:4px;
	top:4px;
	width:18px;
	height:18px; line-height:14px;
	text-align:center;
	text-indent:1px;
	-webkit-border-radius:9px;
	background:rgba(0,0,0,0.12);
	color:#888;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:16px;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
	line-height:12px;
	padding-right:1px;
	background:transparent;
	border: 1px solid #888;
	-webkit-box-shadow:none;
}

/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
	font-weight:bold;
	font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}

#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
	width:11px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
	background-size:11px 15px;
}

/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
	display:block;
	float:left;
	border-radius:6px; 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:no-repeat;
	width:57px; height:57px;
	background-size:57px 57px;
	margin:0 12px 0 0;
	border:1px solid #333;
	background-clip:padding-box;
}





@media(min-width:1200px) {
	
}

@media(min-width:1200px) {
	
}



@media(min-width:992px) {
	
}


/**
 * 	Misc hiding and page overrides
 */
@media(max-width:992px) {
	/**
	 * 	Custom styles for larger mobile 
	 */
	.mobile-banner {
		display:block;
	}
	
	.banner-wrapper {
	   display:none;
	}
	#page {
		width:100%;
	}
	
	#content,
	#content-noBG{
		margin-top:0;
		margin-bottom: 0;
		padding: 20px;
	}
	#content.HasSidebar,
	#content-noBG.HasSidebar,
	#content.HasSidebar #side,
	#content-noBG.HasSidebar #side {
		padding-left: 0;
	}	
	#content .hasSidebar,
	#content-noBG .hasSidebar {
		width: 66%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 20px;
	}

	#side {
		width: 34%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#content div#side {
		margin-left: 0;
	}
	#content .hasSidebar h1{
		margin-top: 0;
	}
	.default-sidebar ul.main-list-item {
		padding-left: 15px;
	}
	.default-sidebar #side-nav li > ul.subnav {
		position:static;
		width:auto;
		margin:0;
		display:block !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-left: 0;
		background-image: url('../images/sub-nav-divider.png');
		background-repeat: repeat-x;

		border: none;
		width: 100%;
	}
	.default-sidebar #side-nav li > ul.subnav li {
	}
	.default-sidebar #side-nav li > ul.subnav li a{
		padding-left: 35px;
		font-weight: normal;
		font-size: 13px;
		text-transform: uppercase;
		background-position: 16px 17px
	}
	.default-sidebar #side-nav li > ul.subnav.collapse {
		display:none;
	}
	#header {
		min-height: 117px;
	}
	#header img.logo {
		position:static;
		margin:19px 0 0 19px;
		float: left;
	}
	.desktop-nav > div{
		float: left;
		width: 60%;
		margin-left: 3%;
		margin-top: 19px
	}
	ul#nav {
		/*top: 76px;
		right:auto;*/
		margin:0;
		position: static;
		
	}
	.staff-area ul#nav{
		width:100%;
		
	}
	.menu-content {
		padding-left: 0;
		padding-right: 0;
		-webkit-transition: 500ms padding;
		transition: 500ms padding;
		-wekit-transition: 500ms padding;
	}
	.showImg .menu-content{
		padding-left: 10px;
		padding-right: 10px;
	}
	.menu_item ul li {
		margin-right: 0;
		margin-left: 10px;
	}
	
	
	
	.page-id-3 #main {
		padding:0;
	}
	
	.NoSidebar #main {
		width: auto;
		
	}
	
	#content.NoSidebar #main {
		padding:20px;
	}
	
	#footer {
		height:auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#footernav {
		width:auto;
		padding-bottom: 10px;
	}
	
	
	
	.banner-filler {
		display:none;
	}
	
	/**
	 * 	form overrides
	 */
	fieldset {
		width:auto !important;
	}
	
	
	/**
	 * 	Menu overides
	 */
	.menu-container {
		border-top: 1px solid #222;
	}
	
	.menu_item {
		margin:10px 0 0 0;
		border-bottom: 1px solid #222
	}
	
	.genrl_header iframe {
		display:none;
	}
	
	/**
	 * 	gift cards
	 */
	ul.giftcards li {
		overflow: auto;
		margin-bottom:20px;
	}
	
	ul.giftcards li img {
/* 		float:left; */
	}
	ul.giftcards li form {
		display: inline;
		margin: 0 !important ;
		text-align: center;
		position: relative;
	}
	ul.giftcards li form input {
		display: block;
		margin: 5px auto 0 auto;
	}
	.social-link-box {
		width: 49%;
		height: 44px;
		background-position: top right;
		margin-right: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.social-box-item-7 {
		background-image: url("../images/firestone-facebool-bg.png");
	}
	
	.social-box-item-6 {
		background-image: url("../images/firestone-twitter-bg-repeat.png");
		float: right;
	}
	.social-box-item-5 {
		background-image: url("../images/firestone-newsletter-bg-wide.png");
	}
	.social-link-box .image-section-picture,
	.social-link-box .image-section-picture img {
		display: none;
	}

	.section-link-box, 
	.section-link-box-inner-full-width {
/* 		margin:0; */
/* 		width:100%; */
		margin-top: 0;
		height: 140px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background-position: right bottom;
	}
	.section-link-box{
		margin-right: 0;
		width: 49%
	}
	.page-id-3 .section-link-box.last {
		float: right;
	}
	.section-link-box .linkbox-content, 
	.section-link-box-inner-full-width .linkbox-content {
		margin:0;
	}
	
	.section-link-box .linkbox-content h2, 
	.section-link-box-inner-full-width .linkbox-content h2 {
		font-size:1.2em;
	}
	.section-link-box .image-section-picture {
		top: auto;
		bottom: 0;
	}
	#main .section-link-box .image-section-picture img {
		width: auto;
		max-width: none;
	}
	.section-link-box-inner-full-width {
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}
	.section-link-box-inner-full-width .linkbox-content{
		width: auto;
	}
	#staff_login form{
		width: auto;
		max-width: 400px;
		margin: 15px 0;
	}
}

@media(min-width:900px) {
	
}

@media(max-width:900px) {
	#footer .social {
		display: none;
	}
	#footer div.login-link{
		margin-left: 0;
		text-decoration: underline;
	}
	.section-link-box {
		height: 170px;
	}
	.section-link-box .linkbox-content {
		width: 55%;
	}
}


@media(max-width:767px){
	/**
	 * 	Custom styles for mobile 
	 */
	.desktop-nav {
		display: none;
	}
	
	.mobile-nav {
		display: block;
	}
	
	.nav-header .button {
		font-size:17px;
		margin-top: 9px;
		float:right;
	}

	.banner-wrapper {
		/**/ 
	}
	
	#content,
	#content-noBG{
		margin:0;
		width:auto;
		background: #191919 url(../images/content-container-background.jpg) no-repeat;
	}
	
	#main,
	#content .hasSidebar,
	#content-noBG .hasSidebar {
		width: auto;
		padding:0;
		float: none;
		margin:0;
	}
	#content.HasSidebar,
	#content-noBG.HasSidebar {
		padding-left: 20px;
	}	
	
	
	#side {
		display:none;
	}

	.carousel .item .caption {
		display:none;
	}	
	
	.home-page .carousel .item .caption {
		display:block;
	}
	
	#main .section-link-box .image-section-picture img {
		opacity:0.2;
	}
	
	/*#main .section-link-box .image-section-picture img:hover {
		opacity:1;
	}*/

}
@media(max-width:767px){
	/**
	 * 	Custom styles for mobile 
	 */
	.mobile-banner {
		
	}
	.section-link-box {
		height: 140px;
	}
	.section-link-box .linkbox-content {
		width: auto;
	}
	#main .section-link-box .image-section-picture img{
		/*display: none;*/
	}
	.row {
		overflow: auto;
	}
	.teleform .row label, 
	.teleform .row .label {
		width: 33%;
	}
	.teleform .row button {
		float: right;
	} 
	.teleform .row input[type="text"], 
	.teleform .row input.text, 
	.teleform .row textarea,
	.teleform .row select {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: right;
	}
	#footer .login-link {
		display: none;
	}
}

@media(min-width:768px){
	/**
	 * 	Custom styles for desktopview
 	*/
}

@media(max-width:600px) {
	#content,
	#content-noBG,
	#content.HasSidebar,
	#content-noBG.HasSidebar{
		padding: 0;
	}
	#main,
	#content .hasSidebar,
	#content-noBG .hasSidebar {
		padding: 20px;
	}
	.section-link-box{
		margin: 0;
		width: 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		border-top: 1px solid #222;
		-moz-box-shadow: none;
	}

	.social-link-box {
		float:none;
		margin:0;
		width:100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-box-shadow: none;
	}
	
	#footer .footernav {
		display: block;
		border-top: 1px solid #333;
		width: 100%;
		padding: 0;
		margin-top: 15px;
		margin-bottom: 0;
	}
	#footer .footernav #footernav {
		padding-bottom: 0;
	}
	#footer .footernav li {
		display: block;
		width: 100%;		
	}
	#footer .footernav li a,
	#footer div.login-link{
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #333;
		width: 100%;
		padding: 10px 0;
	}
	#footer div.login-link {
	}
	#footer .copyright{
		float: none;
		clear: both;
	}
	#footer .copyright a {
		display: block;
		padding: 10px 0;
		font-size: 12px;
		color: #666
	}


}
@media(max-width:500px) {
	ul.giftcards li form input {
		display: inline-block;
		margin: 5px 0 0 0;
	}
}
@media(max-width:450px) {
	#staff_login form{
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.teleform .row button {
		float: none;
	} 
	.teleform .row .label,
	.teleform .row label,
	.teleform .row .item,
	.teleform .row input[type="text"], 
	.teleform .row input.text, 
	.teleform .row textarea,
	.teleform .row select,
	.teleform .row input[type="text"], 
	.teleform .row input.text, 
	.teleform .row textarea,
	.teleform .row select,
	.teleform .row div.groupRow{
		float: none;
		width: 98%;
	}
	.teleform .row div.groupRow {
		display: block;
		background: none;
	}
}
@media(max-width:400px) {
	.nav-header .branding {
		height: 47px;
		width: 190px;
	}
}