@charset "utf-8";
/* CSS Document */
	.br4{display:inherit;}
	.btOrder{width: 400px; margin: -350px 0 0 -200px; }
	.btMenu{width: 500px;  margin: -550px 0 0 -200px;}
	.map{width: 80%; height: 450px; margin-top: 180px;}
	.navTop{ font-size: 1em;}
	.navLR{	margin:0 10px; }
	.covidsafe{width: 180px; margin: 250px 0 0 90px;}
	.bgReserve{height: 620px;}
	.bgEvents{height: 620px;}
	.icoSocial{ width: 25px; margin-right: 0px;}
	.icoSocialR{ margin-right: 10px;}

	h2{font-size: 3em;}
	h4{ margin-left: 50px; margin-right: 20px; font-size: 2em;}
	.container{ padding: 0 30px;}
	.logo{width:60%; }
	.logowhite{width: 50%; top: 9%; left: 25%;}
	.btTop a{ width: 100%; font-size: 2.5em; left: 0%; margin: 0; bottom: 3%; padding: 10px 30px; }
	.proBottom{ font-size: .7em; width: 90%; left: 5%; bottom: 0.5%; padding-bottom: 0px;}
	.txtPriceBox, .txtPriceBox2{ font-size: 1.2em;}
	.choice{font-size: 1em;}
	.bgVoucherBG{ padding: 0 2% ;}

@media screen and (max-width: 991px){	
.imgFunction{ /*height: 20vh !important;*/ background-size: 150% !important; /* min-width: 100%;  min-height: 100%;*/ }
	.br3{display:inherit;}
	.show-tablet{	display:inherit;}
	.hide-tablet{	display:none;}	
	.carousel-caption h3 {  font-size: 30px;}
	.icoDown{margin-bottom: -40px; width: 40px;}
	/*.navTop{ font-size: 12px; line-height: 28px;}*/
	.navLR{	margin:0 7px; }
	.btbooking{ padding: 10px 9px; }
	.covidsafe{width: 150px; margin: 200px 0 0 70px;}
.bgReserve{height: 580px; background-size: 200%;}
.bgEvents{height: 580px; background-size: 200%;}

}

@media screen and (max-width: 767px){
	
	.col {  display:block; width: 100%;}
	.colvoucher{ height: 200px;}
	.header{margin-top: -22px;}
	.br2{display:inherit;}
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:inherit;
	}
	.logo{width:33%; padding: 0; margin: 15px 0 10px 5px; }
	.logowhite{width: 70%; top: 2%; left: 15%;}
	.heightT{ height:110px;}
	.home1{width:100%; margin-left: 0px;}
	.tablet100, .contact_txt{
		width: 100%;
	}
	.bgGold, .bgDarkBlack, .bgWhiteGold, .bgAbout{  background-position: 70% 0%; background-size: 230%;}
	.bgContact-Dark, .bgContact{  background-position: 0% 0%; background-size: 200%;}
	h1.h1, h1.h1Black, h1.h1GoldDark { font-size: 40px; padding: 100px 0 0 0;}
	h4{margin:120px 0 5px 0;  font-size: 1.5em; text-align: center;}
	.btMenu{ margin-bottom: 20px;}
	.boxW{width: 82px;}
	.icoH1{width: 25px;}
	.h1nor{margin-top: -50px; padding-top: 0;}
	.menu-expanded {  width: 100%;}
	.bgShapeWhite{ height: 50px; position: absolute; margin-top: -50px;}
	.tigallery{ width: 70%;}
	.spcGallery{ height: 70px;}
	.findus1{margin-top: 0px; width: 70%;}
	.map{width: 80%; height: 320px; margin-top: 100px;}	
	.menuhome{width: 60%;}
	.menupage{width: 60%; margin: -25px 0;}
	
	.backstretch {
		/*background-size: 400px;
	   max-height: 100px!important;*/
	}
	body{/*font-size: 1.3em;*/ line-height: 1.5em;}
	h1{font-size: 20px;}
	.h2Inner{margin-top: 10px; padding-top: 0;}
	.intro{ margin-left: 5px; margin-top: -110px; text-align: left;}
	.bgWhite{ padding: 30px 20px; background-size: 200%; }
	.bgNorWhite{padding: 20px 10px; margin: 0 10px; }
	.bgNorWhite2{ height:inherit; margin-bottom: 15px; padding-bottom: 20px;}
	.galbg{ padding: 0px 0px 0px 0px;}
	.bgLogo, .bgLogoT{ background-size: 70%;}
	.img90{	width: 100%; margin-top: 15px;	}
	.priceCol, .txtmobcenter{text-align: center;}
	.heighprice{display:block; height: 10px;}
	/*.txtPrice{font-size: 12px; line-height: 14px;}*/
