@media only screen and (min-width: 1800px){
	:root {
		--site-width:85%;
	}

	.grid-card{
		height:400px;
	}
	.grid-card.tall {
		height: 800px;
	}
	.image-card iframe{
		transform:scale(1.7);
	}
}
@media only screen and (max-width: 1400px){
	:root {
		--padding-w: 80px;
		--padding-w-2: 40px;
	}
	.single-member #banner h2 {
    font-size: 55px;
    line-height: 65px;
}
}
@media only screen and (max-width: 1300px){
	.hero_banner .text{
		display: block;
	}
	.hero_banner h1{
		margin-bottom:var(--gap);
	}
	.image-card iframe{
		transform:scale(1.7);
	}
}
@media only screen and (max-width: 1200px){


	.image-card iframe{
		transform:scale(2);
	}
	.columns.big_gap{
		gap:60px;
	}
	.columns.small_gap{
		grid-template-columns: 1fr;
		row-gap:40px;
	}
	.page-template-0_contact h6 {
		margin-bottom: 10px;
	}

}
@media only screen and (max-width: 1024px){


	:root {
	--padding-h:80px;
	--padding-w: 60px;
	--padding-w-2: 40px;
		--gutter:30px;
	}
	.member section.text .bottom .content{
		max-width:600px;
	}
	.tablet{
		display: block;
	}
	.image-card iframe{
		transform:scale(2);
	}
	.grid-card.tall{
		display: none;
	}
	.bottom-grid{
		grid-template-columns:1fr 1fr;
	}
	.grid-card{
		min-height:300px;
	}
	.grid-wrapper {
		  grid-template-columns: 1fr; /* Stack into 1 column */
	  }

	  .grid-card {
		  height: unset; /* Slightly shorter cards on mobile */
	  }
	.stats .stat-number, .stats .stat-number-static{
		font-size:40px;
		line-height:40px;
		margin-bottom:5px;
		letter-spacing: -1px;
	}
	#more_clients .random-client .text {

		background-position: calc(100% - 20px) center;
	}
	#more_clients .random-client .text {
	padding: 20px ;
}
	#more_clients .header {
		margin-bottom: 20px;
	}
	.logo-wall {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	#menu ul li a {

		font-size: 30px;
		line-height: 40px;
		padding: 10px 0px;
	}
	#masthead #main-menu{
		display: none;
	}
	#masthead #menu-btn {
		width: 30px;
		height: 20px;
		top: 8px;
		display: block;
	}
	#masthead{

		height: 60px;
	}
	#masthead.scrolled{
		height:50px;
	}
	#masthead #logo{
		width:175px;
		height:25px;
	}
	#masthead.scrolled #logo {
		width:175px;
		height:25px;
	}
	.logo-wall__item {
		width: 100px;
		height: 80px;
	}
	section.logo-wall .wrapper {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		row-gap:0;
	}
	section.slider .carousel .slide{

		height:30vh;
	}
	.cta-overlay{
		padding:30px 40px;
	}

	.cta-overlay h5{
		padding-right:30px;
	}
	#bar .info{
		font-size:12px;
		line-height:18px;
	}
	.news-card-title {
		font-size: 18px;
		line-height: 25px;
	}
	.featured-section .news-card:nth-child(1) .news-card-title{
		font-size:32px;
		line-height:42px;
	}

	.news-card .inner{
		padding-top:0;
	}

	.work-label-col {
		flex: 0 0 200px;
	}
	.work-label-box{
		height:200px;
	}
	.team-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.single-member #banner .text a {
    font-size: 13px;
        display: block;
}


	.member section.text .top {
		margin-bottom: 40px;
	}
}


@media only screen and (max-width: 768px)
{
	:root {

	--padding-w: 40px;
	--padding-w-2: 20px;
		--gutter:20px;
	}
	.single-member
	.numbers{
		    line-height: 20px;
	}
	    .single-member #banner .text a {
        display: block;
    }
	    .single-member #banner .photo {
        width: 100%;
    aspect-ratio: 1;
    }
	.single-member #banner{
		display: block;
		overflow: unset;
		aspect-ratio: unset;
        padding: 0;
		height:unset;
	}

	.single-member #masthead:not(.scrolled) #menu-btn .bar{
		background-color: var(--white);
	}
	.single-member .bottom .content{
		display: block;
	}
	.single-member .bottom .content .btn.back{
		margin-top: 30px;
	}
	.single-member #content{
		padding-top:0;
	}
	.single-member #banner section.text{
		background:var(--white);
    padding-left: var(--padding-w);
    padding-right: var(--padding-w);
        padding-bottom: 40px;
        padding-top: 40px;
	}
	.single-member #banner section.text hr {
    margin: 20px 0px;
}

	.member section.text .bottom .content{
		margin-top:40px;
		padding-left:0px;
	}
	.member section.text .bottom {
		display: block;
	}
	.accordion-header, .accordion-content-inner, .work-label-box{

		padding-left: var(--padding-w);
		padding-right:var(--padding-w);
	}
	section.accordion{
		padding:0;
	}
	section.accordion .wrapper{
		display: block;
		padding:0;
	}
	.work-accordion-col{
		padding-top:0;
	}
	#more_clients .random-client .text {
		padding: 10px 20px;
	}
	#menu ul li a {
		color:#fff;
	}
	#masthead {

        padding: 20px;
	}
	#masthead.scrolled {
		padding: 30px 20px;
        height: 40px;
	}

	section.logo-wall .wrapper{
		row-gap:0px;
	}

	#menu{
		width:90%;
		right:-90%;
	}

	.logo-wall__item {
		width: 80px;
		height: 80px;
	}
	#masthead #menu-btn{
		display: block;
		right:20px;
		top:20px;
	}
	.hero_banner iframe{
		min-height: 80vh;
	}
	#footer .wrapper{
		grid-template-columns: 1.5fr 1fr;
		grid-template-rows: auto auto;
	}
	#bar .info span{
		display: block;
	}
	#bar .wrapper{
		align-items: flex-end;
	}
	.hero_banner video{
		width:120vw;
	}

	.stats{
		display: grid;
		grid-template-columns:1fr 1fr;
		row-gap:40px;
		text-align:center;
	}

	.split-inner{
		gap:40px;
	}

	.news-grid{
		grid-template-columns: 1fr 1fr ;
	}



	.clients-grid-layout{
		grid-template-columns: 1fr 1fr ;
	}
	.featured-section .news-grid{
		grid-template-columns: 1fr;
	}
	.member-info {
		padding: 10px 20px 40px 10px;
	}
	.member-name{
		font-size:16px;
		line-height:20px;
	}
	.member-role{
		font-size:12px;
		line-height:15px;
	}
}


