.hero-mb,			
.mobile-only-nav	{display: none}

.info-popup-mb		{display: none !important;}

@media (max-width: 1500px) 
{
	
	.crisp-4	{width:240px; right:20px;}
	.crisp-5	{width:200px; right:20px;}
	.potato-2	{width:200px;}
	.potato-3	{width:300px;}

}

@media (max-width: 1450px) 
{
	.sub-header img.madras			{width: 27.5%;}
	.meet-the-owners .text-block	{width:60%}
}

@media (max-width: 1350px) 
{
	.info-popup-container .info-popup	{width:150px; top:-54px;}
}

@media (max-width: 1300px) 
{
	.crisp-2	{width:180px; right:0; top:30px; transform: translateX(40%)}
	.sub-header img.madras	{width:30%;}
	
	.crisp-4,	
	.crisp-5,	
	.potato-2,	
	.potato-3	{display: none}
	
	/* SUPPORT LOCAL */
	.manifesto .text	{width: 42%; margin-left: 28%;}
	.manifesto .plate	{width: 33%;}
	.manifesto .receipt	{width: 27%; top:-10px}

}

@media (max-width: 1200px) 
{
	.sub-header .potato-1	{width:140px;}
	
	/* BLUE SECTION */
	.blue-section .col-4	{width:25%;}
		
}

@media (max-width: 1024px) 
{
	/* MEET THE OWNERS */
	.meet-the-owners .col-container			{width:616px; max-width: 100%; margin: auto; flex-direction: column;}
	.meet-the-owners .col-container .col-2	{width:100%; padding-left: 0; padding-right: 0}
	
	/* RESTAURANT */
	.potatoes-1 {display: none}
	.crisps-1	{display: none}
}

@media (max-width: 960px) 
{
	/* SUB HEADER */
	.sub-header					{height:110px;}
	.sub-header img.sub-head	{object-fit: cover; height: 100%; }
	.sub-header .potato-1		{width: 90px; left: 0; transform: translateX(-40%)}
	
	/* BLUE SECTION */
	.blue-section .col-container	{flex-wrap: wrap}
	.blue-section .col-4			{width:50%;}
	.crisp-2						{transform: translateX(70%);}
	.blue-section h2				{width:500px; max-width: 100%; margin-left: auto; margin-right: auto;}
	
	
	/* BLUE SUB HEADER */
	.meet-the-owners				{padding-top: 0; margin-bottom: 90px;}
	.meet-the-owners .text-block	{width:80%;}
	.sub-header img.crisp-3	{width:85px; top:-10px;}
	.sub-header img.madras	{width:156px; left: -30px;}
	
	/* TEXT BLOCK */
	.text-block p	{font-size: 16px;}
	
}

@media (max-width: 890px) 
{
	/* MANIFESTO */
	.manifesto			{padding-top: 20px;}
	.manifesto .inner	{flex-direction: column; width: 570px;}
	.manifesto .plate	{position: relative; left: 0; top:0; width:187px; margin-left: -30px;}
	.manifesto .receipt	{position: relative; right:auto; align-self: flex-end; margin-top:0; top:0; width: 50%; width:175px;}
	.manifesto .text	{margin: auto; width:100%;}
}

