.mobile-nav-wrapper{
	background-color:rgba(0, 0, 0, .8);
	width:100%;
	height: 100%;
	min-height: 1px;
	position: fixed;
	top:0;
	left:0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	
}

.mobile-nav-wrapper.open{
	opacity: 1;
	z-index: 10000;
}
/*

.mobile-nav-trigger{
	position: fixed;
	top:20px;
	left:20px;
	display: none;
	width:40px;
	height:40px;
	z-index: 10001;
}
*/



/* Important styles */

.mobile-nav-trigger {
  position: fixed;
	top:17px;
	left:9px;
 display: none;
  width: 28px;
  height: 30px;
  z-index: 10001;
}

.scrolled .mobile-nav-trigger {
	top:22px;
}

.mobile-nav-trigger span:after,
.mobile-nav-trigger span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}

.mobile-nav-trigger span:after {
  top: 9px;
}

.mobile-nav-trigger span {
  position: relative;
  display: block;
}

.mobile-nav-trigger span,
.mobile-nav-trigger span:after,
.mobile-nav-trigger span:before {
  width: 100%;
  height: 5px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}


/* on activation */

.mobile-nav-trigger.on span {
  background-color: transparent;
}

.mobile-nav-trigger.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}

.mobile-nav-trigger.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}

.mobile-nav-trigger.on + #menu {
  opacity: 1;
  visibility: visible;
}





.mobile-nav-wrapper ul,
.mobile-nav-wrapper ul li{
	margin:0;
	padding:0;
	list-style: none;
}

.mobile-nav-wrapper ul{
	height:300px;
	width:300px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-200px;
	line-height: normal;
}

.mobile-nav-wrapper ul li{
	padding:0 0 40px;
}

.mobile-nav-wrapper ul li a{
	text-align: center;
	color:#fff;
	font-size:24px;
	display: block;
}


.large-box{
	margin:auto;
}



@media screen and (max-width: 1200px) {
	
	body{
		min-width: inherit;
		overflow-x:hidden;
	}
	
	.container{
		width:80%;
		padding:0;
		margin:auto;
	}
	
	/*
header:not(.lite-header){
		padding:30px 0 10px;
		
	}
*/
	
	header:not(.lite-header) .container{
		padding:20px 0 0 0;
		
	}
	
	header .nav:not(.scrolled){
		position: static;
		left:auto;
		bottom:auto;
		margin:auto !important;
		max-width: 715px;
	}
	
	
	header .logo{
		position:static;
		margin: auto;
		left:auto;
		top:auto;
		display: block;
		margin-bottom: 23px;
	}
	
	header.lite-header .nav{
		position: static;
		float:right;
		margin-left:0 !important;
	}
	
	header .logo-lite > img{
		position: static;
		float:left;
		margin:17px 0 0 23px;
	}
	
	header.lite-header .nav > ul > li > a{
		margin-top:23px;
	}
	
}


@media screen and (max-width: 1023px) {
	#maps-wrapper{
		width:100%;
	}
	
	.tabs-nav{
		height: auto;
		margin-bottom:30px;
	}
	
	.menu_page .tabs-nav{
		margin:auto auto 30px -40px;
	}
	
	.tabs-nav > ul > li{
		float: none;
	}
	
	.tabs-nav .button{
		display: block;
		width:100%;
		margin:0px 0px 10px;
	}
	
	.franchise-image{
		max-width: 100%;
	}
	
	.locations-wrapper{
		width:90% !important;
		margin:auto !important;
	}
	
	.locations-wrapper .column{
		width:50% !important;
	}
	
	#maps-wrapper{
		width:95% !important;
	}
	
	#map, #map-single{
		width:100% !important;
	}
	
	.locations .locations-options{
		width:100%;
	}
	
	#show-all-link{
		position: static !important;
		display: block !important;
		text-align: center !important;
		width:90%  !important;
		margin-bottom:30px;	
	}
}


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

	.container{
		width:100%;
		padding:0;
		margin:auto;
	}

}


@media screen and (max-width: 867px) {
	
	.mobile-nav-trigger{
		display: block;
	}
	
	header.lite-header .nav{
		display: none;
	}
	
	.scrolled .logo-lite{
		display: block;
		margin:auto;
		width: 147px;
		height:127px;
	}
}

