@media (max-width: 1200px) { 
	html { -webkit-text-size-adjust: none; }
	
	.container {
		width: 98%;
	}
	
	
	#menu li { margin-left: 15px; }

	#header .button .btn-red { font-size: 12px; }
	#header .button .cart { font-size: 14px; }
	
	.how-to .label { padding-left: 45px; padding-right: 45px; }
	.how-to .steps .item a { padding-left: 45px; padding-right: 45px; }
	
	.signature-list .item h2 { font-size: 42px; }
	
	
}
@media (max-width: 1100px) { 
	.store-details .map { width: 48%; }
	.store-details .details { width: 48%; }
	
	.search-form { background: #BF311B; width: 74%; }
	.search-form .inner { padding: 15px; }
	.search-form .image { margin-top: 0px; }
	.search-form input[type="text"],
	.store-details .search-form input[type="text"]	{ padding: 5px 2%; width: 96%; }
	
	.search-form .search-field { width: 360px; }
	.search-form .shipping-advert { margin-right: 0px; width: 150px; }
	.search-form .shipping-advert p a { font-size: 14px; }
	.search-form h1 { font-size: 18px; line-height: 20px; }
	.search-form input[type="text"] { font-size: 12px; }
}
@media (max-width: 1070px) { 

	.how-to .label { padding-left: 30px; padding-right: 30px; }
	
}
@media (max-width: 1040px) {
	.container {
		width: 94%;
	}
	
	.home #header { padding-top: 30px; }
	
	#menu, #header .button	{ display: none; }

	.mobile-menu-toggle { background: #DE2B2B; display: block; color: #ffffff; height: 20px; font-size: 35px; left: 18px; position: fixed; top: 17px; width: 25px; z-index: 1001; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 		-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
	.mobile-menu-toggle span { color: #000000; display: block; font-size: 0px; text-indent: -9999px; position: absolute; height: 2px; width: 100%; background: #ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;  transition: .25s ease-in-out; }
	.mobile-menu-toggle span:nth-child(1) { top: 0px; }
	.mobile-menu-toggle span:nth-child(2),
	.mobile-menu-toggle span:nth-child(3) { top: 7px; }
	.mobile-menu-toggle span:nth-child(4) { top: 14px; }
	.mobile-menu-toggle.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	.mobile-menu-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.mobile-menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.mobile-menu-toggle.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	
	.mobile-menu-toggle-wrapper { background: #e13c3c; border-radius: 30px; left: 10px; position: fixed; top: 5px; width: 40px; height: 40px; z-index: 1000; }
	
	.mobile-menu-list { background: #DE2B2B; display: none; height: 100%; left: 0px; overflow: auto; padding-top: 80px; position: fixed; top: 0; width: 100%; z-index: 999; }
	.mobile-menu-list .menu-header-menu-container { padding: 20px 0px; }
	.mobile-menu-list li { display: block; text-align: center; }
	.mobile-menu-list a { color: #ffffff; display: block; font-size: 18px; padding: 15px; text-decoration: none; }
	.mobile-menu-list .btn-buy-now a { background: #ffffff; color: #e13c3c;}
	
	
	.mobile-location { background: #e13c3c; border-radius: 30px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; right: 10px; position: fixed; top: 5px;   z-index: 1001;  }
	.mobile-location img { vertical-align: middle; }
	
	#header { background: #000000; text-align: center; }
	#header .logo { display: inline-block; float: none; margin: 0px auto; }
	
	
	
	.how-to .steps .item a { padding-left: 35px; padding-right: 35px; } 
	.how-to .steps .item .text { font-size: 16px; }
	
	.how-to .label {  padding-bottom: 32px; padding-top: 32px; }
	.how-to .label h3 { font-size: 16px; }
	.how-to .steps .item .text { font-size: 15px; }
	
	.signature-list .item h2 { font-size: 36px; }
}
@media (max-width: 980px) {
	

	.how-to .label { display: none; }
	.how-to .steps { float: none; }
	.how-to .steps .item { width: 33%; text-align: center; }
	.how-to .steps .item .text { font-size: 14px; }
	
	.find-a-store .title { font-size: 26px; padding: 10px 0px 20px; }
	.find-a-store .title img { display: none; }
	
}
@media (max-width: 900px) {
	
	
	
	.locations .contentarea { float: none; border: 0px none; overflow: hidden; padding: 0px; width: 100%; }
	.locations .buttons { float: none; width: 100%; }
	.locations .button-item { display: inline-block; margin-right: 10px; }
	
	
	#awards { margin-top: -300px; }
	
	.search-form { float: none; width: 100%; }
	
	.search-form .search-field { width: 400px; }
}
@media (max-width: 860px) {
	.signature-list .item h2 { font-size: 32px; }
	.entry-content p { font-size: 16px; }
	
	.page-history .entry-content .description { padding: 0px; }
	
	.how-to .steps .item a { padding-left: 5px; padding-right: 5px; }
	
	
	
	.party-platters .item { float: none; margin: 0 0 20px; width: 100%; }
}
@media (max-width: 800px) {
	.container {
		width: 92%;
	}
	
	.signature-list .item { float: none; margin: 0px 0px 20px; width: 100%; }
	
	.page-bbq-franchising .entry-content .column { float: none; margin: 0px 0px 20px; width: 100%; }
	
	
	.locations .contentarea .image { float: none; margin-bottom: 20px; width: 100%; }
	.locations .contentarea .info { float: none; width: 100%; }
	
	.locations-single .image,
	.locations-single .map { float: none; margin-bottom: 20px; width: 100%; }
	
	
	
	.store-details .map,
	.store-details .details	{ margin: 0px 0px 30px; width: 100%; }
	
	.store-details .search-form .image { display: none; float: none; }
	.store-details .menu .buttons span { display: block; margin: 0px 0px 5px; }
	
	.search-form { height: auto; }
	.search-form h1 { font-size: 14px; text-align: center; }
	.search-form input[type="text"] { font-size: 12px; }
	.home .search-form { margin-bottom: 0px; }
	
	.search-form .image-avatar { display: none; }
	.search-form .search-field { float: none; margin-bottom: 10px; width: 100%; }
	.search-form .shipping-advert { float: none; width: 100%; }
	.search-form h1 { font-size: 22px; }
	
	.find-a-store { padding: 0px; }
	.find-a-store .title { font-size: 16px; }
	.find-a-store .drawer { position: relative; width: 100%; }
	.find-a-store .refine-search input[type="text"] { padding: 10px 1%; width: 70%; }
	.find-a-store .results { height: auto; }
	.find-a-store .map { display: none; }
	.find-a-store .details .phone { display: none; }
	.find-a-store .details .phone-mobile { display: block; }
	.find-a-store .links li { margin: 0px; }
	.find-a-store .links .btn { display: block; margin: 5px 0px; text-align: center; }
	.find-a-store .links .btn-print { display: none; }
}
@media (max-width: 640px) { 

	* {
		-webkit-overflow-scrolling: touch;
	}
	
	textarea,
	input[type="text"],
	input[type="email"],
	input[type="button"],
	input[type="submit"] {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	.btn-red { padding: 12px 25px 12px 30px; }
	.btn-black { padding: 12px 25px 12px 30px; }
	
	
	
	#main-banner .main h1 { font-size: 30px; line-height: 40px; }
	#main-banner .main p { padding: 0px; }
	
	.franchising h2 { font-size: 30px; line-height: 34px; }
	
	
	#awards { background: #de3b3b; margin-top: -120px; padding: 50px 0px; }
	#awards h2 { font-size: 62px; }	
	#awards ul { padding-top: 20px; }
	#awards ul li { display: block; margin: 0px 0px 20px; }
	
	
	#teasers { padding: 50px 0px; }
	#teasers .title p { font-size: 50px; }
	#teasers .item { float: none; margin: 0px 0px 50px; width: 100%; }
	#teasers .item p { margin-bottom: 15px; }
	
	#sub-footer { padding: 50px 0px; }
	#sub-footer .outer { border-radius: 80px; }
	#sub-footer .inner { border-radius: 80px; }
	
	#footer { padding-bottom: 200px; }
	
	
	
	.footer-menu { padding: 0px; } 
	.footer-menu li a { font-size: 14px; }
	
	#footer .socials li { display: block; margin: 0px 0px 5px; }
	#footer .advert span { display: block; padding: 0px 20px; }
	
	#footer .info, #footer .copyright { font-size: 14px; }
	
	
	#food-menus-list .entry { float: none; margin: 0px 0px 20px; width: 100%; }
	
	.locations .map, .locations .info { float: none; margin: 0px 0px 30px; width: 100%; }
	
	#content-main, #sidebar { float: none; margin: 0px 0px 30px; width: 100%; }
	
	.how-to .steps .item .icon { display: block; }
	.how-to .steps .item .text { font-size: 12px; }
	
	.awards .grid .item { float: none; margin: 0px 0px 30px; width: 100%; }
	
	.page-history .buttons .btn { margin-bottom: 5px; }
	
	.page-bbq-catering .wp-block-image { margin-bottom: 0px; }
	
	.entry-title, .content-title h1 { font-size: 34px; line-height: 44px; }
	h2 { font-size: 30px; line-height: 36px; }
	h3 { font-size: 24px; line-height: 30px; }
	
	#sub-footer h2 { font-size: 26px; line-height: 32px; }
	
}
@media (max-width: 480px) { 
	#main-banner { padding-top: 200px; }
	.how-to { border-radius: 60px; }
	.how-to .steps .item .icon { max-width: 30px; margin: 0px auto; }
	.how-to .steps .item .text { font-size: 10px; }
}