/*===================================================================*/
/*
/* THEME MOBILE STYLES
/*
/*===================================================================*/
/* 1200px (was 1000px) */
@media only screen and (max-width : 1000px) {

	/* FR */
/*	#primary-menu {
		display: none;
	}*/

	.post blockquote { margin-left: -60px; margin-right: -60px; }
	
	.alignleft { margin-left: -3rem; }

	.alignright { margin-right: -3rem; }

	.next-preview { padding: 20% 0; }

	.single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
		font-size: 30px;
		font-size: 3.0rem;
		font-size: 3vw;
		line-height: 5vw;
	}

	.portfolio-tagline blockquote,
	.call-to-action blockquote {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.7em;
	}

	.call-to-action,
	.portfolio-tagline blockquote {
		padding-bottom: 0%;
		padding-top: 3%;
	}	
}

/* 360px */
@media only screen and (max-width : 360px) {

.hero-area.hero-fullscreen h2 {
    font-size: 3.5vw !important;
    padding: 0px;
    line-height: 5vw;
}

.center-vertical {
top: 77% !important;
}


.down-arrow {
display: 15px !important;
}

blockquote {
font-size: 17px !important;
}

.menu-sidebar {
width: 300px;
}

.site-title img {
		max-width: 220px !important;;
	}
	
	blockquote.tagline, .portfolio-tagline blockquote {
    margin: 0;
}

/* 769px */
@media only screen and (max-width : 769px) {
	.projects-mobile {
		display: block;
	}

	.single-format-gallery .superslides {
		display: none!important;
	}

	.single-format-gallery .hero-area {
		height: auto!important;
		max-height: none!important;
		margin-bottom: -23px!important;
	}

	.single-post .slide-caption {
		position: relative;
		width: 100%;
		left: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		background: #FFF;
	}
	
	.down-arrow {
	display: 15px !important;
	}
	
	.header {
    background-color:
    }
}

/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.hero-area .background-video { display: none; }
	.hero-area .background-video.embedded { display: block; }
	.hero-area.has-video .post-cover { opacity: 1!important; }
}


