﻿.nav-actions a,
.mobile-header-image,
.logo.logo-old,
.nav-actions a.nav-icon	{display: none}

@media (max-width: 1355px) 
{
	section.hero-container .hero-video	{right: -15vw; transform: none}

	/* TECHNOLOGY PAGE */
	.circle-outer.circle-1 .circle-content .dropdown-container	{left: 0;margin-left: 0}
	.circle-outer.circle-1 .circle-content .dropdown-triangle	{margin: 0 0 0 34px;}
}

@media (max-width: 1255px) 
{
	.services-col	{width:33.333%;}
	
	/* INDUSTRIES */
	.col-2.industries-right	{padding-left:30px;}
	
	/* HERO CONTAINER */
	.partners-container ul li.partners-toggle	{width:100%;}
	.partners-container ul li.partners-toggle.active a:after	{margin-left:-100px;}
	
}

@media (max-width: 1255px) 
{
	h2	{font-size:50px;}
	
}

@media (max-width: 1200px) 
{
	/* TECHNOLOGY PAGE */
	.technology-page h1							{font-size: 3vw !important}
	.technology-page.text-page .col-left		{width:414px;}
	.technology-page.text-page .col-right-inner	{padding-left: 50px; padding-right: 0;}
	.tech-accordion .white-panel				{padding: 30px 25px;}
	.technology-page.text-page .col-right		{width: calc(100% - 440px);}
}

@media (max-width: 1140px) 
{
	
	header#header22 ul li	{font-size: 14px;}
	
	/* TEXT PAGE */
	.col-left .buttons .btn				{font-size:12px;}
	.col-left .buttons .btn.back		{background-size:11px 10px;}
	.col-left .buttons .btn.next,
	.col-left .buttons .btn.previous	{background-size:7px 10px;}
	.two-col-uneven .col-left-inner		{padding-right:20px;}
	.two-col-even .col-left-inner		{padding-right:20px;}
	.industries-page .col-left-inner	{padding-right:20px;}
	
	/* SERVICES */
	.icon-list .icon				{position:absolute;}
	.icon-list h2 span				{padding-left:50px; padding-top: 6px; line-height: 1.2em;}

	.two-col-uneven .col-right-inner	{padding-right:50px;}
	

}


@media (max-width: 1100px) 
{
	/* CIRCLES ANIMATION */
	#home.hero-container			{/*padding-bottom: 120px;*/}
	.hero-text						{width:calc(100% - 525px);}
    #home.home-2021 .cols			{margin-top: 0px;}
	
	/* HOME INSIGHTS */
	.text-image-2023 .col-image					{width: 40%}
	.industry-insights-panel-2023 .col-text		{width: 40%; padding-right: 20px;}

	.text-image-2023 .col-text					{width: 60%;}
	.industry-insights-panel-2023 .col-insights	{width: 60%}
	.insights-2023-cols .col					{width: calc(50% - 10px);}
	.insights-2023-cols .col img				{width: 100%; height: auto}
}


@media (max-width: 1024px) 
{
	
	section.hero-container .hero-video	{right: -25vw; transform: none}
	
    /* IPAD (LANDSCAPE) */
    .fixed-right-col 			{display:none;}
	
	.mainMenu	{display: none}
	
    #home.home-2021 .cols 		{/*margin-top: 160px;*/}
	.nav-actions a,
	.nav-actions a.nav-icon		{display: inline-block;}
	
	.nav-actions a.contact		{display: none}
	
	section.hero-container	{height: auto; min-height: unset}
	
	.nav-actions	{top: 52px}
	

	
}


@media (max-width: 960px) 
{
	/* INDUSTRIES */
	.circle-listing .circle-text h3		{font-size:20px;}
	
	/* ABOUT ARUM */
	.icon-btn	{margin-right:20px; font-size: 16px;}
	
	/* TEXT PAGE */
	.col-right-inner	{padding-left:50px;}
	
	/* TIMELINE */
	.timeline-item	{width:270px;}
	
	/* HOME INSIGHTS */
	.panel-insight-2023 img	{width: 190px; height: 190px}

	/* HOMEPAGE WHERE WE HAVE WORKED */
	.home-section.where-we-have-worked											{display:flex;flex-direction:column-reverse;}
	.home-section.where-we-have-worked .hero-video-container:before				{display:none;}
	.home-section.where-we-have-worked .hero-video,
	.home-section.where-we-have-worked .hero-video .hero-video-container		{position: relative;right: unset;top: unset;display: block;}
	.home-section.where-we-have-worked .hero-video .hero-video-container		{width:100%;}

}

