@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */

@media screen and (max-width: 1280px){
	
	#header_inn{width:95%;}
	#banner{width:95%;}	
	#photo{width:95%;}	
	#footer_inn{width:95%;}	
	#info{width:40%;}
	}
	

@media screen and (max-width: 1175px){
	#inner{width:90%;}	
	#content_inn{width:95%;}
	#info{ font-size:13px;}
	
}

@media screen and (max-width: 980px){

	#info{width:70%; float:none; margin:0 auto;}
	#menu{width:100%; float:none; margin:0 auto;}

	#catering{ display:none;}
	#catering1{ display:block;}
	#logo{width:100%; float:none; margin:0 auto; text-align:center;}
	#online{width:100%; float:none; margin:0 auto; text-align:center; padding-top:0px}
	
	#left_footer{float:none; width:100%; margin:0 auto; text-align:center; padding-bottom:0px;}	
	#right_footer{float:none; width:100%; margin:0 auto; text-align:center; padding:25px 0;}	
	
	#hours_left{float:none; width:100%; margin:0 auto; padding-top:0px;}
	#hours_right{float:none; width:95%; text-align:center; margin-top:30px;}	

	#contact_left{float:none; width:100%; margin:0 auto; padding-top:0px; }
	#contact_right{float:none; width:90%; margin:0 auto; padding-top:30px;}

		.textright{ text-align:left;}
		.form1 table, .form1 td, .form1 tr { display: block; }		
		.form1 td { border: none; position: relative; }
		.form1{ width:90%;}	
		
		.imgright{ float:none; margin:20px auto; display:block; }
		.imgleft{ float:none; margin:20px auto; display:block; }
	}

@media screen and (max-width: 640px){
	#info{width:90%;}
	}
	
@media screen and (max-width: 480px){

	}