/* 768px */
@media only screen and (max-width : 768px) {
	.header {
		top: 0!important;
		position: relative;
		z-index: 999999;
	}
	
	.header .site-title {
		float: none;
		max-width: none;
		text-align: center;
	}

	.header .site-title a {
		display: inline-block;
		width: auto; 
	}

	.header .hamburger-icon {
		position: absolute;
	}
	
/* PP */
	.hero-area.hero-fullscreen h2 {
    font-size: 3vw;
    line-height: 4vw;
    padding: 0px !important;
	}

	.center-vertical {
	top: 82%;
	}
	
	.down-arrow {
	bottom: 5px !important;
	}

/* End PP */

	.hamburger-icon.menu_standard {
		display: block;
	}

	.header_left_aligned .hamburger-icon {
		right: 35px;
	}

	.header .nav ul {
		display: none;
	}
	
	.header .site-title img {
		max-width: 320px;
	}

	.header .site-title img.retina-logo {
		max-width: 360px;
	}

	.menu-fullscreen ul li a {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.menu-fullscreen .sub-menu li a {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.menu-fullscreen .sub-menu li a {
  		padding: 7px 0;
	}

	.menu-fullscreen ul li a {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

	#projects,
	.sub-header,
	#page-container,
	.page-template-template-portfolio-fullpage-php #page-inner,
	.page-template-template-portfolio-fullpage-php #page-container {
		margin-top: 0!important;
	}

	.page-inner {
		margin-bottom: 0!important;
	}

	.hero-area {
		padding: 25% 0;
	}

	.hero-area  {
		max-height: 700px!important;
		margin: 0!important;
	}

	.hero-area  {
		max-height: 700px!important;
		margin: 0!important;
	}

	.hero-area .background-video.embedded {
		display: block;
	}

	.hero-area .background-video.embedded iframe {
		top: 0;
	}

	.hero-area.has-video .post-cover {
		opacity: 1!important;
	}

	.hero-area h2 {
		font-size: 4rem;
		font-size: 5vw;
		letter-spacing: 3px;
	}
	
	.footer,
	.testimonials {
		padding: 15% 0;
	}

	.single-portfolio .footer {
		position: relative;
	}
	
	.footer-social {
		display: block;
		margin: 1.5em 0 0 0;
	}

	.footer-social li {
		margin: 0 .5em;
	}

	/* CONTACT */
	.contactform, .entry-content.percent-50 {
		float: none;
		width: 100%;
	}

	.contact-wrapper .entry-content {
		height: auto!important;
		margin-bottom: 35px!important;
	}

	.entry-content.percent-50 .center-vertical {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		padding: 0;
		-webkit-transform: translate(0, 0); 
		-moz-transform: translate(0, 0); 
		-ms-transform: translate(0, 0); 
		-o-transform: translate(0, 0); 
		transform: translate(0, 0); 
	}

	#BeanForm {
		padding: 35px;
	}

	/* PROJECTS */
	.masonry-project.project .overlay-title {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1); 
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);	
	}

	.masonry-project.project h3 {
		font-family: 'Montserrat',HelveticaNeue,helvetica,arial,sans-serif;
		font-size: 18px;
		font-size: 1.8rem;
	}

	.masonry-project h5 {
		font-size: 10px;
		font-size: 1.0rem;
	}

	#infscr-loading {
		bottom: 15px;
		right: 15px;
	}

	/* SUBHEADER AND PROJECT FILTER */
	.sub-header.no-hero {
		position: relative;
	}

	.sub-header {
		overflow: hidden;
		position: relative;
		text-align: center;
	}

	.sub-header.open {
		border: 0;
		height: auto;
		padding: 0;
	}

	.search .sub-header li,
	.archive .sub-header li {
		float: none!important;
	}
	
	#project-filter,
	.search #post-count,
	.archive #post-count,
	.sub-header.open #post-count,
	.sub-header.open #filter-toggle {
		display: none;
	}

	#filter-toggle,
	#project-filter.open,
	.search #post-taxonomy,
	.archive #post-taxonomy,
	#project-filter.open li {
		display: block;
	}
	
	#project-filter.open {
		background: #181818;
		padding: 2px 35px 0;
	}

	#project-filter.open li {
		float: none;
	}

	#project-filter li:first-child a {
		border: 0;
	}

	#project-filter li a {
		border-top: 1px solid #333333;
		color: #FFF;
		padding: 0;
	}

	#project-filter li a:hover {
		border-top-color: #333333!important;
		color: #AAA!important;
	}
	
	.stacked-assets .center-vertical,
	.single-portfolio .entry-content .center-vertical {
		padding: 40px 35px;
		padding: 4.0rem 3.5rem;
	}

	.call-to-action {
		padding: 10% 35px;
	}
	
	blockquote.tagline,
	.call-to-action blockquote {
		width: 80%;
	}

	.single_portfolio_fullscreen .project-content {
		background-color: #181818;
		opacity: 1!important;
		max-width: none;
		width: 100%!important;
		overflow: visible;
		position: static;
		text-align: center;
		height: auto!important;
		padding: 50px 35px!important;
	}

	.single_portfolio_fullscreen .hide-details {
		display: none;
	}

	.single_portfolio_fullscreen .hide-content .entry-content {
		display: block;
	}
	
	.single_portfolio_fullscreen .project-content p,
	.single_portfolio_fullscreen .project-content a,
	.single_portfolio_fullscreen .project-content .project-meta,
	.single_portfolio_fullscreen .project-content .post-meta li {
		color: #7E7E7E;
	}

	.single_portfolio_fullscreen .imagezoom {
		animation: X; -moz-animation: X; -ms-animation: X;  
	}

	.projects-fullscreen {
		display: none;
	}

	.page-template-template-portfolio-fullpage-php .projects-fullscreen {
		display: block;
	}

	.last-section {
		display: none!important;
	}

	.single_portfolio_fullscreen .footer {
		display: block;
	}

	blockquote.tagline,
	.call-to-action blockquote,
	.portfolio-tagline blockquote {
		width: 100%;
	}

	ul.post-meta {
		margin: 0!important;
	}

	.crsl-slider .owl-controls .owl-buttons {
		display: none;
	}

	.carousel-content {
		padding-top: 20px;
		padding-bottom: 50px;
	} 

	.carousel-content.has-hero {
		padding-top: 50px;
	}
		
	/* BLOGROLL */
	.single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
		font-size: 4vw;
		line-height: 6vw;
	}
	
	.page .entry-content,
	.single-post .entry-content { 
		padding: 0 35px ; 
		width: 100%; 
		max-width: 100%; 
		padding-top: 40px; 
		margin-bottom: 35px;
	}

	.single-post .vert-align { padding: 15% 5%; }

	.post blockquote { margin-left: 0; margin-right: 0; }

	blockquote,
	blockquote p,
	blockquote.tagline,
	.project-caption blockquote {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.6em;
	}

	.stacked-assets .project-caption blockquote {
		padding: 0;
	}

	.project-caption blockquote {
		padding: 5%;
	}

	.alignleft { margin-left: 0; }

	.alignright { margin-right: 0; }
	
	.next-preview {
		margin-bottom: 50px; 
	}

	.next-preview { padding: 25% 0; }

	.entry-footer {
		margin-top: 40px;
	}

	.posts-wide .content-left {
		margin-bottom: 40px;
	}

	.posts-wide .content-left,
	.posts-wide .content-right {
		width: 100%;
	}

	/* COMMENTS */
	.comments-title-wrap {
		text-align: center;
	}

	/* TESTIMONIALS */
	.testimonials .owl-buttons {
		display: none;
	}

	.testimonial blockquote i {
		top: -3px;
	}
}	