@media (max-width: 900px) 
{

	#home .partners-container {margin-top: 30px;}

	/* TECHNOLOGY PAGE */
	.technology-page.text-page .circle-outer			{width:180px; height: 180px;}
	.technology-page.text-page .circle-animation-col	{width:295px; height: 295px;}
	.technology-page.text-page .circle-content p		{font-size: 12px;}
	.technology-page.text-page .circle-icon svg			{width:40px;}
	.technology-page.text-page .circle-content .plus	{width:15px; height: 15px;}
	
	.technology-page.text-page .circle-3				{margin-left: -90px;}
	
	.technology-page.text-page .circle-1 .circle-content 	{margin: 40px 0px 0px 15px;}
	.technology-page.text-page .circle-2 .circle-content 	{margin: 35px 0px 0px 78px;}
	.technology-page.text-page .circle-3 .circle-content	{margin-top: 64px;}
	
	.technology-page.text-page .col-left					{width:330px;}
	.technology-page.text-page .col-right 					{width: calc(100% - 360px);}

	.technology-page.text-page .circle-animation-col .circle:before {width: 18px; height: 18px; left: 18px;}
	
	.circle-outer.circle-1 .circle-content .dropdown-container	{left: 0;margin-left: 0}
	.circle-outer.circle-1 .circle-content .dropdown-triangle	{margin: 0 0 0 24px;}
}

@media (max-width: 850px) 
{
	/* TEXT PAGE */
	.col-left .buttons .btn.back		{width:100%;  margin-left: 0 !important; margin-bottom: 10px;}
	.col-left .buttons .btn.next		{width:49%;  margin-left: 1% !important; margin-right: 0;}
	.col-left .buttons .btn.previous	{width:49%;  margin-right: 1% !important; margin-left: 0;}

	/* TIMELINE */
	.timeline-item	{width:220px; padding-left: 35px}
	
	
}

@media (max-width: 800px) 
{
	.contact-cols		{flex-direction: column}
	.col-contact-left	{width: 100%;}
	.col-contact-right	{width: 100%; margin-left: 0; padding-left: 0; border-left: none;}
}

