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

@media screen and (max-width: 1024px){
	#header_inner{width:95%; height:auto; margin:0 auto;}
	#menu_inner{width:95%; height:auto; margin:0 auto; padding-top:5px;}
	#banner_inner{width:95%; height:auto; margin:0 auto; padding-top:5px;}
	#content_inner{width:95%; height:auto; margin:0 auto; padding:16px 0;}
	#footer_inner{width:95%; height:auto; margin:0 auto; padding:20px 0; }
	ul#menu-menu li a{ font-size:12px; }
	#page_inner{width:85%; padding: 5%; color: #000000; background:#F2F1E4; border: 1% solid #90B34F; margin:0 auto;}
	
	#blogleft{ float:left; width:65%;}
	#blogright{float:right; width:30%; }

	
}


@media screen and (max-width: 980px){	
	ul#menu-menu li a{ font-size:11px; }
}
	
	
@media screen and (max-width: 800px){	
	#logo{width:100%; float:none; padding-top:10px; text-align:center;}
		#location{width:100%; float:none; text-align:center; padding-top:20px; }
		#store{width:100%; float:none; text-align:center; padding-top:20px;}
		#right_logo{width:100%; float:none; text-align:center; padding:30px 0;}
		
	#menu_left{width:83%; height:auto; float:left; display:none;}
	#socialicon{width:100%; height:auto; float:none; padding:5px 0; text-align:center;}
	
	#footermenu{ width:100%; float:none; text-align:center;}
	#copyright{ width:100%; float:none; text-align:center;}
	
	#sidebar ul li.widget{ float:none; width:100%; padding: 0; margin:0;}
	
	#box1{width:100%; height:auto; float:none; background:#90b34f; margin-right:0; margin-bottom:15px; }
	#box2{width:100%; height:auto; float:none; background:#b0d074; margin-right:0; margin-bottom:15px;  }
	#box3{width:100%; height:auto; float:none; background:#90b34f; margin-right:0; margin-bottom:15px; }
	#box4{width:100%; height:auto; float:none; background:#b0d074; margin-bottom:15px; }
	#box5{width:100%; height:auto; float:none; background:#b0d074; margin-right:0; margin-bottom:15px;}
	#box6{width:100%; height:auto; float:none; background:#90b34f; margin-right:0; margin-bottom:15px;}
	#box7{width:100%; height:auto; float:none; background:#b0d074; margin-right:0; margin-bottom:15px;}
	#box8{width:100%; height:auto; float:none; background:#90b34f; margin-bottom:15px;}
	
	#blogleft{ float:none; width:100%;}
	#blogright{float:none; width:100%; margin-top:30px; }
	
	#bhright{ float:none; width:100%; margin:10px 0;}
	#bhleft{ float:none; width:100%;}
	
}
	
@media screen and (max-width: 640px){
	.blogframe{width:100%; margin:0 ; float:none;}
	#50left{ float:none; width:100%;}
	#50right{ float:none; width:100%;}
	
	.alignright{float:none; margin:20px auto; display:block; }
	
	
	}