@charset "utf-8";
/* CSS Document */

	h1{font-size: 5em;}
	.br4{ display:inherit; }
	.hide4{	display:none; }
	.navLR{	margin:0 10px;}
	.connectMainImg{ margin-top: -85px;}
	.btMenuC{ width: 200px; }
	.carousel-control, .carousel-indicators, .carousel{  max-height: auto !important;}
	.txtAbout{ padding: 0 0px;}
	.bgGallery{ padding-top: 170px; }
.bgGallery{ background-size: 150%;}
.boxCmmt{ height: 190px;}

	.topTitle{font-size: .9em;}
	.Close-button{width:  45px; top: 30px;}
	.btScroll{ width: 100%; left: 0%;}
.bgNavSlide{ font-size: 2em;}

.tiAbout{width: 90%; margin-bottom: 30px;}
.bgAboutText{  padding: 20px 30px;}
.bgAboutTextWhite{ padding: 15px;}
.aboutTi{font-size: 2em; padding-bottom: 10px;}
.aboutTextFinish{width: 200px;}
.btRead-about{width: 100px; margin-bottom: 0;}
.showAbout{width: 100%; margin-left: -4.25%;}

.btRead-menu{width: 75px; right: 55px;}
.bgMenuInner{ padding: 20px 80px 20px 20px; margin-right: 8%; font-size: .8em;}
.showMenu{ z-index: 99; padding: 0px 80px 20px 20px; width: 83.5%; margin-right: 8%; margin-left: -20px; }
.tiGal{ font-size: 3.5em;  margin-top: 20px;}
.bgContactBox{border-radius: 90px; padding: 50px 100px;}
textarea.boxCmmt{ height: 585px;}

@media screen and (max-width: 991px){
	.br3{ display:inherit; }
	.hide3{	display:none; }
	.hide-tablet{
		display:none;
	}
	.show-tablet{
		display:inherit;
	}
	
	.logo{ width: 100%; left: 0; }
	
	.spcLus{padding-left: 20px;}
	.btMenuC{ width: 160px; }
.HiBox2{height: 0px;}
	
	#bgCondition{	padding: 30px 0 20px 0; margin-bottom: -0px;}
	.carousel-control, .carousel-indicators, .carousel{  max-height: auto !important;}	
	.whatonh2{font-size: 16px; line-height: 20px; }	
	.bgGallery{ padding-top: 130px; }
	.boxCmmt{ height: 150px;}
	
	
	.topTitle{ line-height: 1em;}
	.bookinglink{}
	.aboutColumn{padding: 30px 25px 10px 25px; margin-right: 35%;}
	.logo-only{margin-bottom: 20px; width: 100%;}
	.txt_title{font-size: 1.8em; line-height: .85em; text-transform: uppercase;}
	.bgAboutFoot{width: 65%;} 	.imgBGmenu{ width: 60%;}
	.bgAlldayMenu{background-image: url('../../images/bgAllday-bg.png'); padding-top: 20px; margin-right: 40%;}
	.txtMenu{font-size: 3em; font-weight: 600;}
	.titleGalery{font-size: 4.5em;}
	.contactHeader, .bgContactForm, .bgContactForm2{ width: 76%;}
	.bgContactForm, .bgContactForm2{ margin: 0 auto; padding-bottom: 10px;}
	.colContactL{padding: 0 15%;}
	.colContactR{padding: 20px 0 0 15%;}
	.contactBT, .contactBTBook{width: 85%; margin: 2px 0;}
	.contactBTBook{ position: absolute; z-index: 1; width: 72%; }
	.contactBTCollect{ margin-top: 55px;}
	
	.btSubmit{height: 38px; width: 96%;}
	.miniheart{width: 50px; position: absolute; margin: 0 0 0 -55px;}
	.firstGallery{width: 90%; height: 55vh; margin: -100% 0 0 0;}
	textarea.boxCmmt{ height: 225px;}
	
	/***************  Commingsoon ******************/
	.commingsoonBox{ top: 25svw; padding: 3% 2%; font-size: .6em; line-height: 1.5em; }
	/*************** End Commingsoon ******************/
}

