@media(max-width:1260px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap{
		max-width:100%
	}

	.pagewidth{
		max-width:94%
	}
	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	.loops-wrapper.team.grid3 .post-title{
		text-overflow:ellipsis;
		overflow:hidden;
		width:100%;
		white-space:nowrap;
		color:#fff
	}
	.sidebar-none.full_width .col-full .module-text .loops-wrapper.list-post.team .team-content-wrap h2{
		text-overflow:ellipsis;
		overflow:hidden;
		width:100%;
		white-space:nowrap
	}

	.loops-wrapper.grid4.team .team-content-wrap .team-title-wrapper{
		top:68%
	}	
	.loops-wrapper.portfolio.grid4 .post .entry-content{
		display:none
	}
	
}

@media(max-width:800px){
	
	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	.loops-wrapper.grid2.team .team-content-wrap .team-title-wrapper{
		top:74%
	}
	.loops-wrapper.team.grid3 .team-content-wrap .team-title-wrapper{
		top:60%
	}
	.loops-wrapper.grid3.team .team-content-wrap:hover .team-title{
		margin-top:5px
	}

	.loops-wrapper.grid4.team .team-content-wrap .team-title-wrapper{
		top:74%;
		padding:4% 5%
	}

	/* grid4 items when displaying 2 testimonial in one row */
	.loops-wrapper.testimonial.grid4 .post .post-image img{
		width:72px;
		height:72px
	}
	.loops-wrapper.portfolio.grid4 .post .entry-content{
		display:block
	}
	.loops-wrapper.portfolio.grid4 .post-title{
		font-size:1.9em
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.footer-widgets .col4-1{
		width:48.4%
	}
	.footer-widgets .col4-1:nth-of-type(2n+1){
		margin-left:0;
		clear:left
	}

}

@media(max-width:782px){

	.admin-bar .sidemenu,
	.admin-bar #headerwrap,
	.admin-bar #headerwrap.fixed-header{
		top:46px
	}
	body:not(.fixed-header) #headerwrap{
		top:0
	}

}

@media(max-width:760px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth{
		max-width:90%
	}
	#content,
	#sidebar{
		width:100%;
		max-width:100%;
		float:none;
		clear:both
	}
	.loops-wrapper.grid3 .post-title{
		padding:0;
		clear:left
	}
	.loops-wrapper.team.grid2 .team-content-wrap .team-title-wrapper{
		top:70%
	}

	.loops-wrapper.team.grid3 .team-content-wrap .team-title-wrapper{
		top:60%
	}
	.loops-wrapper.team.grid3 .team-social{
		bottom:-10px
	}
	.loops-wrapper.team.grid3 .team-social i{
		font-size:1.401em;
		margin-right:0.295em
	}
	.loops-wrapper.grid4.team .team-content-wrap .team-title-wrapper{
		top:73%
	}
	.loops-wrapper.list-post.team .team-title-wrapper{
		top:76%
	}

	.loops-wrapper.portfolio.grid3 .post .entry-content{
		display:none
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.footer-widgets .col3-1{
		margin-left:0;
		width:100%;
		max-width:100%
	}
	.woocommerce #content .quantity{
		width:100%
	}
	.woocommerce #content table.cart td.actions .coupon .input-text{
		width:48%
	}

}

