@media all and (max-width: 767px)
{
	.hero-section h1 span
	{
		font-size: 42px;
		line-height: 52px;
	}
	.hero-section h1
	{
		font-size: 52px;
		line-height: 70px;
	}
	.about-section h3
	{
		font-size: 28px;
        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;
   	}
   	.inner-hero-section h1
   	{
   		font-size: 52px;
		line-height: 70px;
   	}
   	.the-atmosphere-left p
   	{
		font-size: 16px;
		line-height: 22px;
    }
    .title-with-button h3
    {
    	font-weight: 400;
    }
	.text-orange{
		font-size: 32px;

	}
}