/*===================================================================*/
/*
/* THEME MOBILE STYLES
/*
/*===================================================================*/
/*===================================================================*/
/* RESPONSIVE NAVIGATION
/*===================================================================*/
.meanmenu-reveal.meanclose span,
.mean-container a.meanmenu-reveal span:hover,
.mean-container .mean-bar:hover .meanmenu-reveal span {
	background-color: #222!important;
}

.mean-remove,
#mobile-nav,
#mobile-nav li {
	display: none;
}

a.meanmenu-reveal {
	display: none;
}

#mobile-nav {
	height: 50px!important;
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
}

.mean-container .mean-bar {
	background-color: #F9F9F9;
	width: 100%;
	position: relative;
	height: 50px;
	z-index: 200;
}

.mean-container a.meanmenu-reveal {
	width: 100%;
	height: 55px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: block;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: url(../images/sprite.png) no-repeat -25px -25px #333;
	height: 50px;
	width: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #222;
	margin-top: 50px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	color: #ACACAC;
	display: block;
	float: left;
	width: 100%;
	padding: .6em 20px;
}

.mean-container .mean-nav ul li a:hover {
	background: #2E2E2E;
	color: #FFF;
}

.mean-container .mean-nav ul li:first-child a {
	margin-top: 12px;
}

.mean-container .mean-nav ul li.mean-last a {
	margin-bottom: 12px;
}

.mean-container .mean-push {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mean-nav .wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}

.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
		    box-sizing: content-box;
}




/*===================================================================*/
/*
/* BEGIN MEDIA QUERIES
/*
/*===================================================================*/
/*===================================================================*/
/* FIRST CUT
/*===================================================================*/
@media screen and (max-width: 1416px) {
	/* LAYOUT */
	.hide-for-first { 
		display: none;
	}
	
	.show-for-first { 
		display: block;
	}
	
	.wrapper { 
		max-width: 1020px!important;
	}
	
	.page-content { 
		max-width: 640px; 
		padding-right: 10px; 
	}
	
	/* BLOG */
	.post-content { 
		margin-bottom: 30px;
		padding-left: 0; 
		width: 100%;
	}
	
	.post-slider {
		min-height: 355px;
	}
	
	.mobile-comments-title {
		margin: 50px 0 -40px;	
	}
	
	.single-post .entry-content-media { 
		margin-bottom: 45px; 
	}
	.foot-meta {
		display: block;
	}
	
	#comments-list ol li {
		max-width: 630px;
	}

	.single-product .mobile-cart {
		border-width: 1px!important;
		display: block!important;
		margin-bottom: 40px!important;
	}

	.woocommerce table.cart td.actions .input-text,
	.woocommerce .checkout_coupon .button, .woocommerce table.cart td.actions .button {
		margin-bottom: 10px!important;
		width: 100%!important;
	}	
}


/*===================================================================*/
/* SECOND CUT
/*===================================================================*/
@media screen and (max-width: 1061px) {
	/* LAYOUT */
	.hide-for-second { 
		display: none; 
	}
	
	.show-for-second { 
		display: block; 
	}
	
	.wrapper { 
		max-width: 680px!important;
	}
	
	.page-content { 
		padding-right: 0px;
	}

	/* BLOG */
	.post-slider {
		min-height: 361px;
	}
	
	#comments-list ol li {
		max-width: 640px;
	}
	
	.comment-body,
	.comments .children {
		margin-left: 0px;
	}
	
	/* PORTFOLIO */
	.portfolio-share {
		display: none;
	}	
	
	.single-portfolio .block.entry-meta {
		float: left;
		text-align: left;
	}
	
	/* FOOTER */
	#footer-container .area-3.block { 
		clear: left; 
	}
	
	#footer-container .area-4.block { 
		display: block; 
	}
	
	#footer-container .inner { 
		margin-bottom: 40px; 
	}
	
	#footer-container .widget { 
		margin-bottom: 60px!important; 
	}
	
	#colophon .block { 
		float: none; 
		margin: 0 auto; 
		text-align: center; 
		width: 100%; 
	}

	/* SHOP */
	.page-template-template-woo-php .row {
		padding: 0 10px;
	}

	.page-template-template-woo-php .wrapper {
		max-width: none!important;
	}

	.page-template-template-woo-php  #footer-container {
		max-width: 680px!important;
	}
	
	.product-quantity,
	.product-subtotal {
		display: none!important;
	}

	td.product-price {
		border-right: none!important;
	}
}


