/*===================================================================*/
/*
/* THEME MOBILE STYLES
/*
/*===================================================================*/
/*===================================================================*/
/* RESPONSIVE NAVIGATION
/*===================================================================*/
.mean-remove,
nav#mobile-nav li {
	display: none!important;
}

a.meanmenu-reveal {
	display: none;
}

.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #222;
	min-height: 35px;
	z-index: 200;
}

.mean-container a.meanmenu-reveal {
	width: 100%;
	height: 35px;
	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 -87px -283px;
	height: 35px;
	width: 35px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.mean-container a.meanmenu-reveal.meanclose span {
	background-position: -87px -383px;
}

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

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	display: none;
	-webkit-transition: all 0s;
        -moz-transition: all 0s;
         -ms-transition: all 0s;     
          -o-transition: all 0s;
}

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

.mean-container .mean-nav ul li a {
	color: #AAA;
	display: block;
	font-weight: normal;
	float: left;
	width: 90%;
	padding: .5em 40px;
	margin: 0;
	text-align: left;
	text-decoration: none;
}

.mean-container .mean-nav li.current-menu-item a {
	color: #FFF!important;
}

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

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

.mean-container .mean-nav ul li:last-child {
	margin-bottom: 10px;
}

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

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

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: .4em 13%;
	visibility: visible;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: .4em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: .4em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: .4em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
	width: 39px;
	height: 39px;
	padding: 0px !important;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 2;

}

.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
/*
/*===================================================================*/
/*===================================================================*/
/* PRIMARY CUT
/*===================================================================*/
@media only screen and (max-width : 768px) {
	.row,
	.content,
	.logged-in.admin-bar .content {
		padding: 0 20px;
		margin-top: 0;
	}
	
	.content-wrapper {
		margin-top: 0;	
	}

	#masonry-container article.widget .inner .widget-title {
		margin-top: -5px;
	}

	.social-sharing-divide {
		margin-bottom: 25px;
	}

	.social-sharing,
	#masonry-container article .inner,
	#masonry-container article.sidebar.post .widget {
		padding: 25px;
	}

	#mobile-filter {
		display: block;
	}

	#portfolio-filter {
		display: none;
	}

	/* HEADER & FOOTER */
	@-moz-document url-prefix() { 
	  .header {
	  	clear: both;
	     margin-top: 40px;
	  }
	}

	.header,
	.header.header-3 {
		padding: 50px 0 50px;
		position: initial;
		text-align: center;
		width: auto;
	}

    body:not(.safari) .header,
    body:not(.safari) .header.header-3 {
        padding: 80px 0 50px;
    }

	.logo, .left-side, .site-description {
		display: block;
	}

	.header .site-description {
		margin: 0;
	}

	#nav-toggle,
	#filter-toggle {
		display: none!important;
	}

	.footer {
		text-align: center;
	}

	/* SINGLE POSTS */
	#masonry-container article {
		max-width: 100%;
		width: 100%;
	}

	#masonry-container article.single-page .inner,
	.single-portfolio #masonry-container article.single-page.fullscreen .inner,
	.single-portfolio #masonry-container article.single-page.fullwidth .inner  {
		padding: 35px 25px;
	}

	.single-portfolio #masonry-container article.single-page .inner {
		padding: 35px 25px 25px;
	}

	#masonry-container article.single-page .entry-content-media {
		margin: 25px 25px 5px;
	}

	#masonry-container article.single-page.format-audio .entry-content-media.no-img {
		margin: 40px 25px 10px;
	}

	#masonry-container article.single-page { 
		width: 100%!important;
	}
	
	.single-portfolio .video-frame,
	.single-portfolio #masonry-container article.single-page {
		margin-bottom: 20px!important;
	}

	.social-sharing-divide { 
		padding-top: 3%; 
	}

	.single-product .images .thumbnails {
		display: none;
	}

	.social-sharing li a {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	
	/* PORTFOLIO */
	.home-slider {
        display: none;
    	}

    	.home-slider-mobile {
        display: block;
    	}

    	.home-slider-mobile li:last-child {
		padding-bottom: 20px!important;
	}

	.page-template-template-portfolio-php .theme_version_fullscreen.footer, 
	.page-template-template-portfolio-fullscreen-slider-php .footer-row {
		position: relative;
	}

	.single-portfolio ul.stacked li {
		margin-bottom: 25px;
	}

	.single-portfolio article.portfolio.fullwidth .entry-content div,
	.single-portfolio article.portfolio.fullscreen .entry-content div,
	.page-template-template-portfolio-fullwidth-php article.portfolio.fullwidth .inner .entry-excerpt, 
	.page-template-template-portfolio-php .theme_version_fullwidth article.portfolio.fullwidth .inner .entry-excerpt {
		width: 75%;
	}

	ul.stacked li .bean-image-caption,
	ul.home-slider-mobile li .bean-image-caption {
		margin-top: 20px;
	}

	/* COMMENTS */
	#comments {
		margin: 0 -25px 10px;
		padding: 40px 25px 0;
	}

	.comment-body p,
	.comments .children,
	#reviews .description {
		margin-left: 0!important;
	}

	.comment.depth-2 #respond {
		margin-left: -40px;
	}
	
	.avatar {
		display: none;
	}

	.comment-form label {
		position: inherit;
	}

	.comment-form input.eight {
		width: 100%;
	}
	
	p.logged-in-as {
		display: none;
	}

	/* PAGINATION */
	.pagination {
		background-color: #F5F5F5;
		position: static;
		float: left;
		width: 100%;
	}
	
	.pagination a {
		height: 60px;
		width: 50%;
	}

	.pagination .prev,
	.pagination .page-prev a {
		background-position: 50% -170px;
		border-left: 1px solid #333;
	}

	.pagination .next,
	.pagination .page-next a {
		background-position: 50% -70px;
		border-right: 1px solid #333;
	}

	.single-portfolio .pagination a {
		width: 33.333%;
	}

	.single-portfolio .page-portfolio a {
		background-position: 50% 24px;
	}

	.slidein {     
	     -webkit-animation-name: slideinx;
	        -moz-animation-name: slideinx;
	          -o-animation-name: slideinx;
	}
	
	/* CONTACT */
	ul.bean-contactform .button {
		width: 100%;
	}

	.widget_shopping_cart_content .buttons .button {
		width: 100%!important;
	}

	body.error404,
	body.page-template-template-underconstruction-php {
		padding: 20% 10%;
		text-align: center;
	}

}

