.show-mb {display: none}

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

@media (min-width:1921px) {
   
   
   
}

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



/***************************/
/** MAX HEIGHT STARTS HERE **/
/***************************/

@media (max-height: 850px) {
   
	.page-heading.full .page-heading-text					{padding-top: 10em;}
}

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

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

@media (max-height: 650px) {
	nav ul		{font-size: 60px;}

	.page-heading.full .page-heading-text		{padding-top:15em;}
}

@media (max-height: 550px) {
	nav ul		{font-size: 35px;}

	.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;}
}

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

@media (max-width: 1512px) 
{
   .inner.inner-narrow  {max-width: 1270px; width: 100%}
   
   header,
   .faux-header      {height: clamp(108px, calc(5vw + 88.35px), 164px);}
   .hamburger span   {height: 3px; margin: 3.5px 0}
   
}

@media (max-width: 1511px) {
   
   
   .logo    {width: clamp(100px, 70.64px + 4.59vw, 140px);}
   
   h1,
   .join-the-team h2,
   .the-team-intro h2   {font-size: clamp(64px, 1.03px + 9.84vw, 150px);}
   
   h2,
   .for-the-curious h2,
   .for-the-curious h3  {font-size: clamp(48px, 24.52px + 3.674vw, 80px);}
   
   /* HOME NEWS */
   .news-views-section                 {padding: clamp(100px, 41.22px + 9.18vw, 180px) 0;}
   
   .news-listing-item h2 {font-size: clamp(26px, 20.14px + 0.92vw, 34px);}
/*   .listing-card .listing-card-text p  {font-size: clamp(26px, 20.14px + 0.92vw, 34px);}*/
   
   .news-views-section h2              {font-size:clamp(74px, 25.53px + 7.58vw, 140px);}
   
   /* BIG IDEA */
   .launch-idea-section             {padding: clamp(217px, 194.94px + 3.44vw, 247px) 0;}
   .launch-idea-inner h2            {font-size: clamp(64px, 0.84px + 9.87vw, 150px);}
   .launch-idea-inner h2 span       {font-size: clamp(60px, 10.08px + 7.8vw, 128px);;}
   .launch-idea-inner h2 span img   {width: clamp(35px, 7.82px + 4.25vw, 72px);; margin: 0 0 -0.25vw -3.25vw;}
   
   .launch-idea-inner p,
   .services-accordion-section .accordion-item h3  {font-size: clamp(30px, 27.06px + 0.46vw, 34px);}
   
   /* PAGE HEADING */
   .page-heading  {padding:clamp(48px, 30.64px + 4.59vw, 100px) 0 clamp(60px, 30.64px + 4.59vw, 100px) 0;}
   
   .news-header .news-header-image  {margin-bottom: clamp(60px, 30.64px + 4.59vw, 100px);}
   
   /* CASE STUDY TEXT */
   .csit-right p.intro {font-size: clamp(24px, 30.93px - 0.46vw, 28px);}
   
   /* CASE STUDY STATS */
   .case-study-stats-section     {padding: clamp(100px, -32.1px + 20.67vw, 280px) 0;}
   .case-study-stats-section h2  {font-size: clamp(128px, 119.19px + 1.38vw, 140px); margin-bottom: 20px;}
   .case-study-stats-section p   {font-size: clamp(30px, 27.06px + 0.46vw, 34px);}
   
   /* CASE STUDY QUOTE */
   .blockquote-section              {padding: clamp(100px, -15.3px + 18.02vw, 257px) 0;}
   .blockquote-section blockquote   {width: 1055px; max-width: 100%;}
   .blockquote-section blockquote p {font-size: clamp(26px, 18.78px + 2.07vw, 50px);}
   .blockquote-section blockquote cite span  {font-size: clamp(14px, 12.53px + 0.23vw, 16px);}
   
   /* NEXT PROJECT */
   .next-project-section .inner  {height: 350px;}
   
   /* WHAT WE DO */
   .wwd-panel .btn      {font-size: clamp(20px, 14.12px + 0.92vw, 28px);}
   .wwd-panel .wwd-text {padding-right: 3vw}
   .wwd-panel .cols     {gap: 3.31vw;}
   
   .roe-card h3         {font-size: clamp(30px, 27.06px + 0.46vw, 34px);}
   .roe-card p          {font-size: clamp(18px, 16.53px + 0.23vw, 20px);}
   
   .cheeky-roe-header h2      {font-size: clamp(60px, -8.3px + 10.67vw, 153px);}
   .cheeky-roe-header h2 span {font-size: clamp(52px, -12.6px + 10.1vw, 140px);}
   
   /* SERVICES */
   .services-accordion-section .accordion-item h3  {padding-top: 24px; padding-bottom: 24px;}
   .media-col-text-col-section p {font-size:clamp(32px, 18.78px + 2.07vw, 50px);}
   
   .media-col-text-col-section   {padding: clamp(60px, -6.04px + 10.33vw, 150px) 0;}
   
   .stacked-cards-section  {padding: clamp(120px, 9.78px + 17.22vw, 270px) 0;}
   
   /* CONTACT */
   .contact-form           {padding: clamp(60px, 30.64px + 4.59vw, 100px) 0;}
   .form-container         {width: 680px; max-width: 100%; padding-top: 50px;}
   .form-text-box input    {height: 80px; font-size: 22px;}
   .form-text-box textarea {height: 200px;}
   .form-text-box label    {font-size: clamp(30px, 27.06px + 0.46vw, 34px); margin-bottom: 19px;}
   .form-row               {margin-bottom: 30px;}
   .container              {font-size: clamp(14px, 12.53px + 0.23vw, 16px); gap: 12px;}
   .checkmark              {width: 24px; height: 24px;}
   .container .checkmark:after   {left: 7px; top: 3px; width: 5px; height: 10px;}   
   .form-row.form-row-checkbox   {margin-bottom: 15px;}
   
   .team-member-text h3 {font-size: clamp(18px, 16.53px + 0.23vw, 20px);}
   .team-member-text p  {font-size: clamp(16px, 14.53px + 0.23vw, 18px);}
   
   /* FOOTER */
   .footer-container {padding: clamp(40px, -3.27px + 2.86vw, 70px) clamp(36px, -13.01px + 3.24vw, 70px);}
   
   .case-study-intro-text  {padding: clamp(60px, 1.38px + 9.17vw, 140px) 0;}
   
   /* THE TEAM */
   .for-the-curious  {overflow: hidden; padding: clamp(0px, -73.48px + 11.48vw, 100px) 0;}
   .the-team-grid {gap: clamp(20px, -2.04px + 3.44vw, 50px);}
   
   .team-member-image-container  {margin-bottom: 16px;}
   .join-the-team .mtt-intro     {width: 704px;}
   .for-the-curious .inner       {width: 756px; max-width: 100%;}
   .for-the-curious h3 span      {font-size:clamp(34px, 20.78px + 2.07vw, 52px); left: -5vw;}
   .ftc-row                      {margin-bottom: clamp(40px, -4.09px + 6.89vw, 100px);}
   
   .news-listing .cols {gap:clamp(20px, 5.32px + 2.29vw, 40px); grid-row-gap: 40px;}

   /* NEWS ARTICLE */
   .news-inner {width: 680px;}
   
   /* TAGS */
   ul.tags           {margin-top: clamp(60px, 30.64px + 4.59vw, 100px)}
   ul.tags li .btn   {font-size: clamp(16px, 14.53px + 0.23vw, 18px); padding: 12px 13px}
   

   .header-img-bleed {margin-bottom: clamp(60px, 30.64px + 4.59vw, 100px);}
   
   
}



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

}

