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

	.container {max-width: 100%; margin: 0 auto; padding: 0 25px;}
	
	/* home */
	.slider-container {width: 100%; max-width: 100%; }
	#testimonials-slider {width: 100%; max-width: 100%;}
		#testimonials-slider .owl-nav { max-width: 100%; left: calc(100% - 130px);}
			
	/* ip */
	ul.ip-grid {opacity: 1; display: grid !important; width: 100%; margin: 50px 0 0 0;}	
	
	/* help */
	ul#link-boxes {margin: 0; width: 100%;}
	
}


@media only screen and (min-width: 1149px) and (max-width: 1319px) { 

	header nav ul#menu-main > li {margin-right: 25px;}
		header nav ul#menu-main > li > a {font-size: 15px;}
	#header-right .btn {font-size: 15px; line-height: 42px; }

	/* ip */
	ul.ip-grid {grid-template-columns: repeat(3, 1fr);}	

}


@media only screen and (min-width: 992px) and (max-width: 1149px) { 

	header .logo {margin-right: 30px;}
	header nav ul#menu-main > li {margin-right: 20px;}
		header nav ul#menu-main > li > a {font-size: 14px;}
	#header-right .btn {line-height: 36px; padding: 0 10px; font-size: 14px;}

	/* pricing */
	ul.pricing-block > li {width: calc(50% - 51px);}
		#pricing-main ul.pricing-block > li:nth-child(1) {border-right: 1px solid var(--gray200); border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(2) {border-right: none; border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(3) {border-right: 1px solid var(--gray200); border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(4) {border-right: none; border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(5) {border-right: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(6) {}
	#pricing-practice ul.pricing-block > li {width: calc(50% - 72px);}
	#pricing-addons ul.pricing-block > li {width: calc(50% - 72px);}
	
	/* ip */
	ul.ip-grid {grid-template-columns: repeat(3, 1fr);}	
	
	/* help */
	ul#link-boxes li {width: calc(100% - 62px);}
	
	/* about */
	#team-photo .image-holder {height: 640px;}
	
}