@media (max-width: 768px) 
{
	
	h2	{font-size:40px; margin-bottom: 0.5em;}
	p	{font-size:16px;}


	/* SERVICES */
	.services-col p	{font-size:16px;}
	
	/* INDUSTRIES */
	.circle-listing .circle-text h3		{font-size:18px;}
	.industries-text p					{padding-right:20px;}
	.circle-listing:last-child			{margin-bottom:0}
	
	/* SECTION PADDING */
	.quote-section {padding-top:0; padding-bottom: 0;}
	
	/* NEWS */
	.news .col-4	{padding:10px;}
	.news .col-4 h3	{font-size:17px;}
	.news .col-4 p	{font-size:13px;}
	.news .inner	{padding-left:10px; padding-right: 10px;}
	
	/* ABOUT */
	section.about		{background-position:right;}
	.buttons .icon-btn	{display:block; margin-bottom: 10px;}
	.text-left .col-2	{width:100%;}
	.about .buttons		{margin-top:20px;}
	
	/* SECTION PADDING */
	section.services,
	section.industries,
	section.why-arum,
	section.about,
	section.news,
	section.careers	{padding:70px 0; min-height: auto;}

	/* TEXT PAGE */
	.text-page .min-vh				{min-height:inherit}
	.min-vh .col-left				{min-height:inherit; padding-bottom: 50px;}
	.text-page .inner				{padding-right:0; padding-left:0}
	
	.thought-leadership .col-left,
	.about-arum.text-page .col-left,
	.why-arum.text-page .col-left					{width:100%; padding-left: 20px;}
	.thought-leadership .col-left-inner,
	.about-arum.text-page .col-left .col-left-inner,
	.why-arum.text-page .col-left .col-left-inner	{/*padding-top:95px;*/}
	
	.two-col-even.services-page .col-left,
	.two-col-even .col-right,
	.two-col-uneven .col-right		{width:100%;}
	
	.two-col-even.services-page .col-right,
	.two-col-even .col-right .col-right-inner,
	.two-col-uneven .col-right .col-right-inner	{padding-left: 20px; padding-right: 20px; padding-top: 35px; background-color: #ffffff;}
	
	.text-page .col-left:before		{display:none}

	/* INDUSTRIES PAGE */
	.industries.industries-page							{padding-top:0}
	.industries.industries-page .col-2					{width:100%;}
	.industries.industries-page .inner					{padding-left:0; padding-right: 0;}
	.industries.industries-page .col-2.col-left			{background-color:#c6007e; padding-left: 20px; padding-right: 20px; padding-bottom: 40px;}
	.industries.industries-page .col-2.industries-right	{background-color:#ffffff; padding-top: 40px; padding-left: 20px; padding-right: 20px;}
	.industries.industries-page .col-background			{display:none;}
	
	/* TIMELINE */
	.timeline-item					{visibility: visible; opacity: 1; display: block !important; top: auto !important}
	.timeline p.date-up,
	.timeline:after					{display:none;}
	.timeline 						{margin-left:0 !important; padding-top: 0; padding-bottom: 0;}
	.timeline li					{padding-top:0 !important; margin-bottom: 30px !important; display: block;}
	.timeline li:first-child:before,
	.timeline li:last-child:before	{display:none;}
	.timeline-item	{position:relative; left: auto; padding-left: 0; width:100%;}
	.timeline-item	{transform:translateX(0)}
	
	.timeline li.bottom-item .timeline-item				{flex-direction:unset !important; bottom: auto !important; border-bottom: none; border-top: 1px solid #c6007e;}
	.timeline li.mobile-right .timeline-item h3			{width:100%; text-align: right;}
	.timeline li.mobile-right .timeline-item h3 span	{margin-right:-10px;}
	.timeline li.bottom-item .timeline-item h3			{transform: translateY(-10px);}
	.timeline li.bottom-item .timeline-item p			{margin-bottom:1em; margin-top: 0 !important;}
	
	/* STICKY FOOTER */
	.sticky-footer span		{display: none}
	.sticky-footer .inner	{justify-content: center;}
	.sticky-footer ul li	{margin: 0 10px}
	
	/* FOOTER */
	ul.footer-links  li	{display:block; margin-bottom: 10px;}

	/* SERVICES */
	.services-page .inner			{padding-left:0; padding-right: 0;}
	.services-page .col-background	{display:none;}
	.services-page .col-right,
	.services-page .col-right-inner	{background-color:#0097a9 !important;}
	.services-page .col-left,
	.services-page .col-right		{padding-left:20px; padding-right: 20px;}
	.services-page .col-left-inner	{padding-top:95px;}
	.services-page .col-right-inner	{padding:0 !important}
	
	.icon-list h2 span	{font-size:16px;}
	.icon-list li		{font-size:14px;}

    .partners-listing .partners-filter .col-3 {width:50%;}
    .partners-listing .partners-filter {padding-right:0;}
	
	/* TECHNOLOGY PAGE */
	.technology-page.text-page .col-left h1			{font-size: 42px !important;}
	.technology-page.text-page .col-right			{width:calc(100% - 30px); display: block; margin: auto;}
	.technology-page.text-page .col-right-inner		{background-color: transparent !important;}
	.technology-page.text-page .col-left-inner		{padding-left: 10px; padding-right: 10px;}
	.technology-page.text-page .circle-animation-col	{margin: auto;}

	/* CONTACT PAGE */
	.contact-page .two-col-even .col-right	{width: 100%; padding-bottom: 30px;}
	.contact-cols		{flex-direction: row}
	.col-contact-left	{width: 40%;}
	.col-contact-right	{width: 60%; margin-left: 20px; padding-left: 30px; border-left: 1px solid #C6D239;}

	footer .footer-logos img {height: 50px; width: auto;}
footer .footer-logos ul li {margin: 20px 10px; }
	
}

@media (max-width: 767px) 
{
	#home.home-2021 .hero-text		{width: 100%;}
	.mobile-header-image	{display: block}
	.hero-video				{display: none}
	
	.text-image-2023 .cols		{flex-direction: column-reverse;}
	.text-image-2023 .col-image	{width: 100%}
	.text-image-2023 .col-text	{width: 100%}

	.industry-insights-panel-2023 .cols			{flex-direction: column}
	.industry-insights-panel-2023 .col-text		{width: 100%; margin-bottom: 20px;}
	.industry-insights-panel-2023 .col-insights	{width: 100%;}
	.industry-insights-panel-2023 p				{width: 100%;}
	
	.testimonial-carousel .slide	{padding: 0 40px;}
	
	.hero-video-container:before,	
	.hero-video-container:after		{display: none}
	
	.col-left-inner {padding-top: }

	
}
	
@media (max-width: 690px) 
{
	.podcast-listing-row	{flex-direction: column;}
	.podcast-text			{margin-top: 36px;}
	.podcast-image			{margin-right: 0}
	
}

@media (max-width: 600px) 
{

	h1	{font-size:40px;}
	
	.hero-text		{width:100%;}
	.hero-text p	{font-size:16px;}

    a.logo          {top:25px;}
	.nav-actions	{right:20px;}
	
	section.hero-container:after {background-image:linear-gradient(to right, rgba(0,0,0,0.95),rgba(0,0,0,0.5),rgba(0,0,0,0.3),rgba(0,0,0,0.7));}
	
	.col-2.right	{float:none; width:100%;}
	
	#home.home-2021 .cols {margin-top: 0;}
	
	.partners-container ul li.partner-cell 		{width:137px; padding: 10px;}
	
	/* SERVICES */
	.services-col .icon	{margin-bottom:10px;}
	.services-col p		{margin-bottom:0.2em; font-size: 16px;}
	.services-col p br	{display:none;}
	.services-col		{width:50%;}
	
	/* INDUSTRIES */
	.industries .col-2					{width:100%;}
	.industries .col-2.industries-right	{padding-left:0; margin-top: 30px;}
	.circle-listing .circle-text h3		{font-size:20px;}
	.col-background						{width:100%;}
	
	/* WHY ARUM */
	.why-arum-section	{background-position:center bottom; background-size: 100% auto; background-color: #c6d500;}
    .home-section.why-arum-section {padding-top:70px;}

	/* NEWS */
	.news .col-4	{width:50%;}
    
	
	/* PAGINATION */
    .pagination a, .pagination span > span {margin-left:3px; margin-right: 3px;}
	
	/* SUBSCRIPTION */
	.blog-subscription-container .form-container	{/*max-width:calc(100% - 40px);*/ padding: 30px; padding-top:50px; top:0px; left:0; -moz-transform:none; transform:none; width:100%; height:100%;}
    a.close-popup {top:17px; right:30px; background-image: url(/_assets/icon-close-pink.png); background-size:15px;}
    .blog-subscription-container .form-cell {margin-bottom:12px;}
    .blog-subscription-container .form-cell input[type="text"] {padding:13px; padding-left:10px; font-size: 14px;}
    .blog-subscription-container .blog-form-response p {font-size:14px;}
}

@media (max-width: 570px) 
{
	#home .partners-toggle.active	{top:30px;}
	
	/* CIRCLES ANIMATION */
	#home.hero-container 	{}
	#home .partners-container	{margin-top: 30px;}
	
	.circle-animation-col	{width:300px; height: 300px;}
	.circle-outer			{width:188px; height: 188px;}
	.circle-content p		{font-size: 12px; margin-bottom: 5px;}
	.circle-content svg		{width:auto; height: 28px; margin-bottom: 5px;}
	.circle-content .plus	{width:11px; height: 11px;}
	
	.circle-3				{margin-left: -94px;}
	
	.circle-1 .circle-content 	{margin: 50px 0px 0px 13px;}
	.circle-2 .circle-content 	{margin: 43px 0px 0px 89px;}
	.circle-3 .circle-content	{margin-top: 85px;}
	
	.circle:before	{width: 20px; height: 20px; left: 24px;}
	
	/* CONTACT PAGE */
	.contact-cols		{flex-direction: column}
	.col-contact-left	{width: 100%;}
	.col-contact-right	{width: 100%; margin-left: 0; padding-left: 0; border-left: none; border-top: 1px solid #C6D239; padding-top: 40px;}
	
	.floating-image	{float: none; margin: 0 0 20px 0}
	
}

@media (max-width: 414px) 
{
	#home.home-2021 .hero-text h1	{font-size: 37px}
	
	.industry-insights-panel-2023 h2,
	.text-image-2023 h2				{font-size: 30px}
	
	.industry-insights-panel-2023 p,
	.text-image-2023 p,
	#home.home-2021 .hero-text p	{font-size: 16px;}

	.panel-insight-2023 p.small	{font-size: 14px;}
}

@media (max-width: 375px) 
{

    .contact-panel {padding-right:25px; height:100%; width:100%;}

	section.hero-container	{min-height:inherit}
	
	.news.team-listing .col-4 {width:100%;}

	/* INDUSTRIES */
	.circle-listing .circle-text h3			{font-size:18px;}
	.circle-listing .circle-text h3:after	{width:15px; height: 15px; margin-left: 10px; transform: translateY(1px)}

	.partners-listing .partners-filter .col-3 {width:100%;}
	
}
	
@media (max-width: 374px) 
{

	h2	{font-size:30px;}
	.quote-section blockquote	{padding:70px 40px;}
	
}