@media (max-width: 1270px) 
{
   .hit-left         {width: 42vw}
   .hit-text h2 br   {display: none;}   
}

@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 */
	
	/* 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);}
	
	
	.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;}
	
	
	/* 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;}
   
   /* SERVICES ACCORDION */
   .services-accordion-section .col-accordion {flex: 1 0 60%;}
   
   /* PLAY BUTTON */
   .media-hover-video.paused:after,
   .media-hover-video.playing:after   {width: 11.75vw; height: 11.75vw; min-width: 100px; min-height: 100px;}
   
   
}

@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;}
   
   /* CONTACT */
   .cl-right {flex: 0 1 50%;}
   .contact-location {padding: 20px;}
   
   /* TEAM GRID */
   .the-team-grid {grid-template-columns: repeat(3, 1fr);}
   
}

@media (max-width: 1100px) {

	.sc-text h3	{font-size: 50px;}
	.sc-text h4	{font-size: 25px;}
	.sc-text p	{font-size: 17px;}
	
   /* TAGS */
   ul.topic-tags li  {padding: 12px 19px;}

   
}

@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) 
{
	/* HOME INTRO */
	.hit-left	{width: 50%;}
	.hit-right	{width: 50%}
	
	/* HOME LISTING CARD */
	.home-listing-card-inner	{}
	
	/* HOME NEWS */
   .news-listing .cols,
   .news-views-section .cols    {grid-template-columns: repeat(1, 3fr); max-width: 640px; gap: 80px}
   
   .featured-news-item  {width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; margin-bottom: 80px;}
   
   .news-item-image,   
   .featured-news-item .news-item-image {aspect-ratio: 437 / 270;}
   
   .featured-news-item .read-more   {display: block}
   
   .news-listing .cols  {margin: auto}
   
	/* WORK LISTING */
	.case-studies-listing .col.col-third	{width: 100%;}
	
	/* CASE STUDY */
	.csit-right	{width: 50%;}
	
	/* WHAT WE DO */
	.our-brands h2,
	.stan-text h2	{font-size: 70px;}
	
	.stan-left	{width: 50%; padding-right: 20px;}
	.stan-right	{width: 50%}
	
	/* ABOUT */
	.accordion-item h3		{font-size: 30px;}
	.accordion-item h3 svg	{width: 40px;}
	
	/* CONTACT */
	.contact-intro-section .cols	{flex-direction: column}
	.contact-intro-section .col		{width: 100%;}
   
   /* FOOTER */
   .footer-middle .cols          {flex-direction: column}
   .footer-middle .footer-right  {width: 100%; justify-content: space-between; flex-direction: row; margin-top: 50px}
   .footer-middle .footer-left   {justify-content: space-between}
}