@media(max-width:680px){
	
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2,
	.footer-widgets .col4-1,
	.footer-widgets .col3-1{
		margin-left:0;
		width:100%;
		max-width:100%
	}

	/************************************************************************************
	HEADING
	*************************************************************************************/
	h1{
		font-size:2.6em
	}
	h2{
		font-size:2em
	}
	h3{
		font-size:1.5em
	}

	/************************************************************************************
	HEADER
	*************************************************************************************/
	/* #site-logo Start */
	.mobile_menu_active #site-logo{
		font-size:25px
	}
	/* #site-logo End */
	
	/* site description */
	.mobile_menu_active #site-description{
		display:none
	}

	/************************************************************************************
	POST LAYOUTS
	*************************************************************************************/
	/* all post */
	.shortcode.loops-wrapper.list-post .post,
	.shortcode.loops-wrapper.grid4 .post,
	.shortcode.loops-wrapper.grid3 .post,
	.shortcode.loops-wrapper.grid2 .post,
	.shortcode.grid2-thumb .post,
	.shortcode.list-thumb-image .post,
	.shortcode.list-large-image .post,
	.loops-wrapper.list-post .post,
	.loops-wrapper.grid4 .post,
	.loops-wrapper.grid3 .post,
	.loops-wrapper.grid2 .post,
	.loops-wrapper.grid2-thumb .post,
	.loops-wrapper.list-thumb-image .post,
	.loops-wrapper.list-large-image .post{
		width:auto;
		margin-left:0;
		float:none
	}
	.loops-wrapper.grid4 .post img,
	.loops-wrapper.grid3 .post img,
	.loops-wrapper.grid2 .post img{
		width:100%
	}

	/* all 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
	}

	/* 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
	}
	
	.featured-area{
		height:475px
	}
	.loops-wrapper.grid2.team .post-title,
	.loops-wrapper.grid3.team .post-title,
	.loops-wrapper.grid4.team .post-title{
		font-size:1.8em
	}
	.loops-wrapper.team.grid2 .team-content-wrap .team-title-wrapper,
	.loops-wrapper.team.grid3 .team-content-wrap .team-title-wrapper,
	.loops-wrapper.team.grid4 .team-content-wrap .team-title-wrapper{
		top:77%;
		padding:4% 5%
	}
	.loops-wrapper.team.grid3 .team-social{
		bottom:0;
		left:auto
	}
	.loops-wrapper.team.grid4 .team-social{
		bottom:0;
		left:auto
	}
	.loops-wrapper.team.grid3 .team-social i,
	.loops-wrapper.team.grid4 .team-social i{
		font-size:2.001em;
		margin-right:0.350em
	}
        .single-team .post-image ,
	.loops-wrapper.list-post.team .post-image{
		width:auto;
		float:none
	}
	.loops-wrapper.list-post.team .post-content,
	.loops-wrapper.list-post.team .progress-bar-wrap,
	.single-team .post-content,
	.single-team .progress-bar-wrap{
		width:auto;
		padding-left:0;
		float:none
	}
	.loops-wrapper.grid3.team .team-content-wrap:hover .team-title{
		margin-top:20px
	}
	.single-team .team-content-wrap,
	.loops-wrapper.list-post.team .team-content-wrap{
		width:100%;
		margin-right:0;
		float:none
	}

	/* testimonial items when mobile testimonial author img size */
	.testimonial .post-image img{
		width:72px;
		height:72px
	}
	.loops-wrapper.portfolio.grid4 .post,
	.loops-wrapper.portfolio.grid3 .post,
	.loops-wrapper.portfolio.grid2 .post{
		float:left
	}
	.loops-wrapper.portfolio.grid3 .post-title{
		font-size:1.3em
	}
	.loops-wrapper.portfolio .post-meta{
		font-size:.675em
	}
	.loops-wrapper.portfolio.grid2 .post-title,
	.loops-wrapper.portfolio.grid4 .post-title{
		font-size:1.5em
	}
	.loops-wrapper.portfolio.grid2 .entry-content{
		display:none
	}

	.loops-wrapper.list-post.team .team-content-wrap{
		width:auto;
		float:none
	}
	.loops-wrapper.list-post.team .team-title-wrapper{
		top:85%
	}
	
	/* portfolio post */
	.loops-wrapper.portfolio .post-image{
		margin-bottom:0!important
	}
	.loops-wrapper.portfolio .post{
		margin-bottom:0!important
	}

	/* WOOCOMMERCE */
	.woocommerce table.cart{
		font-size:.8em
	}
	.woocommerce table.cart .porduct-price{
		display:none
	}
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2{
		float:none;
		width:100%
	}
	.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{
		float:none;
		width:100%
	}
	
	/* cart */
	.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail{
		display:none
	}
	.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions{
		text-align:left
	}
	.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
	}

	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, 
	.post-nav .next{
		display:block;
		width:100%;
		clear:both;
		margin-bottom:10px
	}
	.single .post-nav{
		padding-left:0
	}
	
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist{
		padding-left:0
	}
	.commentlist .commententry{
		clear:left
	}
	.commentlist .avatar{
		float:left;
		width:40px;
		height:40px;
		margin:0 1em 1em 0;
		position:static
	}
	
	#footer-logo{
		position:static
	}

	#commentform label,
	#contactform label{
		display:block
	}
	#commentform input[type=text],
	#commentform input,
	#commentform textarea{
		width:100%;
		max-width:none;
		box-sizing:border-box
	}
	
	/* single post and list-post post Start */
	.loops-wrapper.list-post .post,
	.single-post .list-post .post{
		padding-left:0
	}
	.list-post .post .post-date-wrap,
	.single .post .post-date-wrap{
		position:static;
		float:left;
		margin-right:15px
	}
	.list-post .post-title,
	.single .post .post-title{
		font-size:2.5em;
		line-height:1.4em;
		padding-left:124px
	}
	.list-post .post-meta,
	.single .post .post-meta{
		padding-left:124px
	}
	/* single post and list-post post End */
	

	.transparent-header .list-post .post-title,
	.transparent-header .single .post .post-title,
	.transparent-header.list-post .post-meta,
	.transparent-header.single .post .post-meta,
	.loops-wrapper.list-post .post .post-image,
	.loops-wrapper.list-post .post .post-content,
	.loops-wrapper.list-post.team .post-meta,
	.loops-wrapper.list-post.team .post-title,
	.loops-wrapper.list-post .post.has-post-date,
	.single-post .list-post .post.has-post-date,
	.single-post .post.has-post-date + .post-nav,
	.single.attachment .post.has-post-date + .post-nav,
	.post.has-post-date + .post-nav + .commentwrap,
	.list-post .post-title,
	.single .post .post-title,
	.list-post .post-meta,
	.single .post .post-meta{
		padding-left:0
	}

	.featured-area{
		height:375px
	}
	.loops-wrapper.list-post .has-post-date .post-meta,
	.loops-wrapper.list-post .has-post-date .post-title{
		padding-left:124px
	}
	
	.loops-wrapper.grid2.team .team-content-wrap .team-title-wrapper,
	.loops-wrapper.team.grid3 .team-content-wrap .team-title-wrapper,
	.loops-wrapper.grid4.team .team-content-wrap .team-title-wrapper{
		top:70%
	}
	.loops-wrapper.list-post.team .team-title-wrapper{
		top:81%
	}

	/* Archive Portfolio, set all posts to same width */
	.loops-wrapper.portfolio .post{
		width:100%!important
	}
	
	.loops-wrapper.portfolio .post-meta{
		font-size:.875em
	}
	.sidebar-none.full_width .col-full .loops-wrapper.grid4 .post-title,
	.loops-wrapper.portfolio.grid2 .post-title,
	.loops-wrapper.portfolio.grid3 .post-title,
	.loops-wrapper.portfolio.grid4 .post-title{
		font-size:1.9em
	}
	.loops-wrapper.portfolio.grid2 .entry-content,
	.loops-wrapper.portfolio.grid3 .post .entry-content{
		display:block
	}
}
@media(max-width:600px){
	body:not(.fixed-header).admin-bar #wpadminbar{
		margin-top:-46px
	}
}
