.journey-image-mb	{display: none}

/* MOBILE STYLES */
@media (min-width: 1300px) 
{
	.hero-container h1	{font-size: 2.6vw}
}


/* MOBILE STYLES */
@media (max-width: 1285px) 
{	
	.inner,
	footer,
	.insta-section,
	.pullout-panel blockquote,
	.plain-testimonial,
	.journey-container			{padding-left: 30px; padding-right: 30px}
	
	.latest-projects .project-panel	{background-position: center;}
	

	
}

@media (max-width: 1040px) 
{
	
	/* PROJECT LISTING */
	.latest-projects .col			{width:50%;}

	/* WHAT WE DO */
	.wwd-text h2			{font-size: 26px; letter-spacing: 1px;}
	.two-col-listing .col	{padding: 0}
	
	/* CONTACT */
	.contact-container p			{font-size: 20px; font-weight: 300}
	.form-cell .select-css,
	.form-cell input[type="text"]	{font-size: 20px;}
}

@media (max-width: 860px) 
{
	/* FULL PANELS */
	.bottom-right-image					{position: relative; width:250px; max-width: 100%; right:auto; bottom: auto}
	.full-panel-text-bottom-left .inner	{flex-direction: column; justify-content: flex-end; align-items: flex-start;}
	
	/* MEET THE TEAM */
	.meet-the-team-panel .col	{width:50%; margin-bottom: 25px;}
	.meet-the-team-panel .col:nth-child(3),
	.meet-the-team-panel .col:nth-child(4)	{margin-bottom: 0}
	
	/* OUR VALUES */
	.our-values .cols .col	{width:33.333%; padding: 15px;}
	
	/* MEET THE TEAM */
	.person-detail .inner 				{flex-direction: column !important; justify-content: center; align-items: center;}
	.person-detail .person-detail-text	{text-align: center; width:640px; max-width: 100%;}
	.person-detail .text-columns		{column-count: 1;}
	.person-detail h3:after				{margin-left: auto; margin-right: auto;}
	.person-detail .person-detail-image	{width:414px; max-width: 100%; margin-bottom: 25px;}
	
	/* PORTFOLIO LISTING */
	.four-col-listing .col	{width:33.333%;}
	
	/* JOURNEY */
	.journey-image-mb	{display: inline-block; width: 414px; max-width: 100%; margin: 0 auto !important;}
	.journey-image-dk	{display: none}
	.journey-container .inner	{background-image: none !important}
	
	/* FOOTER */
	.footer-contact		{flex-direction: column; margin-top: 45px; margin-bottom: 30px;}
	.footer-contact p	{margin: 10px 0}
	.footer-logos		{text-align: center}
	.footer-logos img	{width:414px;}
	.sign-off-links		{font-size: 14px;}
	.sign-off-links li	{padding: 0 10px;}
	
	
}

@media (max-width: 800px) {
	.three-col-listing .col		{width:50%;}
}

@media (max-width: 640px) 
{
	/* HERO CONTAINER */
	.h1-holder					{padding: 0 30px;}
	.h1-holder:before,
	.h1-holder:after			{width:30px;}
	.hero-container-content h1	{font-size: 32px; letter-spacing: 1px}
	
	/* FOOTER */
	.sign-off-links		{flex-direction: column;}
	.sign-off-links li	{border:none; margin-bottom: 15px; font-size: 18px;}

	.three-col-listing .col		{width:100%;}
}
	
