.full-image img.mb,
.listing-image.listing-image-mb {display: none}

@media (max-height: 950px) {
	nav ul		{font-size: 10vh;}

	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:50px !important;}
}

@media (max-height: 860px) {
    
	nav ul		{font-size: 9vh;}
	.page-heading.full .page-heading-text					{padding-top: 10em;}
}

@media (max-height: 790px) {
	nav ul		{font-size: 8.5vh}   
}

@media (max-height: 640px) {

	.page-heading.full .page-heading-text		{padding-top:15em;}
    
	nav ul		{font-size: 7vh}       
}
@media (max-height: 550px) {

	.page-heading.full .page-heading-text						{padding-top:25em;}
	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:125px;}
}
@media (max-height: 500px) {
	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:175px;}
}


/***************************/
/** MIN WIDTH STARTS HERE **/
/***************************/

@media (min-width: 1300px) {
	
	.page-heading-sticky			{top: 275px !important;}
}

/***************************/
/** MAX WIDTH STARTS HERE **/
/***************************/

@media (max-width: 1480px) 
{
    .process-left h2    {font-size: 12vw}
    
    .case-study-carousel .slide {width: calc(100vw - 208px);}
    
}

@media (max-width: 1350px) 
{
    /* OUR PROCESS */
    .our-process h3 {padding-left: 0}
    .process-item   {padding-left: 0; padding-right: 0;}
    .process-right  {max-width: 500px}
    
    .media-experts-tiles .met-card-inner h2 {font-size: 5vw}
    
}

@media (max-width: 1300px) 
{
	.senior-team-listing .cols		{gap: 8%;}
	
	/* FOOTER */

}