@media only screen and (max-width : 765px) {
	.single-product .mobile-cart {
		display: block!important;
	}

	.single-product .product .eight.columns {
		width: 100%;
	}

	.single-product .single-price {
		position: relative!important;
		top: inherit!important;
	}

}


/*===================================================================*/
/* SMALLER SCREENS
/*===================================================================*/
@media only screen and (max-width : 660px) {
	/* PORTFOLIO */
	.single-portfolio article.portfolio.fullwidth .entry-content {
		margin-bottom: 20px;
	}

	.social-sharing-divide { 
		padding-top: 2%; 
	}

	.single-portfolio article.portfolio.fullwidth,
	.single-portfolio article.portfolio.fullscreen,
	.page-template-template-portfolio-fullwidth-php article.portfolio.fullwidth,
	.page-template-template-portfolio-php .theme_version_fullwidth article.portfolio.fullwidth {
		margin-bottom: 20px!important;
		padding: 20px;
	}

	.single-portfolio article.portfolio.fullscreen {
		padding-top: 40px;
	}

	.page-template-template-portfolio-fullwidth-php article.portfolio.fullwidth .inner, 
	.page-template-template-portfolio-php .theme_version_fullwidth article.portfolio.fullwidth .inner {
		padding-bottom: 20px!important;
	}

	.single-portfolio article.portfolio.fullwidth .entry-content div,
	.single-portfolio article.portfolio.fullscreen .entry-content div,
	.page-template-template-portfolio-fullwidth-php article.portfolio.fullwidth .inner .entry-excerpt, 
	.page-template-template-portfolio-php .theme_version_fullwidth article.portfolio.fullwidth .inner .entry-excerpt {
		width: 100%;
	}
	
	.single-portfolio article.portfolio.fullwidth .entry-content,
	.single-portfolio article.portfolio.fullscreen .entry-content {
		text-align: left;
	}

	.single-portfolio article.portfolio.fullscreen .entry-meta {
		margin-bottom: 15px!important;
	}

	.single-portfolio ul.stacked li {
		margin-bottom: 25px;
	}

	.single-portfolio .entry-meta li {
		display: block!important;
		margin: 0!important;
	}

	.single-portfolio .entry-meta li:before {
		content: '';
		padding: 0;
		position: inherit;
		top: inherit;
	}
	
	article.portfolio .entry-meta li.likes {
		float: none;
	}

	/* PASSWORD PROTECTED */
	.single-page.post-password-required form label,
	.single-page.post-password-required input[type="submit"] {
		width: 100%;
	}

	/* MAILBAG */
	.subscribe {
		padding-bottom: 55px;
	}

	.mailbag-wrap .mailbag-input {
		width: 100%!important;
	}

	.mailbag-wrap input[type="submit"] {
		top: 5px;
	}
}



@media only screen and (max-width : 400px) {
	.row,
	.content-wrapper,
	.logged-in.admin-bar .content-wrapper {
		padding: 0 10px!important;
	}

	#masonry-container article {
		margin-bottom: 10px;
	}

	.single-portfolio article.portfolio.fullwidth, 
	.single-portfolio article.portfolio.fullscreen, 
	.page-template-template-portfolio-fullwidth-php article.portfolio.fullwidth, 
	.page-template-template-portfolio-php .theme_version_fullwidth article.portfolio.fullwidth {
		margin-bottom:  10px!important;
	}

	.single-portfolio #masonry-container article.single-page {
		margin-bottom: 10px!important;
	}

	/* SINGLE */
	.entry-content ul {
		margin: 40px 0 40px 20px;
	}
	
	.social-sharing-divide { 
		padding-top: .8%; 
	}

	#masonry-container article.format-image {
		padding: 0;
	}

	#respond .form-submit {
		float: none;
	}

	#respond input[type="submit"] {
		width: 100%;
	}

	/* CAPTIONS */
	.format-gallery .bean-image-caption {
		display: none;
	}

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

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

	/* CONSTRUCTION */
	body.page-template-template-underconstruction-php {
		padding-top: 30%;
	}

	/* GRAVITY FORMS */
	.gform_footer .button {
		width: 100%;
	}
}