@media (max-width: 900px) {
   
   /* HOME LISTING */
   .home-listing-text   {flex-direction: column; gap: 18px;}
   .home-listing-text p {font-size: 30px;}
   
   /* WHAT WE DO */
   .wwd-panel                    {padding: 10px;}
   .wwd-panel .cols              {flex-direction: column; gap: 20px;}
   .wwd-panel .col:first-child   {width: 100%;}
   .roe-cards-container .inner,
   .wwd-section .inner           {max-width: 640px; width: 100%;}
   .wwd-panel .wwd-text          {padding:0 10px 10px;}
   .wwd-panel .wwd-text h2       {margin-bottom: 20px;}
   .wwd-panel .wwd-text .btn     {width: 100%; text-align: center; padding-top: 21px; padding-bottom: 21px;}
   .wwd-section                  {padding: 20px 0}
   
   .roe-cols                     {flex-direction: column}
   
   /* CONTACT */
   .contact-location {flex-direction: column; gap: 15px; padding-bottom: 25px; margin-bottom: 20px}
   .cl-left          {width: 100%;}
   .cl-right         {width: 100%;}
   
   /* TEAM GRID */
   .the-team-grid {grid-template-columns: repeat(2, 1fr);}
   
   /* US TEAM */
   .team-member-us-card .col:nth-child(1) {width: 35%}
   .team-member-us .cols   {gap: 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);}

	/* WHAT WE DO */
	.our-brands .brands-listing .brand-item				{width:110px;padding:0;}
	.our-brands .brands-listing .brand-item	img			{height:auto;}

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

	/* CASE STUDY */
	.case-study-video-video .cols .col			{/*height:550px;*/}
   
   /* BIG IDEA */
   .launch-idea-inner .sketch-arrow {display: none}
   
}

