/* 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) 
{
    /* CONTACT PANEL */
    .contact-form img           {max-width:350px;}
}

@media (max-width: 1200px)
{
	header nav ul  {gap: 5vw; }
}

@media (max-width: 960px) 
{
    /* CONTACT PANEL */
    .contact-form .cols             {flex-direction:column-reverse;}
    .contact-form .cols .col        {width:100% !important;}
}

@media (max-width: 900px)
{
	header nav ul  	{gap: 2vw}
	header .inner 	{max-width:100%;}
}

@media (max-width: 850px) {
    /* FOOTER */
    footer .inner                       {flex-direction:column}
    footer .footer-content .cols .col   {padding:0;}
    footer .footer-social               {margin-left:0;}

    
}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */

    /* MOBILE NAV */
	.hamburger	                        {display: block; z-index: 80}
    .hamburger.open span                {background-color:#000;}
    .lang-selector                      {color:#000;}
    header .inner                       {max-width:100%;}
	header nav			                {position: fixed; width: 100vw; padding: 15px;padding-top:75px;background-color: #fff; left: 0; top: 0; flex-direction: column; align-items: flex-start; justify-content: center; visibility: hidden; opacity: 0; z-index: 50; transition: opacity ease-in-out .35s;gap:10px;}
	header nav ul		                {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding-left: 20px;}
	header nav.open	                    {visibility: visible; opacity: 1;}
    header nav.open ul                  {gap:10px;}
    header nav.open ul li a             {color:#000;}
    header nav.open .lang-selector      {padding-left:20px;}
    header:has(nav.open) img            {z-index:99;position:relative;}

    /* FORM STYLES */
    p               {line-height:1.4em;}

    /* GRID */
    .grid-container .grid-item          {grid-column: span 2;padding: 30px;}
    .grid-container .grid-item p br             {display:none;}
}

@media (max-width: 640px) 
{
    /* COLS */
    .cols.span-2 .col                   {width:100%;}
    .cols.span-3 .col                   {width:50%;}
    
    .our-team .cols .col    {width: calc(50% - 14px);}
	
	/* WORK LISTING */
	.work-listing .work-listing-item {height: 56vw;}
    
}

@media (max-width: 460px) 
{
    .inner                          {max-width:100%;}

    /* COLS */
    .cols.span-3 .col                   {width:100%;}

    /* FOOTER */
    footer .footer-content .cols            {gap:20px;}

    /* CONTACT PANEL */
    .contact-form img               {max-width:100%;}
}

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

    /* FOOTER */
    footer .footer-content .cols            {flex-direction:column;}
}

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

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