/**
 * Apex Lean Solutions Theme – Front Page Media Queries
 * Responsive overrides for style.css (421-862) front page section design
 */

/* Companies logos grid – 5th item full width */


/* ========== Tablet (max-width: 991.98px) ========== */
@media (max-width: 991.98px) {
	.apex-front-page h2 {
		font-size: 42px;
		line-height: 52px;
	}
	.apex-front-page h3 {
		font-size: 32px;
		line-height: 38px;
	}
	.apex-front-page .container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.apex-front-page .container .row {
		margin-right: 10px;
		margin-left: 10px;
	}
	.apex-front-page .container .row > * {
		padding-right: 10px;
		padding-left: 10px;
	}

	.apex-front-page section.apex-hero.apex-section {
		padding: 60px 0 70px;
	}
	.apex-front-page section.apex-hero.apex-section h2 {
		margin-bottom: 16px;
	}
	.apex-front-page section.apex-hero.apex-section p {
		max-width: 100%;
		font-size: 16px;
	}

	.apex-front-page section.apex-lean-cases.apex-section {
		max-width: calc(100% - 24px);
		padding: 60px 0;
	}
	.apex-front-page section.apex-lean-cases.apex-section h3 {
		margin-bottom: 24px;
	}
	.apex-front-page section.apex-lean-cases.apex-section .row {
		flex-direction: column;
	}
	.apex-front-page .apex-case-card h4 {
		padding: 24px 16px;
		font-size: 18px;
		line-height: 26px;
	}
	.apex-front-page section.apex-lean-cases.apex-section ul {
		padding: 0 16px 8px;
	}
	.apex-front-page ul li {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 16px;
		padding-left: 28px;
	}

	.apex-front-page section.apex-program-mgmt.apex-section {
		padding: 60px 0;
	}
	.apex-front-page section.apex-program-mgmt.apex-section h3.apex-section-title {
		margin-bottom: 24px;
	}
	.apex-front-page section.apex-program-mgmt.apex-section h4 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 24px;
	}
	.apex-front-page section.apex-program-mgmt.apex-section .apex-program-content {
		padding-left: 0;
		padding-top: 24px;
	}

	.apex-front-page section.apex-services.apex-section {
		max-width: calc(100% - 24px);
		padding: 60px 0;
	}
	.apex-front-page section.apex-services.apex-section h4 {
		font-size: 20px;
		line-height: 28px;
		margin: 24px 0 16px;
	}

	.apex-front-page section.apex-lean-packages.apex-section {
		padding: 60px 0 80px;
	}
	.apex-front-page section.apex-lean-packages.apex-section .apex-packages-header h3 {
		margin-bottom: 16px;
	}
	.apex-front-page .apex-package-card {
		padding: 24px 28px;
		border-radius: 24px;
	}
	.apex-front-page .apex-package-card h5 {
		font-size: 13px;
		width: 70px;
		height: 22px;
	}
	.apex-front-page .apex-package-card h3 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 16px;
		padding: 8px 0 32px;
	}
	.apex-front-page .apex-package-card h3:before {
		width: 70px;
		bottom: 16px;
	}
	.apex-front-page .apex-package-card a {
		height: 48px;
		font-size: 13px;
	}
	.apex-front-page .apex-package-content ol li {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	.apex-front-page section.apex-lean-packages.apex-section .row .col-lg-4:nth-child(2) {
		scale: 1;
	}

	.apex-front-page section.apex-philosophies.apex-section {
		max-width: calc(100% - 24px);
		padding: 60px 0;
	}
	.apex-front-page section.apex-philosophies.apex-section h3.apex-section-title {
		margin-bottom: 24px;
	}
	.apex-front-page section.apex-philosophies.apex-section .apex-philosophy-content {
		padding-left: 0;
		padding-top: 24px;
	}

	.apex-front-page section.apex-mission.apex-section {
		padding: 60px 0;
	}
	.apex-front-page section.apex-mission.apex-section h3 {
		margin-bottom: 16px;
	}
	.apex-front-page section.apex-mission.apex-section .apex-mission-content {
		padding: 28px 24px;
	}

	.apex-front-page section.apex-companies.apex-section {
		max-width: calc(100% - 24px);
		padding: 60px 0;
	}
	.apex-front-page section.apex-companies.apex-section h3.apex-section-title {
		margin-bottom: 24px;
	}
		.apex-companies-logos {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}

		/* Make 4th item and all after full width */
		.apex-companies-logos .apex-company-logo-item:nth-child(5) {
		grid-column: 1 / -1;
		}

	.apex-front-page section.apex-about.apex-section {
		padding: 60px 0;
	}
	.apex-front-page section.apex-about.apex-section h6 {
		font-size: 16px;
		line-height: 24px;
		margin: 24px 0;
	}
	.apex-front-page section.apex-about.apex-section p {
		margin-bottom: 24px;
	}
	.apex-front-page section.apex-about.apex-section .apex-about-content {
		padding-left: 0;
		padding-top: 24px;
	}
}

