/*		Tablet Layout: 768px.
 Gutters: 24px.
 Outer margins: 28px.
 Inherits styles from: Default Layout.
 -----------------------------------------------------------------
 cols    1     2      3      4      5      6      7      8
 px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 1367px) {
	ol.imenu, .wrapper {
		width: 980px;
	}
}
@media only screen and (max-width: 1280px) and (max-width: 1366px) {
	ol.imenu, .wrapper {
		width: 980px;
	}
}

/*		Mobile Layout: 320px.
 Gutters: 24px.
 Outer margins: 34px.
 Inherits styles from: Default Layout.
 ---------------------------------------------
 cols    1     2      3
 px      68    160    252    */

/*		Wide Mobile Layout: 480px.
 Gutters: 24px.
 Outer margins: 22px.
 Inherits styles from: Default Layout, Mobile Layout.
 ------------------------------------------------------------
 cols    1     2      3      4      5
 px      68    160    252    344    436    */

@media only screen and (max-width: 980px) {
	.cgrid .post1 {
		width: 100%;
		padding: 0;
	}
	.cgrid .post2 {
		width: 100%;
		margin-left: 0;
	}
	.ehead {
		width: 100%;
		
	}
	.navigation li, .navigation li:first-child {
		border-width: 0;
		padding: 0;
	}
	.topbar {
		display: none;
	} 
	#desktop{
		display: none;
	}
	#mobile-tablet{
		display: block;
	} 
}
@media only screen and (max-width: 680px) {

	header, .wrapper {
		width: 100%;
		-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	}

	.ihead {
		height: auto;
		background: none;
	}
	#head-nav:before {
		content: '';
		visibility: hidden;
	}
	#responnav {
		display: block;
	}
	#social-bar, #navbar {
		display: none;
	}
	.topsearch {
		display: none;
	}
	.searchtxt {
		width: 100%;
		height: 48px;
		font-size: 18px;
		border-radius: 0;
		color: #000000;
		background-color: #FFFFFF;
	}

	.rightmenu-post .colleft-post {
		right: 0;	/* right column width */
		/* left column background colour */
	}
	.rightmenu-post .col1-post {
		width: 100%;
		left: 0;
	}
	.rightmenu-post .col2-post {
		width: 100%;
		left: 0;
	}
	.post-space .post1, .post-space .post2, .post-space .post3 {
		width: 100%;
	}
	.post-space .post2 img {
		max-width: 100%;
		max-height: 100%;
	}
	.post-space .post2  .imgpost {
		height: auto;
		overflow: visible;
	}
	.module6 {
		width: 100%;
		height: 250px;
	}
}
@media only screen and (max-width: 360px) {
	#social-bar, #navbar {
		display: none;
	}
}