:root {
	--teal-primary: #012B31;
	--teal-dark: #001D21;
	--teal-light: #003941;
	--teal-color: #00869A;
	--green-primary: #CDEED3;
	--purple-primary: #BCBCFF;
	--purple-light: #D3D0FF;
	--peach-primary: #FEDFC0;
	--biege-primary: #E9E3D5;
	--light-gray: #F9F9F7;
  --red-primary: #EA9593;
}

@media (min-width: 1300px) {
.container { max-width: 1284px;}

}

@media (min-width: 1200px) and (max-width: 1299px) {
.mesh { transform: scale(0.8) !important;}
	
.sec-label { padding: 5px 30px;}
.sec-label span { font-size: 14px;}
.sec-info h2 { font-size: 40px;}
.sec-info h3 { font-size: 36px;}
.sec-info p { font-size: 16px;}

.hero .caption h1 { font-size: 58px;}
.hero .caption p { font-size: 20px;}

.hero-home::after { width: 65%; height: 120%; top: 0; background-size: cover;}
.hero .hero-content { padding: 40px 0 60px;}
.hero-home .caption h1 { font-size: 100px;}
.hero-home .caption p { margin: 50px 0; font-size: 20px;}

.slide-card { min-height: 360px;}
.slide-card .num { font-size: 100px;}
.slide-card h3 { font-size: 28px;}
.slide-card h4 { font-size: 20px;}
.slide-card .bottom { margin: 40px 0 0 0;}
.slide-card .bottom span { width: 60px;}
.slide-card .bottom .icon { width: 100px;}

.slide__icons .sec-content ul li { height: 220px; padding: 30px 10px;}
.slide__icons .sec-content ul li span { width: 80px;}
.slide__icons .sec-content ul li h4 { font-size: 20px;}
.slide__icons .sec-content ul li h5 { font-size: 16px;}

.slide__why .sec-info h2 { font-size: 40px;}
.slide__why::after { width: 70%; height: 100%; top: 0%; background-size: cover;}
.slide__why::after { width: 70%; height: 100%; top: 0%; background-size: cover;}
.slide__why .sec-content  { width: 50%;}
.slide__why .sec-content img:first-child { left: 25%; top: -10%; width: 90px;}
.slide__why .sec-content img:nth-child(2) { right: 10%; top: 10%; width: 60px;}
.slide__why .sec-content img:nth-child(3) { left: 60%; top: 50%; width: 80px;}
.slide__why .sec-content img:last-child { left: 20%; bottom: -20%; width: 130px;}

.benefits { padding: 80px 0;}
.benefits .sec-info { margin: 0 0 60px 0;}
.benefits .sec-info h2 { font-size: 40px;}
.benefits .box { height: 270px;}
.benefits .box h4 { font-size: 22px; margin: 0 0 15px 0;}
.benefits .box p br { display: none;}
.benefits .box img { height: 60px;}

.proof { padding: 100px 10% 100px 4%;}
.proof .sec-content { margin: 120px 0 0 0;}
.proof .box.large .num { font-size: 150px;}
.proof .box.large .num small { font-size: 100px;}
.proof .box .num { font-size: 100px;}
.proof .box .num small { font-size: 60px;}
.proof .box p br { display: none;}

.partners  { padding: 80px 0;}

.footer-logo { width: 200px;}

/*******************************/
/* SOLUTIONS */
/*******************************/
.hero-solution::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution .circle { top: 220px; right: -180px; transform: scale(0.7);}
.hero-solution .circle.red { top: 220px; right: -180px;}
.hero-solution .circle.blue { top: 200px; right: -170px;}
.hero-solution .circle.green { top: 110px; right: -180px;}
.hero-solution .circle.yellow { top: 50px; right: -260px;}
.hero-solution .circle.purple { top: 10px; right: -220px;}

.hero-solution-leader::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution-leader::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution-leader .circles { top: 40px; right: -250px; transform: scale(0.7);}

.challenges .sec-info { margin: 0 0 80px 0;}
.challenges .image { width: 50%; padding: 0 0 0 20px;}
.challenges .image span { width: 80px; height: 80px; left: -20px; bottom: 100px;}
.challenges .text { width: 48%;}
.challenges .text ul li { padding: 20px 0;}
.challenges .text ul li h4 { margin: 0 0 20px 0;}

.fix-these { padding: 80px 0;}
.fix-these .sec-info { margin: 0 0 50px 0;}
.fix-these .box h3 { font-size: 22px;}

.certified { padding: 80px 0;}
.certified .logos img { margin: 0 10px; transform: scale(0.8);}

.you-get { padding: 60px 0;}
.you-get .sec-content { width: 65%;}
.you-get .sec-info p br { display: none;}

.howitworks { padding: 70px 0;}
.howitworks .sec-info h2 { font-size: 40px;}

.testimonials .text { width: 45%; margin: 0 auto; padding: 80px 0;}
.testimonials .text::before { width: 50px; height: 42px;}
.testimonials .text p { font-size: 40px; margin: 30px 0 30px 0;}
.testimonials .text span { font-size: 18px;}
.testimonials .nav { bottom: 0; right: 40px;}
.testimonials .nav button { font-size: 25px;}

.solutions-faqs { padding: 80px 0;}
.solutions-faqs .sec-info h2 { font-size: 40px;}
.solutions-faqs .sec-content { margin: 40px 0 0 0;}

.launch { padding: 80px 0;}

/*******************************/
/* WYC CPC+ */
/*******************************/
.hero-why-cpc .hero-content { padding: 200px 0;}
.hero-why-cpc::after { transform: scale(0.8); top: -15%; right: -27%;}
.cpc-stats .left h2 { font-size: 40px;}
.cpc-stats .stat .num { font-size: 120px; margin: 0;}
.cpc-stats .stat p { font-size: 18px;}
.slides .cpc-comparison .sec-inner { padding: 5% 0;}
.do-more { padding: 100px 0;}
.do-more .sec-info { margin: 0 0 60px 0;}
.do-more .sec-content .box { height: 330px; padding: 30px 30px;}
.do-more .sec-content .box p { font-size: 20px; width: 80%;}
.do-more .sec-content .box p br { display: none;}
.do-more .sec-content .box span { width: 100%; left: auto; right: 0;}
.do-more .sec-content .box.five span { width: 70%;}
.do-more .sec-content .box.six span { width: 60%;}
.we-serve .sec-info { margin: 0 0 60px 0;}
.brand-safety { padding: 80px 0 0 0;}
.brand-safety .sec-info { margin: 0 0 60px 0;}

/*******************************/
/* HOW IT WORKS */
/*******************************/
.hero-howitworks .hero-content { padding: 0;}
.hero-howitworks .sec-info { padding: 120px 0 70px 0;}
.hero-howitworks .caption h1 { font-size: 48px;}
.hero-howitworks .caption p br { display: none;}
.hero-howitworks .lines ul li { height: 47px;}
.steps-process .sec-info { margin: 0 0 40px 0;}
.steps-process .sec-info h2 { font-size: 40px;}
.pricing .box p br { display: none;}
.media-creation { padding: 80px 0;}
.media-creation .sec-info { margin: 0 0 60px 0;}
.media-creation .sec-info h2 { font-size: 40px;}
.media-creation .media-box { margin: 0 0 60px 0;}
.media-creation .media-box .image { width: 50%;}
.media-creation .media-box .text { width: 45%;}
.media-creation .media-box .text h4 { font-size: 28px;}
.snapshot { padding: 80px 0;}
.snapshot .sec-info h2 { font-size: 36px;}

/*******************************/
/* AD FORMATS */
/*******************************/
.ad-formats .sec-content ul li h4 { font-size: 17px;}
.slides-ad-formats .slide.four { top: 120px;}

/*******************************/
/* SUCCESS STORIES */
/*******************************/
.hero-success-stories::after { transform: scale(0.8) translate(13%,-10%);}
.case-studies .custom-tabs { margin: 50px 0 0 0;}
.case-studies .tab-content { padding: 80px 0 0 0;}

/*******************************/
/* ABOUT */
/*******************************/
.hero-about .hero-content { padding: 20px 0 50px;}
.hero-about .caption h1 { font-size: 50px;}
.hero-about .caption p { padding: 0 20%; margin: 30px 0 50px;}
.hero-about .caption p br { display: none;}
.hero-about .images img { flex-grow: 1; height: 380px;}
.hero-about .sec-info { margin: 60px 0 0 0; padding: 0 0 0 40px;}
.hero-about .sec-info p { font-size: 36px;}
.meet-team { padding: 100px 0;}
.person-box .text h4 { font-size: 22px;}
.person-box .text h5 { font-size: 15px;}

/*******************************/
/* SUSTAINABILITY */
/*******************************/
.commitment { padding: 80px 0;}
.commitment .text h3 { font-size: 36px;}
.commitment .text p { font-size: 22px;}
.off-carousel .sec-inner { padding: 0 0 0 5%;}
.off-carousel .sec-info { width: 30%;}
.off-carousel .sec-content { width: 70%;}

/*******************************/
/* BLOG + DETAIL */
/*******************************/
.post-meta { width: 60%;}
.post-meta .title { font-size: 54px;}
.top-posts { margin: 0 0 60px 0;}
.top-posts .post-block:first-child img { height: 360px;}
.posts-head .heading h2 { font-size: 44px;}
.post-block .image img { height: 280px;}
.post-top .left { padding: 70px 3%;}
.post-detail { margin: 0 0 80px 0;}
.similar-posts .heading h3 { font-size: 34px;}

/*******************************/
/* RESOURCES */
/*******************************/
.hero-resources .mesh.one { width: 455px; height: 441px; top: 10%;}
.hero-resources .mesh.two { width: 471px; height: 388px;}
.hero-resources .mesh.three { width: 644px; height: 490px;}
section.resources { padding: 80px 0;}

/*******************************/
/* FAQS */
/*******************************/
.hero-faqs .mesh.one { width: 485px; height: 511px;}
.hero-faqs .mesh.two { width: 531px; height: 518px;}
.hero-faqs .mesh.three { width: 784px; height: 650px;}

/*******************************/
/* BOOK DEMO */
/*******************************/
.book-demo {  padding: 40px 0 250px 0;}
.book-demo .book-info h1 { font-size: 46px;}
.book-demo .quotes { margin: 70px 0 0 0;}
.book-demo .trusted .logos img { transform: scale(0.7); margin: 0 20px 0 -20px;}
.book-demo .trusted .logos img:last-child { margin: 0 0 0 -20px;}
.book-demo .book-form { padding: 30px 40px;}


/*******************************/
/* NOT FOUND + THANK YOU */
/*******************************/
.hero-not-found .caption h1 { font-size: 94px; margin: 0 0 20px 0;}
.hero-thank-you .caption h1 { font-size: 94px; margin: 0 0 20px 0;}

}

