@media only screen and (min-device-width: 780px) {
	
	/* width {width: 100%;} */
	
	html, body {width: 100%;}
	#page {width: 1100px;}
	#page1 {width: 96%;}
	#page2 {width: 80%;}
	#page3 {width: 80%;}
	#page4 {width: 80%;}
	#page5 {width: 80%;}
	#header {width: 100%;}
	#main {width: 100%;}
	#main2 {width: 100%;}
	#footer {width: 100%;}
	
	/* height {height: auto;} */
	
	html, body {height: auto;}
	#page {height: auto;}
	#page1 {height: auto;}
	#page2 {height: auto;}
	#page3 {height: auto;}
	#page4 {height: auto;}
	#page5 {height: auto;}
	#header {height: auto;}
	#main {height: auto;}
	#main2 {height: auto;}
	#footer {height: auto;}
	
	
	
	/* padding {padding: 0 0 0 0;} */
	
	html, body {padding: 0 0 0 0;}
	#page {padding: 0 0 0 0;}
	#page1 {padding: 0 0 0 0;}
	#page2 {padding: 0 0 0 0;}
	#page3 {padding: 0 0 0 0;}
	#page4 {padding: 0 0 0 0;}
	#page5 {padding: 0 0 0 0;}
	#header {padding: 0 0 0 0;}
	#main {padding: 0 0 0 0;}
	#main2 {padding: 0 0 0 0;}
	#footer {padding: 0 0 0 0;}
	
	/* margins {margin: 0 auto 0 auto;} */
	
	html, body {margin: 0 auto 0 auto;}
	#page {margin: 0 auto 0 auto;}
	#page1 {margin: 0 auto 0 auto;}
	#page2 {margin: 0 auto 0 auto;}
	#page3 {margin: 0 auto 50px auto;}
	#page4 {margin: 0 auto 0 auto;}
	#page5 {margin: 0 auto 0 auto;}
	#header {margin: 0 auto 0 auto;}
	#main {margin: 0 auto 0 auto;}
	#main2 {margin: 0 auto 0 auto;}
	#footer {margin: 0 auto 0 auto;}
	
	/* detail */
	
	html, body {
		margin: 0;
		padding: 0;
		border: 0px solid black;
		vertical-align: top;
	}
	
	#header {
		position:absolute;
		top:0;
		left:0;
		z-index: 2;
		width: 100%;
	}
	
	#header #page {
		width: 86%;
		margin-top: 20px;
	}
	
	#logo {
		width: 29%;
		border: inherit;
	}
	
	#nav {
		width: 69%;
		border: inherit;
		padding: 5px 0;
		text-align: right;
	}
	
	#nav li {
		display: moz-inline-block;
		display: inline-block;
		*display: inline;
		list-style-type: none;
		zoom: 1;
		width: auto;
		height: auto;
		padding: 5px;
	}
	
	#nav li a {
		width: auto;
		height: auto;
		padding: 10px 7px;
		font-family: 'Kalam', cursive; 
		font-size: 14px;
		text-align:  right;
	}
	
	#nav li a img {
		vertical-align: middle;
	}
	
	#mobilenav {
		display:none;
		visibility: hidden;
	}
    
	#div {
		height: 150px;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		border: inherit;
		vertical-align: top;
		text-align: left;
		padding: 2%; 
	}
	
	.inline	{
		display: moz-inline-block;
		display: inline-block;
		*display: inline;
		list-style-type: none;
		zoom: 1;
	}
    
	a img, img a {
		border: none;
	} 
	
	
}