@media (max-width: 800px) 
{
	/* HOME INTRO TEXT */
	/*.home-intro-text	   {padding-top: 50px}*/
	/*header				   {position:absolute;}*/
	.home-video-section	{margin-top:0px; padding-top: 45px !important}
	
   /*
	.contact-form h2,
	.hit-text h2		{font-size:70px;}
   */
   
	/* NAV */
	nav ul			{gap:.5em; justify-content: center; margin-bottom: 0; padding-bottom: 0; height: 100%;}
   nav.open ul    {padding-bottom: 0}
   
   .nav-inner .faux-header {display: none}
   
	/* BUTTON */
	.btn p 		{font-size:25px}
	.btn p span	{font-size:27px}
	
   .btn.btn-tinymce span.btn-text         {font-size: 27px; padding: 0 30px;}
   .btn.btn-tinymce span.btn-text span    {font-size: 27px;}
   .btn.btn-tinymce span.btn-text strong  {font-size: 25px;}
   

   
	/* 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 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%;}


	/* 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; }

   .blurred-footer   {display: none}


   /* SERVICES */
   .services-accordion-section .cols   {flex-direction: column}
   
}

@media (max-width: 768px) 
{
   .hover-div                             {display: none !important; visibility: hidden !important; opacity: 0 !important}
   .media-hover-view, .media-hover-video  {cursor: pointer !important}
}

@media (max-width: 767px) 
{
	
	/* ABOUT */

	.ftc-text 			{width: 100%;}
	.ftc-row:nth-child(odd)	{justify-content: flex-start;}

	/* PROJECT */
	.case-study-stats-section .cols			{flex-direction:column;align-items: center;gap: 60px;}
	.case-study-stats-section .cols .col	{width: 100%;}
   .case-study-stats-section p            {width: 100%; max-width: 353px;}
   
   .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;}

	/* 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;*/}
   
   /* FOOTER */
   footer                           {}
   .footer-sign-off                 {flex-direction: column-reverse; gap: 19px;}
   .footer-sign-off ul              {gap: 12px;}
   
   .footer-middle h4                {margin-bottom: 16px;}
   .footer-middle .footer-left      {flex-wrap: wrap; justify-content: flex-start}
   
   .footer-middle .footer-left .col              {width: 50%;}
   .footer-middle .footer-left .col:last-child   {width: 100%; margin-top: 40px;}
   

   



   /* TEAM */
   .for-the-curious .inner {transform: translateX(0)}
   .ftc-text p             {width: 100%;}
   .ftc-row               {padding-left: 50px}  
   .for-the-curious h3 span   {top: 1vw; left: -40px;}
   
}

