/*@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width: 960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } */

/* 
	MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
	URL - http://responsive.gs
	LICENSE - PUBLIC DOMAIN
*/

/* ==========================================================
	SMARTPHONES - PORTRAIT & LANDSCAPE 
	========================================================== */
@media
only screen and (min-device-width: 240px) and (max-device-width: 600px),
only screen and (min-width: 240px) and (max-width: 600px) {

	body {font-size:1rem;} 
	
	#page-wrap {
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	
	/* Primary Menu */
	ul.nav {
		width: 100%;
	}
	
	ul.nav > li {
		width: 49.7%;
		border-bottom: 1px solid #c7ced1;
		border-left: none !important;
		box-shadow: inset -1px -1px 0 #fff;
	}
	
	ul.nav > li:last-child {
		padding-right: 0px;
		border-bottom: none;
	}
	
	.nav li ul { /* Child menus */
		width: 100% !important;
	}
	
	.nav li.blog-en ul {
		width: 200% !important;
		left: 0 !important;
	}
	
	ul.nav li ul li {
		width: 100% !important;
	}
	
	ul.nav li.blog-en ul li {
		width: 49.5% !important;
	}
	
	ul.nav li ul li a {
		width: 100%;
		font-size: 0.9rem;
		padding: 13px 4px 13px 4px; 
	}
	
	/* Search box */
	#header #search-form {
		width: 90%;
	}
	
	/* Featured Slides */
	#featured_content, 
	.slide {
		width: 100% !important;
	}
	
	div.slide img,
	div.slide .imgContainer img {
		width: 100%;
		padding: 10px !important;
		margin: 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		float: none;
	}
	
	/* 2013-2-4 */
	div.slide .imgContainer {
		float: none;
		overflow: hidden;
		width: 100%;
		height: 150px;
	}
	
	div.slide div.description {
		width: 100%;
		padding: 10px !important;
		margin: 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		float: none;
	}
	
	a#left_arrow,
	a#right_arrow {
		display: none;
	}
	
	div#controllers {
		padding-left: 40% !important;
	}
	
	/* Main Contents */
	#content-area {
		width: 100%;
		border-right: none;
		box-shadow: none;
		border-bottom: 1px solid #fefefe;
		box-shadow: inset 0 -1px 0 #cccccc;
		min-height: 0px;
	}
	
	div.entry {
		width: 100%;
		padding: 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	
	span.bottom_bg {
		width: 100%;
	}
	
	ul.bottom-menu li {
		width: 40%;
	}
	
	#footer ul#social-network {
		margin: 0 auto;
		width: 70%;
	}
	
	/* Facebook Comment form, Twitter Widget */
	.fb-comments, .fb-comments iframe[style], .fb_iframe_widget, .fb_iframe_widget span, 
	.twitter-timeline, .twitter-timeline-rendered {
		width: 100% !important;
	}
	
	/* Amazon Ad */
	object {
		width: 100% !important;
	}
	
	/* Sidebar */
	div#sidebar { width: 100%; }
	
	div.sidebar-block {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		padding: 28px 10px 20px 10px;
	}
	
	/* Publications */
	ul.publications li {

	}
	
	ul.publications li.big-publication {
	}
}

/* SMARTPHONES - LANDSCAPE */
@media 
only screen and (min-width: 321px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	/* INSERT YOUR STYLES */

	
}

/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	/* INSERT YOUR STYLES */

}


/* =====================================================
	IPADS - PORTRAIT & LANDSCAPE 
	==================================================== */
