@media only screen and (max-device-width: 480px) {
	.max_wrapper{
		width: 90%;
	}
	.vertical-white-img{
		display: none;
	}
	#header .max_wrapper{
		display: block;
		text-align: center
	}
	#navmenu{
		display: block;
		margin: 0;
		padding: 0;
		background: transparent;
		border: transparent;
		position: absolute;
		left: 0;
		top: 0;
	}
		#navmenu img{
			width: 25px;
		}
	#navigation{
		position: fixed;
		left: -100%;
		top: 0;
		padding: 20px;
		background: #fff;
		z-index: 999;
		width: 100%;
		height: 100%
	}
	#navigation a{
		display: block;
		color: #000;
		text-align: left;
		margin: 0;
		font-size: 17px;
		border-bottom: 1px solid #ccc;
		padding: 18px 0
	}
	#navigation a#order-online{
		background: #c93613;
		color: #fff;
		padding: 18px 0;
		text-align: center
	}
	#navigation button{
		display: inline-block;
		margin: 0;
		padding: 0;
		border: transparent;
		background: transparent
	}
		#navigation button img{
			width: 30px
		}
	#nav-right{
		display: none
	}
	#banner{
		height: auto
	}
	#banner2{
		height: 225px
	}
		#banner2 h2{
			font-size: 25px
		}
	#popular-items h2{
		font-size: 20px
	}
	#popular-items .items{
		display: block
	}
	#popular-items .items .item{
		margin: 0 0 20px 0
	}
	#locations .items{
		display: block
	}
	#locations .items .item{
		margin: 0 0 20px 0
	}
	#our-story .max_wrapper{
		display: block;
		height: auto
	}
	#our-story #story_text{
		padding: 25px
	}
	#our-story #story_text h2{
		font-size: 25px
	}
	#footer .items{
		display: block
	}
	#footer .items .item{
		padding: 0
	}
	#popular-items.gallery .items{
		grid-template-columns: repeat(2,1fr)
	}
	#popular-items .items .item .item-img{
		height: 175px
	}
	#locations #all-outlets{
		float: initial;
		padding:0px;
		margin: auto;
		color: #fff;
		font-size: 15px;
		cursor: pointer;
	}
	.desktop-locations{
		display: none;
	}
	.mobile-locations{
		display: block;
		background: url(../images/location_bg.jpg) center center no-repeat;
    background-size: cover;
	}
	#franchise{
		max-width: 450px;
		margin: auto;
		width: 100%;
	}
	#mobile-order-online{
			display: block;
			font-family: 'open_sanssemibold';
			font-size: 20px;
			width: 100%;
			height: 50px;
			background: #f0ddbb;
			color: #c93613;
			margin: 30px 0px;
			border: 1px solid #000;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
			/* border: transparent; */
			text-transform: uppercase;
		
	}
	#popular-items h4 {
		font-family: 'open_sanssemibold';
		font-size: 25px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		margin: 40px 0 38px 0;
	}
	
}