@media (min-width: 992px) and (max-width: 1199px) {
.mesh { transform: scale(0.6) !important;}
.sec-label { padding: 5px 30px;}
.sec-label span { font-size: 14px;}
.sec-info h2 { font-size: 40px;}
.sec-info h3 { font-size: 32px;}
.sec-info p { font-size: 16px;}

.navbar-nav .menu-item { margin: 0 8px;}
.navbar-nav .menu-item a { font-size: 14px;}

.navbar-nav .menu-item.about .dropdown-menu { left: -220px;}
.navbar-nav .menu-item.resources .dropdown-menu { left: -280px;}

.hero .caption h1 { font-size: 42px;}
.hero .caption p { font-size: 20px;}

.hero-home::after { width: 65%; height: 120%; top: 0; background-size: cover;}
.hero-home .mesh.one { right: -30%;}
.hero .hero-content { padding: 50px 0 80px;}
.hero-home .caption h1 { font-size: 80px;}
.hero-home .caption p { margin: 160px 0 60px 0; font-size: 20px;}

.trusted p { width: 20%;}
.trusted .logos { margin: 0 0 0 50px;}
.trusted .logos img { margin: 0 30px 0 0; max-height: 30px;}

.slides .slide .sec-inner { padding: 15% 0;}


.slide-card { min-height: 360px;}
.slide-card .num { font-size: 100px;}
.slide-card h3 { font-size: 24px;}
.slide-card h4 { font-size: 20px;}
.slide-card .bottom { margin: 40px 0 0 0;}
.slide-card .bottom span { width: 60px;}
.slide-card .bottom .icon { width: 100px;}

.slide__icons .sec-content ul li { height: 220px; padding: 30px 10px;}
.slide__icons .sec-content ul li h4 { font-size: 20px;}
.slide__icons .sec-content ul li h5 { font-size: 16px; margin: 0;}
.slide__icons .sec-content ul li:hover span { margin: 0 0 10px 0;}

.slide__why::after { width: 70%; height: 100%; top: 0%; background-size: cover;}
.slide__why .sec-info h2 { font-size: 40px;}
.slide__why .sec-content  { width: 50%;}
.slide__why .sec-content img:first-child { left: 25%; top: -10%; width: 90px;}
.slide__why .sec-content img:nth-child(2) { right: 10%; top: 10%; width: 60px;}
.slide__why .sec-content img:nth-child(3) { left: 60%; top: 50%; width: 80px;}
.slide__why .sec-content img:last-child { left: 20%; bottom: 0; width: 130px;}

.benefits { padding: 80px 0;}
.benefits .sec-info { margin: 0 0 40px 0;}
.benefits .sec-info h2 { font-size: 40px;}
.benefits .sec-content { padding: 0;}
.benefits .box { height: 270px;}
.benefits .box h4 { font-size: 22px; margin: 0 0 15px 0;}
.benefits .box p br { display: none;}
.benefits .box img { height: 60px;}

.proof { padding: 100px 10% 100px 4%;}
.proof .sec-content { margin: 120px 0 0 0;}
.proof .box.large .num { font-size: 120px;}
.proof .box.large .num small { font-size: 80px;}
.proof .box .num { font-size: 80px;}
.proof .box .num small { font-size: 50px;}
.proof .box h3 { font-size: 16px;}
.proof .box h4 { font-size: 18px;}
.proof .box p { font-size: 14px;}
.proof .box p br { display: none;}
.proof .lines span { width: 18px;}

.howitworks { padding: 80px 0;}
.howitworks .box { padding: 30px 20px;}
.howitworks .box h5 { font-size: 21px; margin: 0 20px 10px 0;}

.launch { padding: 60px 0;}
.launch .sec-info h3 { font-size: 32px;}

.partners  { padding: 80px 0;}

.footer-logo { width: 200px;}

/*******************************/
/* SOLUTIONS */
/*******************************/
.hero-solution::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution .circle { top: 220px; right: -180px; transform: scale(0.7);}
.hero-solution .circle.red { top: 220px; right: -180px;}
.hero-solution .circle.blue { top: 200px; right: -170px;}
.hero-solution .circle.green { top: 110px; right: -180px;}
.hero-solution .circle.yellow { top: 50px; right: -260px;}
.hero-solution .circle.purple { top: 10px; right: -220px;}

.hero-solution-leader::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution-leader::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution-leader .circles { top: 40px; right: -250px; transform: scale(0.7);}

.challenges { padding: 60px 0;}
.challenges .sec-info { margin: 0 0 60px 0;}
.challenges .image { width: 50%; padding: 0;}
.challenges .image span { width: 70px; height: 70px; left: -35px; bottom: 40px;}
.challenges .text { width: 48%;}
.challenges .text ul li { padding: 20px 0;}
.challenges .text ul li h4 { font-size: 20px; margin: 0 0 15px 0;}

.fix-these { padding: 60px 0;}
.fix-these .sec-info { margin: 0 0 50px 0;}
.fix-these .box h3 { font-size: 20px; margin: 0 0 15px 0;}
.fix-these .box p br { display: none;}
.fix-these .box img { height: 60px;}

.certified { padding: 80px 0;}
.certified .logos img { margin: 0 10px; transform: scale(0.8);}

.you-get { padding: 60px 0;}
.you-get .sec-info h3 { font-size: 30px;}
.you-get .sec-content { width: 65%;}
.you-get .box { height: auto;}
.you-get .box p br { display: none;}

.howitworks { padding: 60px 0;}

.testimonials .text { width: 45%; margin: 0 auto; padding: 60px 0;}
.testimonials .text::before { width: 40px; height: 32px;}
.testimonials .text p { font-size: 32px; margin: 30px 0 30px 0;}
.testimonials .text span { font-size: 16px;}
.testimonials .nav { bottom: 0; right: 40px;}
.testimonials .nav button { font-size: 20px;}

.solutions-faqs { padding: 60px 0;}
.solutions-faqs .sec-info h2 { font-size: 32px;}
.solutions-faqs .sec-content { margin: 40px 0 0 0;}

/*******************************/
/* WYC CPC+ */
/*******************************/
.hero-why-cpc::after { transform: scale(0.7); top: -15%; right: -40%;}
.hero-why-cpc .caption { padding: 0 0 60px 0;}
.cpc-stats .left { width: 50%;}
.cpc-stats .left h2 { width: 70%; font-size: 40px; margin: 60px auto;}
.cpc-stats .left h2 br { display: none;}
.cpc-stats .stat .num { font-size: 100px; margin: 0;}
.cpc-stats .stat p { font-size: 16px;}
.cpc-stats .right { width: 50%;}
.slides .cpc-comparison .sec-inner { padding: 5% 0;}
.do-more { padding: 100px 0;}
.do-more .sec-info { margin: 0 0 60px 0;}
.do-more .sec-content { padding: 0 0 0 60px;}
.do-more .sec-content .box { height: 330px; padding: 30px 30px;}
.do-more .sec-content .box p { font-size: 20px; width: 80%;}
.do-more .sec-content .box p br { display: none;}
.do-more .sec-content .box span { width: 100%; left: auto; right: 0;}
.do-more .sec-content .box.five span { width: 70%;}
.do-more .sec-content .box.six span { width: 60%;}
.we-serve { padding: 80px 0;}
.we-serve .sec-info { margin: 0 0 60px 0;}
.we-serve .box h4 { font-size: 24px;}
.we-serve .box p { font-size: 14px;}
.we-serve .box p br { display: none;}
.brand-safety { padding: 80px 0 30px;}
.brand-safety .sec-info { margin: 0 0 60px 0;}
.brand-safety .sec-info h2 { font-size: 40px;}
.brand-safety .sec-content ul { column-gap: 40px;}
.brand-safety .sec-content ul li { width: 20%; margin: 0 0 50px 0;}
.brand-safety .sec-content ul li p br { display: none;}
.optimisation .sec-content ul li { width: 30%; padding: 0 40px;}

/*******************************/
/* HOW IT WORKS */
/*******************************/
.hero-howitworks .hero-content { padding: 0;}
.hero-howitworks .sec-info { padding: 100px 0 80px 0;}
.hero-howitworks .caption h1 { font-size: 42px;}
.hero-howitworks .caption p br { display: none;}
.hero-howitworks .lines ul li { height: 50px;}
.steps-process .sec-info { margin: 0 0 40px 0;}
.steps-process .sec-info h2 { font-size: 40px;}
.pricing { padding: 60px 0 150px 0;}
.pricing .sec-content { padding: 0;}
.pricing .box p br { display: none;}
.media-creation { padding: 60px 0;}
.media-creation .sec-info { margin: 0 0 40px 0;}
.media-creation .sec-info h2 { font-size: 40px;}
.media-creation .media-box { margin: 0 0 40px 0;}
.media-creation .media-box .image { width: 50%;}
.media-creation .media-box .text { width: 45%;}
.media-creation .media-box .text h4 { font-size: 28px;}
.snapshot { padding: 60px 0;}
.snapshot .sec-info h2 { font-size: 32px;}
.snapshot .sec-info p br { display: none;}
.snapshot .sec-content { width: 50%;}

/*******************************/
/* AD FORMATS */
/*******************************/
.slides-ad-formats { padding: 10% 0;}
.slides-ad-formats .sec-info h2 { font-size: 32px;}
.slides-ad-formats .sec-info p br { display: none;}
.ad-formats .sec-content ul li h4 { font-size: 17px;}
.slides-ad-formats .slide.four { top: 180px;}
.ads-run .sec-content { padding: 0;}
.ads-tab .text { padding: 30px 0 0;}
.ads-tab .text h4 { font-size: 22px;}
.ads-tab .text ul li { font-size: 14px;}

/*******************************/
/* SUCCESS STORIES */
/*******************************/
.hero-success-stories::after { transform: scale(0.7) translate(24%, -20%);}
.hero-success-stories .hero-content { padding: 0 0 50px 0;}
.case-studies .custom-tabs { margin: 50px 0 0 0;}
.case-studies .tab-content { padding: 80px 0 0 0;}
.case-tab .text { padding: 0;}

/*******************************/
/* ABOUT */
/*******************************/
.hero-about .mesh.one { transform: scale(0.5) rotate(10deg) translate(100%, 60%);}
.hero-about .hero-content { padding: 20px 0 50px;}
.hero-about .caption h1 { font-size: 50px;}
.hero-about .caption p { padding: 0 20%; margin: 30px 0 50px;}
.hero-about .caption p br { display: none;}
.hero-about .images img { flex-grow: 1; height: 330px;}
.hero-about .sec-info { margin: 60px 0 0 0; padding: 0 0 0 40px;}
.hero-about .sec-info p { font-size: 32px;}
.meet-team { padding: 100px 0;}
.person-box .text h4 { font-size: 20px;}
.person-box .text h5 { font-size: 14px;}

/*******************************/
/* SUSTAINABILITY */
/*******************************/
.hero-sustain { height: 96vh;}
.hero-sustain .caption h1 { font-size: 48px; line-height: 1.2;}
.hero-sustain .caption p { margin: 40px 0;}
.commitment { padding: 80px 0;}
.commitment .text h3 { font-size: 32px;}
.commitment .shape img { height: 120px;}
.commitment .text p { font-size: 20px;}
.alignment .sec-info h2 { font-size: 40px;}
.alignment .sec-info h2 br { display: none;}
.alignment .sec-content { padding: 0;}
.info-box .image { width: 50%;}
.info-box .text { width: 50%; padding: 0 0 0 40px;}
.off-carousel { padding: 80px 0;}
.off-carousel .sec-inner { padding: 0 0 0 5%;}
.off-carousel .sec-info { width: 30%;}
.off-carousel .sec-info p br { display: none;}
.off-carousel .sec-content { width: 70%;}
.snapshot.green .sec-inner { padding: 0 2%;}
.snapshot.green .sec-info ul { margin: 0 0 20px 0;}

/*******************************/
/* BLOG + DETAIL */
/*******************************/
.post-meta { width: 60%;}
.post-meta .title { font-size: 40px;}
.top-posts { margin: 0 0 60px 0;}
.top-posts .post-block:first-child { width: 48%;}
.top-posts .post-block:first-child img { height: 360px;}
.top-posts .post-block .text .title { font-size: 21px;}
.posts-head { margin: 0 0 40px 0;}
.posts-head .heading h2 { font-size: 36px;}
.post-block .image img { height: 280px;}
.post-block .text .title { font-size: 18px;}
.post-top .left { padding: 70px 3%;}
.post-detail { margin: 0 0 80px 0;}
.similar-posts .heading h3 { font-size: 32px;}

/*******************************/
/* RESOURCES */
/*******************************/
.hero-resources .mesh.one { width: 555px; height: 541px;}
.hero-resources .mesh.two { width: 571px; height: 488px;}
.hero-resources .mesh.three { width: 744px; height: 590px;}
section.resources { padding: 80px 0;}
.resources .box { padding: 40px 40px;}
.resources .box p { margin: 0 0 10px 0;}

/*******************************/
/* FAQS */
/*******************************/
.hero-faqs .mesh.one { width: 485px; height: 511px;}
.hero-faqs .mesh.two { width: 531px; height: 518px;}
.hero-faqs .mesh.three { width: 784px; height: 650px;}
.faqs .sec-info { margin: 0 0 40px 0;}
.faqs .sec-content { padding: 0 5%;}

/*******************************/
/* BOOK DEMO */
/*******************************/
.book-demo {  padding: 40px 0 250px 0;}
.book-demo .book-info h1 { font-size: 42px;}
.book-demo .quotes { margin: 70px 0 0 0;}
.book-demo .trusted .logos img { transform: scale(0.7); margin: 0 20px 0 -20px;}
.book-demo .trusted .logos img:last-child { margin: 0 0 0 -20px;}
.book-demo .book-form { padding: 30px 40px;}

/*******************************/
/* NOT FOUND + THANK YOU */
/*******************************/
.hero-not-found .caption { padding: 60px 0;}
.hero-not-found .caption h1 { font-size: 94px; margin: 0 0 20px 0;}
.hero-thank-you .caption { padding: 60px 0;}
.hero-thank-you .caption h1 { font-size: 94px; margin: 0 0 20px 0;}

}