@media screen and (max-width: 767px){
	h1{font-size: 3em;}
	h2{font-size: 1.55em;}
	.lineNavBlue{ display:inherit; height: 2px; margin: 5px 0 5px 0;}	
	.bluestrip{ padding: 5px 0;}
	.icoNavSet{ width: 40px; margin: 20px 0px 0 0;}
	.icoNavSet2{ width: 40px; margin: 20px 0 0 0;}
.menucatering{position: absolute; margin: 50px 0 0 110px; z-index: 98; font-family: "ohno-blazeface", sans-serif; color: #1a303d; font-size: 20px;}
	.bgArrow{ margin-top: 12px; width: 35%;}
	.bgArrowGallery{width: 55%;}
	.bgArrowFoot{width: 35%;}
	.connectMainImg{ margin-top: -60px;}	
	
	.bgGal{ width: 170px;}
	.galset1, .galset2, .galset3, .galset4{margin: 0; padding: 0;}
	.txtContactUs{ font-size:20px;}
	.heightcontact{display:none;}
	.boxRegister{width: 90%;}
	.imgwhaton{ width: 20%;}
	.new_menu_img{ width:50%; }
	
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:inherit;
	}
	.br2{ display:inherit; }
	.hide2{	display:none; }
	
	
	.logo{ width: 180px;}
	.burger{ right: 3svw; width: 35px; top: 18svh;}
	.burgerClose{  top: 3svh;}
	.orderonlinelink, .bookinglink{ width: 85px; right: 12px; left: auto; top: 0; }
	.bookinglink{ top: 88px;}
	.btScroll{font-size: .65em; line-height: 1.2em;}
	
	
	.carousel-control, .carousel-indicators, .carousel{  max-height: auto !important;}
	.btMenuC{margin-top: 0px; }
	
	.coninnerLR{ padding:0 15px;}
	#morediv{ margin-top: -20px; width: 100px;}
	.closeAbout{margin: 0; padding: 0; position: inherit;}
	.txtAbout{ padding: 0 40px;}
	.txtSeeMenu{ height: 35px; margin-top: 5px;}
	.txtSeeMenu2{ width: 85%; margin-top: 5px;}
	.btMenuAll{width: 50%; margin-top: 5px;}
	.txtGallery{width: 65%;}
	.bgGallery{ padding-top: 45px; background-size: 300%; }
	.txtTitle{font-size: 40px;}
	.txtContact{font-size: 16px;}
	.boxCon1, .boxCon2{padding: 10px;}
	
	.imgAbout{ width: 50%;}
	.txtAbout{font-size: 2.15em; }
	.readmore{font-size: .6em;}
	.tiMenu{ width: 280px; margin-top: 5vh; margin-bottom: 30px;}
	.conditionMenu{ margin-top: 2vh; font-size: 1em; margin-bottom: 0; }
	.menu_img{width: 100%;}
	.fontabout{font-size: .5em; line-height: 1.2em;}
	.aboutL{margin-top: -50px;}
	.mobCenter{text-align: center;}
	.mobLeft{text-align: center;}
	
	.clrMob{padding: 0; margin: 0;}
	.spTopLogo{padding: 5px 0 0 3px;}
	.bgTopHead{height: 150px;}
	.topTitle{ font-size: 1em; line-height: .8em;}
	.logo-onlyFoot{ width: 270px; position: absolute; margin: -225px 0 0 -135px; }
	.Back-button{ width: 210px; position: absolute; margin: -46px 0 0 -105px; cursor: pointer;}
	.colContactL2{ padding-left: 50px;}
	.miniheart{width: 70px; position:inherit; margin: 0 0 0 0px;}
	
	.bgNavSlide{ width: 100%; left: 0%; font-size: 1.5em; line-height: 1em; height: 100svh;  }
	.Close-button{width:  42px; top: 20px; left: 33%;}
	
	
	.tiAbout{width: 75%; margin-bottom: 5px;}
	.bgAboutText{  padding: 30px 10px; margin: 0 12%;}
	.bgAboutTextWhite{ padding: 15px;}
	.aboutTi{font-size: 1.8em; letter-spacing: .05em; padding-bottom: 10px;}
	.aboutTextFinish{width: 200px;}
	.btRead-about{width: 100px; margin-bottom: 0; cursor: pointer; }
	.showAbout{position: inherit; padding: 0 0 0 10px;}
	
	.menuClick{ width: 32%; margin: 0 0% 40px 0; }
	.menu_bt{width: 80%;}
	.menu_1, .menu_3{margin: 0 0 0 20px;}
	.menu_4{margin: 0 0 0 0;}
	
	.btRead-menu{width: 80px; right: 25px; top: 10px; cursor: pointer; }
	.bgMenuInner{ padding: 20px 20px 20px 20px; width: 100%; margin: 0; font-size: .8em;}
	.bgMenuText{ background-image:url("../images/bgMenuTxt-s.png"); }
	.showMenu{ position: inherit; width: 100%; margin: 0; padding: 0; }
	.firstGallery{width: 100%; height: 55vh; margin: -80svh 0 0 0;}
	.tiGal{ font-size: 3em;  margin-top: 20px; padding-bottom: 20px;}
	.bgFootMid{background-size: auto 50%; }
	.bgContactBox{border-radius: 90px; padding: 50px 10px; margin: 0 10px;}
	.foot-bt{width: 80%; margin-top: 10px;}
	.bgContact{ font-size: 0.7em; line-height: 1.2em;}
	.txtFoot{font-size: 1em;}
		.btHiring{position:absolute; width: 85px; right: 100px; top: 0px;}
	
	
	/***************  Commingsoon ******************/
	.commingsoonBox{ top: 16svh; padding: 3% 2%; font-size: .78em; line-height: 1.5em; }
	.commingsoonFoot{font-size: 1.3em; color: #ece7c7; text-align: center;}
	.logoComingsoon{ width: 65%; margin-bottom: 2svw;}
	.bgNavSlide{margin-top: 0; padding-top: 0; text-align: left; font-size: .75em; line-height: 1.3em;}
	.navTopMenu{line-height: 2em;}
	.bgMobTop{ padding: 2.5%; background-image: url('../../images/bgNavBarTop.png');}
	.navMobWidth{width: 115px; margin-top: 25px;}
	/*************** End Commingsoon ******************/
	
}


@media screen and (max-width: 500px){
	.connectMainImg{ margin-top: -45px;}
	/*.btOrderOnlineT{margin: -30px 0 0 0;}
	.btBookingOnlineT{margin: -30px 0 0 0;}*/
	.imgwhaton{ width: 80%;}
	h2.newmenu{
		font-size:20px;
		text-align:center;
		font-weight:normal;
	}
	.new_menu_img{ width:80%; }
	
	.mobile100{width:90%;}
	.mobile80{width:70%;}
	.br1{ display:inherit; }
	.hide1{	display:none; }
	.btMenuC{ width: 80%; margin-top: 10px;}
	.btAbout{width: 130%; margin:0 0 -50px -70px;}
	.galSection{padding:20px;}
	/*.bgNavSlide{width: 100%; text-align: center; padding-left: 0;}*/
}

@media screen and (max-width: 320px){
	/*.icoDown{position: inherit; margin: 0; padding: 0; margin-top: -30px;}
	.shopName{height: 10px;}		*/
}