@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;}

@media screen and (max-width: 991px){	
	.br3{display:inherit;}
	.show-tablet{
		display:inherit
	}
	.hide-tablet{	;
		display:none;
	}	
	.carousel-caption h3 {  font-size: 30px;}
	.icoDown{margin-bottom: -40px; width: 40px;}

}

@media screen and (max-width: 767px){
	.br2{display:inherit;}
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:inherit;
	}
	.logo{width:80px; }
	.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;}
	.btMenu{ margin-bottom: 20px;}
	.boxW{width: 82px;}
	.icoH1{width: 25px;}
	.h1nor{margin-top: -50px; padding-top: 0;}
	.txtH1Thai{font-size: 24px;}
	
	.item:nth-child(3) {
	  background-position: 80% 0%; background-size: 280%;
	}

	.menu-expanded {  width: 100%;}
	.bgShapeWhite{ height: 50px; position: absolute; margin-top: -50px;}
	.tigallery{ width: 70%;}
	.spcGallery{ height: 70px;}
	.galbg{ padding: 40px 20px 50px 20px;}
	.findus1{margin-top: 0px; width: 70%;}
	.map{width: 80%; height: 320px; margin-top: 100px;}	
	.menuhome{width: 60%;}
	.menupage{width: 60%; margin: -25px 0;}
	
	.mainImgTxt{ height: 400px; position: absolute; margin-left: 28%; margin-top: -15px; z-index: 90;}
	.bgMenu{ background-size: 180%;  }
	.feet{ width: 100px;}
	.txtAbout{ width: 100%;}
	.menu{width: 100%;}
	.menuhalf{width: 49%;}

@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;}
	.img90{	width: 100%; margin-top: 15px;	}
	.colmobileno{ margin: 0; padding: 0;}
	.back{width:50px;}
}