@media (min-width: 768px) and (max-width: 991px) {
.mesh { transform: scale(0.6) !important;}
.sec-label { padding: 5px 30px;}
.sec-label span { font-size: 14px;}
.sec-info h2 { font-size: 36px;}
.sec-info h3 { font-size: 32px;}
.sec-info p { font-size: 16px;}
.sec-info p br { display: none;}

.navbar-brand { order: 1;}
.header-right { margin: 0 20px 0 auto; order: 2;}
.navbar-toggler { order: 3;}
.navbar-collapse { margin: 20px 0 0 0; order: 4;}
.navbar-toggler { width: 30px; display: flex; flex-direction: column; padding: 0;}
.navbar-toggler span { display: inline-block; height: 2px; background: white; margin: 0 0 4px 0;}
.navbar-toggler span:last-child { margin: 0;}
.navbar-toggler:focus { box-shadow: none;}
.navbar-nav { display: flex; flex-direction: row; justify-content: space-between;}
.navbar-nav .menu-item { margin: 0; text-align: right;}
.navbar-nav .menu-item a { font-size: 14px;}

.navbar-nav .menu-item.about .dropdown-menu { left: -470px;}
.navbar-nav .menu-item.resources .dropdown-menu { left: -470px;}

.hero .caption h1 { font-size: 44px;}
.hero .caption p { font-size: 18px; margin: 30px 0 40px;}

.hero-home::after { width: 65%; height: 120%; top: 0; background-size: cover;}
.hero .hero-content { padding: 30px 0 60px;}
.hero-home .caption h1 { font-size: 60px;}
.hero-home .caption p { margin: 150px 0 40px 0; font-size: 20px;}
.hero-home .caption .changingItems { margin: 20px 0 0 0;}

.trusted p { width: 25%;}
.trusted .logos { margin: 0 0 0 20px;}
.trusted .logos img { margin: 0 -10px 0 0; transform: scale(0.7);}

.slides .slide .sec-info h2 { font-size: 32px;}
.slides .slide .sec-inner { padding: 15% 0;}

.slide-card { min-height: 320px; padding: 30px 20px 30px 30px;}
.slide-card .num { font-size: 80px; margin: 0;}
.slide-card h3 { font-size: 22px;}
.slide-card h4 { font-size: 18px; margin: 0;}
.slide-card p br { display: none;}
.slide-card .bottom { margin: 60px 0 0 0;}
.slide-card .bottom span { width: 80px;}
.slide-card .bottom .icon { width: 80px;}

.slide__icons .sec-content ul { flex-wrap: wrap;}
.slide__icons .sec-content ul li { width: 30%; height: 220px; padding: 30px 10px;}
.slide__icons .sec-content ul li h4 { font-size: 20px;}
.slide__icons .sec-content ul li h5 { font-size: 14px;}

.slide__why::after { width: 70%; height: 100%; top: 0%; background-size: cover;}
.slide__why .sec-info h2 { font-size: 30px;}
.slide__why .sec-content  { width: 50%;}
.slide__why .sec-content img:first-child { left: 25%; top: -10%; width: 90px;}
.slide__why .sec-content img:nth-child(2) { right: 10%; top: 10%; width: 60px;}
.slide__why .sec-content img:nth-child(3) { left: 60%; top: 50%; width: 80px;}
.slide__why .sec-content img:last-child { left: 20%; bottom: -20%; width: 130px;}

.benefits { padding: 80px 0;}
.benefits .sec-info { margin: 0 0 40px 0;}
.benefits .sec-info h2 { font-size: 32px;}
.benefits .sec-content { padding: 0; grid-template-columns: repeat(2, 1fr)}
.benefits .box { height: 255px;}
.benefits .box h4 { font-size: 22px; margin: 0 0 15px 0;}
.benefits .box p br { display: none;}
.benefits .box img { height: 60px;}

.proof { padding: 100px 10% 100px 4%;}
.proof .lines span { width: 16px;}
.proof .box.large .num { font-size: 120px;}
.proof .box.large .num small { font-size: 80px;}
.proof .box .num { font-size: 80px;}
.proof .box .num small { font-size: 50px;}
.proof .box h3 { font-size: 20px;}
.proof .box h4 { font-size: 18px;}
.proof .box p { font-size: 14px;}
.proof .box p br { display: none;}

.howitworks { padding: 80px 0;}
.howitworks .numbers { width: 100%;}
.howitworks .boxes { flex-wrap: wrap;}
.howitworks .box { width: 31.5%; padding: 30px 20px;}
.howitworks .box h5 { font-size: 18px;}
.howitworks .box:last-child { width: 100%; margin: 20px 0 0 0;}

.partners .logos { margin: 60px 0 0 0;}
.partners .logos img { margin: 0 20px;}

.launch { padding: 60px 0;}
.launch .sec-info h3 { font-size: 30px;}

.partners  { padding: 60px 0;}

.footer-logo { width: 200px;}

/*******************************/
/* SOLUTIONS */
/*******************************/
.hero-solution::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution .circles { transform: scale(0.9) translateX(120px) translateY(50px);}
.hero-solution .circle { top: 220px; right: -180px; transform: scale(0.7);}
.hero-solution .circle.red { top: 220px; right: -180px;}
.hero-solution .circle.blue { top: 200px; right: -170px;}
.hero-solution .circle.green { top: 110px; right: -180px;}
.hero-solution .circle.yellow { top: 50px; right: -260px;}
.hero-solution .circle.purple { top: 10px; right: -220px;}

.hero-solution-leader::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution-leader .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution-leader::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%;}
.hero-solution-leader .circles { top: -20%; right: -60%; transform: scale(0.6);}

