@media all and (max-width: 767px)
{
	.hero-section h1 span
	{
		font-size: 42px;
		line-height: 52px;
	}
	.hero-section h1
	{
		font-size: 38px;
		line-height: 42px;
	}
	.about-section h3
	{
		font-size: 30px;
        line-height: 38px;
	}
	h3 {
        font-size: 40px;
        line-height: 48px;
    }
    .dish-item-name
    {
    	font-size: 18px;
        line-height: 26px;
    }
    .inner-hero-section h3
   	{
		font-size: 26px;
    	line-height: 38px;
   	}
   	.tab-content-top h3
   	{
   		font-size: 30px;
   		line-height: 40px;
   	}
   	.about-section p, .the-atmosphere-left p, .crafted-section p, .footer-right ul li, #cookieModal p, .tc-sections p
	{
		font-size: 16px;
	    line-height: 24px;
	}
	.footer-left p
	{
		font-size: 14px;
	    line-height: 22px;
	}
	.main-nav ul li
	{
		font-size: 14px;
	    line-height: 16px;
	}
	
}