@media 
only screen and (min-device-width: 600px) and (max-device-width: 1024px),
only screen and (min-width: 600px) and (max-width: 1024px) {
	
	body {font-size:1rem;} 
	
	#page-wrap {
		width: 95%;
	}
	
	/* Primary Menu */
	ul.nav { /* primary menu box */
		/* width: 100%; */
		width: auto;
	}
	
	ul.nav > li { /* Each menu in the primary navigation */
		/*width: 33.0%;*/ /* 49.7% for iPhone */
		width: 14%;
		/* border-bottom: 1px solid #c7ced1;
		border-left: none !important; */
	}
	
	ul.nav > li:last-child {
		padding-right: 0px;
		/* border-bottom: none; */
	}
	
	.nav li ul { /* Child menus */
		width: 200%;
		left: -50%;
	}
	
	.nav li.blog-en ul { /* English Blog categories */
		width: 390%;
		left: -130% !important;
	}
	
	ul.nav li li {
		width: 49.5% !important;
		/*border-bottom: 1px solid #c7ced1;
		border-right: 1px solid #c7ced1;
		border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;*/
	}
	
	ul.nav li.blog-en li {
		width: 33.3% !important;
	}
	
	ul.nav li li a {
		width: 100%;
		font-size: 0.7rem;
	}
	
	ul.nav li.blog-en li a {
		/*font-size: 0.9rem; */
	}
	
	/* Search box */
	#header #search-form {
		width: 25%;
	}
	
	/* Featured Slides */
	#featured_content, 
	.slide {
		width: 100% !important;
	}
	
	div.slide img,
	div.slide .imgContainer img {
		width: 100%;	/* was 49%, must be relative to imgContainer */
		padding: 10px !important;
		margin: 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		float: left;
	}
	
	/* 2013-2-4 */
	div.slide .imgContainer {
		float: left;
		overflow: hidden;
		width: 49%;
		height: 226px;
	}
	
	div.slide div.description {
		width: 49%;
		padding: 10px !important;
		margin: 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		float: right;
	}
	
	a#left_arrow,
	a#right_arrow {
		display: none;
	}
	
	div#controllers {
		padding-left: 45% !important;
	}
	
	/* Main Contents */
	#content-area {
		width: 65.0%;
		border-right: 1px solid #f7f7f7;
		box-shadow: inset -1px 0 0 #cccccc;
		min-height: 1800px;
	}
	
	div.entry {
		width: 100%;
		padding: 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	
	span.bottom_bg {
		/* width: 100%; */
		display: none;
	}
	
	ul.bottom-menu li {
		width: auto;
	}
	
	#footer ul#social-network {
		/* margin: 0 auto;
		width: 70%; */
		width: auto;
	}
	
	/* Facebook Comment form, Twitter Widget */
	.fb-comments, .fb-comments iframe[style], .fb_iframe_widget, .fb_iframe_widget span, 
	.twitter-timeline, .twitter-timeline-rendered {
		width: 100% !important;
	}
	
	/* Amazon Ad */
	object {
		width: 100% !important;
	}
	
	/* Sidebar */
	div#sidebar { 
		width: 34.5%; 
	}
	
	div.sidebar-block {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		padding: 28px 10px 20px 10px;
	}
	
	/* Publications */
	ul.publications li {

	}
	
	ul.publications li.big-publication {
	}

}

/* Tablets - LANDSCAPE */
@media 
only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* Tablets - PORTRAIT */
@media 
only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	ul.nav > li { /* Each menu in the primary navigation */
		width: 24.7%;
		border-bottom: 1px solid #c7ced1 !important;
		/* border-left: none !important; */
	}
	
	ul.nav > li:last-child {
		padding-right: 0px;
		/*border-bottom: none;*/
	}
	
	.nav li ul { /* Child menus */
		width: 180%;
		
	}
	
	.nav li.blog-en ul { /* English Blog categories */
		width: 360%;
		left: 0% !important;
	}
	
	ul.nav li li {
		width: 49.5% !important;
	}
	
	ul.nav li.blog-en li {
		width: 33.3% !important;
	}
	
	ul.nav li li a {
		width: 100%;
		font-size: 0.8rem;
		padding: 13px 4px 13px 4px; 
	}
	
	ul.nav li.blog-en li a {

	}
}


/* ==========================================================
	DESKTOPS & LAPTOPS 
	========================================================== */
@media 
only screen and (min-width: 1024px) {
	

	
}

@media 
only screen and (min-width: 1224px) {
	

	
}

/* LARGE SCREENS */
@media 
only screen and (min-width : 1824px) {
	

	
}

/* RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
	/* INSERT YOUR STYLES */
	
}	