.challenges { padding: 60px 0;}
.challenges .sec-info { margin: 0 0 60px 0;}
.challenges .image { width: 50%; padding: 0;}
.challenges .image span { width: 70px; height: 70px; left: -35px; bottom: 40px;}
.challenges .text { width: 48%;}
.challenges .text ul li { padding: 20px 0;}
.challenges .text ul li h4 { font-size: 18px; margin: 0; padding: 0 50px 0 0;}
.challenges .text ul li p { display: none;}

.fix-these { padding: 60px 0;}
.fix-these .sec-info { margin: 0 0 50px 0;}
.fix-these .sec-content { padding: 0;}
.fix-these .box h3 { font-size: 20px; margin: 0 0 15px 0;}
.fix-these .box h3 br { display: none;}
.fix-these .box p br { display: none;}
.fix-these .box img { height: 60px;}

.certified { padding: 80px 0;}
.certified .sec-info { margin: 0 0 50px 0;}
.certified .logos img { margin: 0 -10px; transform: scale(0.6) !important;}

.you-get { padding: 60px 0;}
.you-get .sec-inner { flex-wrap: wrap;}
.you-get .sec-info { width: 60%; margin: 0;}
.you-get .sec-info h3 { font-size: 30px;}
.you-get .box p br { display: none;}
.you-get .sec-content { width: 100%; justify-content: flex-start; margin: 0;}

.howitworks { padding: 60px 0;}
.howitworks .sec-info h2 { font-size: 32px;}

.testimonials .text { width: 45%; margin: 0 auto; padding: 30px 0;}
.testimonials .text::before { width: 30px; height: 22px;}
.testimonials .text p { width: 100%; font-size: 24px; margin: 30px 0 30px 0;}
.testimonials .text span { font-size: 16px;}
.testimonials .nav { bottom: -20px; right: 20px;}
.testimonials .nav button { font-size: 16px; margin: 0 5px;}

.solutions-faqs { padding: 60px 0;}
.solutions-faqs .sec-info h2 { font-size: 32px;}
.solutions-faqs .sec-content { width: 60%; margin: 40px 0 0 0;}

/*******************************/
/* WYC CPC+ */
/*******************************/
.hero-why-cpc::after { transform: scale(0.5); top: -35%; right: -60%;}
.hero-why-cpc .caption { padding: 0 0 60px 0;}
.cpc-stats .left { width: 50%;}
.cpc-stats .left h2 { width: 80%; font-size: 30px; margin: 60px auto;}
.cpc-stats .left h2 br { display: none;}
.cpc-stats .right { width: 45%;}
.cpc-stats .stat { width: 80%;}
.cpc-stats .stat .num { font-size: 80px; margin: 0;}
.cpc-stats .stat p { font-size: 16px;}
.cpc-comparison .sec-inner { padding: 5% 0;}
.cpc-comparison .sec-info h3 { font-size: 28px;}
.cpc-comparison .sec-info h3 br { display: none;}
.cpc-comparison .sec-content .inner { width: 80%;}

.do-more { padding: 100px 0;}
.do-more .sec-info { margin: 0 0 60px 0;}
.do-more .sec-content { padding: 0 0 0 40px;}
.do-more .sec-content .box { height: 330px; padding: 30px 30px;}
.do-more .sec-content .box p { font-size: 20px; width: 80%;}
.do-more .sec-content .box p br { display: none;}
.do-more .sec-content .box span { width: 100%; left: auto; right: 0;}
.do-more .sec-content .box.five span { width: 70%;}
.do-more .sec-content .box.six span { width: 60%;}
.we-serve { padding: 80px 0;}
.we-serve .sec-info { margin: 0 0 60px 0;}
.we-serve .sec-info h2 { font-size: 36px;}
.we-serve .sec-info p br { display: none;}
.we-serve .box h4 { font-size: 24px;}
.we-serve .box p { font-size: 14px;}
.we-serve .box p br { display: none;}
.brand-safety { padding: 80px 0 30px;}
.brand-safety .sec-info { margin: 0 0 60px 0;}
.brand-safety .sec-info h2 { font-size: 32px;}
.brand-safety .sec-content ul { column-gap: 20px;}
.brand-safety .sec-content ul li { width: 30%; margin: 0 0 50px 0;}
.brand-safety .sec-content ul li p { font-size: 14px;}
.brand-safety .sec-content ul li p br { display: none;}


/*******************************/
/* HOW IT WORKS */
/*******************************/
.hero-howitworks .hero-content { padding: 0;}
.hero-howitworks .sec-info { padding: 60px 0 40px 0;}
.hero-howitworks .caption h1 { font-size: 36px;}
.hero-howitworks .caption p { font-size: 16px;}
.hero-howitworks .caption p br { display: none;}
.hero-howitworks .cta { flex-wrap: wrap;}
.hero-howitworks .cta .btn { width: 60%; margin: 0 0 10px 0;}
.hero-howitworks .lines ul li { height: 40px;}
.steps-process .sec-info { margin: 0 0 40px 0;}
.steps-process .sec-info h2 { font-size: 32px;}
.step-box .text { width: 45%;}
.step-box .text .desc h4 { font-size: 22px;}
.step-box .text .desc p { font-size: 14px;}
.step-box .text .desc ul { margin: 10px 0 20px 0;}
.step-box .text .desc ul li { font-size: 14px;}
.pricing { padding: 60px 0 150px 0;}
.pricing .sec-info { margin: 0 0 40px 0;}
.pricing .sec-content { padding: 0;}
.pricing .box p br { display: none;}
.pricing .box:last-child { padding: 10px 0 10px 5%;}
.media-creation { padding: 60px 0;}
.media-creation .sec-info { margin: 0 0 60px 0;}
.media-creation .sec-info h2 { font-size: 36px;}
.media-creation .media-box { margin: 0 0 60px 0;}
.media-creation .media-box .image { width: 50%;}
.media-creation .media-box .text { width: 45%;}
.media-creation .media-box .text h4 { font-size: 24px;}
.media-creation .media-box .text ul li { font-size: 14px;}
.snapshot { padding: 60px 0;}
.snapshot .sec-info h2 { font-size: 32px;}
.snapshot .sec-info h2 br { display: none;}
.snapshot .sec-info p { font-size: 14px;}
.snapshot .sec-info p br { display: none;}
.snapshot .sec-info ul { margin: 0;}
.snapshot .sec-info ul li { font-size: 14px;}
.snapshot .sec-content { width: 50%;}
.optimisation .sec-content ul li { width: 30%; padding: 0 10px;}

/*******************************/
/* AD FORMATS */
/*******************************/
.slides-ad-formats { padding: 10% 0;}
.slides-ad-formats .sec-info h2 { font-size: 30px;}
.slides-ad-formats .sec-info p br { display: none;}
.ad-formats .sec-content ul li h4 { font-size: 16px;}
.slides-ad-formats .slide.four { top: 180px;}
.brand-safety.ad-formats { padding: 60px 0 30px;}
.ads-run { padding: 60px 0;}
.ads-run .sec-info { margin: 0 0 40px 0;}
.ads-run .sec-content { padding: 0;}
.ads-tab .text { padding: 0;}
.ads-tab .text h4 { font-size: 20px; margin: 0 0 10px 0;}
.ads-tab .text p { font-size: 16px; margin: 0 0 10px;}
.ads-tab .text ul li { font-size: 14px;}
.tab-content { padding: 50px 0 0;}

/*******************************/
/* SUCCESS STORIES */
/*******************************/
.hero-success-stories .navbar-toggler span { background: var(--teal-dark);}
.hero-success-stories::after { transform: scale(0.5) translate(64%, -40%);}
.hero-success-stories .hero-content { padding: 0 0 50px 0;}
.case-studies { padding: 100px 0 0 0;}
.case-studies .custom-tabs { margin: 50px 0 0 0;}
.case-studies .tab-bar { overflow-x: scroll;}
.case-studies .tab-bar a { white-space: nowrap;}
.case-studies .tab-content { padding: 40px 0 0 0;}
.case-tab { flex-wrap: wrap;}
.case-tab .text { padding: 0; width: 100%; margin: 40px 0 0 0; order: 2;}
.case-tab .image { padding: 0; width: 100%; order: 1;}
.success-stories.slide__icons .sec-content ul li { width: 22%;}

/*******************************/
/* ABOUT */
/*******************************/
.hero-about .mesh.one { transform: scale(0.5) rotate(10deg) translate(100%, 60%);}
.hero-about .hero-content { padding: 20px 0 50px;}
.hero-about .caption h1 { font-size: 40px;}
.hero-about .caption p { padding: 0 5%; margin: 30px 0 50px;}
.hero-about .caption p br { display: none;}
.hero-about .images img { flex-grow: 1; height: 240px;}
.hero-about .sec-info { margin: 60px 0 0 0; padding: 0 0 0 20px;}
.hero-about .sec-info p { font-size: 28px;}
.meet-team { padding: 80px 0;}
.meet-team .sec-info h2 { font-size: 32px;}
.meet-team .sec-info p { font-size: 14px;}
.meet-team .row:first-child { margin-bottom: 40px;}
.person-box .text h4 { font-size: 20px;}
.person-box .text h5 { font-size: 14px;}
.about.slide__icons .sec-info h2 { font-size: 32px;}
.about.slide__icons .sec-info p { padding: 0 50px;}