/* MOBILE STYLES */
@media (max-width: 1200px) 
{
    /* NAV */
	nav ul		{font-size: 10vw;}
	nav ul li a	{height: 15vw}
	
	/* HOME HERO */
	.home-hero h1				{font-size: 200px; line-height: 0.45em;}
	.home-hero .nav-hover-top		{transform: translateY(70px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-60px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(70px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(60px) rotateX(-90deg) scale(1.04);}

	/* HOME NEWS */
	.news-views-section h2		{font-size: 20vw;}
	.news-views-section			{padding: 100px 0 120px;}
	.news-views-section .cols	{padding-left: 0; padding-right: 0}
	.listing-card p				{font-size: 22px;}
	
	/* WORK LISTING */
	.case-studies-listing .cols			{flex-wrap: wrap; padding-left: 4px; padding-right: 4px;}
	.case-studies-listing .col.col-half	{width: 100%;}
	
	.case-studies-listing .col.col-stacked		{width: 100%; flex-direction: row}
	.case-studies-listing .col.col-stacked .col	{width: calc(50% - 26px);}
	
	/* PAGE HEADING */
	.for-the-curious h2,
	.join-the-team h2,
	.meet-the-team h2,
	.page-heading .page-heading-text h1,
	.footer-top h3,
    .text-section-centred.black h2  {font-size: 18vw}
	
	.footer-left-col	{max-width: 100%;}
	
	.contact .page-heading h1	{font-size: 15vw;}
	
	.intro-text-centre h2	{font-size: 8vw}
	
	/* CASE STUDY */
	.case-study-cats ul		{justify-content: center; padding: 0 30px;gap: 1em;}
	.case-study-cats ul li	{margin: 0 5px;}
	
	/* ABOUT */
	.accordion-expanded .inner	{padding-right: 30px;}
	.skill-set .col				{padding: 0 30px;}
	
	.ftc-text 	{width: 50%;}
	.ftc-row	{margin-bottom: 20px;}
	.ftc-intro	{margin-bottom: 70px;}
	
	/* CONTACT */
	.contact-intro-section p	{font-size: 22px;}

	/* MEDIA PPC */
	.media-ppc-enquiry-section .cracking-right .arrow		{display:none;}
	.media-ppc-form					{margin-top:0;}

	.media-ppc .page-heading-sticky h1			{font-size: 15vw;}
    
    .met-listing .cols .col    {padding: 90px 50px 78px 50px;}
    
    .three-text-section .cols       {gap: 64px;}
    .three-text-section .col        {flex: 0 0 calc((100% - (2 * 64px)) / 3);}
    
    .people-listing .cols   {gap: 100px}
    .people-listing .col    {flex: 0 0 calc((100% - (2 * 100px)) / 3);}
    
    .banner-header-section.banner-header-section-sticky-extra   {padding-top: 70vw}
    
}

@media (max-width: 1150px) {
	/* WHAT WE DO */
	.cracking-section			{padding: 100px 0;}
	.cracking-cols				{flex-direction:column;}
	.cracking-right				{width:100%;}
	.cracking-right .arrow		{transform:none;margin-top:-5px;}
	.cracking-right ul			{left:30px;}
    
    .process-left h2    {font-size: 10.5vw}
    .process-left h2 sup    {transform: translateY(-30px);}
    
}

@media (max-width: 1100px) {

	.sc-text h3	{font-size: 50px;}
	.sc-text h4	{font-size: 25px;}
	.sc-text p	{font-size: 17px;}
	
	.footer-top .cols	{flex-direction: column}
	.footer-right-col	{width: 100%;}
    
    /* MEDIA SITE */
    .ms-text    {padding: 64px;}
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */

	/* PROJECT */
	.next-project-section .btn		{width:350px;}
	.next-project-section .btn p		{font-size:30px;}
	.next-project-section .btn span		{font-size:33px;}
}

@media (max-width: 1000px) 
{
    /* HEADER */
	.hamburger	{right: 30px;}
	
	/* HOME INTRO */
	.hit-left	{width: 50%; padding-right: 20px;}
	.hit-right	{width: 50%}
	
	/* HOME LISTING CARD */
	.home-listing-card-inner	{height: 50vw; min-height: 200px; margin-bottom: 50px;}
	
	/* HOME NEWS */
	.news-views-section .cols	{flex-direction: column; width: 414px; max-width: 100%;}	
	.news-views-section .col	{width: 100%; padding: 0; margin: 0 0 40px 0}
	
	/* WORK LISTING */
	.case-studies-listing .col.col-third	{width: 100%;}
	
	/* CASE STUDY */
	.csit-left	{width: 50%; padding-right: 30px;}
	.csit-right	{width: 50%;}
	
	/* WHAT WE DO */
	
	.stan-left	{width: 50%; padding-right: 20px;}
	.stan-right	{width: 50%}
	
	/* ABOUT */
	.accordion-item h3		{font-size: 50px;}
	.accordion-item h3 svg	{width: 40px;}
	
	/* CONTACT */
	.contact-intro-section .cols	{flex-direction: column}
	.contact-intro-section .col		{width: 100%;}
    
    /* HOME LISTING */
    .listing-card .listing-card-text p  {font-size: 28px;}
    .home-listing .cols                 {gap: 44px;}
    .home-listing .col                  {flex: 0 0 calc((100% - (2 * 22px)) / 2);}
    
    /* MEDIA EXPERTS */
    .media-experts .accordion-item h3   {font-size: 50px; padding-left: 0; padding-right: 50px;}
    .accordion-item h3 img              {right: 0}
    .accordion-expanded                 {padding-left: 0}
    
    /* BRANDS */
    .our-brands .brands-listing .brand-item {} 
    .our-brands .brands-listing .brand-item {flex: 0 0 calc((100% - (3 * 5px)) / 4);}
    
    /* OUR PROCESS */
    .process-left h2    {font-size: 80px}
    .process-right      {padding-top: 15px;}
    .process-left h2 sup {transform: translateY(-15px); margin-left: 10px; }
    
    .met-listing .cols .col {flex: 50%}
    .media-experts-tiles .met-card-inner h2 {font-size: 50px;}

    .csc-text                   {padding-left: 0; padding-right: 30px;}
    .csc-text p                 {font-size: 22px}
    .csc-text:before            {width: 15px; height: 13px; right: 0}
    .case-study-listing .cols   {row-gap: 30px; gap: 36px;}
    .case-study-listing .col    {width: calc(50% - 18px);}
    
    .people-listing .cols   {gap: 50px}
    .people-listing .col    {flex: 0 0 calc((100% - (2 * 50px)) / 3);}
    .people-listing h2      {font-size: 50px;}
}

@media (max-width: 900px) {
    
    /* PROCESS */
    .process-item   {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0; padding-top: 20px; padding-bottom: 30px}
    
}

@media (max-width: 880px) {
	/* HOME HERO */
	.home-hero h1				{font-size: 160px; line-height: 0.45em;}
	.home-hero .nav-hover-top		{transform: translateY(50px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-55px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(55px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(50px) rotateX(-90deg) scale(1.04);}

	/* ATTIC */
	.attic-grid				{justify-content:center;}

	/* CASE STUDY */
	.case-study-video-video .cols .col			{height:550px;}
    
    /**************/
    /* MEDIA SITE */
    /**************/
    
    .media-service  {flex-direction: column !important} 
    .ms-text        {width: 100%; min-height: calc(100vw - 72px);}
    .ms-image       {width: 100%; min-height: calc(100vw - 72px);}
    
    .banner-header-section.banner-header-section-sticky-extra   {padding-top: 80vw}

    
    /**************/
    /* MEDIA SITE */
    /**************/
    
}


@media (max-width: 800px) 
{
	/* HOME INTRO TEXT */
	.home-intro-text	{padding-top: 50px}
	header				{position:absolute;}
	.home-video-section	{margin-top:0px; padding-top: 0px !important;}
	
	.contact-form h2,
	.hit-text h2		{font-size:70px;}

	/* NAV */
	nav ul				{gap:.5em;justify-content: flex-start;}
	
	/* BUTTON */
	.btn p 		{font-size:25px}
	.btn p span	{font-size:27px}
	
	/* WWD NAV */
	.case-study-cats						{overflow: hidden; padding: 40px 0; margin-bottom: 100px;}
	.case-study-cats ul						{align-items: center; overflow-x: auto; padding-left: 17px;}
	.case-study-cats ul li					{flex-shrink: 0; text-align:center; padding: 5px}
	.case-study-cats ul li:first-child		{margin-left: 0; padding-left: 0}
	.case-study-cats ul::-webkit-scrollbar {display: none;}

	.case-study-one-media, 
	.case-study-two-media,
	.case-study-text-section,
	.case-study-video-section-2	{margin-bottom: 100px;}
	
	.blockquote-section blockquote p	{font-size: 30px;}
	.blockquote-section blockquote cite	{font-size: 63px;}
	
	/* ABOUT */
	.skill-set		{flex-direction: column;}
	.skill-set .col	{padding: 0; width: 100%; border-right: none; border-bottom: 0.2px solid #ffffff; padding-bottom: 40px; margin-bottom: 40px;}
	.skill-set .col:last-child	{margin-bottom: 0}
	.apply-actions				{margin: 20px 0 10px}
	.ftc-text 		{width: 70%;}

	
	/* FOOTER */
	.footer-bottom ul	{font-size: 16px;}

	/* WHAT WE DO */
	.our-brands .brands-listing	{row-gap:1em;}

	/* ATTIC */
	/*.attic-carousel-text						{left:50%;bottom:-10px;transform: translateX(-50%);width:auto;gap:1em;flex-direction: column;text-align:center;}
	.attic-carousel-text .attic-client-text-right	{max-width:unset;}*/

	.attic-carousel .slick-arrow img			{width:45px;}
	.attic-carousel .slick-arrow.slick-prev		{width: 30px; min-width: 30px; left: -20px; display: block !important; 
							background-image: url(/_uploads/_assets/arrow-cursor-red-left.png);background-repeat: no-repeat;background-size: contain;background-position: center; }
	.attic-carousel .slick-arrow.slick-next 	{width: 30px; min-width: 30px; right: -20px; display: block !important; 
							background-image: url(/_uploads/_assets/arrow-cursor-red.png);background-repeat: no-repeat;background-size: contain;background-position: center; }


    /* PROCESS */
    .button-with-line                       {justify-content: center; flex-direction: column; align-items: center;}
    .button-with-line:before                {width: 100%; position: relative; top: auto; margin-bottom: 30px;}
    .our-process .process-item:last-child   {border-bottom: 0.2px solid var(--cheekyBlack)}
    
    .met-listing .cols .col {flex: 100%; min-height: calc(100vw - 72px)}
    .met-listing            {margin-top: 60px; margin-bottom: 60px;}
    .met-card-inner p       {font-size: 16px;}
    
    .three-text-section             {padding: 80px 0}
    .three-text-section .cols       {gap: 60px; flex-direction: column}
    .three-text-section .col        {flex: 0 0 100%}

    
    .case-study-carousel .slick-track   {gap: 16px}
    .case-study-carousel .slide         {width: calc(100vw - 72px);}

    
}

@media (max-width: 767px) 
{
	/* FOOTER BOTTOM */
	.footer-bottom .cols				{flex-wrap: wrap}
	.footer-bottom .col					{flex: auto}
	.footer-bottom .col:nth-child(1)	{order: 2; width: 50%}
	.footer-bottom .col:nth-child(2)	{order: 1; width: 100%; flex-shrink: 0; margin-bottom: 40px;}
	.footer-bottom .col:nth-child(3)	{order: 3; width: 50%; justify-content: space-between}
	
	/* ABOUT */
	.for-the-curious	{padding: 100px 0 60px}
	.for-the-curious h3	{font-size: 60px;}
	.ftc-text 			{width: 100%;}
	.ftc-row:nth-child(odd)	{justify-content: flex-start;}

	/* PROJECT */
	.case-study-stats-section				{padding: 60px 0 30px 0;}
	.case-study-stats-section .cols			{flex-direction:column;align-items: center;gap: 2em;}
	.case-study-stats-section .cols .col	{width: 100%;}
	.next-project-section .buttons		{flex-direction:column;justify-content:center;align-items:center;gap: 1em;}

	.case-study-carousel .carousel .slick-arrow				{opacity:1;visibility:visible;}

	/* NEWS */
	.news-listing																{padding-bottom: 40px !important; padding-top:0;}
	.news-listing .news-listing-item:not(.news-listing-item-v2)					{padding-top: 2em;margin-bottom: 10px;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) h2				{font-size:40px;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img				{position:relative; top:unset !important; left: unset !important; right:unset !important; opacity:1; width:100%;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img.image-dk	{display:none;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img.image-mb	{display:block; max-width:unset;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) a.cover			{display:block;}

	.news-listing .news-listing-item.news-listing-item-v2						{margin-bottom: 30px;}
	.news-listing .news-listing-item.news-listing-item-v2 img					{max-height: 450px;}

	/* CAROUSELS */
	.mtt-carousel .slick-arrow,
	.case-study-carousel .slick-arrow				{display:none !important;}

	/* WHAT WE DO */
	.cracking-section h2		{font-size: 80px;}
	.cracking-right .arrow		{transform:scale(0.75);margin-top:-8px;}
	.cracking-right ul			{font-size: 25px;padding-right: 10px;}
	.brands-intro				{margin-left:0;}

	/* ATTIC */
	.attic-carousel					{height:unset;width:100%;}
	.attic-carousel .attic-carousel-slide video				{width:100%;}

	/* MEDIA PPC STYLES */
	.media-ppc .page-heading-sticky h1 br			{display: none;}

	/* CASE STUDY */
	.case-study-video-video .cols .col			{height:375px;}
    
    /**************/
    /* MEDIA SITE */
    /**************/
    
    /*****************/
    /**** PADDING ****/
    
    .our-process,
    .our-brands,
    .news-views-section,
    .two-col-text,
    .media-experts-tiles   {padding: 60px 0}
    
    .partners-section   {padding: 100px 0 150px}
    
    .media-experts  {padding: 100px 0 80px}
    
    .text-section-centred   {padding:0 0 100px 0;}
    
    /*****************/
    /*****************/

    /* HOME LISTING */
    .home-listing       {padding-bottom: 0}
    .home-listing .cols {flex-direction: column; flex-wrap: nowrap}
    .home-listing .col  {flex: auto}
    
    .our-process h3 {margin-bottom: 1em}
    
    .people-listing .cols   {gap: 50px; flex-direction: column}
    .people-listing .col    {flex: 0 0 100%;}

    .full-image img {margin-top: 80px}
    

}

@media (max-width: 640px) 
{
	
	
	.sub-inner {padding: 0 10px; }
	
	h2,
    .contact-form h2,
    .hit-text h2,
	.our-brands h2,
	.stan-text h2 			{font-size: 50px;}
    
    .partners-section h3    {font-size: 26px;}
    
    
    .partners-section h3    {padding-left: 36px; padding-right: 36px;}
    
	/* mobile video 
	.box.box-video {height: 103dvh !important; overflow: hidden;}
	
	.box.box-video .vimeo-container.video-mb iframe { position: absolute;top: 50%!important;left: 50%!important;width: 100vw!important;height: 56.25vw!important;min-height: 100dvh!important;min-width: 177.78dvh!important;transform: translate(-50%, -50%)!important;}
	
    */
    
	.btn		{border-radius: 15px !important;}

	/* HOME HERO */
	.home-hero h1				{font-size: 130px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 75px;}
	.home-hero .nav-hover-top		{transform: translateY(40px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-45px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(45px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(40px) rotateX(-90deg) scale(1.04);}

	/* PAGE HEADER */
	.home-hero					{}
	
	/* temp fix */
	#page88 .home-hero {margin-top: 0px;}
	
	/* HOME HERO TEXT */
    .home-hero-text {padding: 36px 0}
    .hit-text       {gap: 10px;}
    .hit-right      {padding-top: 0}
    
	.video-dk				{display:none !important;}
	.video-mb				{display:block !important;}

	.full-width-image					{min-height:unset;}

	.home-listing-card-inner					{width: 100%;}

	/* HOME INTRO TEXT */
	.hit-text	{flex-direction: column}
	.hit-left	{width: 100%; margin-bottom: 20px; padding: 0}
	.hit-right	{width: 100%;}
	
	.case-studies-listing .col.col-stacked		{flex-wrap: wrap}
	.case-studies-listing .col.col-stacked .col	{width: 100%; flex-shrink: 0}
	.case-studies-listing .col.col-stacked .col:first-child	{margin-bottom: 40px;}
	
	.case-studies-listing .col.col-half .listing-card-image-container,	
	.case-studies-listing .col.col-third .listing-card-image-container	{padding-top: 73%;}
	
	/* CASE STUDY */
	.csit-text	{flex-direction: column;}
	.csit-left	{width: 100%; margin-bottom: 20px;}
	.csit-right	{width: 100%;}
	
	.case-study-one-media .cols,
	.case-study-two-media .cols,
	.case-study-text-section .cols	{flex-direction: column;}
	
	.case-study-two-media .col,
	.case-study-text-section .col	{width: 100%;}
	
	.case-study-cats,
	.case-study-one-media,
	.case-study-two-media,
	.case-study-text-section,
	.case-study-video-section-2,
	.case-study-two-media .col		{margin-bottom: 0;}
	
	.case-study-two-media .col:last-child	{margin-bottom: 0}
	
	.case-study-intro-text	{padding-bottom: 60px;}

	.case-study-page-heading			{margin-top:0px;}

	.case-study-video-section, 
	.case-study-image-section,
	.news-listing						F{margin-top:0px !important;}
	
	
	
	/* 2/11/23 */
	/*.page-heading.full				{height: 65vh; min-height: 539px;}*/
	.case-study-video-section		{padding-bottom: 0}
	.case-study-intro-text			{padding-top: 52px; padding-bottom: 70px;}
	.csit-text h2					{font-size: 50px;}
	.case-study-section .inner,
	.case-study-one-media .inner,
	.case-study-intro-text .inner	{padding-left: 17px; padding-right: 17px;}
	.case-study-section.case-study-carousel	{padding: 0 0 77px}
	.case-study-cats						{margin-bottom: 77px;}
	.case-study-carousel .carousel .slick-slide	{margin: 0 8.5px; width: calc(100vw - 70px) !important}
	.case-study-carousel .carousel .slick-arrow	{display: none !important}
	
	.case-study-two-media	{padding: 0}
	
	.case-study-one-media,
	.case-study-section.full-width-image,
	.case-study-video-section.case-study-video-section-2	{padding: 10px 0}

	.case-study-two-media .col:nth-of-type(even),
	.case-study-two-media .col	{padding:10px 0 !important}
	
	.media-panel	{margin-bottom: 0}
	.case-study-section .cols .col-flex .media-panel		{padding-bottom:25px;}

	.case-study-video-section.case-study-video-section-2	{height: auto}
	
	.next-project-section	{margin-top: 70px}
	.blockquote-section blockquote cite p	{font-size: 50px;}

	.case-study-section.full-width-image		{padding-bottom: 5em;margin-top: 5em;min-height:unset;}
	
	.blockquote-section	{padding: 100px 0 180px}
	
	/* WHAT WE DO */
	.cracking-section,
	.standard-intro-text			{padding: 50px 0;}


	.stan-text	{flex-direction: column}
	.stan-left	{width: 100%; margin-bottom: 20px; padding: 0}
	.stan-right	{width: 100% !important}

	.banner-header-section.banner-header-section-sticky		{padding-top: 400px;}

	.banner-header-section .banner-image img.banner-dk				{display:none;}
	.banner-header-section .banner-image img.banner-mb				{display:block;}

	/* ABOUT */
	.meet-the-team			{padding-top: 70px;padding-bottom: 20px;}
	.meet-the-team h2		{margin-bottom: -35px;}
	.join-the-team			{padding-bottom: 100px}
	.for-the-curious h3		{font-size: 45px;}
	.for-the-curious h3 br	{content:"";width:5px;display:inline-block;}
	
	/* NEWS ARTICLE */
	.news-article .btn			{border-radius: 20px; padding-left: 15px; padding-right: 15px; margin: 0}
	.news-article .btn p		{font-size: 14px;}
	.news-article .btn p span	{font-size: 16px;}
	.news-article .buttons		{justify-content: center; gap:20px; padding: 0 30px;}
	.news-inner					{width:100%;    word-wrap: break-word;}

	.news-listing-item h2											{padding:0;}
	.news-listing .news-listing-item.news-listing-item-v2 ul.tags				{margin-top:20px;margin-bottom:20px;}
	.news-listing .news-listing-item.news-listing-item-v2 img					{max-height: 350px;}
	.news-listing .news-listing-item.news-listing-item-v2:first-of-type			{margin-top:0;}

	/* FORM STYLES */
	.form-text-box .form-field-error			{position:relative;right:unset;padding-top:30px;}

	.icon-heart			{display: none !important;}

	/* FOOTER */
	.footer-bottom .col:nth-child(1)		{order:1;}
	.footer-bottom .col:nth-child(2)		{order:3;padding-top: 2.5em;margin-bottom: 0;}
	.footer-bottom .col:nth-child(3)		{order:2;}
	
	.footer-right-col h2	{font-size: 70px;}
	
	.footer-top	{padding: 60px 0}
	
	/* ATTIC */
	.attic-section						{padding-top:100px;}

	/* MEDIA PAGE */
	.intro-text-centre h2		{font-size: 50px}
	.senior-team-listing .cols	{flex-direction: column; gap: 80px;}
	.snr-card					{text-align: center}
	.sc-text p					{margin-bottom: 0}
	.sc-text h4					{margin-bottom: 0.5em}
	.senior-team-listing .cols	{margin-top: 60px;}

	/* MEDIA PPC STYLES */
	.media-ppc .banner-header-section-sticky		{padding-top: 460px !important;}
	.media-ppc .page-heading-sticky					{width:100% !important;}

	.media-ppc .home-hero.cracking-section			{padding-top:0 !important;padding-bottom:0 !important;margin-bottom: 175px;}
    
	/* WHAT WE DO */
    .brands-intro                           {margin-bottom: 60px;}
    .our-brands .button                     {margin-top: 60px;}
    .our-brands .brands-listing .brand-item {flex: 0 0 calc((100% - (2 * 5px)) / 3); }
    
    /* PARTNERS */
    .partner-logo       {width: 173px; height: 100px;}
    .partner-logo img   {max-width: 80px; max-height: 30px;}
    
    .news-views-section .inner  {padding: 0 36px;}

    .testimonial-section            {height: auto; min-height: unset; /*padding: 200px 0*/}    
    .testimonial-section p          {font-size: 24px;}
    .testimonial-section cite       {font-size: 40px; margin-top: 40px;}
    .testimonial-section cite span  {font-size: 15px;}
    
    .faqs-section .accordion-item h3    				{font-size: 22px; padding:25px 80px 25px 0;}
    .faqs-section .accordion-item p:not(.btn p)     	{font-size: 16px;}
	.accordion-item h3 .arrow, .accordion-item h3 img 	{right: 10px; top: 0;}
	
	
	
    .case-study-listing .cols   {flex-direction: column}
    .case-study-listing .col    {width: 100%;}
    
    .page-heading:not(.page-heading-sticky) {padding-top: 55vw;}
    
    .case-study-video-section   {padding: 0; margin-top: 0 !important}
    
    .testimonial-section-2 p    {font-size: 50px}
    
    .banner-header-section.banner-header-section-sticky-extra   {padding-top: 530px}
	
	
	.accordion-item h3 {padding: 40px 0px; }
    
    
}

@media (max-width: 600px) {
	/* ATTIC */
	.attic-grid .attic-item .attic-image img			{width:100%;}
}

@media (max-width: 550px) 
{
    /* HEADER */
	.logo		{width: 130px;}
	.hamburger	{width: 60px;}
    .logo svg       {width: 100%; height: auto}
    
	/* HOME HERO */
	.home-hero h1				{font-size: 90px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 50px;}
	.home-hero .nav-hover-top		{transform: translateY(25px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-35px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(25px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(30px) rotateX(-90deg) scale(1.04);}
	
	
	#page88 .home-hero {margin-top: 40px;}

	
	/* FOOTER */
	.footer-top h3	{margin-bottom: 25px; font-size: 100px;}
	.footer-top p	{font-size: 20px;}
	
	.footer-bottom ul	{column-count: 1}
	.footer-bottom .col:nth-child(2)	{text-align: left;}
	.footer-bottom .col:nth-child(3)	{flex-direction: column}
	
	.footer-bottom ul.social		{display:flex; flex-direction: row; margin: 20px 0 0 0}
	.footer-bottom ul.social li		{margin-right: 10px;}
	
	/* CASE STUDY */
	.blockquote-section blockquote p	{font-size: 25px;}
	.blockquote-section blockquote cite	{margin-top: 30px; font-size: 50px;}

	.case-study-subtitle h2			{font-size: 35px;}
	
	/* ABOUT */
	
	/* NEWS */
	ul.tags						{flex-wrap: wrap; font-size: 12px;}
	ul.tags li					{margin: 5px}
	.news-listing .news-listing-item h2					{font-size:40px;}
	.news-listing-item ul.tags	{margin-top: 30px;}

	.page-heading.full ul.tags	{flex-direction: column}

	.page-heading.page-heading-sticky		{width:100%;}
	.contact .page-heading.page-heading-sticky			{width:75%;}
	
	/* CONTACT */
	.contact-intro-section .inner		{padding: 0;}
	.contact-intro-section .col	p		{width: 100%; font-size: 15px;}
	.contact-intro-section .col	p br	{display: none}
	.form-text-box label				{font-size: 24px;}
	.form-text-box input				{font-size: 24px;}

	/* ABOUT US */
	.mtt-carousel ul.slick-dots				{gap:.5em;}
	.mtt-carousel ul.slick-dots li			{width:7px;height:7px;}
    
    /* HOME LISING */
    .home-listing .listing-card-image-container {padding-top: 115%;}
    
    /* MEDIA EXPERTS */
    .accordion-item h3 img  {width: 16px}
    .media-experts .accordion-item h3   {padding-top: 35px; padding-bottom: 44px;}
    
	/* WHAT WE DO */
    .our-brands .brands-listing .brand-item {flex: 0 0 calc((100% - (1 * 5px)) / 2); height: 80px; padding: 10px 0; height: auto}
    .our-brands .brands-listing .brand-item img {height: auto; width: 100%;}
    
    .news-views-section .cols   {margin-top: 45px; margin-bottom: 45px; gap: 0}
    
    .icon,
    .ms-icon {width: 72px; height: 72px;}
    
    .icon svg,
    .ms-icon svg    {width: 30px; height: auto}
    
    .ms-text,    
    .met-listing .cols .col {padding:70px 20px 64px 20px}
    
    .ms-text h3 {font-size: 50px;}
    .ms-text p  {font-size: 16px;}
    
    .case-study-listing .listing-image                  {display: none;}
    .case-study-listing .listing-image.listing-image-mb {display: block;}
    .case-study-listing .listing-image-container        {padding-top: 142%;}
    .case-study-listing .cols                           {margin-bottom: 80px;}
    .case-study-listing .button                         {margin-bottom: 80px;}
    
    .contact-page .form-container label {font-size: 26px;}
    
    .full-image img     {}
    .full-image img.mb  {display: block}
    
    .case-study-carousel .slick-slide       {padding: 0 10px;}
    
    .testimonial-section                {padding-bottom: 0}
    .testimonial-section .testimonial   {padding: 50px 40px;}
    .testimonial-section .testimonial p {line-height: 1.5em}
    .testimonial-section cite,
    .testimonial-section cite span      {font-size: 22px;}
}

@media (max-width: 480px) {
	
	/* CASE STUDY */
	.case-study-carousel .carousel .slick-arrow img			{width:30px;}
	.case-study-carousel .carousel .slick-arrow.slick-prev	{left:40px;}
	.case-study-carousel .carousel .slick-arrow.slick-next	{left:calc(100% - 70px);}

	.case-study-cats ul					{padding-left:30px;}
	.case-study-cats ul li				{margin:0;padding:0;}

	/* WHAT WE DO */
	.our-brands .brands-listing .brand-item				{width:75px;}
	.cracking-right .arrow		{transform:scale(0.75);margin-top:1px;}

	/* ABOUT US */
	.mtt-carousel .slick-list				{width: 100%;}
	.mtt-carousel .slick-list img			{width: 250px}
	
	#page88 .home-hero {margin-top: 40px;}
    


}

@media (max-width: 413px) 
{
	
	#page88 .home-hero {margin-top: 60px;}
    /* HEADER */
	.logo		{width: 110px;}
	.hamburger	{width: 45px;}

	/* PAGE HEADER */
	.page-heading				{padding-top:200px;padding-bottom:75px;}
	
	/* FOOTER */
	.footer-top p	{font-size: 16px;}
	
	.footer-bottom ul	{font-size: 14px;}

	/* PROJECT */
	.next-project-section .btn		{width: 220px;padding: 20px 25px 15px}
	.next-project-section .btn p		{font-size: 20px;}
	.next-project-section .btn span		{font-size: 22px;}
	
}

@media (max-width: 375px) 
{
		#page88 .home-hero {margin-top: 110px;}

	/* HOME HERO */
	.home-hero h1				{font-size: 60px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 30px;}
	.home-hero .nav-hover-top		{transform: translateY(15px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-25px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(15px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(25px) rotateX(-90deg) scale(1.04);}
    
    .media-experts .accordion-item h3   {font-size: 40px;}
    
}

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

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