/* PHONE SIZED */
@media only screen and (max-width : 399px) {
	.bean-control-paging {
		display: none;
	}

	@-moz-document url-prefix() { 
		.flickr_badge_image,
		.instagram_badge_image,
		.instagram_badge_image img,
		.bean500px_badge_image,
		.bean500px_badge_image img {
			width: 58px!important;
		}
	}
}




/*===================================================================*/
/*
/* RETINA CSS
/*
/*===================================================================*/
@media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min--moz-device-pixel-ratio : 2),only screen and (-o-min-device-pixel-ratio : 2/1),only screen and (min-device-pixel-ratio : 2),only screen and (min-resolution : 192dpi),only screen and (min-resolution : 2dppx) {
	.bean-likes,
	.toggle-icon,
	.pagination a,
	.icon-comments,
	.lightbox-play, 
	.sidebar-close,
	.lightbox-image,
	.mobile-pager a,
	.fancybox-close,
	.fancybox-nav span,
	.mobile-nav-toggle,
	.social-sharing li a,
	.mean-container a.meanmenu-reveal span {
		background-image: url(../images/retina/sprite@2x.png)!important;
		background-size: 200px 1400px!important;
	}
	
	a.jp-play span,
	a.jp-pause span,
	.entry-content .mejs-controls .mejs-play button,
	.entry-content .mejs-controls .mejs-pause button,
	.entry-content .mejs-controls .mejs-volume-button button { 
		background-image:url(../images/retina/jplayer@2x.png);
		background-size: 36px  140px; 
	}
	
	.bean-shot {
		background-image: url(../images/retina/dribbble-hover@2x.png)!important;
		background-size: 30px 30px!important;
	}

	.flickr_badge_image {
		background-image: url(../images/retina/flickr-hover@2x.png)!important;
		background-size: 20px 10px!important;
	}

	.header .sub-menu a.sf-with-ul,
	.header .sub-menu .menu-item-has-children a {
		background-image:url(../images/retina/sf-arrow@2x.png);
		background-size: 6px 10px; 
	}

	.construction-banner {
		background-image:url(../images/retina/construction-banner@2x.png);
		background-size: 100px 100px; 
	}

	.wpcf7-form select {
		background-image:url(../images/retina/select@2x.png)!important;
		background-size: 8px 54px!important; 
	}

	.portfolio-review .quote-icon  {
		background-image:url(../images/retina/quote@2x.png);
		background-size: 36px 26px;
	}
}


/* @3x - IPHONE 6 PLUS AND SIMILAR HD RETINA */
@media screen and (min-device-width : 414px) and (-webkit-device-pixel-ratio: 3) {
	.bean-likes,
	.toggle-icon,
	.pagination a,
	.icon-comments,
	.lightbox-play, 
	.sidebar-close,
	.lightbox-image,
	.mobile-pager a,
	.fancybox-close,
	.fancybox-nav span,
	.mobile-nav-toggle,
	.social-sharing li a,
	.mean-container a.meanmenu-reveal span {
		background-image: url(../images/retina/sprite@3x.png)!important;
		background-size: 200px 1400px!important;
	}
	
	a.jp-play span,
	a.jp-pause span,
	.entry-content .mejs-controls .mejs-play button,
	.entry-content .mejs-controls .mejs-pause button,
	.entry-content .mejs-controls .mejs-volume-button button { 
		background-image:url(../images/retina/jplayer@3x.png);
		background-size: 36px  140px; 
	}
	
	.bean-shot {
		background-image: url(../images/retina/dribbble-hover@3x.png)!important;
		background-size: 30px 30px!important;
	}

	.flickr_badge_image {
		background-image: url(../images/retina/flickr-hover@3x.png)!important;
		background-size: 20px 10px!important;
	}

	.header .sub-menu a.sf-with-ul,
	.header .sub-menu .menu-item-has-children a {
		background-image:url(../images/retina/sf-arrow@3x.png);
		background-size: 6px 10px; 
	}

	.construction-banner {
		background-image:url(../images/retina/construction-banner@3x.png);
		background-size: 100px 100px; 
	}

	.wpcf7-form select {
		background-image:url(../images/retina/select@3x.png)!important;
		background-size: 8px 54px!important; 
	}

	.portfolio-review .quote-icon  {
		background-image:url(../images/retina/quote@3x.png);
		background-size: 36px 26px;
	}
}