@media (min-width: 480px) and (max-width: 767px) {
	.who-we-are {
    	height: auto;
	}
	.gallery .slider-for .slick-slide img{
		width: 100%;
	}
	.locate-us .contact-box{
		padding: 10px 15px 10px 15px;
	}
	.who-we-are .spoon-fork img {
    	height: 50vh;
	}
	.who-we-are {
    	padding: 60px 15px;
	}
	.cuisine .board,.cuisine .onion,.cuisine .mashroom{
		display: none;
	}
	.who-we-are .spoon-fork img {
    	display: none;
	}
	.who-we-are{
		background-size: 40vh;
	}
	.chef .chef-img-outer .rolling-pin,.chef .text .knife,.chef .text .spatula{
		display: none;
	}
	.gallery .thumbnail{
		display: block !important;
		padding-left: 10px;
	}
	.gallery .thumbnail .slick-slide {
    	padding: 0 5px;
	}
	.gallery .thumbnail .slick-prev::before{
		width: 25px;
		height: 25px;
	}
	.gallery .thumbnail .slick-next::before{
		width: 25px;
		height: 25px;
	}
	.gallery .thumbnail .slick-next {
    	right: -70px !important;
	}
	.dishes .slick-prev::before{
		width: 25px;
		height: 25px;
		top: 5px;
	}
	.dishes .slick-next::before{
		width: 25px;
		height: 25px;
		top: 5px;
	}
	.cuisine .signature h3 {
    	margin: 30px 0 45px 0;
	}
	.map-upper{
		display: none;
	}
	.copy-right{
		font-size: 10px;
	}
	.wad .text{
		font-size: 10px;
		display: none;
	}
	.banner .slider{
		height: 400px;
		background-size: 200%;
	}
	.banner .slider .video{
		display: none;
	}
	.chef .man_behind{
		left: 15px;
	}
	.sidebar{
	    left: -100%;
	    transition: left .5s ease-out;
	}
	.banner .welcome h2{
		font-size: 17px;
	}
	.banner .welcome{
		left: 100px;
	}
	.locate-us .map {
    	height: 400px;
	}
	.cuisine {
    	padding: 60px 0 120px 0;
	}
	#wdi_feed_0 .wdi_feed_item{
		width: 25% !important;
	}
	.insta{
		padding-bottom: 60px;
	}
	.insta .wdi_feed_main_container{
		padding: 0;
	}
	.chef .text{
		padding-bottom: 30px;
	}
	#inquireModal{
		bottom: auto;
		top: 10px;
	}
	.wpcf7-textarea{
		height: 180px;
	}
	.sidebar .nav-footer {
	    padding: 0 0 30px 0;
	}
	.sidebar .nav-footer.nav-menu{
		bottom: 0;
		padding: 0 0 0 0 !important;
	}
	.gallery .fraction{
		display: none;
	}
	.locate-us .map-upper{
		position: relative;
		margin:0 auto;
		display: block;
		height: auto;
	}
	.locate-us .map-upper .contact-flex-box{
		display: block !important;
	}
	.locate-us .contact-box{
		width: 100%;
		margin: 30px 0;
	}
	.locate-us .drop_by{
		margin: 30px 0 0 0;
	}
	.banner .floting-logo{
		width: 60vw;
		left: 50%;
		right: auto;
		margin-left: -30vw;
	}
	.banner .welcome {
    	left: 35px;
	}
	footer .scroll-up{
		display: block;
	}
	#navbar{
	    padding: 0 60px;
	}
	#navbar li{
		width: 50%;
	    padding: 10px 0;
	}
	.sidebar{
		width: 100%;
	}
	.sidebar .logo{
		padding: 15px 0;
	}
	.sidebar .nav-footer{
		left: 0;
		width: 50%;
		padding: 0;
	}
	.sidebar .nav-footer.nav-menu{
		right: 0;
		width: 50%;
		left: auto;
	}
	.sidebar ul li a.active-a::before{
		left: 20px;
	}
	.flex-rm-tab{
		flex: none;
    	display: block !important;
    	max-width: 100%;
	}
	.dishes .slick-slide .overlay{
		font-size: 13px;
	}

}