@media (max-width: 640px) 
{
	
   .small-padding-gap-bottom {padding-bottom: 20px !important}
   
   .inner   {padding: 0 20px;}
   
   /* HOME HERO */
   .home-hero  {padding-top: 50px;}
   
   /* HEADER */
   .hamburger     {right: 20px;}
   .icon-list.region-select {left: 20px;}
   
	/* 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 */
	
	/* temp fix */
	#page88 .home-hero {margin-top: 0px;}
	
	
	.video-dk				{display:none !important;}
	.video-mb				{display:block !important;}

	.full-width-image					{min-height:unset; padding-left: 20px; padding-right: 20px; }
   
   /* HOME LISTING */
	.home-listing-card-inner	{width: 100%;}
   .home-listing-card-image   {aspect-ratio: 4 / 5;}
   ul.topic-tags              {font-size: 18px; gap: 8px; max-width: 100%; overflow-x: auto;}
   ul.topic-tags::-webkit-scrollbar {display: none;}
   
   ul.topic-tags li           {border-radius: 20px;}
   
	/* HOME INTRO TEXT */
	.hit-text	{flex-direction: column; gap: 24px;}
	.hit-left	{width: 100%; padding-right: 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 .listing-card-image-container,
   .case-studies-listing .col.col-third .listing-card-image-container   {aspect-ratio: 352 / 308;}

	
	/* CASE STUDY */
	.csit-text	{flex-direction: column;}
	.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-page-heading			{margin-top:-150px;}

	/* 2/11/23 */
	.case-study-video-section		{padding-bottom: 0}

   .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}
	
	.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}
	

	/* 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-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-inner h3          {font-size: 28px;}
   
	.news-listing-item h2											               {padding:0;}
	.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;}

	/* 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;}

   /* BIG IDEA */
   .launch-idea-inner         {max-width: calc(100% - 40px);}
   .launch-idea-inner h2 span {margin-top: 0.15em}

	/* 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;}
   
   /* CASE STUDIES */
   ul.tags     {overflow-x: auto; justify-content: flex-start; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto}
   ul.tags li  {flex-shrink: 0}
   ul.tags::-webkit-scrollbar      {display: none}
   
   ul.tags li .btn         {background-color: #ffffff; border-color: #ffffff; color: #12110F;}
   ul.tags li .btn:hover   {background-color: var(--red); border-color: var(--red); color: #ffffff}
   
   /* CASE STUDY TEXT */
   .csit-text  {gap: 24px;}
   .csit-left  {width: 100%;}
   .case-study-two-media.split .cols   {gap:20px}
   
   /* WHAT WE DO */
   .heading-with-button .cols {flex-direction: column; justify-content: flex-start; gap: 40px;}
   .heading-with-button .col  {width: 100%; }
   .heading-with-button .col:nth-child(2) {justify-content: flex-start}
   .heading-with-button       {padding-bottom: 60px;}
   
   /* SERVICES */
   .media-col-text-col-section .cols   {flex-direction: column}
   .media-col-text-col-section .col:first-child {width: 100%;}
   
   .stack   {position: relative; width: calc(100% - 40px); height: 81vw;}
   
   /* FOOTER */
   .footer-middle .footer-left      {justify-content: space-between}
   .footer-middle .footer-left .col {width: auto}
   .logo-sign-off:before            {height: 60%}
   
   /* BLOCKQUOTE */
   .blockquote-section blockquote p:not(cite p) {font-size: 26px !important}
   
   /* BUTTON */
   .btn {border-radius: 15px !important; font-size: clamp(20px, 14.12px + 0.92vw, 28px); text-align: center; padding-top: 21px; padding-bottom: 21px;}
   
   .news-article .buttons  {justify-content: space-between; padding: 0 20px; gap: 10px;}
   
}

@media (max-width: 600px) {
   
	/* ATTIC */
	.attic-grid .attic-item .attic-image img			{width:100%;}
   
   
   .wwd-image                 {height: 200px;}
   .wwd-panel .wwd-image img  {width: 100%; height: 100%; position: relative; object-fit: cover; object-position: top}
   
   .wwd-scroller-panels .wwd-section:nth-child(4)  {margin-bottom: 100vw}
   
   .cheeky-roe-header   {padding-top: 100px;}
   
   /* THE TEAM 
   .the-team-grid {grid-template-columns: repeat(1, 1fr);}*/
   
   .cl-right p {font-size: 16px;}
   
}

@media (max-width: 550px) 
{
    /* HEADER */

	/* 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;}

	/* CASE STUDY */

	.case-study-subtitle h2			{font-size: 35px;}
	
	/* ABOUT */
	.accordion-item h3	{font-size: 24px;}
	
	/* NEWS */
	.news-listing-item ul.tags	{margin-top: 30px;}

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

	.page-heading.page-heading-sticky		{width:unset;}
	.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: 20px;}
	.form-text-box textarea   		{font-size: 20px;}

	/* ABOUT US */
	.mtt-carousel ul.slick-dots				{gap:.5em;}
	.mtt-carousel ul.slick-dots li			{width:7px;height:7px;}
   
   /* US TEAM */
   .team-member-us-card    {padding-bottom: 30px}
   .team-member-us-card .col:nth-child(1) {width: 100%}
   .team-member-us .cols   {gap: 10px; flex-direction: column}
             
   /* CLIENTS CAROUSEL */
   .partner-logo {width: 160px; height: 105px; border-radius: 20px;}
   
   /* FOOTER */
   .footer-top                {flex-direction: column; align-items: flex-start; gap: 35px;}
   .footer-sign-off .show-mb  {display: block}
   .footer-sign-off .hide-mb  {display: none}
   
   
}

@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;}

	/* 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 (max-width: 360px) 
{
   .cl-right p {font-size: 14px;}
}

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