/* 767px */
@media only screen and (max-width : 767px) {
	.comment .avatar {
		display: none;
	}

	.comment-body,
	.comments .children,
	.commentlist #respond.comment-respond {
		margin-left: 0!important;
	}

	#respond.comment-respond,
	.commentlist #respond.comment-respond {
		width: 100%;
	}

}


/* 514px */
@media only screen and (max-width : 514px) {
	.menu-sidebar .nav ul li {
		line-height: 2;
	}	

	.menu-sidebar .nav ul li a {
		font-size: 13px;
	}

	.menu-fullscreen ul li a {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.menu-fullscreen .sub-menu li a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.menu-fullscreen .sub-menu li a {
  		padding: 6px 0;
	}

	.hero-area {
		padding: 30% 0;
	}
	
	.hero-area h2 {
		font-size: 2rem;
		font-size: 5vw;
		letter-spacing: 3px;
	}

	.footer,
	.testimonials {
		padding: 20% 0;
	}
	
	.post .post-inner {
		padding: 40px 35px;
		padding: 4.0rem 3.5rem;
	}

	.post .post-inner:after {
		left: 35px;
	}

	.stacked-assets .project-caption {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.5em;
	}
	
	.project-meta {
		margin-top: 25px;
	}

	.post-meta-key:before,
	.project-meta p:before {
		content: ' ';
		margin: 0;
	}

	.post-meta li,
	.project-meta p {
		display: block;
	}

	.project-meta p,
	.project-meta a {
		font-size: 13px;
		font-size: 1.3rem;
	}

	.project-pagination .next a:hover .arrow,
	.project-pagination .prev a:hover .arrow {
		opacity:1;
	}

	.project-pagination a .title {
		display: none;
	}

	.project-pagination .prev a:hover .arrow {
		left: 50%;
	}

	.project-pagination .next a:hover .arrow {
		left:50%;
	}

	.call-to-action {
		padding: 25% 35px;
	}

	.call-to-action blockquote {
		margin: 0 auto 20px;
		width: 100%;
	}
	
	.page-template-template-portfolio-fullpage-php #fp-nav {
		right: 20px;
		bottom: 30px;
	}

	.page-template-template-portfolio-fullpage-php #fp-nav ul li a span {
		opacity: .5;
	}

	.page-template-template-portfolio-fullpage-php #fp-nav ul li a.active span {
		opacity: 1;
	}
	
	.call-to-action blockquote,
	.portfolio-tagline blockquote {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.6em;
	}

	/* BLOGROLL */
	blockquote,
	blockquote p,
	blockquote.tagline,
	.project-caption blockquote {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 1.7em;
	}

	.owl-controls .owl-buttons {
		z-index: -1;
	}

	.single-post .vert-align {
		padding: 25% 35px;
	}

	.fancybox-prev span {
		left: 0;
	}

	.fancybox-next span {
		right: 0;
	}

	.alignleft,
	.alignright,
	.aligncenter {
		display: inline-block;
		margin: 20px 0 8%;
		max-width: 100%;
	}

	.next-preview { padding: 35% 0; } 

	.next-preview h3.title-next {
		font-size: 11px;
		font-size: 1.1rem;
	}

	.next-preview h3.title-next-post {
		font-size: 20px;
		font-size: 2.0rem;
		font-size: 6vw;
	}

	.posts-wide .post { 
		margin-bottom: 30px;
	}
	
	.posts-wide .entry-media {
  		margin-bottom: 30px;
	}

	.posts-wide .content-left {
 		margin-bottom: 20px;
	}

	/* COMMENTS */
	#comments {
		border-top: 1px solid #ededed;
 		padding-top: 35px;
		margin: 0;
	}

	#comments ul {
		margin-bottom: 0;
	}

	#comments ul.children {
  		margin-bottom: 3%;
	}

	ul.children li.comment:last-child .comment-body:last-of-type p {
		margin-bottom: 0;
	}

	.comments-wrap textarea {
		padding-top: .9em;
	}

	.comment-meta {
		display: block;
		margin-bottom: 5px;
	}

	.comment-meta .at {
		display: none;
	}

	.comment-meta:before {
		content: "";
		display: none;
	}

	.comment-respond form,
	.comment-respond form textarea {
		height: auto!important;
	}

	#cancel-comment {
		display: none;
	}
	
	.comment-form {
		max-height: none;
	}

	.comment-form input[type="text"], 
	.comment-form input[type="email"], 
	.comment-form input[type="url"] {
		width: 100%;
	}

	.comment-form label {
		top: inherit;
		width: auto;
	}

	.comment-form .form-submit {
		text-align: center;
	}

	.moderation { 
		display: none;
	}

	/* TESTIMONIALS */
	.testimonials .owl-controls {
		margin-top: 5px;
	}

	.testimonial blockquote i {
		top: 0px;
	}
}


