@charset "utf-8";
/* CSS Document */
	.br4{
			display:inherit;
	}
	
@media screen and (max-width: 991px){	
	.navTop{
		font-size:11px;
	}
	.navLR{
		margin:0 10px;
	}
	#btBanner{
		right:10px;
		bottom:40px;
	}
	.br3{
		display:inherit;
	}
	.imgTop100{
		width:100%;
		/*vertical-align: text-bottom;*/
		margin-top:30px;
		margin-left:-20px;
	}
	.btOrderOnlineInner{
		position:absolute; margin-top:-60px; right:0px;
		width:100px;
	}
	.logoOrder{margin-top: -20px;}
	.btTopHead{ margin: 3px 5px; font-size: 12px; font-weight: bold;}
	.logoHome{ width: 300px;}
	.hide-tablet{display:none;}

}

/* ------- Tablet ------- */
@media screen and (max-width: 767px){
	.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:inherit;
	}
	.logoHome{
		margin:15px 0 0 0;
	}
	.imglogo100{
		width:100%;
	}
	.icoVegGluten{
		padding:5px 0;
		text-align:center;
	}
	.btViewCart{
		margin:5px 0 0 0px;
	}
	.new_menu_img{
		border:1px solid #b28f2f;
		width:260px;
		padding:1px;
		margin:0 0 5px 0;
	}
	.br2{
		display:inherit;
	}
	h1{ text-align: center; margin: 0; padding: 0; }	
	#conhead{ padding-right: 0px; text-align: center;}
}

/* ------- Mobile ------- */
@media screen and (max-width: 500px){
	
	h2{
		font-size:25px;
	}
	h4.newmenu{	font-size:30px;	}
	.img-mobile100{
		width:80%;
	}
	.btOrderOnline{
		width:100px;
	}
	.br1{
		display:inherit;
	}
	#headListMenu{
		padding:2px 3px;
		font-size:14px;
	}
	#boxListMenu{
		font-size:13px;
		font-weight:normal;
	}
	.tbFN{
		font-size:13px; width:100%;
	}
	.about1{
		width:90%;
	}
	.new_menu_img{
		width:90%;
	}
	.menuTInner{height: 0px;}
	.btHome{font-size: 28px;}
	.tbHead{padding: 3px 2px;font-size: 13px; }
	.tbContent{font-size:12px;}
}