@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */

@media screen and (max-width: 1280px){
	#header_inn, #menu_inn, #banner_inn, #content_inn,	#footer_inn{width:95%;}
		
	}
@media screen and (max-width: 1175px){	
	#inner{width:90%;}
	
}

@media screen and (max-width:1024px){
	#order{margin:0 auto; float:none; width:200px;}
	#reservation{margin:0 auto; float:none; margin-top:20px;}
	#info{float:none; margin:0 auto; width:100%; text-align:center;}
	#orderonline{float:none; margin:0 auto;  width:100%;text-align:center;}
	
	#app{float:none; width:100%; margin:0 auto; }
	#logo{float:none; width:100%; margin:0 auto; text-align:center; padding:10px 0 0 0;}
	#right_part{float:none; width:100%; margin:0 auto; text-align:center; padding-top:0;}

	#online{float:none;  margin:0 auto; text-align:center; margin-top:20px; }
	#gap{height:200px;}

	#left{width:90%; float: none; margin:0 auto; padding:40px 0;}
	#right{width:90%; float: none; margin:0 auto; padding-top:0px;}
	
	#left_footer{width:100%; float:none; margin:0 auto; text-align:center; padding:20px 0;}
	#right_footer{width:100%; float:none; margin:0 auto; text-align:center; padding-top:0;}
	
	#hours_left{width:100%; float:none; margin:0 auto; padding-top:0;}
	#hours_right{width:90%; float:none; margin:0 auto; padding-top:50px;}

	#contact_left{float:none; width:90%; padding-top:20px; margin-left:0;}
	#contact_right{float:none; width:90%; text-align:center; padding-top:30px; margin:0 auto;}


		.imgright{ float:none; margin:20px auto; display:block; }
		.imgleft{ float:none; margin:20px auto; display:block; }
		
	}

@media screen and (max-width: 768px){	
	h1{font-size:35px;}

	}
	
@media screen and (max-width: 415px){
	#right_part{font-size:18px;}
	#left_footer{font-size:16px;}
	#info{font-size:22px;}
	.style2, .style3{font-size:35px;}
	
}
