﻿
.lottie-mb	{display: none}


/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */
@media (max-width: 1200px) 
{
	.work-header h1	{font-size: 9vw}
}

@media (max-width: 1080px) 
{
	/* HOME HERO */
	.text-overlay h1	{font-size: 12vw}
	
	.hlc-hover		{font-size: 4vw;}
	.hlc-hover span	{transform: none}
	.hlc-icon		{width: 80px; height: 80px; margin: 18px;}
	.hlc-icon img	{width: auto; max-width: 50px; height: auto; max-height: 80%;}
	
	/* HOME LISTING */
	.home-listing .cols	{gap: 30px;}
	.home-listing .col	{width: calc(50% - 15px);}
	
	/* TESTIMONIALS */
	.testimonials .col		{padding: 15px;}
	.testimonials .cols		{width: calc(100% + 30px); margin-left: -15px;}
	.testimonial			{padding: 40px 30px;}
	.testimonials-header h2 div	{width: auto}
	
	/* WORK PAGE */
	.work-nav ul li a	{font-size: 12px;}
	

}

@media (max-width: 860px) 
{
	h2	{font-size: 45px;}
	
	.hlc-icon		{width: 50px; height: 50px; margin: 15px;}
	.hlc-icon img	{max-width: 30px;}
	
	/* TESTIMONIALS */
	.testimonials		{padding-bottom: 60px;}
	.testimonials .cols	{flex-direction: column}
	.testimonials .col	{width: 100%;}
	
	/* LATEST NEWS */
	.latest-work h4	{font-size: 22px; line-height: 1.3em}
	
}

@media (max-width: 860px) 
{

	
	/* WORK */
	.work-nav ul 	{justify-content: flex-start; overflow-x: auto; padding: 10px 0; width: calc(100% + 30px)}
	.work-nav ul li	{flex: auto; flex-shrink: 0; width: 150px; text-align: center}
	.work-nav ul li img {height: auto; width: auto; max-height: 40px;}
}

@media (max-width: 768px) 
{
	.work-intro			{padding: 60px 0 40px}
	.contact-section	{padding-top: 60px;}
	.home-intro			{padding:20px 0 60px 0}

	.portfolio-row .cols	{flex-wrap: wrap; gap: 30px;}

	.portfolio-row .col	{flex: auto}
	
	
}


@media (max-width: 767px) 
{
	/* HOME HERO */
	.home-cols	{display: block}
	.hhc-col	{width: auto}
	.home-cols .slick-list,
	.home-cols .slick-track	{height: 100%;}
	
	.portfolio-row-before-after .cols	{flex-direction: column;}
	.portfolio-row-before-after .col	{width: 100%;}
	
	.portfolio-row-before-after-staggered .col:nth-child(1),
	.portfolio-row-before-after-staggered .col:nth-child(2),
	.photo-description.stacked p {width: 100%}

}

@media (max-width: 730px) 
{
	/* LATEST NEWS */
	.latest-work .cols	{flex-direction: column}
	.latest-work .inner	{width: 500px; max-width: 100%;}
	.latest-work .col	{width: 100%;}
	.latest-work-text	{padding-left: 0; max-width: 100%; margin-top: 30px;}
	.latest-work #lottie3,
	.latest-work #lottie4	{margin: 30px 0}
}

@media (max-width: 700px) 
{

 	/* HOME INTRO */
	.home-intro .inner		{display: block}
	.home-intro-image		{float: left; margin: 0 20px 20px 0; width: 30%;}
	.home-intro-text		{width: 100%}
	.home-intro-image		{background-color: #ffffff; position: relative; z-index: 2}

	/* TESTIMONIALS */
	.testimonials-header h2		{display: block;}
	.testimonials-header h2 img	{float: left; margin: 0 20px 10px 0}
	
	
}

@media (max-width: 640px) 
{
	.lottie-dk	{display: none}
	.lottie-mb	{display: block}
	#lottie1mb	{margin-bottom: 40px;}
	
	#lottie2mb	{margin: 40px 0;}
	
	.home-intro p		{font-size: 16px;}
	.home-intro-image	{width: 25%}
	
	/* TESTIMONIALS */
	.testimonials-header h2		{gap: 15px; font-size: 45px;}
	.testimonials-header h2 img	{width: 25%;}
	
	/* LATEST WORK */
	.latest-work .lottie-mb	{margin: 20px 0}
	
	/* WORK PAGE */
	.photo-description					{flex-direction: column; gap:5px;}
	.photo-description div p:last-child	{}
	.photo-description p				{width: 100%}
	
	.portfolio-section-heading		{flex-direction: column-reverse; gap: 15px;}
	.portfolio-section-heading h2	{font-size: 26px;}
	.portfolio-row					{margin-top: 20px; margin-bottom: 0px;}
	.portfolio-section .photo-description				{margin-bottom: 0px}
	.portfolio-section .photo-description:last-child	{margin-bottom: 0}
	.photo-description h3	{font-size: 14px;}
	
	.portfolio-section .portfolio-row				{}
	.portfolio-section .portfolio-row:last-child	{margin-bottom: 0}
	
	.spacer-mobile-top	{margin-top: 50px;}
}

@media (max-width: 600px) 
{

}

@media (max-width: 560px) 
{
	/* HOME LISTING */
	.home-listing .col	{width: 100%;}
	.hlc-hover			{align-items: flex-end; justify-content: flex-start; font-size: 6vw; padding: 15px; top: 0; height: 50%; top: auto; bottom: 0}
	.hlc-hover span		{opacity:1; transform: none}
	.hlc-hover span br	{display: none}
	.hlc-hover:after	{backdrop-filter: blur(0); background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}
	
	.home-listing-card:hover .hlc-hover	{top: auto; bottom: 0}

	/* TESTIMONIALS */
	.testimonials-header h2 img	{margin: 0 10px 00px 0}
	
	
}

@media (max-width: 414px) 
{
	h2,
	.testimonials-header h2	{font-size: 35px;}
	
	.work-nav ul li		{width: 110px;}
	.work-nav ul li a	{font-size: 10px;}
	
	
}

@media (max-width: 413px) 
{

	.inner	{padding: 0 20px;}

	.home-listing .cols	{gap:20px;}
	
	footer h4			{font-size: 30px;}
	ul.contact-details	{font-size: 14px;}
	
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

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