@media only screen and (max-width: 600px)
{
	:root {

	--padding-w: 20px;
	}

	.mobile-only{
		display: block;
	}

	.desktop-only{
		display: none;
	}

	hr{
		width:50%;
	}
	.hero_banner .text {
		padding-right: 40px;
	}

	.hero_banner h1{
		margin-bottom:40px;
		max-width: unset;
		letter-spacing: -3px;
	}
	.hero_banner h1 br{
		display: none;
	}


	section.text .top h3,  section.text .bottom hr{
		margin-bottom:40px;
	}
	section.text .carousel{
		margin-bottom:20px;
	}

	section.text .slider-controls{
		margin-bottom:20px;
	}

	section.text .bottom{
		display: block;
	}
	section.text .bottom .content{
		width:100%;
	}

	hr.hide{
		display: none;
	}
	.btn{
		font-size:15px;
		background-size: 7px 18px;
	}
	section.logo-wall .wrapper{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap:20px;
	}

	#footer .wrapper{
		grid-template-columns:1fr;
		row-gap: 40px;
	}
	.footer-bottom, .footer-meta{
		line-height: 15px;
	}




	section.slider .carousel .slide{

		height:200px;
	}

	#bar .infos{
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap:20px;
	}
	.hero_banner video{
		width:210vw;
	}
	.carousel .swiper-wrapper .card {
		width: 90%;
	}

	.stats .stat-number, .stats .stat-number-static{

		margin-bottom: 5px;
		letter-spacing: -.5px;
	}

	.split-inner{
		display: block;
	}

	.split-text{
		margin-bottom:40px;
		max-width: 95%;
	}

	.cta-overlay{
		width:100%;
		padding:30px;
	}

	.chevron{
		width:14px;
		height:14px;

		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
	}

	.news-grid{
		grid-template-columns: 1fr;
		row-gap:40px;
		margin-bottom: 20px;
	}
	.stats {

		text-align: left;
		column-gap: 40px;
	}
	section.media_slider .card.tall {
		width: 40.5%;
	}
	#more_clients .list{
		padding:0;
		grid-template-columns: 1fr ;
	}
	#more_clients .header .btn{
		display: none;
	}


	section.text .top h3, section.text .top h5 {
		width:90%;
		margin-bottom: 40px;
	}
	.clients-grid-layout{
		grid-template-columns: 1fr  ;
		row-gap:20px;
	}
	.news-card .inner {
		padding: 0 10px;
	}
	.news-card-title::after{
		display: none;
	}
	.slider-controls .prev-btn, .slider-controls .next-btn{
		width:26px;
		height:26px;
	}
	.main-title {
		margin-bottom: 20px;
	}
	.news-card-title{
		padding-right:0;
	}
	.single-client #bar {
		padding: 30px 0px;
	}

	section.statistics {
		padding: 80px 0px;
	}
	.single h3{
		font-size: 24px;
		line-height: 33px;
		letter-spacing: -1px;
	}
	.hero-entry-meta {
		flex-wrap: wrap-reverse;
		gap:20px;
	}
	.back-link-wrapper{
		flex:0 1 100%;
	}
	.inner_banner .text{
		max-width:95%;
	}
	.hero-post-banner{
		padding-top:70px;
		padding-bottom:40px;
	}
	.featured-section .news-card:nth-child(1) .news-card-title, .featured-section .news-card:nth-child(1) .news-card-description {
		padding-right: 0px;
	}
	.featured-section .news-card:nth-child(1) .news-card-title {
		font-size: 28px;
		line-height: 32px;
		letter-spacing: -1px;
	}
	section.list .item .inner{

		display: grid;
		gap:20px;
		grid-template-columns: 1fr ;
	}
	section.list .title{
		font-size:20px;
		line-height:30px;
	}

	.text-card{
		padding:20px;
	}
	.grid-card {
		min-height: 200px;
	}

	section.grid-section .wrapper{
		padding:0;
	}

	section.grid-section h6.head, section.grid-section h4{
		padding-left:var(--padding-w);
		padding-right:var(--padding-w);
	}

	.columns.big_gap{
		grid-template-columns: 1fr;
	}
	.team-grid {
		grid-template-columns: 1fr 1fr;
	}
	.team-intro-block {
		grid-column: span 2;
	}

	.team-intro-block{

		padding: 60px var(--padding-w);
	}
	.btn.back {
		font-size: 15px;
		background-size: 7px 18px;
	}
	.member section.text a.btn {
		margin-top: 40px;
	}
	.footer-meta .rights{
		display: none;
	}
}