/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#right {
		height: 100%;
		width: 400px;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.9);
		margin-left: 330px;
	}	
	
	#switch {
		display: none;
	}
	
}

/* ----------------------------------------------------- */
/* Mobile (Portrait) */
/* ----------------------------------------------------- */
/* Width of 320px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	/* ----------------------------------------------------- */
	/* Header */
	#footer {display: none;}
	.js #nav {display: none;}
	.selectnav {display: block; background: #f6f6f6;
		color:#666666;
   		padding: 5px;
   		font-size: 12px;
   		line-height:21px;
   		border: 1px solid #ccc;}
	#nav ul { display: none; }
	#container {height: auto;}
	body, html {height: auto; overflow: auto;}
	#right {
		width: 100%;
		display: block;
		position: relative;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.9);
		margin: 0;
		height: 500px;
		text-align: center;
		min-height: auto;
	}
	#switch {
		display: none;
	}
	.content {
		padding-top: 30px;
	}
	
	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;
		padding-bottom: 30px;
	}
	
	
	/* ----------------------------------------------------- */
       
}


/* ----------------------------------------------------- */
/* Mobile (Landscape */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
		/* ----------------------------------------------------- */
	/* Header */
	#footer {display: none;}
	.js #nav {display: none;}
	.selectnav {display: block; background: #f6f6f6;
		color:#666666;
   		padding: 5px;
   		font-size: 12px;
   		line-height:21px;
   		border: 1px solid #ccc;}
	#nav ul { display: none !important; }
	#container {height: auto;}
	body, html {height: auto; overflow: auto;}
	#right {
		width: 100%;
		display: block;
		position: relative;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.9);
		margin: 0;
		height: 500px;
		text-align: center;
		min-height: auto;
	}
	#switch {
		display: none;
	}
	
	.content {
		padding-top: 30px;
	}
	
	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;
		padding-bottom: 30px;
	}
}