/* === Grid === */
.grid{width: 100%; margin: 0; padding: 0;}
	.row {width: 100%; padding: 40px 30px;}
		[class*='col-'],[class^='col-'] {width: 100%; float: none; padding: 0;}

img {max-width: 100%;}

ul {height: auto;} 
	ul#min-nav li.social-min {display:block; width:100%; text-align:center;} 
	ul#nav li a {display:block; width:100%; float:none; text-align:center;}
	
	ul.social-min-icons {display:block; width:100%; float:none; text-align: left; padding-top: 30px;}
	ul.social-min-icons li:last-child a{top: 0; left: 0;margin: 0; padding: 0; clear: both;}
	ul#min-nav li.number-min {display:none;}

#content {margin:0;}
	.container {min-width: 100%; padding: 0;margin:0;}


section.header {height:100%;}
	section.header:after{display: none;}

	.header p {margin-left: 10px; line-height:30px; padding-top:10px; position: relative; top:20px;}

	#home {background-position: 10px top; background-size:270px 60px; top:-10px; left:0;}
	#home span {display:none;}

.v-notice p {padding: 12px;}
section.carousel {width:100%; max-height:300px; -webkit-clip-path: polygon(
    0 0, /* left top */
    100% 0, /* right top */ 
    100% 100%, /* right bottom */
    0 100% /* left bottom */
  );
}
	.bx-wrapper .bx-pager.bx-default-pager {bottom:5px;}
	ul#sliders {min-width: 100%; width:100%;}

.banner-offer {width:100px; height: 92px; top: 10px; float: right !important;}
	.lunch-offer, .lunch-menu, .special-menu, .halal {right:10px !important; left:auto;}
	.takeout-offer, .award {right:10px !important; top: 112px;}
section.intro {margin-top:-10px;}
	.intro:before {display:none;}
	.logo-mark {float:left; margin: -15px 20px 0 0; height:90px;}
	
section.specials {width:100%; margin:0 auto;}
	section.specials .col-2 {height: 100px; margin-bottom: 40px;}
		.menu-offer {width:100px; height: 92px;}

section.featured {width:100%; margin:0 auto;}
	.topicon {margin-top:20px !important;}

section.notice img.notice-img {display:none;}
	
section.insta-widget {width:100%; margin:0 auto;}
	#instafeed a {width:50%;}
	#instafeed a img {max-width: 100%; min-height: 100%;}

	
section.lightbox {width:100%;}
#copy {padding:20px; bottom:0;}

.table-wrapper {margin:0;display: block; width:100%;}
		.footer table.hours, .map-large table.hours p {font-size: 0.9em;}
		table.hours td {min-width: 100px; padding-right: 3px;}

	.caption.title {padding-top:30px;}
	
/* NAV-MAIN */

#nav-main
{
position: relative;
top:0;
left:0;
}
	#nav-main > a
	{
	width: 30px;
	height: 30px;
	
	text-align: left;
	text-indent: -9999px;
	background: url("../images/UnvOD5NGdA8T.svg") no-repeat center center;
	top:-5px; left:5px;
	
	position: relative;
	}
		#nav-main > a:hover {opacity:0.7;}
		
		#nav-main:not( :target ) > a:first-of-type,
		#nav-main:target > a:last-of-type
		{
		display: block;
		}

	/* first level */
	#nav-main > ul
	{
	height: auto;
	
	display: none;
	position: absolute;
	
	left: 0;
	right: 0;
	}
		#nav-main:target > ul
		{
		display: block;
		}
			#nav-main > ul > li
			{
			width: 100%;
			
			float: none;
			}
				#nav-main > ul > li > a
				{
				height: auto;
				
				text-align: left;
				
				padding: 0 1em; /* 20 (24) */
				}
				
					#nav-main > ul > li:not( :last-child ) > a
					{
					}


	/* second level */
	#nav-main li ul
	{
	position: static;
	padding: 0;
	}
	#nav-main li ul a
	{
	text-align: left;
	}