@media all and (max-width: 767px)
{
	body.menu-fixed
	{
		height: 100vh;
		overflow: hidden;
	}
	h1
	{
		font-size: 38px;
        line-height: 46px;
        font-weight: 700;
	}
	h3
	{
		font-size: 30px;
		line-height: 38px;
	}
	h4
	{
		font-size: 15px;
    	line-height: 24px;
	}
	.social-icon-i, .social-icon-f
	{
		display: none;
	}
	.header-inner
	{
		justify-content: space-between;
	}
	.header-logo
	{
		width: 40%;
	}
	.header-logo
	{
		height: 38px;
	}
	.main-nav
	{
		display: none;
	}
	.site-header
	{
		min-height: 74px;
		padding: 18px 20px;
	}
	.footer-top
	{
		flex-wrap: wrap;
		margin-bottom: 150px;
	}
	.footer-left {
    	width: 100%;
	}
	.footer-right
	{
		width: 100%;
		padding: 40px 0 0 0;
		flex-wrap: wrap;
	}
	.site-footer
	{
		padding: 32px 20px;
	}
	.footer-right ul li
	{
		font-size: 14px;
		font-weight: 500;
	}
	.footer-right-1 {
    	width: 40%;
    	order: 1;
	}
	.footer-right-3 {
    	width: 60%;
    	order: 2;
	}
	.footer-right-2 {
    	width: 100%;
    	order: 3;
    	margin: 14px 0 0 0;
	}
	.hero-section h1
	{
		padding: 0 20px;
	}
	.hero-section .slick-dots
	{
		align-items: center;
	    justify-content: center;
	    bottom: 32px;
	    left: 0;
	    right: 0;
	    z-index: 1;
	}
	.about-section
	{
		padding: 64px 20px;
	}
	.featured-selections-section
	{
		flex-wrap: wrap;
	}
	.featured-selections-section .left-section
	{
		width: 100%;
		padding: 64px 20px;
	}
	.featured-selections-section .right-section
	{
		width: 100%;
		padding-bottom: 114px;
	}
	.dish-slider img
	{
		height: 540px;
	}
	.dish-slider .slick-prev
	{
		top: unset;
		left: calc(50% - 44px);
		bottom: -54px;
	}
	.dish-slider .slick-next
	{
        top: unset;
		bottom: -54px;
        left: calc(51% - 0px);
	}
	.dish-slider .slick-dots
	{
		bottom: 44px;
	}
	.lang-wrapper-mob {
		position: relative;
		display: inline-block;
	}

	.lang-wrapper-mob::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		width: 1px;
		height: 15px;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		top: 25px;
		left: 50%;
		transform: translateX(-50%);
		width: 102px;
		height: 72px;
		box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
		z-index: 100;
	}

	.lang-option {
		display: block;
		height: 36px;
		line-height: 36px;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.5px;
		transition: background 0.3s;
	}

	.lang-option.active {
		background-color: #ED1C24;
		color: #EAE4DD;
	}

	.lang-option:not(.active) {
		background-color: #EAE4DD;
		color: #ED1C24;
	}

	.lang-option:hover {
		filter: brightness(0.95);
	}
	.header-logo img
	{
		height: 38px;
	}

	.tabler-menu {
    	display: block;
	}

	.site-header-open
	{
        padding: 18px 20px 64px 20px;
        height: 100vh;
        background: url(../images/Footer-bg.png);
        background-size: cover;
        background-position: center;
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;       
	}
	.site-header-open .container
	{
		height: 100%;
	}
	.header-inner-mob
	{
		height: calc(100vh - 82px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
	}
	.mobile-header-top
	{
		width: 100%;
		display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
	.mobile-header-center
	{
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.mobile-header-center ul
	{
		list-style: none;
	}
	.mobile-header-center ul li
	{
		width: 100%;
        text-align: center;
        margin: 16px 0;
        font-size: 30px;
        line-height: 38px;
        font-weight: 600;
	}
	.mobile-header-center ul li a:hover
	{
		color: #BE852B;
	}
	.mobile-header-bottom ul
	{
		list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
	}	
	.mobile-header-bottom ul li
	{
		width: 50%;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
	}
	.mobile-header-bottom ul li a
	{
		color: #EAE4DD;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.mobile-header-bottom ul li a:after
	{
		content: "";
	    display: inline-block;
	    width: 16px;
	    height: 16px;
	    margin-left: 4px;
	    background: url(../images/up-right-arrow-w.svg) center no-repeat;
	}

	/* About Us */

	.about-slider-section .slick-next
	{
		right: 0;
	} 
	.inner-hero-section h3
	{
		font-size: 24px;
        line-height: 34px;
        padding: 0 20px;
	}
	.inner-hero-section .slick-dots
	{
		left: 0;
		right: 0;
		align-items: center;
		justify-content: center;
		bottom: 32px;
		z-index: 1;
	}
	.the-atmosphere
	{
		flex-wrap: wrap;
	}
	.the-atmosphere-left
	{
		width: 100%;
		padding: 96px 20px;
	}
	.the-atmosphere-right
	{
		width: 100%;
	}
	.the-atmosphere-left p
	{
		font-size: 14px;
		line-height: 20px;
	}
	.the-atmosphere-right img
	{
		height: 440px;
	}
	.crafted-section {
    	padding: 64px 20px;
	}	
	.crafted-section h4
	{
		font-size: 24px;
		line-height: 34px;
		padding: 0;
	}
	.about-slide {
    	padding: 0 20px;
	}
	.about-slider-section .slick-prev
	{
		left: calc(50% - 44px);
		top: unset;
		bottom: 44px;
	}
	.about-slider-section .slick-next
	{
		right: calc(50% - 44px);
		top: unset;
		bottom: 44px;
	}
	.about-slider-section .slick-dots
	{
		padding: 0 20px;
		margin-top: 104px;
	}
	.find-us-section {
    	padding: 64px 20px;
	}
	.title-with-button
	{
		flex-wrap: wrap;
	}
	.title-with-button h3
	{
		width: 100%;
    	margin: 0 0 24px 0;
	}
	.find-us-images
	{
		flex-wrap: wrap;
	}
	.find-us-images .find-us-images-box
	{
		width: 100%;
	}
	.find-us-images .find-us-images-box:first-child
	{
		display: block;
	}
	.find-us-images .find-us-images-box
	{
		display: none;
	}
	.find-us-images-box img
	{
		height: 420px;
	}
}