@media (max-width: 550px) 
{
	/* SPACING */
	.latest-projects	{padding-bottom: 40px}
	
	h2	{font-size: 26px;}
	
  /* HEADER */
	a.close	{top:46px;}
	header	{padding-top: 30px;}
	
	/* NAV */
	.nav-container			{padding-top: 45px;}
	.nav-container ul		{font-size: 18px;}
	.nav-container ul li	{margin-bottom: 25px;}
	
	/* HOME HERO */
	.hero-container.grad-top:before	{height: 100%}
	
	/* PROJECT LISTING */
	.latest-projects .col			{width:100%;}
	.latest-projects .cols			{margin-top: 20px;}
	
	/* FULL PANELS */
	.full-panel-text-top-left,
	.full-panel-text-bottom-left 		{background-position: center; min-height: 550px;}
	
	.full-panel-text-top-left h2,
	.full-panel-text-bottom-left h2	{font-size: 26px;}
	
	.full-panel-text-top-left .inner,
	.full-panel-text-bottom-left .inner		{padding-left: 30px; padding-right: 30px;}
	
	.full-panel-text-bottom-left .inner		{padding-bottom: 30px;}
	
	.full-panel-text-bottom-left.grad-top:before	{height: 100%;}
	.full-panel-text-top-left.grad-top:before		{background: rgb(27,30,42);  background: linear-gradient(180deg, rgba(27,30,42,0.9) 10%, rgba(27,30,42,0) 100%); mix-blend-mode: multiply;}
	
	.bottom-right-image	{width:200px; margin-top: 20px;}
	
	/* CENTERED GRAD TEXT ONE */
	.centered-text-grad					{min-height: 550px;}
	blockquote img,
	.centered-text-grad blockquote img	{width:100px;}
	.centered-text-grad blockquote p	{font-size: 22px; font-weight: 300}
	
	blockquote p,
	.pullout-panel blockquote p {font-weight: 300; font-size: 22px;}
	
	/* INSTA SECTION */
	.insta-section .inner			{border-left: none; padding: 30px 0}
	.insta-section .inner:before,
	.insta-section .inner:after		{display: none}
	.insta-posts					{padding-bottom: 0px;}
	
	/* FULL PAGE QUOTE BG */
	.pullout-quote-panel	{padding: 30px 0}
	
	/* TEXT INTRO */
	.text-intro	{margin-bottom: 30px;}
	
	/* OUR VALUES */
	.our-values				{padding-bottom: 0}
	.centered-text-grad		{padding:40px 0}
	.our-values .cols .col	{width:50%;}
	
	/* MEET THE TEAM */
	.meet-the-team-panel	{padding-bottom: 0}
	
	/* THE TEAM */
	.person-detail 				{padding: 30px 0;}
	.person-detail:last-child	{padding-bottom: 0}
	
	/* WHAT WE DO */
	.two-col-listing				{padding: 40px 0}
	.two-col-listing .inner .cols	{flex-direction: column; align-items: center}
	.two-col-listing .col			{width:414px; max-width: 100%; padding-left: 15px; padding-right: 15px;}
	.two-col-listing .col:first-child	{margin-bottom: 40px;}
	
	.pullout-panel-section					{padding: 40px 0 0}
	.pullout-panel-section .pullout-panel p	{font-size: 20px;}
	
	/* PORTFOLIO LISTING */
	.four-col-listing .col	{width:50%; margin-bottom: 10px;}
	
	/* PORTFOLIO ITEM */
	.portfolio-text-section			{padding-top: 20px; padding-bottom: 0}
	.image-carousel .slick-arrow	{width:30px; height: 30px;}
	.image-carousel .slick-next		{right:20px;}
	.image-carousel .slick-prev		{left:20px;}
	
	/* TEXT SECTION */
	.text-section ul,
	.text-section ol,
	.text-section p		{font-size: 16px;}
	
	blockquote p:last-child,
	.pullout-panel blockquote p:last-child	{margin-bottom: 0;}
	
	/* OUR PROCESS */
	.journey-container				{padding-left: 0; padding-right: 0;}
	.journey-container .inner		{border: none; padding:0 0 60px 0}
	.journey-container .inner:before,
	.journey-container .inner:after	{display: none}
	
	/* WHATS HAPPENING */
	.button-load-more	{margin-bottom: 30px;}
	
	/* CONTACT */
	.contact-container p			{font-size: 18px;}
	.form-cell .select-css,
	.form-cell input[type="text"]	{font-size: 16px;}
	input[type='submit']			{font-size: 20px;}
	.form-row .form-cell			{width: 100%;}
	.form-row						{flex-wrap: wrap}
	.form-row.submit .form-cell		{margin-top: 20px;}
	
	/* FOOTER */
	footer							{padding-bottom: 40px;}
	footer .social-container		{padding: 0 40px;}
	footer .social-container:before,
	footer .social-container:after	{width:40px;}
	
	body.home footer,
	body.whats-happening footer		{margin-top: 0}
	
}

@media (max-width: 414px) 
{
	.return	{font-size: 10px;}
	
	/* CONTENT HERO */
	.hero-container-content			{min-height: 400px;}
	.hero-container-content h1		{font-size: 28px; line-height: 1.3em;}
	.hero-container-content:after	{height: 110px;}
	
	/* MEET THE TEAM */
	.meet-the-team-panel		{padding-top: 30px;}
	.meet-the-team-panel .col	{width:100%;}
	.meet-the-team-panel .col:nth-child(3)	{margin-bottom: 25px;}

	/* OUR VALUES */
	.our-values .cols .col	{width:100%;}

}

@media (max-width: 413px) 
{
	/* INSTA PANEL */
	.insta-section h3 a	{font-size: 16px;}
	
	/* FOOTER */
	footer .social-container			{padding: 0;}
	footer .social-container:before,
	footer .social-container:after		{display: none}
	footer ul.social li					{width:45px; height: 45px; margin: 0 5px;}
	footer ul.social li img				{transform: scale(0.8)}
	body.whats-happening footer,	
	body.home footer					{margin-top: -64px;}
	.footer-contact p a					{font-size: 18px;}
	.sign-off-links li					{font-size: 14px;}
}

@media (max-width: 375px) 
{
    /* IPHONE 6 */
}

@media (max-width: 360px) 
{
	/* PORTFOLIO LISTING */
	.four-col-listing .col	{width:100%;}
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}