/* ========== Mobile (max-width: 767.98px) ========== */
@media (max-width: 767.98px) {
	.apex-front-page h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.apex-front-page h3 {
		font-size: 26px;
		line-height: 32px;
	}
	.apex-front-page .container .row {
		margin-right: 0;
		margin-left: 0;
	}
	.apex-front-page .container .row > * {
		padding-right: 8px;
		padding-left: 8px;
	}

	.apex-front-page section.apex-hero.apex-section {
		padding: 40px 0 50px;
	}
	.apex-front-page section.apex-hero.apex-section h2 {
		margin-bottom: 12px;
	}
	.apex-front-page section.apex-hero.apex-section p {
		font-size: 15px;
	}

	.apex-front-page section.apex-lean-cases.apex-section {
		max-width: calc(100% - 16px);
		padding: 40px 0;
		border-radius: 16px;
	}
	.apex-front-page section.apex-lean-cases.apex-section h3 {
		margin-bottom: 20px;
	}
	.apex-front-page .apex-case-card {
		border-radius: 16px;
	}
	.apex-front-page .apex-case-card h4 {
		padding: 20px 14px;
		font-size: 16px;
		line-height: 24px;
	}
	.apex-front-page section.apex-lean-cases.apex-section ul {
		padding: 0 14px 6px;
	}
	.apex-front-page ul li {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 12px;
		padding-left: 26px;
	}
	.apex-front-page ul li:after {
		width: 14px;
		height: 10px;
		top: 5px;
	}

	.apex-front-page section.apex-program-mgmt.apex-section {
		padding: 40px 0;
	}
	.apex-front-page section.apex-program-mgmt.apex-section h3.apex-section-title {
		margin-bottom: 20px;
	}
	.apex-front-page section.apex-program-mgmt.apex-section h4 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.apex-front-page section.apex-services.apex-section {
		max-width: calc(100% - 16px);
		padding: 40px 0;
		border-radius: 16px;
	}
	.apex-front-page section.apex-services.apex-section h4 {
		font-size: 18px;
		line-height: 26px;
		margin: 20px 0 12px;
	}

	.apex-front-page section.apex-lean-packages.apex-section {
		padding: 40px 0 60px;
	}
	.apex-front-page section.apex-lean-packages.apex-section .apex-packages-header h3 {
		margin-bottom: 12px;
	}
	.apex-front-page .apex-package-card {
		padding: 20px 20px;
		border-radius: 20px;
	}
	.apex-front-page .apex-package-card h5 {
		font-size: 12px;
		width: 64px;
		height: 20px;
	}
	.apex-front-page .apex-package-card h3 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 12px;
		padding: 6px 0 24px;
	}
	.apex-front-page .apex-package-card h3:before {
		width: 60px;
		bottom: 12px;
	}
	.apex-front-page .apex-package-card a {
		height: 44px;
		font-size: 12px;
		border-radius: 24px;
	}
	.apex-front-page .apex-package-content ol li {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 12px;
		padding-left: 26px;
		left: 0;
	}

	.apex-front-page section.apex-philosophies.apex-section {
		max-width: calc(100% - 16px);
		padding: 40px 0;
		border-radius: 16px;
	}
	.apex-front-page section.apex-philosophies.apex-section h3.apex-section-title {
		margin-bottom: 20px;
	}
	.apex-front-page section.apex-philosophies.apex-section .apex-philosophy-content p {
		font-size: 15px;
	}

	.apex-front-page section.apex-mission.apex-section {
		padding: 40px 0;
	}
	.apex-front-page section.apex-mission.apex-section h3 {
		margin-bottom: 12px;
	}
	.apex-front-page section.apex-mission.apex-section .apex-mission-content {
		padding: 20px 18px;
		border-radius: 16px;
	}
	.apex-front-page section.apex-mission.apex-section .apex-mission-content p {
		font-size: 15px;
	}

	.apex-front-page section.apex-companies.apex-section {
		max-width: calc(100% - 16px);
		padding: 40px 0;
		border-radius: 16px;
	}
	.apex-front-page section.apex-companies.apex-section h3.apex-section-title {
		margin-bottom: 20px;
	}

	.apex-front-page section.apex-about.apex-section {
		padding: 40px 0;
	}
	.apex-front-page section.apex-about.apex-section h6 {
		font-size: 15px;
		line-height: 22px;
		margin: 20px 0;
	}
	.apex-front-page section.apex-about.apex-section p {
		margin-bottom: 20px;
		font-size: 15px;
	}
}