@media screen and (max-width: 768px) {
	.lite-header,
	header{
		height: auto;
		padding:20px 0 20px;
	}
	
	header .nav{
		display: none;
	}

	
	header .logo{
		margin-bottom:0;
	}
	
	.scrolled .logo-lite{
		height: auto;
	}
	
	.lite-header{
		padding:0 0 20px;
	}
	
	header .container{
		padding:0px 0 0 0;
		
	}
	
	.pull-right,
	.pull-left{
		float:none !important;
		margin:auto auto 20px;
	}
	
	.image-left{
		float:none;
		margin:auto;
	}
	
	section .container{
		padding-left:20px;
		padding-right:20px;
		width:90%;
	}
	
	footer{
		height: 200px;
	}
	
	
	footer .social{
		float:none;
		margin: auto;
		width:186px;
	}
	
	footer .copyright{
		float:none;
		text-align: center;
		padding-top:20px;
	}
	
	.news-inner-box,
	.our-story .inner-box{
		padding:20px;
	}
	
	.brown-shadow{
		display: none;
	}
	
	.news-image img,
	.image-centered img{
		max-width: 100%;
		height: auto;
	}
	
	.news-image{
		margin:0 34px 34px;
		height: auto;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-radius: 0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	
	.heading-table .heading-table-cell,
	.button-table .button-table-cell{
		display: block;
		text-align: center;
		padding:20px 0;
	}
	
	.heading-table .heading-table-cell > img,
	.button-table .button-table-cell > img{
		margin:auto;
	}
	
	.facts-box{
		width:90% !important;
		padding:10px 10px 10px 0  !important;
		
	}

	.inquiry-form{
		width:90%;
	}

	.inquiry-form label{
		float:none;
	}	
	
	.inquiry-form .textfield, .inquiry-form textarea{
		width:100%;
	}
	
	.lending-partners-list li{
		display: block !important;
		width:100% !important;
		text-align: center !important;
		margin-bottom:20px !important;
	}
	
	
	.sundaes .sundaes-content .sundaes-catalog > li{
		display: block;
		width:100%;
		float:none;
		margin:auto auto 20px;
	}
	
	.sundaes .sundaes-content > h2 > span:before, .blue-inner-box-wrapper .blue-inner-box h2 > span:before{
		    top: -60px;
		    left:0;
	}
	
	
	.image-center{
		max-width: 100%;
	}
	
	.news img{
		float:none;
		margin:auto;
		max-width: 100%;
	}
	
	
	.i-box .i-box-text{
		padding:30px 30px 46px 38px;
	}
	
	.info-box .info-box-content .info-box-text{
		padding:30px;
	}
	
	.bx-viewport li{
		background: none !Important;
	}
	
	.slider .slide-content > h2{
		font-size:50px;
		width:100%;
		line-height: normal;
		text-align: center;
	}
	
	.slider .slide-content{
		width:100%;
		line-height: normal;
		text-align: center;
	}
	
	.slider .slide-content br{
		display: none;
	}
	
	.large-box img{
		max-width: 85%;
	}
	
	.our-story .image-left{
		border-radius: 0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		text-align: center;
	}
	
	.our-story .image-left img{
		max-width: 100%;
	}
	
	.loyalty{
		text-align: center;
	}


}

@media screen and (max-width: 599px) {
	
	
	
	
	header .logo.use_alternate_logo_1{
		background-size: cover;
    	height: 86px;
    	width: 234px;
	}
	
	.scrolled header .logo-lite > img{
		height:87px;
		width:107px;
		padding-left:10px;
	}
	
	.locations-wrapper .column{
		width:100% !important;
		text-align: center;
	}
	
	.locations-wrapper ul{
		margin-bottom: 0 !important;
	}
	
	.locations-wrapper h3{
		margin-top: 20px;
	}
	
	.video-wrapper > iframe,
	.video-wrapper{
		width:100% !important;
	}
	
	.slider .slide-content > h2{
		font-size:45px;
	}
	
}


@media screen and (max-width: 467px) {
	
	.gift-cards{
		padding:20px 0;
	}
	
	.gift-cards .gift-cards-box{
		width:340px;
	}
	
	.catalog > li{
		display: block;
		margin:auto auto 20px;
		width:150px;
	}
	
		
	.location_page .catalog{
		margin:auto;
		width:117px;
	}
	
	.location_page .catalog > li{
		width:117px !important;
	}
	
	.content h2{
		font-size:40px;
	}
	
	
	
}