@media(max-width:1060px){

	/************************************************************************************
	FOR PAGE SKIN
	*************************************************************************************/
	.skin-page .pagewidth,
	.skin-page-black .pagewidth{
		max-width:100%
	}
	/* content */
	.skin-page #content,
	.skin-page-black #content{
		width:67.8%
	}

	/* sidebar */
	.skin-page #sidebar,
	.skin-page-black #sidebar{
		width:26.2%
	}
}

@media(max-width:1100px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth,
	.row_inner{
		max-width:90%
	}


	/* content */
	#content{
		width:67.8%
	}

	/* sidebar */
	#sidebar{
		width:26.2%
	}
}

@media(max-width:760px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content,
	#sidebar{
		width:100%!important;
		max-width:100%!important;
		float:none;
		clear:both
	}
	#sidebar .secondary{
		width:48%
	}

	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	.list-thumb-image .post-content,
	.list-large-image .post-content{
		overflow:visible
	}

}

@media(max-width:680px){

	/************************************************************************************
	HEADING
	*************************************************************************************/
	h1{
		font-size:1.8em
	}
	h2,
	.post-title,
	.loops-wrapper.grid4 .post-title,
	.loops-wrapper.grid3 .post-title,
	.loops-wrapper.grid2 .post-title{
		font-size:1.6em
	}
	h3{
		font-size:1.4em
	}
	h4{
		font-size:1.2em
	}

	/************************************************************************************
	POST VIDEO (css for fluid video)
	*************************************************************************************/
	.post-video{
		clear:both
	}

	/* disable webkit text size adjust (for iPhone) */
	html{
		-webkit-text-size-adjust:none
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}

	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	/* loops-wrapper */
	.loops-wrapper{
		margin-left:0!important;
		width:auto!important
	}

	/* post */
	.post{
		width:auto!important;
		max-width:100%!important;
		margin-left:0!important;
		float:none!important
	}

	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next{
		display:block;
		width:100%;
		clear:both;
		margin-bottom:10px
	}

	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist{
		padding-left:0
	}
	.commentlist .commententry{
		clear:left
	}
	.commentlist .avatar{
		float:left;
		width:40px;
		height:40px;
		margin:0 10px 10px 0
	}

	/************************************************************************************
	WOOCOMMERCE SUPPORT
	*************************************************************************************/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary{
		float:none!important;
		width:100%!important
	}
}