/************************************************************************************
PORTFOLIO
*************************************************************************************/
@media(max-width:1160px){
	.loops-wrapper.portfolio.masonry .portfolio-post.size-large{
		height:360px
	}
	.loops-wrapper.portfolio.masonry .portfolio-post.size-small{
		width:100%;
		height:360px
	}
}
@media(max-width:680px){
	.loops-wrapper.portfolio.masonry .portfolio-post.size-large,
	.loops-wrapper.portfolio.masonry .portfolio-post.size-small,
	.loops-wrapper.portfolio.masonry .post-content{
		width:100%;
		height:auto
	}
	.loops-wrapper.portfolio.masonry .portfolio-post .post-image{
		width:100%;
		min-height:300px
	}
}

/************************************************************************************
HEADERWRAP
*************************************************************************************/
@media(max-height:800px){
	#headerwrap{
		font-size:.85em
	}
}

@media(max-width:1260px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap{
		max-width:100%
	}
	
	.pagewidth{
		max-width:94%
	}
	#headerwrap{
		font-size:.85em
	}
}

@media(max-width:800px){
	
	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	.loops-wrapper.grid4 .post{
		width:50%; /* change grid4 to 2 columns */
	}
	.loops-wrapper.grid4 .post:nth-of-type(2n+1){
		margin-left:0;
		clear:left
	}
	
}

@media(max-width:760px){

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

	body #content,
	body #sidebar{
		width:100%;
		max-width:100%;
		float:none;
		clear:both
	}
	/* single portfolio post meta */
	.single-portfolio .post-content{
		width:auto;
		float:none
	}
	.single-portfolio .project-meta{
		width:auto;
		float:none;
		margin-left:0
	}
	
	/************************************************************************************
	14. WOOCOMMERCE
	*************************************************************************************/
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2{
		float:none;
		width:100%
	}
	
}

@media(max-width:680px){
	
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}
	
	/************************************************************************************
	HEADER
	*************************************************************************************/
	/* prevent logo img extend the fixed header on mobile */
	.has-fixed-header #headerwrap #site-logo img{
		width:auto;
		max-height:40px
	}

	/* all post title */
	.post-title,
	.loops-wrapper.list-post .post-title,
	.loops-wrapper.grid4 .post-title,
	.loops-wrapper.grid3 .post-title,
	.loops-wrapper.grid2 .post-title,
	.loops-wrapper.grid2-thumb .post-title,
	.loops-wrapper.list-thumb-image .post-title,
	.loops-wrapper.list-large-image .post-title,
	.loops-wrapper.slider .post-title{
		font-size:1.4em
	}

	/* all post image */
	.loops-wrapper.list-post .post-image,
	.loops-wrapper.grid4 .post-image,
	.loops-wrapper.grid3 .post-image,
	.loops-wrapper.grid2 .post-image,
	.loops-wrapper.list-large-image .post-image{
		float:none;
		position:static;
		width:auto;
		margin:0 0 1em;
		overflow:visible
	}
	
	.archive .loops-wrapper.list-post .post-image,
	.archive .loops-wrapper.grid4 .post-image,
	.archive .loops-wrapper.grid3 .post-image,
	.archive .loops-wrapper.grid2 .post-image{
		margin:0
	}

	/* all post content */
	.loops-wrapper.grid2-thumb .post-content,
	.loops-wrapper.list-thumb-image .post-content{
		overflow:visible
	}

	/* slider post */ 
	.loops-wrapper.slider .post-content{
		position:static;
		background-color:#000;
		padding-top:10px;
		padding-bottom:5px
	}
	.loops-wrapper.slider .post-meta{
		position:static
	}
	input[type=text],
	input[type=password],
	input[type=search],
	input[type=email],
	input[type=url],
	input[type=tel]{
		margin-right:0
	}
	.commentlist .reply{
		position:static
	}
	
	/* reset grid3 */
	.loops-wrapper.grid3 .post{
		width:100%;
		float:none;
		margin-left:0
	}

	/************************************************************************************
	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 1em 1em 0
	}

	/************************************************************************************
	FOOTER
	*************************************************************************************/
	.footer-widgets .widget{
		padding:0
	}
	.footer-widgets .first .widget{
		padding-top:2em
	}

	/************************************************************************************
	14. WOOCOMMERCE
	*************************************************************************************/
	.woocommerce table.cart{
		font-size:.8em
	}
	.woocommerce ul.products li.product{
		width:48%;
		float:left;
		clear:both;
		margin:0 0 2.992em
	}
	.woocommerce ul.products li.product:nth-child(2n){
		float:right;
		clear:none!important
	}
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary{
		float:none;
		width:100%
	}
	
	/* cart */
	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce table.cart .product-thumbnail,
	.woocommerce table.cart .porduct-price{
		display:none
	}
	.woocommerce #content table.cart td.actions,
	.woocommerce table.cart td.actions{
		text-align:left
	}
	.woocommerce #content .quantity .minus,
	.woocommerce .quantity .minus,
	.woocommerce #content .quantity .plus,
	.woocommerce .quantity .plus{
		float:none;
		margin-top:.5em;
		margin-left:.5em
	}
	.woocommerce #content .quantity input.qty,
	.woocommerce .quantity input.qty{
		float:none
	}
	.woocommerce #content table.cart td.actions .coupon,
	.woocommerce table.cart td.actions .coupon{
		float:none;
		padding-bottom:.5em
	}
	.woocommerce #content table.cart td.actions .coupon:after,
	.woocommerce #content table.cart td.actions .coupon:before,
	.woocommerce table.cart td.actions .coupon:after,
	.woocommerce table.cart td.actions .coupon:before{
		content:" ";
		display:table
	}
	.woocommerce #content table.cart td.actions .coupon:after,
	.woocommerce table.cart td.actions .coupon:after{
		clear:both
	}
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce .cart-collaterals .shipping_calculator{
		width:100%;
		float:none;
		text-align:left
	}
}

@media(max-width:600px){
	.admin-bar.sidemenu-active{
		position:static
	}
}