/* ========== Small mobile (max-width: 575.98px) ========== */
@media (max-width: 575.98px) {
	.apex-front-page .container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.apex-front-page h2 {
		font-size: 26px;
		line-height: 34px;
	}
	.apex-front-page h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.apex-front-page .container .row > * {
		padding-right: 8px;
		padding-left: 8px;
	}

	.apex-front-page section.apex-hero.apex-section {
		padding: 32px 0 40px;
	}
	.apex-front-page section.apex-hero.apex-section h2 {
		margin-bottom: 10px;
	}
	.apex-front-page section.apex-hero.apex-section p {
		font-size: 14px;
	}

	.apex-front-page section.apex-lean-cases.apex-section, .apex-front-page section.apex-services.apex-section, .apex-front-page section.apex-philosophies.apex-section, .apex-front-page section.apex-companies.apex-section {
		max-width: calc(100% - 30px);
		padding: 30px 0px;
		border-radius: 12px;
	}
	.apex-front-page section.apex-lean-packages.apex-section {
		padding-bottom: 48px;
	}
	.apex-front-page .apex-section-title {
		font-size: 22px !important;
		line-height: 28px !important;
		margin-bottom: 16px !important;
	}
	.apex-front-page .apex-case-card {
		border-radius: 12px;
	}
	.apex-front-page .apex-case-card h4 {
		padding: 16px 12px;
		font-size: 15px;
		line-height: 22px;
	}
	.apex-front-page .apex-package-card {
		padding: 16px 16px;
		border-radius: 16px;
	}
	.apex-front-page .apex-package-card h5 {
		font-size: 11px;
		width: 56px;
		height: 18px;
		border-radius: 20px;
	}
	.apex-front-page .apex-package-card h3 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
		padding: 4px 0 20px;
	}
	.apex-front-page .apex-package-card h3:before {
		width: 50px;
		bottom: 10px;
	}
	.apex-front-page .apex-package-card a {
		height: 40px;
		font-size: 11px;
		border-radius: 20px;
	}
	.apex-front-page .apex-package-content ol li {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
		padding-left: 24px;
	}
	.apex-front-page .apex-btn-primary {
		padding: 8px 20px;
		font-size: 14px;
	}
	.apex-front-page section.apex-mission.apex-section .apex-mission-content {
		padding: 16px 14px;
		border-radius: 12px;
	}
	.apex-front-page section.apex-about.apex-section h6 {
		font-size: 14px;
		line-height: 20px;
		margin: 16px 0;
	}
	.apex-front-page section.apex-about.apex-section p {
		margin-bottom: 16px;
		font-size: 14px;
	}

}