/*******************************/
/* SUSTAINABILITY */
/*******************************/
.hero-sustain { height: 96vh;}
.hero-sustain .caption h1 { font-size: 48px; line-height: 1.2;}
.hero-sustain .caption p { margin: 40px 0;}
.commitment { padding: 80px 0;}
.commitment .text h3 { font-size: 32px;}
.commitment .shape img { height: 120px;}
.commitment .text p { font-size: 20px;}
.alignment .sec-info h2 { font-size: 40px;}
.alignment .sec-info h2 br { display: none;}
.alignment .sec-content { padding: 0;}
.info-box .image { width: 50%;}
.info-box .text { width: 50%; padding: 0 0 0 40px;}
.off-carousel { padding: 80px 0;}
.off-carousel .sec-inner { padding: 0 0 0 5%; flex-wrap: wrap;}
.off-carousel .sec-info { width: 100%; margin: 0;}
.off-carousel .sec-info p { margin: 0;}
.off-carousel .sec-info p br { display: none;}
.off-carousel .sec-content { width: 100%;}
.carousel-card .text { padding: 30px 20px;}
.carousel-card .text h3 { font-size: 20px;}
.carousel-card .text ul li { font-size: 14px;}
.snapshot.green .sec-inner { padding: 0 2%;}
.snapshot.green .sec-info ul { margin: 0 0 20px 0;}
.proof.sustain .sec-info { width: 80%;}
.proof.sustain .box.large .num { font-size: 80px;}
.proof.sustain .box.large .num small { font-size: 40px;}
.proof.sustain .box .num { font-size: 50px;}
.proof.sustain .box .num small { font-size: 40px;}
.proof.sustain .box h3 { font-size: 18px; margin: 20px 0 0 0;}

/*******************************/
/* BLOG + DETAIL */
/*******************************/
.blog-area { padding: 80px 0 40px;}
.post-meta { width: 60%;}
.post-meta .title { font-size: 40px;}
.top-posts { margin: 0 0 60px 0;}
.top-posts .post-block:first-child { width: 48%;}
.top-posts .post-block:first-child img { height: 360px;}
.top-posts .post-block .text .title { font-size: 21px;}
.post-content { padding: 60px 0;}
.posts-head { margin: 0 0 40px 0;}
.posts-head .heading h2 { font-size: 36px;}
.post-block { width: 48%;}
.post-block .image img { height: 300px;}
.post-block .text .title { font-size: 18px;}
.post-top .left { padding: 28px 3%;}
.post-detail { margin: 0 0 80px 0; padding: 0 10%;}
.similar-posts .heading h3 { font-size: 32px;}

/*******************************/
/* RESOURCES */
/*******************************/
.hero-resources .hero-content { padding: 30px 0;}
.hero-resources .mesh.one { width: 455px; height: 441px;}
.hero-resources .mesh.two { width: 471px; height: 388px;}
.hero-resources .mesh.three { width: 644px; height: 490px;}
section.resources { padding: 60px 0;}
.resources .sec-content { padding: 0;}
.resources .box { padding: 40px 40px;}
.resources .box p { margin: 0 0 10px 0;}

/*******************************/
/* FAQS */
/*******************************/
.faqs { padding: 60px 0;}
.hero-faqs .navbar-toggler span { background: var(--teal-dark);}
.hero-faqs .mesh.one { width: 485px; height: 511px;}
.hero-faqs .mesh.two { width: 531px; height: 518px;}
.hero-faqs .mesh.three { width: 784px; height: 650px;}
.faqs .sec-info { margin: 0 0 40px 0;}
.faqs .sec-content { padding: 0 5%;}

/*******************************/
/* BOOK DEMO */
/*******************************/
.book-demo {  padding: 20px 0 250px 0;}
.book-demo .book-info { width: 45%;}
.book-demo .book-info h1 { font-size: 32px;}
.book-demo .quotes { width: 100%; margin: 70px 0 0 0;}
.book-demo .quotes p { font-size: 18px;}
.book-demo .trusted .logos { flex-wrap: wrap; justify-content: flex-start;}
.book-demo .trusted .logos img { transform: scale(0.7); margin: 0 10px 0 -20px;}
.book-demo .trusted .logos img:last-child { margin: 0 0 0 -20px;}
.book-demo .book-form { width: 50%; padding: 30px 40px;}

/*******************************/
/* NOT FOUND + THANK YOU */
/*******************************/
.hero-not-found .caption { padding: 40px 0;}
.hero-not-found .caption h1 { font-size: 54px; margin: 0 0 20px 0;}
.hero-thank-you .caption { padding: 40px 0;}
.hero-thank-you .caption h1 { font-size: 54px; margin: 0 0 20px 0;}

}