@media (max-width: 800px) 
{
	.map-container .border-container	{max-width:100%; border-left:none; border-right:none; border-bottom: none; border-radius: 0}
	.restaurant-list { max-width: 100%; max-height: 300px; position: relative; margin: 0; padding: 20px; border-top: 5px solid #A60109; border-radius: 0 }
	.restaurant-panel					{padding: 20px 0;}
}

@media (max-width: 768px) 
{
	/* HEADER */
	/*header	{padding-top: 50px;}*/
	/*.logo	{width:40px; z-index: 5}*/
	
	.hero-dk-2	{display: none}
	.hero-dk	{display: none}
	.hero-mb	{display: block}

	.nav-icon { display: block; z-index: 102; }
	

	nav			{height: 100vh; width:100%; position: fixed; left: 0; background-color: #642b90; /* display: flex; */ flex-direction: column; justify-content: center; padding: 15px 22px 22px 22px; top:-200%; z-index: 101}
	nav ul		{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	nav ul li { margin-bottom: 28px; font-size: 30px; margin-left: 0 }

	nav ul li a { font-size: 30px; }

	.mobile-nav-logo { display: block; margin-bottom: 20px; }
	
	header.open	{position: fixed;}
	nav.open	{top:0px;}
	
	.nav-inner	{overflow-y: auto;}
	
	.mobile-only-nav ul li		{font-family: 'Open Sans', sans-serif; text-transform: none; margin-bottom: 10px;}
	.mobile-only-nav ul li a	{font-size: 18px;}
	.mobile-only-nav .btn		{min-width: unset; display: inline-block; margin-left: 0; margin-top: 40px; margin-bottom: 25px;}
	
	.mobile-only-nav			{display: block}
	.mobile-only-nav nav li:not(.no-hover):after	{display: none}
	
	.form-cell > div	{width:100%;}
	
	.info-popup-dk		{display: none !important;}
	
	.info-popup-container .info-popup-mb		{position: fixed; left: 0; top:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; display: none; z-index: 20}
	.info-popup-container .info-popup-mb img	{width:227px;}
	.info-popup-container .info-popup-mb.active	{display: flex !important}
	
	/* GREY SECTION */
	.grey-section						{background:#ffffff !important; margin: 0; padding: 40px 0}
	.grey-section .border-container		{border:none; padding:0 16px;}
	.form-cell label { font-size: 24px; width: 100%; padding: 0; text-align: center; margin-bottom: 8px; flex-basis: auto; }
	.form-cell { width: 414px; max-width: 100%; flex-direction: column; margin: 0 auto 25px; padding-right: 0; }
	.form-cell input[type="text"]		{width:100%; text-align: center;}
	.form-cell-checkbox .container		{font-size: 16px;}
	.form-cell-checkbox	{margin-top: 20px; margin-bottom: 15px;}
	.form-cell-submit		{margin-top: 25px;}

	.grey-section .food-1, .grey-section .food-2 { display: none; }
	
	.form-cell-submit-indented label	{display: none}
	
	.contact-bottom	{padding-bottom: 0}

	.contact .form-cell-checkbox { width: 100%; }
	
	.contact .form-cell.deep { align-items: center; }

	/* BLUE SECTION */
	.blue-section	{margin-top: 0}
	
	/* RESOURCES */
	.resource				{flex-direction: column; align-items: flex-start; padding-top: 17px;}
	.resources h1			{font-size: 40px; margin-bottom: 0.5em;}
	.resource h2			{font-size: 30px; background-size: 28px auto; padding-left: 45px; margin-bottom: 0.45em;}
	.resource p				{margin:0 0 1em}
	.resources p.intro		{font-size: 18px;}
	.resource-listing		{margin-top: 30px;}
	
	/* FOOTER */
	footer				{padding: 40px 0}
	footer .inner		{flex-direction: column; justify-content: center; align-items: center}
	footer ul li		{margin: 0 10px 30px;}
	.footer-right		{align-items: center; margin-top: 20px;}
	.footer-right ul	{margin-bottom: 15px;}
	.footer-right ul li	{margin: 0 30px}
	
}

@media (max-width: 720px) 
{
	.sub-header h1	{font-size: 40px;}
}

@media (max-width: 640px) 
{
	.btn			{min-width: unset; max-width: 100%;}
 	.sub-header h1	{font-size:40px }
	
	/* BLUE SECTION */
	.blue-section h2	{font-size: 40px;}
	
	/* MANIFESTO */

	.red-section h2			{font-size: 40px;}
	.red-section p			{font-size: 18px;}
	.manifesto .signature	{width:159px;}
	.manifesto				{padding-bottom: 10px}
	
	/* CONTACT */
	.contact		{padding-top: 40px;}
	.contact h2		{margin-bottom: 30px; font-size: 40px;}
	.contact p		{font-size: 16px;}
	.contact h3		{font-size: 28px;}
	.contact .form-cell-checkbox							{width:100%;}
	.contact .form-cell-checkbox .container.radio-container	{font-size: 16px;}
	.form-cell-checkbox .container.radio-container .checkmark	{width:20px; height: 20px; top:1px;}
	.form-cell-checkbox .container.radio-container .checkmark:after	{width:12px; height: 12px;}
	.contact  .form-cell-checkbox .container		{padding-left: 30px;}
	.contact .form-cell-checkbox	{margin-top: 10px;}
	.contact-top	{padding-bottom: 20px;}
	.contact-top p	{margin-bottom: 20px;}
	
	/* TEXT PAGE */
	.text-page				{padding-top: 40px;}
	.text-page h1			{font-size: 28px;}
	.text-page p,
	.text-page ol,
	.text-page ul,
	.text-page strong.mello {font-size: 16px;}
	
	.faqs h1									{font-size: 40px;}
	.faq-accordion .accordion-item h3			{font-size: 28px;}
	.faq-accordion .accordion-item h3 span.plus	{width:18px; height: 15px;}
	.faq-accordion .accordion-item p			{font-size: 16px;}
	.faq-accordion h2							{font-size: 35px;}
	
	/* MAP PAGE */
	.restaurants-page						{padding: 30px 0}
	.success h1								{font-size: 60px;}
	.restaurants-page strong.mello			{font-size: 18px;}
	.pay-options							{flex-direction: column;}
	.pay-options img						{margin: 10px 0}
	.map-container-top						{padding-left: 20px; padding-right: 20px;}
	.map-container .border-container		{margin-top: 0}
	.map-container-top h3					{font-size: 40px;}
	.map-container-top input[type='text']	{font-size: 16px;}
	.map-container-top .btn					{width:200px;}
	.button-container 						{margin-top: 15px;}

	.restaurant-list .restaurant-panel .bottom .button-container { margin: 0; }

	.restaurant-list .restaurant-panel .top .restaurant-details { width: 100%; }
	.restaurant-list .restaurant-panel .top .restaurant-details .name { font-size: 24px; }

	.restaurant-list .restaurant-panel .top .restaurant-details .address,

	.restaurant-list .restaurant-panel .bottom .instructions-container { padding-right: 10px; }
	.restaurant-list .restaurant-panel .bottom .instructions-container .instructions { font-size: 16px; }

	.restaurant-list .restaurant-panel .bottom { flex-direction: row; /*justify-content: flex-start; align-items: flex-start;*/ align-content: center; margin-top: 20px; }

	.icon-container { display: none }

	.restaurant-opening-times.desktop { display: none; }
	.restaurant-opening-times.mobile { display: block; }
}

@media (max-width: 600px) 
{
	/* MEET THE OWNERS */
	.meet-the-owners		{padding: 20px 0}
	.mto-panel-top			{flex-direction: column-reverse; padding: 0 20px 40px 20px}
	.mto-panel-top img		{position: relative; right:auto; top:auto; max-width: 100%; margin: auto; margin-bottom: 25px;}
	.mto-panel-top-text		{width:100%; text-align: center;}
	.sub-header img.madras	{top: -90px;}
	
	.meet-the-owners .text-block	{margin-bottom: 40px}
	
}

@media (max-width: 500px) 
{
	.crisp-2								{display: none}
	.blue-section							{background-image:url(/_assets/bg-blue-mb.png)}
	.blue-section .col-4					{width:100%; position: relative}
	.blue-section .col-4:after				{width:50px; height: 2px; background-color: #ffffff; content: ''; margin:40px auto 0 auto; display: block;}
	.graphic-panel img						{height:140px;}
	.graphic-panel p						{width:100%;}
	.graphic-panel-image					{margin-bottom: 10px;}
	.blue-section .col-4					{margin-bottom: 25px;}
	.blue-section .col-4:last-child			{margin-bottom: 0}
	.blue-section .col-4:last-child:after	{display: none}
	.blue-section h2						{margin-bottom: 20px;}

	
	
	/* FOOTER */
	footer ul.sign-off-list	{flex-direction: column; text-align: center; margin-left: 0; margin-right: 0}
	
}


@media (max-width: 490px) 
{
	.grey-section .border-container		{padding:0;}
	.btn	{font-size: 12px;}
	
	.mobile-only-nav ul li,
	nav ul li	{margin-bottom: 1vh;}
    
    nav ul.main-nav li:first-of-type {margin-top: 9vh;}
    nav ul.main-nav li {margin-bottom: 3vh;}
    
    .mobile-only-nav .btn {margin-top: 5vh;}
    .mobile-only-nav ul.sign-off-list li {margin-bottom: 0vh;}
    
	
	/* MEET THE OWNERS */
	.sub-header img.madras	{width: 126px; top:-70px;}
	.sub-header img.crisp-3	{display: none}
	
	
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
	.sub-header img.madras	{width:100px; top:-50px;}
    /* nav.open	{top:-10px; height: calc(100% + 10px);} */

}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}