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



@media screen and (max-width: 1024px){
  	#frame{ width:98%; margin:0 auto;}
	#content-inner{ width:92%; padding:4%;}
	
	nav ul li a:link, nav ul li a:active, nav ul li a:visited { padding: 15px; font-size:15px; }
	
	#social{ height:60px;}
	
	#contact-add{ width:100%; float:none; text-align:center;}
	#contact-phone{ width:100%; float:none; text-align:center; margin-top:10px;}
	}

@media screen and (max-width: 980px){
	 #social{ height:57px;}

	
	}
	
	
@media screen and (max-width: 800px){
	#header-left{ display:none;}
	#logo{ width:45%; float:left; }
	#hedaer-right{width:30% ; margin-left:9.07519%; float:right;}
	
	#menu {width:150px; height:40px; display: block; background:url(../images/menu-icon.png) no-repeat; cursor: pointer; }
	nav { margin:0 auto; width:90%; }
	nav ul li a:link, nav ul li a:active, nav ul li a:visited { padding: 15px; font-size:16px; }
	nav.js {display: none;}
	nav ul {width:100%; background:#609FA6;}
	nav li {width:100%;}
	nav ul ul{ position: relative;}
	nav ul ul ul{ position:static;}
	
	#frame50{ width:100%; float:none; margin-bottom:30px;}
	
}
	
@media screen and (max-width: 768px){
	
	}

@media screen and (max-width: 640px){
	#logo{ width:55%; float:left; }
	#hedaer-right{width:35% ; float:right;}
	#video{ width:100%; float:none; margin-left:0; margin-bottom:20px;}
	#homecontent{ width:100%; float:none; margin-bottom:20px;}
  
	}

@media screen and (max-width: 480px){
	
	#logo{ width:100%; float:none; margin:0 auto; text-align:center; }
	#hedaer-right{width:240px; float:none; margin:0 auto; margin-top:20px;}
	
	#photoframe{ width:100%; float:none; text-align:center;}
	#photoframe2{ width:100%; float:none; margin:20px 0; text-align:center;}
	
	
	}

@media screen and (max-width: 360px){
	
	
	}
	
@media screen and (max-width: 320px){
	
	
	}
	



@media screen and (min-width: 801px) {
#menu {
display: none;
}