@media(max-width:980px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap{
		max-width:100%
	}
	
	#pagewrap,
	.row_inner{
		width:90%
	}
	.default_width #layout .row_inner{
		max-width:100%;
		width:100%
	}
	/* header */
	#header{
		margin-bottom:15px
	}
	/* slider */
	#header-slider{
		padding:0 35px 0 25px
	}
	#header-slider .slides li{
		margin:.8em
	}
	#header-slider img{
		max-width:97%;
		height:auto
	}
	#content{
		width:68%;
		padding:3% 4%
	}
	#sidebar{
		width:30%
	}
	/* footer grid */
	#footer .col2-1{
		width:48%;
		margin:1% 2% 1% 0
	}
	#footer .col3-1{
		width:31.2%;
		margin:1% 2% 2% 0
	}
	#footer .col4-1{
		width:23%;
		margin:1% 2% 2% 0
	}
}

/* smaller than 720 */
@media(max-width:720px){
	#content{
		width:auto;
		float:none;
		padding:5%
	}
	/* post title */
	.post-title{
		font-size:150%;
		line-height:120%;
		padding-top:0
	}
	/* commentlist */
	.commentlist ul{
		margin-left:20px
	}
	.next-prev-comment{
		position:static;
		margin:0 0 5px
	}
	.commententry{
		clear:both
	}
	/* sidebar */
	#sidebar{
		width:100%
	}
	/* footer */
	#footer .col4-1, #footer .col4-3, #footer .col3-2, #footer .col3-1, #footer .col2-1{
		float:none;
		width:auto;
		margin:0
	}
	#footer-nav{
		text-align:center;
		padding-top:10px;
		margin-bottom:0
	}
	#footer .footer-text{
		text-align:center;
		padding-top:10px
	}
}

/* smaller than 560 */
@media(max-width:680px){
	html{
    		-webkit-text-size-adjust:none
	}
	#header-slider{
		margin-bottom:10px
	}
	/* post date */
	.post-date{
		width:44px
	}
	/* post-nav */
	.post-nav .prev,
	.post-nav .next{
		width:auto;
		margin-bottom:10px
	}
	/* post title */
	.post-title{
		font-size:140%;
		line-height:130%
	}
	

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}
		
	/************************************************************************************
	POST
	*************************************************************************************/
	/* post */
	.post{
		width:auto!important;
		max-width:100%!important;
		margin-left:0!important;
		float:none!important
	}
		
	/************************************************************************************
	WOOCOMMERCE SUPPORT
	*************************************************************************************/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary{
		float:none!important;
		width:100%!important
	}
}