/*===================================================================*/
/* THIRD CUT
/*===================================================================*/
@media screen and (max-width: 707px) {
	/* LAYOUT */
	.hide-for-third { 
		display: none!important; 
	}
	
	.show-for-third {
		display: block!important;
	}
	
	.wrapper { 
		max-width: 310px!important;
	}	

	.page-template-template-woo-php  #footer-container {
		max-width: 310px!important;
	}
	
	.page-content,
	.page-content.wrap { 
		max-width: 270px!important; 
		padding: 0px;
	}
	
	.inner {
		margin: 60px 0; 
		overflow: hidden; 
	}
	
	/* GRID */
	.isotope-item { 
		margin-left: 20px; 
		margin-right: 20px;
	}
	
	.isotope-item, 
	#footer-container .block, 
	#header-container .block  { 
		width: 270px; 
	}

	/* BLOG */
	.post-slider {
		min-height: 152px;
	}
	
	.single-post #footer-container .inner {
		margin-top: 30px;
	}
	
	.avatar,
	.comment-edit-link,
	.comment-reply-link { 
		display: none; 
	}

	.comment-body,
	.comments .children {
		margin-left: 0px;
	}
	
	.pagination {
		text-align: left;
	}
	
	section .post-content {
		min-height: 0;
	}
	
	#respond label {
		margin: 0 0 -10px 0;
	}
	
	#respond .eight {
		width: 100%;
	}
	
	#respond input {
		margin-bottom: 5px;
	}
	
	.logged-in label.show-for-third {
		display: none!important;
	}
	
	/* PORTFOLIO */
	#media-container .entry-content-media {
		border-bottom: 1px solid #ECECEC;
		padding-bottom: 25px;
		margin-bottom: 50px!important;
	}

	#media-container .entry-content-media.portfolio-gallery {
		padding-bottom: 30px;
	}
	
	#media-container li.stacked-image {
		margin-bottom: 25px;
	}
	
	.bean-image-caption, .bean-slide-caption {
		display: none;
	}
	
	.bean-direction-nav a {
		top: 40%;
	}
	
	/* FOOTER */
	#colophon .inner { 
		padding: 40px 0; 
	}
		
	#colophon .block p { 
		line-height: 28px; 
	}

	#footer-container .border,
	.single-post #portfolio-related .border {
		margin-bottom: 60px;
		max-width: 270px!important;
	}
	
	.footer-widgets .widget {
		border-bottom: 1px solid #ECECEC;
		margin-bottom: 60px!important;
		padding-bottom: 60px;
	}
	
	.footer-widgets .area-4.block .widget {
		border: none;
		margin-bottom: 100px!important;
		padding-bottom: 0px;
	}
	
	/* WIDGETS */
	ul.bean_social_icons { 
		margin-left: -7px; 
	}
	
	ul.bean_social_icons li.bean_social_icon {
		margin: 0px 0px 7px 7px!important;
	}
	
	.instagram_badge_image { 	
		margin-bottom: 9px!important; 
	}
	
	/* 404 & SEARCH */
	.search .searchform.search,
	.error404 #primary-container {
		margin-bottom: 70px;
	}

	/* SHOP */
	.comment-form-rating p.stars a {
		margin-bottom: 5px!important;
		width: 100%!important;
	}

	.single-product .woocommerce-tabs .tabs {
		text-align: center!important;
	}

	#reviews .description {
		margin-left: 0!important;
	}

	.single-product .woocommerce-tabs .tabs {
		font-size: 12px!important;
	}

	.form-row {
		width: 100%!important;
	}

	.checkout_coupon p {
		margin-bottom: 0!important;
	}

	.gfield_select,
	.wpcf7-form select {
		background-position: 94% 15px;
	}
}




/*===================================================================*/
/* PRIMARY CUT
/*===================================================================*/
@media only screen and (max-width : 768px) {
	.row { 
		padding: 0 40px; 
	}
		
	.row .row {
		margin: 0 -40px;
	}
	
	/* BLOG */
	blockquote {
		margin: 30px 0;
	}
	
	pre {
		margin: 35px 0 35px!important;
	}
	
	.entry-content ul, .entry-content ol {
		margin: 30px 0 30px 20px;
	}
				
	/* SINGLE POSTS */	
	section.type-post {
		max-width: 100%;
	}
	
	.single-attachment .entry-content .entry-content-media img {
		margin-bottom: 70px;
	}

	/* COMMENTS */
	.children .comment {
		padding-left: 0px;
	}	
	
	.children .comment-body {
		padding-left: 0px;
	}	
	
	.children #respond,
	.comment #respond {
		margin: 0
	}
	
	#commentform #submit,	
	#commentform input[type="text"] {
		width: 100%;
	}
	
	p.logged-in-as {
		display: none;
	}

	/* CONTACT */
	ul.bean-contactform li.six {
		padding: 0px!important;
		width: 100%;
	}	

	ul.bean-contactform .button {
		width: 100%;
	}
	
	/* COMING SOON */
	.bean-coming-soon .block {
		font-size: 60px!important;
		margin: 0 auto;
		width: 100%!important;
	}
	
	/* UNDER CONSTRUCTION */
	.page-template-template-comingsoon-php .page-content.wrapper,
	.page-template-template-underconstruction-php .page-content.wrapper {
		padding-bottom: 30%;
	}
}




/*===================================================================*/
/*
/* RETINA CSS
/*
/*===================================================================*/
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) {
	.bean-direction-nav a,
	.sticky .post-thumb span,
	#header-container .menu-icon,
	.mean-container a.meanmenu-reveal span {
		background-image: url(../images/retina/sprite@2x.png);
		background-size: 100px 500px;
	}
	
	a.jp-play span,
	a.jp-pause span { 
		background-image:url(../images/retina/jplayer@2x.png);
		background-size: 100px 325px; 
	}
	
	.gfield_select,
	.wpcf7-form select {
		background-image:url(../images/retina/select@2x.png)!important;
		background-size: 8px 54px!important; 
	}

	.isotope-item.dribbble .post-thumb {
		background-image:url(../images/retina/dribbble@2x.png)!important;
		background-size: 43px 43px!important;
	}

	.sticky .post-thumb span {
		background-position: -32px -332px;
	}
}