/* 414px */
@media only screen and (max-width : 414px) {

	p, ul, ol, .wp-caption, .posts-wide .post p.entry-excerpt, .single-portfolio .masonry-project.entry-content p, .single-portfolio .masonry-project.entry-content .project-meta, .post .post-inner .entry-excerpt, .bean-tab-content, .bean-panel-body, .blog .post.post-password-required p {
		font-size: 17px;
		line-height: 1.7;
	}

	p,
	ul,
	ol,
	dl,
	dd,
	form
	table,
	address,
	fieldset,
	iframe,
	.gist,
	.bean-alert,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	#comments ul.children,
	.entry-content .tiled-gallery { 
		margin-bottom: 5%;
	}

	.hero-area {
		padding: 40% 0;
	}

	.entry-content ul,
	.entry-content ol { 
		margin-left: 20px;
		margin-left: 2.0rem;
		line-height: inherit;
	}

	.single-format-quote.single-post .hero-area h2, .single-format-quote.single-post .hero-area.hero-fullscreen h2 {
		font-size: 22px;
		font-size: 2.2rem;
		font-size: 6vw;
		line-height: 9vw;
	}
}




/*===================================================================*/
/*
/* RETINA CSS
/*
/*===================================================================*/
/* @2x */
@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) {
	
	.tagcloud a,
	#back-to-top,
	.lightbox-play,
	#social-toggle,
	#cancel-comment,
	.footer-social a, 
	#BeanForm .button,
	.fancybox-nav span,
	.slides-navigation a,
	.widget_search input,
	.share-bar .share-link,
	.hero-area .down-arrow i, 
	.testimonial blockquote i,
	.project-pagination .arrow,
	#cancel-comment-reply-link,
	.owl-controls .owl-buttons div,
	.comment-form input[type="submit"],
	.single_portfolio_fullscreen .hide-details {
		background-image: url(../images/retina/sprite@2x.png);
		background-size: 100px 1451px!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: 100px 250px; 
	}
}

/* @3x - IPHONE 6 PLUS AND SIMILAR HD RETINA */
@media screen and (min-device-width : 414px) and (-webkit-device-pixel-ratio: 3) {
	.tagcloud a,
	#back-to-top,
	.lightbox-play,
	#social-toggle,
	#cancel-comment,
	.footer-social a, 
	#BeanForm .button,
	.fancybox-nav span,
	.slides-navigation a,
	.widget_search input,
	.share-bar .share-link,
	.hero-area .down-arrow i, 
	.testimonial blockquote i,
	.project-pagination .arrow,
	#cancel-comment-reply-link,
	.owl-controls .owl-buttons div,
	.comment-form input[type="submit"],
	.single_portfolio_fullscreen .hide-details {
		background-image: url(../images/retina/sprite@3x.png)!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)!important;
	}
	}