.mins{ font-size: 12px;}
	.spPrice{padding: 0 1px;}
	
	.txtPriceBox{ font-size: 1.6em; line-height: 1em; }
	.txtPriceBox2{ font-size: 1.4em; line-height: 1.1em; }
	.txtPriceBox2Home{ font-size: 1.8em; line-height: 1.1em; }
	.choice{ margin: 0px 0 5px 0; padding: 15px 0 0px 0; line-height: 1.2em;}
	ul.listul{ padding: 0 0 0 20px; margin: 0 0 0 0px; }
	ul.listulSm li{ padding-top: 5px;}
	.icoList{width: 20px; margin: -5px 5px 0 0%;}
	.box25, .box25_pack{ height: inherit; padding-bottom: 25px; font-size: 1.3em; line-height: 1.3em;}
	h2{ font-size: 1.8em; padding-top: 70px; margin-top: 0;}
	h2.h2gold{	font-size:16px;}
	.tbVou{ width:80px;}
	.btButton{font-size: 14px; padding: 2px 0;}
	.padleft{padding-left: 20px;}
	.imgpic{margin-bottom: 0px; margin-top: 0px;}
	.covidsafe{width: 110px; right: 10px; position:absolute; margin-top: 30px;}
	

.reservBt{padding: 10px 0; width: 150px; margin: -20px auto 15px auto;}
#frameL{width: 5px;}
#frameR{width: 5px;}
#frameB{height: 5px;}
	.tbevent{width: 100%;}
	.bgGrayR{ padding: 0 30px 30px 30px;}
	.bgReserve{background-size: 250%; font-size: 13px; height: auto;}
	.bgEvents{ padding: 30px 20px; color: #FFF; /*background-size: 250%;*/ height: auto; }
	.bgMenu{background-size:250%; padding: 50px 0;}
	.bgGallery{background-size:250%; padding: 20px 0;}
	.bgVoucherBG{ background-size:180%; padding: 300px 0 20px 0; background-position: top right;}
	.vouchersize{width: 100%; margin-left: 0;}
	.btMain{
	  width: 100%;
	  top: 60%;
	  left: 50%;
	  transform: translate(-50%, 20%);
	}
	.spaceBT{ padding: 0 25%;}

	.box25Home,	.box20Home{
		width: 100%;
		padding: 10px 10% 30px 10%;
	}
		h3.h3home{ font-size: 1.8em; margin-top: 30%;}		
		h3.h3home2{ font-size: 1.8em; margin-top: 15%;}
		p{padding-left: 4%;}
		.tiMassageInner{width: 100%;}
		.imgpic{margin-top: 100px;}
		.marginTMobileO{margin-top: 20px;}
		.spcContact{padding-left: 0%;}
		.h2Pack{padding-top: 5px;}
	.btLinkForm{ width: 100%; margin: 10px 0% 0  0%;}
		.backtotop{ bottom: 5px; right: 10px;}
		.back{width:50px; }
	
	.btTop a{ width: 100%; font-size: 2em; left: 0%; margin: 0; bottom: 3%; padding: 10px 30px; }
	.icoSocial, .icoSocialR{ width:30px; margin: 0px 5px 0 5px;}
	.hicap{width: 80%;}
	.container{ padding: 0 0px;}

}
@media screen and (max-width: 500px){
	body{ background-attachment: initial;}
	body.bgdelivery{  background-position: 50% 65%; background-size: 170%; background-color: #d5d7d8;}
	.btOrder{width: 60%; position: inherit;  margin-left: auto;  margin-right: auto; margin-top: -220px; }
	.btMenu{width: 90%;position: inherit;  margin-left: auto; margin-top: -350px;  margin-right: auto; }
	.bg-shape{height: 50px;}
	.condi1{height: 16px;}
	.borR{border:none;}
	.descfont{ font-size: 13px; line-height: 16px;}
	.descfont2{font-size: 16px; line-height: 24px;}
	.descfont3{font-size: 18px; line-height: 26px;}
	.boxRegister{font-size: 16px;}
	.br1{display:inherit;}
	.img100, .mobile100, .footer1, .footer2, .menutxt, .txtSetMenu1, .deli, .deli3{	width: 100%; margin-top: 15px;	}
	.foot{	width: 60%;}
	.normalSPC{padding: 20px 0;}
	.colmobileno{ margin: 0; padding: 0;}
}