@media only screen and (min-width: 992px) { 

	.image-holder.mobile {display: none;}
	
	 #mobile-menu { display:none; }
	
}


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

	.image-holder.desktop {display: none;}
	
	h1, 
	.page-id-69 #title-block h1, 
	#title-block h1,
	#home-hero .section-title {font-size: 2.25rem; letter-spacing: -1px;}
	
	/* header */
	header nav ul#menu-main {display: none !important;}
	#header-right { margin-left:auto; display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:nowrap; }
		#header-right .btn { display: none !important; }
	header #menu-icon {display: flex;}
	
	#mobile-menu {display: flex; flex-wrap: wrap;}

	/* footer */
	footer {padding-bottom: 20px;}
		#footer-top {display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 50px;}
			#footer-top a.logo-mark {order: 10; width: 100%;}
				#footer-top a.logo-mark img {margin: 50px 0 0 0;}
			#footer-top nav {width: calc( ( (100%) / 4) - 30px);}
		#footer-bottom {justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
			#footer-legal {width: 100%; display: flex; flex-wrap: wrap; order: 2;}
				#footer-legal div.year-company {order: 2; display: block; width: 100%;}
				#footer-legal a {display: block; margin: 15px 0; order: 1;}
			#footer-social {order: 1; width: 100%;}
	
	/* shared */
	.hero-content, .split-content, .callout-left, .callout-right {width: 100%;}
	.hero-card, .split-card {width: 100%; margin-top: 50px;}
	#title-block {padding: 120px 0 100px 0;}
	
	#cta .hero-content {order: 1;}
		#cta .hero-content h2 {font-size: 2.25rem;}
	#cta .hero-card {order: 2;}
	
	/* home */
	#home-hero {padding: 125px 0 0 0;}
		#home-hero .container {display: flex; justify-content: flex-start; align-items: flex-start;}
			#home-hero .section-title {}
				#home-hero p.section-lead {max-width: 480px;}
			#home-hero .hero-card {height: 640px; position: relative;}
				#float-2 {left: -20px;}
	#home-serve {padding: 60px 0 60px 0;}
		#home-serve-left {padding-right: 0;}
	#home-features {padding: 60px 0 60px 0;}
		#home-features-tabs-left {width: 100%;}
		#home-features-tabs-right, #home-features-tabs-right .image-holder {display: none !important;}
	#home-testimonials .section-top {padding-top: 100px;}
	
	/* serve */
	.page-template-serve #page-hero .hero-card {height: 640px; margin-bottom: 50px;}
	#key-features-list li {width: calc(50% - 60px);}
	.page-template-serve .main {padding-top: 30px;}
	.page-template-serve  #faqs {padding-bottom: 0;}
	.page-template-serve #home-testimonials .section-top {padding-top: 100px;}
	
	/* products */
	.page-template-product #page-hero .hero-content {width: 100%;}
	.page-template-product #page-hero .hero-card {width: 100%;}
	.split-blocks .container {padding-top: 30px; padding-bottom: 30px;}
		.split-blocks .container:nth-child(odd) .split-content, 
		.split-blocks .container:nth-child(even) .split-content {order: 2;}
		.split-blocks .container:nth-child(odd) .split-card, 
		.split-blocks .container:nth-child(even) .split-card {order: 1;}
		.split-blocks .container .split-card {height: 400px; border-top-right-radius: 160px;}
			.split-blocks .container .split-card img {object-fit: cover; height: 100%; width: 100%;}
			.split-blocks .container:nth-child(odd) .split-card img, 
			.split-blocks .container:nth-child(odd) .split-card img, 
			.split-blocks .container:nth-child(even) .split-card img {border-top-right-radius: 0; border-bottom-left-radius: 0;}
			.split-blocks .container:nth-child(even) .split-card img {border-top-left-radius: 0; border-bottom-right-radius: 0;}
	
	
	/* ip */
	ul.ip-grid {grid-template-columns: repeat(2, 1fr);}	
	
	/* customer stories */
	ul.customer-stories-grid li {width: calc(50% - 40px);}
	
	/* video */
	#featured-video .video-holder {width: 100%; margin-bottom: 50px; }
	#featured-video .text-holder {width: 100%;}
	ul.videos-grid {width: 100%; margin: 0;}
	
	/* help */
	ul#link-boxes li {width: calc(100% - 62px);}
	
	/* about */
	#team-photo .image-holder {height: 540px; padding: 0;}
	
	/* pricing */
	ul.pricing-block > li {width: calc(50% - 51px);}
		#pricing-main ul.pricing-block > li:nth-child(1) {border-right: 1px solid var(--gray200); border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(2) {border-right: none; border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(3) {border-right: 1px solid var(--gray200); border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(4) {border-right: none; border-bottom: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(5) {border-right: 1px solid var(--gray200);}
		#pricing-main ul.pricing-block > li:nth-child(6) {}
	#pricing-practice ul.pricing-block > li {width: calc(50% - 72px);}
	#pricing-addons ul.pricing-block > li {width: calc(50% - 72px);}
	
	/* legal */
	.page-template-legal #title-block {padding-bottom: 60px;}
	#legal .content {padding-bottom: 60px;}
	
}


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

	.btn {display: block; margin: 10px auto;}
	
	/* footer */
	#footer-top nav {width: calc( ( (100%) / 2) - 30px);}

	/* shared */
	#page-hero {padding: 150px 0 50px 0;}
	ul.posts-grid li {width: calc(50% - 40px);}
	
	/* home */
	#home-hero .hero-card {height: 480px;}
		#float-4 {bottom: 200px;}
	#home-serve {background: none;}
		#home-serve-left {width: 100%; position: relative; top: 0; padding-bottom: 50px; align-self: flex-start;}	
			#home-serve-left p {max-width: 640px;}
		#home-serve-right {width: 100%;}

	/* serve */
	.page-template-serve #page-hero {padding: 50px 0;}
	.page-template-serve #page-hero .hero-card {height: 350px;}
	#key-features-list li {width: calc(100% - 60px);}

	/* product */
	.page-template-product #page-hero .hero-content p.section-lead {font-size: 1.025rem;padding-right: 0;}
	
	/* help */
	#support-policies ul li {width: calc(50% - 92px);}
	
	/* customer stories */
	ul.customer-stories-grid li {width: calc(100% - 40px);}
	
	/* video */
	ul.videos-grid li {width: calc(100% - 40px);}
	
	/* security */
	.security-block {width: 100%; margin: 25px 0;}
	
	/* about */
	#team-photo .image-holder {height: 480px;}
	#values-left {width: 100%;}
	#values-right {width: 100%;}
	ul#team-members li {width: calc(50% - 30px);}
	#openings-listing-left, #openings-listing-right {width: 100%;}
	
	/* pricing */
	ul.pricing-block > li {width: calc(100% - 50px);}
		#pricing-main ul.pricing-block > li:nth-child(1) {border-right: none;}
		#pricing-main ul.pricing-block > li:nth-child(3) {border-right: none;}
		#pricing-main ul.pricing-block > li:nth-child(5) {border-right: none; border-bottom: 1px solid var(--gray200);}
	#pricing-practice ul.pricing-block > li {width: calc(100% - 72px);}
	#pricing-addons ul.pricing-block > li {width: calc(100% - 72px);}
	
	/* product log */
	.tab-menu {max-width: 50px; margin-right: 20px;}
	
}


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

	footer {padding-top: 25px;}
	#footer-top nav {margin-top: 25px;}
	
	.privacy-policy-table {font-size: 13px;}
		.privacy-policy-table thead th {padding: 10px; white-space: normal;}
		.privacy-policy-table tbody td {padding: 10px;}
	
	/* home */
	#metrics-grid li {width: calc(100% - 80px); margin: 0 auto 50px auto;}

	/* ip */
	ul.ip-grid {grid-template-columns: repeat(1, 1fr);}	

	/* help */
	ul#link-boxes li .image-holder {width: 100%; height: 160px;}
	ul#link-boxes li .text-holder {width: 100%; margin: 30px 0 0 0;}
		ul#link-boxes li .link {position: relative; bottom: inherit; left: inherit; margin-top: 20px;}
	#support-policies ul li {width: calc(100% - 92px);}
	
	/* about */
	#team-photo .image-holder {height: 360px;}
	ul#values-items li {width: calc(100%); margin-right: 0;}
	#team {padding: 20px 0 90px 0;}
	ul#team-members li {width: 100%;}
	#openings {padding: 50px 0;}
	
	/* product log */
	.flex-tabs-component {
		display: flex;
		flex-direction: column;   /* key */
		align-items: stretch;
	}
		.flex-tabs-component .tab-menu {
			display: flex;
			flex-direction: row;        /* horizontal */
			justify-content: center;    /* center tabs */
			align-items: center;
			gap: 1rem;                  /* spacing between years */
			max-width: 100%;
			width: 100%;
			margin: 0 auto 1.5rem;      /* center + space below */
			position: relative;        /* disable sticky */
			top: auto;
		}
			.menu-link {
				width: auto;
				padding: 10px;
			}
		.flex-tabs-component .tab-content {
			margin-left: 0;
			margin-top: 1.5rem;       /* optional spacing */
			min-height: 0;            /* optional: avoid huge blank space */
		}
	
}


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

	h2.section-title,
	#cta .hero-content h2 {font-size: 2rem;}
	
	/* footer */
	#footer-top nav {width: 100%}
	
	/* shared */
	ul.posts-grid li {width: calc(100% - 40px);}
	.qa h3 {font-size: 1.025rem;
	}
	
	.slider-outer-extra {display: none !important;}
	
}