@media (max-width: 767px) {
.hero .btn { padding: 7px 12px;}
.mesh { transform: scale(0.5) !important;}
.container { padding: 0 20px;}
.sec-label { padding: 5px 30px;}
.sec-label span { font-size: 14px;}
.sec-info h2 { font-size: 40px;}
.sec-info h3 { font-size: 36px;}
.sec-info p { font-size: 16px;}
.sec-info br { display: none;}

.navbar { transition: none !important;}
.navbar-brand { order: 1;}
.navbar-brand img.dark { display: none;}
.header-right { margin: 0 20px 0 auto; order: 2; display: none;}
.navbar-collapse { margin: 20px 0 0 0; order: 4; transition: none !important;}
.collapsing { transition: none !important;}
.navbar-toggler { border: 0; order: 3;}
.navbar-toggler { width: 30px; display: flex; flex-direction: column; padding: 0;}
.navbar-toggler span { display: block; width: 100%; height: 1px; background: white; margin: 0 0 6px 0;}
.navbar-toggler span:last-child { margin: 0;}
.navbar-toggler:focus { box-shadow: none;}
.navbar-nav { display: flex; flex-direction: column; }
.navbar-nav .menu-item { margin: 0; }
.navbar-nav .menu-item a { 	 padding: 10px 0; color: var(--teal-dark);}
.navbar-nav .dropdown-menu { min-width: 100%; padding: 0 10px; margin: 10px 0 20px 0; background: none; border: none;}
.navbar-nav .dropdown-menu .heading { display: none;}
.navbar-nav .dropdown-menu ul { width: 80%;}
.navbar-nav .dropdown-menu ul li { border-bottom: 1px solid #DFDFDF; padding: 0 0 5px 0; margin: 0 0 5px 0;}
.navbar-nav .dropdown-menu ul li:last-child { border: none; padding: 0; margin: 0;}
.navbar-nav .dropdown-menu ul li img { width: 20px; margin: 4px 20px 0 0;}
.navbar-nav .dropdown-menu ul li .side span { font-size: 16px;}
#nav_menu-8 { display: block;}

header.open { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: white; margin: 0; padding: 25px 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: auto; z-index: 999; pointer-events: auto; overflow-y: auto;}
header.open .hero { padding: 80px 0 0 0;} 
header.open .navbar-brand { position: relative; z-index: 4; margin: 5px 0 0 0;} 
header.open .navbar-brand img.light { display: none; }
header.open .navbar-brand img.dark { display: block; }
header.open .navbar-toggler { position: relative; z-index: 4; height: 30px; padding: 14px 0 0 0;} 
header.open .navbar-nav { height: 75vh; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; z-index: 999; pointer-events: auto; overflow-y: auto; touch-action: pan-y;}
header.open .dropdown-menu { position: static;}
header.open .menu-item { border-bottom: 1px solid #D6D6D6; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative;}
header.open .menu-item.dropdown::after { position: absolute; right: 0; top: 7px; color: var(--teal-dark); font-size: 14px; margin: 1px 0 0 5px;}
header.open .menu-item a { font-size: 18px; color: var(--teal-dark); } 
header.open .menu-item:hover > a, header.open .menu-item.active > a { color: var(--teal-dark);}
header.open .menu-item.active a { color: var(--teal-dark);}
header.open .navbar-toggler span { background: var(--teal-dark);}
header.open .navbar-toggler span:first-child { transform: rotate(-45deg);}
header.open .navbar-toggler span:nth-child(2) { display: none;}
header.open .navbar-toggler span:last-child { transform: rotate(45deg); margin-top: -7px;}

header.open .header-right { margin: 0; width: 90%; position: fixed; bottom: 20px; z-index: 4; display: block;}
header.open .btn { width: 100%; padding: 15px 20px;}

.hero .caption h1 { font-size: 40px;}
.hero .caption p { font-size: 18px; margin: 30px 0 40px;}
.hero .caption br { display: none;}

.hero-home::after { width: 100%; height: 120%; top: 0; background-size: cover;}
.hero-home .mesh.one { display: none;}
.hero-home .mesh.two { top: 60%; right: -80% !important;}
.hero .hero-content { padding: 10px 0 60px;}
.hero-home .caption h1 { font-size: 40px;}
.hero-home .caption p { margin: 200px 0 20px; font-size: 20px;}
.hero-home .caption .changingItems { margin: 0;}
.hero-home .caption .changingItems .item { flex-direction: column-reverse; align-items: flex-start;}
.hero-home .caption .changingItems .item .img { margin: 20px 0 0 0;}

.trusted .sec-inner { flex-wrap: wrap;}
.trusted p { width: 100%; text-align: center;}
.trusted .logos { width: 100%; margin: 10px 0 0 0; flex-wrap: wrap; justify-content: center;}
.trusted .logos img { margin: 0; transform: scale(0.8);}

.solutions { padding: 0 0 70px 0;}
.slide-card { min-height: 200px; padding: 20px;}
.slide-card .num { font-size: 50px; margin: 0;}
.slide-card .num small { font-size: 30px;}
.slide-card h3 { font-size: 20px;}
.slide-card h4 { font-size: 16px; margin: 10px 0 0 0;}
.slide-card p br { display: none;}
.slide-card .bottom { margin: 20px 0 0 0;}
.slide-card .bottom span { width: 40px;}
.slide-card .bottom .icon { width: 50px;}
 
.why-slides .slide.two .sec-content { margin: 210px 0 0 0;}
.why-slides .slide.three .sec-content { margin: 165px 0 0 0;}

.slide__cards .sec-inner { flex-wrap: wrap;}
.slide__cards .sec-info { width: 100%;}
.slide__cards .sec-info h2 { font-size: 40px; line-height: 1.2;}
.slide__cards .sec-info p { margin: 0 0 20px 0;}
.slide__cards .sec-content { width: 100%;}

.slide__icons .sec-info { text-align: left;}
.slide__icons .sec-info h2 { font-size: 32px; padding: 0 20px;}
.slide__icons .sec-info h2 br { display: none;}
.slide__icons .sec-content ul { flex-wrap: wrap; gap: 10px; justify-content: flex-start;}
.slide__icons .sec-content ul li { width: 48%; height: 150px; padding: 20px 10px;}
.slide__icons .sec-content ul li h4 { font-size: 15px;}
.slide__icons .sec-content ul li h5 { font-size: 15px;}
.slide__icons .sec-content ul li span { height: 90px;}
.slide__icons .sec-content ul li span img { height: 45px;}
.slide__icons .sec-content ul li:hover p { display: none;}

.slide__why::after { width: 70%; height: 100%; top: 0%; background-size: cover; opacity: 0.5;}
.slide__how .sec-inner { flex-wrap: wrap;}
.slide__why .sec-info h2 { font-size: 40px; line-height: 1.2; margin: 20px 0;}
.slide__why .sec-info h2 br { display: none;}
.slide__why .sec-info h2 span { display: inline-block; font-size: 24px; letter-spacing: 0.04em; line-height: 1.2; margin: 20px 0 0 0;}
.slide__why .sec-content  { width: 100%; height: 150px;}
.slide__why .sec-content img:first-child { left: 25%; top: -10%; width: 90px; display: none;}
.slide__why .sec-content img:nth-child(2) { right: 10%; top: 190%; width: 50px;}
.slide__why .sec-content img:nth-child(3) { left: -20%; top: 260%; width: 60px;}
.slide__why .sec-content img:last-child { left: -115%; bottom: -270%; width: 80px;}

.benefits { padding: 70px 0;}
.benefits .sec-info { margin: 0 0 40px 0; text-align: left;}
.benefits .sec-info h2 { font-size: 26px; line-height: 1.2;}
.benefits .sec-content { padding: 0; grid-template-columns: repeat(1, 1fr)}
.benefits .box { height: 245px;}
.benefits .box h4 { font-size: 22px; margin: 0 0 15px 0;}
.benefits .box p br { display: none;}
.benefits .box img { height: 60px;}

.proof { padding: 60px 0;}
.proof .lines { width: 100%; height: 88px; flex-wrap: wrap;}
.proof .lines span { width: 100%; height: 22px;}
.proof .lines span:first-child { background-image: linear-gradient( to right, #0F2A2E, #6B6D64, #989BD3, transparent);}
.proof .lines span:nth-child(2) { background-image: linear-gradient( to right, #0F2A2E, #565D59, #727AA3, transparent);}
.proof .lines span:nth-child(3) { background-image: linear-gradient( to right, #0F2A2E, #374543, #4D5B78, transparent);}
.proof .lines span:last-child { background-image: linear-gradient( to right, #0F2A2E, #263D4D, #263D4D, #263D4D, transparent);}
.proof .box { margin: 0 0 50px 0;}
.proof .box .num { font-size: 80px;}
.proof .box .num small { font-size: 50px;}
.proof .box h4 { font-size: 18px;}
.proof .box p { font-size: 14px;}
.proof .box p br { display: none;}
.proof .box.large { margin: 0 0 50px 0;}
.proof .box.large .num { font-size: 120px;}
.proof .box.large .num small { font-size: 80px;}

.howitworks { padding: 80px 0;}
.howitworks .sec-content { display: flex;}
.howitworks .numbers { width: 10%;}
.howitworks .numbers::before { width: 1px; height: 55%; left: 12px;}
.howitworks .numbers ul { height: 58%; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.howitworks .boxes { width: 90%; flex-wrap: wrap;}
.howitworks .box { width: 100%; padding: 30px 20px; margin: 0 0 30px 0;}
.howitworks .box h5 { font-size: 18px;}
.howitworks .box:last-child { width: 100%; margin: 0;}

.partners .logos { flex-wrap: wrap; margin: 20px 0 0 0;}
.partners .logos img { margin: 10px 20px;}

.launch { padding: 60px 0;}
.launch .sec-info h3 { font-size: 30px;}

.partners  { padding: 50px 0;}

footer { padding: 40px 0 0 0;}
footer .sec-inner { flex-wrap: wrap; margin: 20px 0 0 0;}
footer .left { width: 100%;}
footer .right { width: 100%;}
footer .center { width: 100%; flex-wrap: wrap;}
.footer-logo { width: 100%; border-bottom: 1px solid #D6D6D6; padding: 0 0 20px 0;}
.footer-logo img { width: 220px;}
.footer-about { margin: 0 0 20px 0;}
.footer-contact { display: flex; align-items: center; border-bottom: 1px solid #D6D6D6; padding: 0 0 10px 0; margin: 0 0 20px 0;}
.footer-contact h5 { margin: 0 10px 0 0;}
.footer-links { width: 100%; margin: 0;}
.footer-links .widget_nav_menu { width: 100%; margin: 0 !important;}
.footer-links .widget_nav_menu ul li { margin: 0 0 10px 0;}
.footer-links .widget_nav_menu h3, .footer-links .widget_nav_menu ul li a { font-family: "NeueHaasGroteskDisp Pro"; font-size: 16px; font-weight: 300; letter-spacing: 0.04em; line-height: 1.2; text-transform: capitalize; margin: 0 0 15px 0; position: relative; display: flex; justify-content: space-between; cursor: pointer;}
.footer-links .menu-footer-menu-solutions-container { margin: 0 0 40px 0; display: none;}
.footer-links .menu-footer-menu-solutions-container ul li a { font-size: 14px;}
.footer-links .menu-footer-menu-about-container { margin: 0 0 40px 0; display: none;}
.footer-links .menu-footer-menu-about-container ul li a { font-size: 14px;}
.footer-links .menu-footer-menu-resources-container { margin: 0 0 40px 0; display: none;}
.footer-links .menu-footer-menu-resources-container ul li a { font-size: 14px;}
.footer-links #nav_menu-3 h3::after, .footer-links #nav_menu-4 h3::after, .footer-links #nav_menu-5 h3::after {  content: "\F282"; font-family: "Bootstrap-icons"; font-size: 16px;}
.footer-links .menu-footer-menu-terms-container ul { width: 70%; display: flex; flex-wrap: wrap;}
.footer-links .menu-footer-menu-terms-container ul li { display: inline-block; margin: 0 10px 10px 0;}
.footer-links .menu-footer-menu-terms-container ul li a { font-size: 12px; margin: 0;}
#nav_menu-7 { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; padding: 10px 0 0; margin: 10px 0 0 0 !important;}
.footer-links.terms { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; padding: 10px 0; margin: 20px 0;}
.footer-links.terms ul { width: 80%; display: flex; flex-wrap: wrap;}
.footer-links.terms ul li { margin: 0 10px 0 0;}

.footer-links { flex-direction: column;}
.footer-links #nav_menu-3 { order: 1;}
.footer-links #nav_menu-4 { order: 3;}
.footer-links #nav_menu-5 { order: 4;}
.footer-links #nav_menu-6 { order: 2;}
.footer-links #nav_menu-7 { order: 5;}

.stay-updated { margin: 30px 0 0 0;}
.stay-updated h5 { display: none;}
.stay-updated p { margin: 0 0 10px 0;}
.stay-updated p br { display: none;}
.stay-updated { width: 70%;}
.footer-social { margin: 20px 0 0 0;}
.footer-bottom { margin: 15px 0 0 0;}


/*******************************/
/* SOLUTIONS */
/*******************************/
.hero-solution::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution .meshes { display: none;}
.hero-solution .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%;}
.hero-solution .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%;}
.hero-solution::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%; display: none;}
.hero-solution .circles { transform: scale(1.1) translateX(0) translateY(0); display: none;}
.hero-solution .circle { top: 220px; right: -180px; transform: scale(0.7);}
.hero-solution .circle.red { top: 220px; right: -180px;}
.hero-solution .circle.blue { top: 200px; right: -170px;}
.hero-solution .circle.green { top: 110px; right: -180px;}
.hero-solution .circle.yellow { top: 50px; right: -260px;}
.hero-solution .circle.purple { top: 10px; right: -220px;}

.hero-solution-leader::before { left: -30%; bottom: -30%; width: 50%; height: 50%;}
.hero-solution-leader::after { width: 60%; height: 100%; background-position: right center; background-size: auto 130%; display: none;}
.hero-solution-leader .mesh.two { right: -10%; top: -10%; width: 50%; height: 50%; display: none;}
.hero-solution-leader .mesh.three { right: -20%; top: -10%; width: 60%; height: 80%; display: none;}
.hero-solution-leader .circles { top: -20%; right: -85%; transform: scale(0.5); display: none;}

.challenges { padding: 60px 0;}
.challenges .sec-info { margin: 0 0 60px 0;}
.challenges .sec-info h2 { font-size: 30px; padding: 0 40px 0 0;}
.challenges .sec-content { flex-wrap: wrap;}
.challenges .image { width: 100%; padding: 0; margin: 0 0 60px 0; display: none;}
.challenges .image span { width: 70px; height: 70px; left: 0; right: 0; margin: 0 auto; bottom: -40px;}
.challenges .text { width: 100%; padding: 0;}
.challenges .text ul li { padding: 20px 0; opacity: 1;}
.challenges .text ul li h4 { font-size: 18px; margin: 0 0 20px 0;}
.challenges .text ul li .image { display: block;}

.fix-these { padding: 60px 0;}
.fix-these .sec-info { margin: 0 0 50px 0; text-align: left;}
.fix-these .sec-info h2 { font-size: 32px; line-height: 1.4; padding: 0 30px 0 0;}
.fix-these .sec-content { padding: 0; flex-wrap: wrap;}
.fix-these .box { width: 100%; height: 255px; margin: 0 0 20px 0;}
.fix-these .box h3 { font-size: 20px; margin: 0 0 15px 0;}
.fix-these .box p br { display: none;}
.fix-these .box img { height: 60px;}

.certified { padding: 50px 0;}
.certified .sec-info { margin: 0 0 50px 0;}
.certified .sec-info h3 { font-size: 28px; padding: 0 20px;}
.certified .logos { flex-wrap: wrap;}
.certified .logos img { margin: 0 -16px 10px; transform: scale(0.5) !important;}
.certified.small .logos img { margin: 0 15px 10px; transform: scale(0.8) !important;}

.you-get { padding: 60px 0;}
.you-get .sec-inner { flex-wrap: wrap;}
.you-get .sec-info { width: 100%; margin: 0;}
.you-get .sec-info h3 { font-size: 30px;}
.you-get .sec-content { width: 100%; justify-content: center; gap: 20px; margin: 0;}
.you-get .box { width: 46%; height: auto; padding: 20px 15px 10px;}
.you-get .box span { margin: 0 0 20px 0;}

.howitworks { padding: 60px 0;}
.howitworks .sec-info h2 { font-size: 36px;}

.testimonials .sec-content { flex-direction: column-reverse;}
.testimonials .images { width: 60%; margin: 50px 0 0 0;}
.testimonials .text { width: 100%; margin: 0 auto; padding: 50px 20px;}
.testimonials .text::before { width: 50px; height: 42px;}
.testimonials .text p { width: 100%; font-size: 36px; margin: 30px 0 30px 0;}
.testimonials .text span { font-size: 20px;}
.testimonials .nav { bottom: -20px; right: 16px;}
.testimonials .nav button { font-size: 24px; margin: 0 5px;}

.solutions-faqs { padding: 60px 0;}
.solutions-faqs .sec-inner { flex-wrap: wrap;}
.solutions-faqs .sec-info { width: 100%; margin: 0;}
.solutions-faqs .sec-info h2 { font-size: 32px;}
.solutions-faqs .sec-content { width: 100%; margin: 0;}

/*******************************/
/* WYC CPC+ */
/*******************************/
.hero-why-cpc::after { transform: scale(0.5); top: -55%; right: -140%; opacity: 0.5;}
.hero-why-cpc .caption { padding: 0 0 60px 0;}
.cpc-stats .sec-inner { flex-wrap: wrap;}
.cpc-stats .left { width: 100%;}
.cpc-stats .left h2 { width: 90%; font-size: 36px; margin: 40px auto;}
.cpc-stats .left h2 br { display: none;}
.cpc-stats .right { width: 100%; padding: 30px 20px;}
.cpc-stats .stat { width: 80%; margin: 0 0 40px 0;}
.cpc-stats .stat:last-child { margin: 0;}
.cpc-stats .stat .num { font-size: 80px; margin: 0;}
.cpc-stats .stat p { font-size: 16px;}
.cpc-comparison .sec-inner { padding: 5% 0;}
.cpc-comparison .sec-info { margin: 0 0 40px 0;}
.cpc-comparison .sec-info h3 { font-size: 24px;}
.cpc-comparison .sec-info h3 br { display: none;}
.cpc-comparison .sec-content .inner { width: 100%;}
.cpc-comparison .box .head { padding: 10px 10px 20px 10px;}
.cpc-comparison .box .list { margin: 0;}

.do-more { padding: 100px 0;}
.do-more .sec-info { margin: 0 0 60px 0; text-align: left;}
.do-more .sec-content { padding: 0;}
.do-more .sec-content .box { height: 280px; padding: 20px;}
.do-more .sec-content .box img { object-fit: contain;}
.do-more .owl-carousel .owl-item img { height: 190px;}
.do-more .sec-content .box p { font-size: 18px; width: 80%;}
.do-more .sec-content .box p br { display: none;}
.do-more .sec-content .box span { width: 100%; left: auto; right: 0;}
.do-more .sec-content .box.four { background-size: 100% 100%;}
.do-more .sec-content .box.five span { width: 70%;}
.do-more .sec-content .box.six span { width: 60%;}
.we-serve { padding: 80px 0;}
.we-serve .sec-info { margin: 0 0 60px 0; text-align: left;}
.we-serve .sec-info h2 { font-size: 32px;}
.we-serve .sec-info p br { display: none;}
.we-serve .sec-content { flex-wrap: wrap;}
.we-serve .box { width: 100%; padding: 30px; margin: 0 0 30px 0;}
.we-serve .box:last-child { margin: 0;}
.we-serve .box h4 { font-size: 24px;}
.we-serve .box p { font-size: 14px;}
.we-serve .box p br { display: none;}
.brand-safety { padding: 80px 0 30px;}
.brand-safety .sec-info { margin: 0 0 40px 0; text-align: left;}
.brand-safety .sec-info h2 { font-size: 32px;}
.brand-safety .sec-content ul { column-gap: 20px;}
.brand-safety .sec-content ul li { width: 46%; margin: 0 0 30px 0;}
.brand-safety .sec-content ul li p { font-size: 14px;}
.brand-safety .sec-content ul li p br { display: none;}

/*******************************/
/* HOW IT WORKS */
/*******************************/
.hero-howitworks header .navbar-toggler span { background: var(--teal-dark);}
.hero-howitworks .hero-content { padding: 0;}
.hero-howitworks .sec-info { width: 100%; padding: 60px 0 180px 0;}
.hero-howitworks .caption h1 { font-size: 36px;}
.hero-howitworks .caption p { font-size: 16px;}
.hero-howitworks .caption p br { display: none;}
.hero-howitworks .cta { flex-wrap: wrap;}
.hero-howitworks .cta .btn { width: 60%; margin: 0 0 10px 0;}
.hero-howitworks .lines { width: 100%; top: auto; bottom: 0;}
.hero-howitworks .lines ul li { height: 10px;}
.steps-process { padding: 40px 0;}
.steps-process .sec-info { margin: 0 0 30px 0;}
.steps-process .sec-info h2 { font-size: 32px;}
.step-box { flex-wrap: wrap; opacity: 1; position: static; margin: 0 0 60px 0;}
.step-box .image { width: 100%;}
.step-box .text { width: 100%;}
.step-box .text .desc h4 { font-size: 22px;}
.step-box .text .desc p { font-size: 14px;}
.step-box .text .desc ul { margin: 10px 0 20px 0;}
.step-box .text .desc ul li { font-size: 14px;}
.pricing { padding: 60px 0 150px 0;}
.pricing .sec-info { margin: 0 0 40px 0; text-align: left;}
.pricing .sec-content { padding: 0; flex-wrap: wrap;}
.pricing .box { width: 100%; padding: 30px 0 !important;}
.pricing .box:first-child { border: none !important;}
.pricing .box p br { display: none;}
.media-creation { padding: 60px 0;}
.media-creation .sec-info { margin: 0 0 40px 0; text-align: left;}
.media-creation .sec-info h2 { font-size: 36px;}
.media-creation .media-box { margin: 0 0 20px 0; flex-wrap: wrap;}
.media-creation .media-box .image { width: 100%; order: 1;}
.media-creation .media-box .text { width: 100%; margin: 40px 0 0 0; order: 2;}
.media-creation .media-box .text h4 { font-size: 24px;}
.media-creation .media-box .text ul li { font-size: 14px;}
.snapshot { padding: 60px 0;}
.snapshot .sec-inner { flex-wrap: wrap;}
.snapshot .sec-info { width: 100%;}
.snapshot .sec-info h2 { font-size: 32px;}
.snapshot .sec-info h2 br { display: none;}
.snapshot .sec-info p { font-size: 14px;}
.snapshot .sec-info p br { display: none;}
.snapshot .sec-info ul { margin: 0;}
.snapshot .sec-info ul li { font-size: 14px;}
.snapshot .sec-content { width: 100%;}
.optimisation .sec-content ul li { width: 46%; padding: 0;}

/*******************************/
/* AD FORMATS */
/*******************************/

.slides-ad-formats { padding: 10% 0;}
.slides-ad-formats .sec-info h2 { font-size: 30px;}
.slides-ad-formats .sec-info p br { display: none;}
.ad-formats .sec-content ul li h4 { font-size: 16px;}
.slides-ad-formats .slide.four { top: 180px;}
.brand-safety.ad-formats { padding: 60px 0 30px;}
.brand-safety.ad-formats .sec-info h2 { font-size: 28px;}
.brand-safety.ad-formats .sec-content ul { justify-content: space-between;}
.ads-run { padding: 60px 0;}
.ads-run .sec-info { margin: 0 0 40px 0;}
.ads-run .sec-info h3 { font-size: 32px;}
.ads-run .sec-content { padding: 0;}
.ads-tab .text { padding: 0;}
.ads-tab .text h4 { font-size: 24px; margin: 0 0 10px 0;}
.ads-tab .text p { font-size: 14px; margin: 0 0 10px;}
.ads-tab .text ul li { font-size: 14px;}
.tab-bar { justify-content: flex-start; overflow-x: scroll;}
.tab-bar a { font-size: 12px; white-space: nowrap; padding: 10px 0; margin: 0 20px 0 0;}
.tab-content { padding: 50px 0 0;}
.tab-block { flex-wrap: wrap;}
.tab-block .image { width: 100%; order: 1;}
.tab-block .text { width: 100%; margin: 20px 0 0 0; order: 2;}

/*******************************/
/* SUCCESS STORIES */
/*******************************/
.hero-success-stories .navbar-toggler span { background: var(--teal-dark);}
.hero-success-stories::after { transform: scale(0.6) translate(44%, -40%); display: none;}
.hero-success-stories .hero-content { padding: 0 0 50px 0;}
.hero-success-stories .caption { padding: 30px 0 10px;}
.case-studies { padding: 100px 0 0 0;}
.case-studies .sec-info { text-align: left;}
.case-studies .custom-tabs { margin: 50px 0 0 0;}
.case-studies .tab-bar { overflow-x: scroll;}
.case-studies .tab-bar a { white-space: nowrap;}
.case-studies .tab-content { padding: 40px 0 0 0;}
.case-tab { flex-wrap: wrap;}
.case-tab .text { padding: 0; width: 100%; margin: 40px 0 0 0; order: 2;}
.case-tab .text ul { gap: 10px;}
.case-tab .text ul li { width: 48%; padding: 0;}
.case-tab .text ul li p { font-size: 14px;}
.case-tab .image { padding: 0; width: 100%; order: 1;}
.success-stories.slide__icons .sec-content ul li { width: 46%;}

/*******************************/
/* ABOUT */
/*******************************/
.hero-about .hero-content { padding: 20px 0 50px;}
.hero-about .caption { text-align: left;}
.hero-about .caption h1 { font-size: 40px;}
.hero-about .caption p { padding: 0 20px 0 0; margin: 30px 0 50px;}
.hero-about .caption p br { display: none;}
.hero-about .images { gap: 10px;}
.hero-about .images img { flex-grow: 1; height: 200px;}
.hero-about .images img:first-child { width: 33%;}
.hero-about .images img:nth-child(2) { width: 23%;}
.hero-about .images img:last-child { width: 32%;}
.hero-about .sec-info { margin: 60px 0 0 0; padding: 0;}
.hero-about .sec-info p { font-size: 24px;}
.meet-team { padding: 80px 0;}
.meet-team .sec-info h2 { font-size: 32px;}
.meet-team .sec-info p { font-size: 14px;}
.meet-team .row:first-child { margin-bottom: 40px;}
.team-block { flex-wrap: wrap; gap: 20px;}
.person-box { width: 46%;}
.person-box .text h4 { font-size: 18px; margin: 0;}
.person-box .text h5 { font-size: 14px;}
.about.slide__icons .sec-info h2 { font-size: 32px;}
.about.slide__icons .sec-info p { padding: 0 50px 0 0;}

/*******************************/
/* SUSTAINABILITY */
/*******************************/
.hero-sustain { height: 92vh;}
.hero-sustain .caption h1 { font-size: 48px; line-height: 1.2;}
.hero-sustain .caption p { margin: 40px 0;}
.hero-sustain .lines ul li:first-child { height: 20px;}
.hero-sustain .lines ul li:nth-child(2) { height: 20px;}
.hero-sustain .lines ul li:nth-child(3) { height: 20px;}
.hero-sustain .lines ul li:nth-child(4) { height: 20px;}
.hero-sustain .lines ul li:nth-child(5) { height: 20px;}
.hero-sustain .lines ul li:nth-child(6) { height: 20px;}
.hero-sustain .lines ul li:nth-child(7) { height: 18px;}
.hero-sustain .lines ul li:nth-child(8) { height: 16px;}
.hero-sustain .lines ul li:nth-child(9) { height: 14px;}
.hero-sustain .lines ul li:nth-child(10) { height: 12px;}
.hero-sustain .lines ul li:last-child { height: 10px;}
.commitment { padding: 60px 0;}
.commitment .mesh.one { left: -70%; top: 50%; width: 407px; height: 376px; filter: blur(100px);}
.commitment .mesh.two { left: -30%; top: 40%; width: 519px; height: 449px; filter: blur(100px);}
.commitment .mesh.three { right: -30%; top: 0; width: 929px; height: 803px; display: none;}
.commitment .mesh.four { right: -30%; top: 10%; width: 328px; height: 303px; filter: blur(100px);}
.commitment .sec-inner { padding: 0;}
.commitment .text { width: 100%;}
.commitment .text h3 { font-size: 32px;}
.commitment .text h3 br { display: none;}
.commitment .text p { font-size: 20px;}
.commitment .text p br { display: none;}
.commitment .shape img { height: 120px;}
.commitment .text:last-child { width: 100%; text-align: right;}
.alignment .sec-info { margin: 0 0 40px 0; text-align: left;}
.alignment .sec-info h2 { font-size: 32px;}
.alignment .sec-info h2 br { display: none;}
.alignment .sec-content { padding: 0;}
.info-box { flex-wrap: wrap;}
.info-box .image { width: 100%;}
.info-box .text { width: 100%; padding: 0; margin: 20px 0 0 0;}
.info-box .text ul { margin: 0;}
.brand-safety.sustain { padding: 60px 0 30px;}
.brand-safety.sustain .sec-content ul li { width: 48%;}
.off-carousel { padding: 80px 0;}
.off-carousel .sec-inner { padding: 0 0 0 5%; flex-wrap: wrap;}
.off-carousel .sec-info { width: 100%; margin: 0;}
.off-carousel .sec-info h3 { font-size: 32px;}
.off-carousel .sec-info p { margin: 0;}
.off-carousel .sec-info p br { display: none;}
.off-carousel .sec-content { width: 100%;}
.owl-carousel .owl-item img { height: 280px;}
.carousel-card .text { padding: 30px 20px;}
.carousel-card .text h3 { font-size: 24px;}
.carousel-card .text ul li { font-size: 14px;}
.snapshot.green .sec-inner { padding: 0 2%;}
.snapshot.green .sec-info ul { margin: 0 0 20px 0;}
.proof.sustain .sec-info { width: 100%;}
.proof.sustain .sec-info h2 { font-size: 36px;}
.proof.sustain .sec-info h2 br { display: none;}
.proof.sustain .box.large .num { font-size: 120px;}
.proof.sustain .box.large .num small { font-size: 60px;}
.proof.sustain .box .num { font-size: 80px;}
.proof.sustain .box .num small { font-size: 50px;}
.proof.sustain .box h3 { font-size: 18px; margin: 20px 0 0 0;}

/*******************************/
/* BLOG + DETAIL */
/*******************************/

.blog-area { padding: 80px 0 40px;}
.post-meta { width: 100%; margin: 60% 0 0 0;}
.post-meta .title { font-size: 30px; margin: 0 0 20px 0;}
.top-posts { margin: 0 0 60px 0;}
.top-posts .post-block:first-child { width: 100%;}
.top-posts .post-block:first-child img { height: 220px;}
.top-posts .post-block .text .title { font-size: 21px;}
.posts-head { margin: 0 0 40px 0;}
.posts-head .categories { flex-wrap: wrap; width: 100%;}
.posts-head .categories a { display: inline-block; margin: 0 10px 10px 0;}
.posts-head .heading h2 { font-size: 36px;}
.posts-head .filter { margin: 20px 0 0 0;}
.post-block { width: 100%;}
.post-block .image img { height: 220px;}
.post-block .text .title { font-size: 18px;}
.post-top { flex-wrap: wrap;}
.post-top .left { width: 100%; padding: 20px;}
.post-top .feat-img img { height: 240px;}
.post-top .post-meta { margin: 0;}
.post-top .right { width: 100%; padding: 20px;}
.post-content { padding: 40px 0;}
.post-detail { margin: 0 0 80px 0; padding: 0;}
.post-share { margin: 60px 0 0 0;}
.similar-posts .heading h3 { font-size: 32px;}

/*******************************/
/* RESOURCES */
/*******************************/
.hero-resources .hero-content { padding: 30px 0; text-align: left;}
section.resources { padding: 40px 0;}
.resources .sec-content { padding: 0;}
.resources .box { width: 100%; padding: 40px 20px;}
.resources .box p { margin: 0 0 10px 0;}

/*******************************/
/* FAQS */
/*******************************/
.hero-faqs .navbar-toggler span { background: var(--teal-dark);}
.hero-faqs .caption h1 { font-size: 32px;}
.hero-faqs .hero-content { padding: 30px 0;}
.hero-faqs .mesh.one { width: 485px; height: 511px; display: none;}
.hero-faqs .mesh.two { width: 531px; height: 518px; display: none;}
.hero-faqs .mesh.three { width: 784px; height: 650px; display: none;}
.faqs { padding: 40px 0;}
.faqs .sec-info { margin: 0 0 20px 0;}
.faqs .sec-info h2 { font-size: 24px;}
.faqs .sec-content { padding: 0; flex-wrap: wrap;}
.faqs .types { width: 100%; flex-wrap: wrap;}
.faqs .types a { display: inline-block; margin: 0 10px 5px 0;}
.faqs .accordion { width: 100%;}

/*******************************/
/* BOOK DEMO */
/*******************************/
.book-demo .sec-content { flex-wrap: wrap;}
.book-demo {  padding: 20px 0 200px 0;}
.book-demo .book-info { width: 100%;}
.book-demo .book-info h1 { font-size: 32px;}
.book-demo .quotes { width: 100%; margin: 40px 0 0 0;}
.book-demo .quotes p { font-size: 18px;}
.book-demo .trusted { margin: 40px 0 0 0; text-align: center;}
.book-demo .trusted .logos { flex-wrap: wrap; justify-content: center; padding: 0 30px;}
.book-demo .trusted .logos img { transform: scale(0.7); margin: 0 10px 0 -20px;}
.book-demo .trusted .logos img:last-child { margin: 0 0 0 -20px;}
.book-demo .book-form { width: 100%; padding: 25px 40px;}
.book-info.desktop .quotes, .book-info.desktop .trusted { display: none;}
.book-info.mobile { display: block;}
.form-label { font-size: 14px;}
.radiobuttons .wpcf7-form-control-wrap { display: block; margin: 15px 0 0 0;}
.wpcf7-list-item label { font-size: 14px;}

.form-check-input,
.wpcf7-list-item input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid white;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  position: relative;
}

.form-check-input:checked,
.wpcf7-list-item input[type="radio"]:checked {
  background-color: #000; /* your custom color */
}


/*******************************/
/* NOT FOUND + THANK YOU */
/*******************************/
.hero-not-found .meshes { display: none;}
.hero-not-found .caption { padding: 40px 0;}
.hero-not-found .caption h1 { font-size: 44px; margin: 0 0 20px 0;}
.hero-thank-you .meshes { display: none;}
.hero-thank-you .caption { padding: 40px 0;}
.hero-thank-you .caption h1 { font-size: 44px; margin: 0 0 20px 0;}

}

@media (max-width: 481px) {
.slide-card h4 { font-size: 16px;}
}

@media (max-width: 400px) {
.slides .slide.two { top: 60px;}
}

@media (max-width: 360px) {
.slide__cards .sec-info h2 { font-size: 36px;}
.slides .slide.three { top: 130px;}
.cpc-comparison .sec-info h3 { font-size: 20px;}
.cpc-comparison .box .head h3 { font-size: 24px;}
.cpc-comparison .box .head p { font-size: 14px;}
.cpc-comparison .box .list li{ font-size: 14px;}
}