@media only screen and (max-width: 1399px) {
	.back-to-top { right: 20px; }

	.prefooter-bar .logo { margin-left: 0px; }
	.prefooter-bar .back-to-top { right: 20px; }
}

@media only screen and (max-width: 1279px) {
	html, body { font-size: 18px; line-height: 28px; }
	#main-cntr { padding-top: 100px; }
	.wrapper { padding-left: 20px; padding-right: 20px; }

	.header-bar { padding: 20px 0px 15px; }
	.header-bar .logo { width: 200px; }
	.header-bar .wrapper { gap: 90px; }

	.hero-bar .text { padding: 20px 0px 24px; }
	.info-bar .info { max-width: 788px; }
	.hero-bar h1 { font-size: 44px; line-height: 48px; }

	.info-bar .tiles-wrap { font-size: 16px; line-height: 22px; }

	.footer-top-bar .text { max-width: 720px; }
	.prefooter-bar .text { max-width: 720px; }
	.footer-top-bar p { font-size: 16px; line-height: 28px; }
	.prefooter-bar p { font-size: 16px; line-height: 22px; }
}

@media only screen and (max-width: 1023px) {
	html, body { font-size: 16px; line-height: 26px; }
	.header-bar { padding: 15px 0px; }
	.header-bar .wrapper { gap: 50px; }
	.header-bar ul { gap: 20px; }

	.hero-bar .text { padding: 15px 0px 20px; }
	.hero-bar h1 { font-size: 36px; line-height: 40px; }

	.info-bar { padding: 30px 0px 40px; }
	.info-bar .tiles-wrap .repeat { width: 33.33333%; }

	.text-bar { padding: 30px 0px 45px; }
	.text-bar .logo-wrap { padding: 15px 0px 0px; gap: 40px; }
	.text-bar .altruist-logo { width:  130px; }
	.text-bar .sei-logo { width: 70px; }

	.text2-bar { padding: 25px 0px 34px; }	

	.info-bar .wrapper { padding-bottom: 20px; }
	.info-bar.v1 .image { padding: 10px 0px 25px; }

	.prefooter-bar .back-to-top { bottom: 0px; }
}

@media only screen and (max-width: 767px) {
	#main-cntr { padding-top: 95px; }
	.header-bar { padding: 0px; }
	.header-bar .wrapper { padding: 15px 20px; position: relative; justify-content: space-between; align-items: center; }
	.header-bar .logo,
	.header-bar.is-stick .logo { width: 160px; }
	a.menuToggle { display: flex; }
	.header-bar .right { position: absolute; top: 100%; left: 0px; width: calc(100vw); position: absolute; right: -20px; opacity: 0; text-align: center; transition: all 350ms; -webkit-transition: all 350ms; transform: translateX(100%); -webkit-transform: translateX(100%); background: #ffffff; }
	.header-bar .right ul { padding: 35px 0px; margin: 0px; list-style-type: none; font-size: 24px; line-height: 1; text-transform: uppercase; }
	.header-bar .right.is-menu-show { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); }
	.header-bar .right ul li { padding: 0px 0px; width: 100%; }
	.header-bar .right ul li a { padding: 15px 20px; display: block; color: #231f20; text-decoration: none; }
	.header-bar.is-stick { padding: 0px; }

	.hero-bar img { min-height: 420px; object-fit: cover; }
	.hero-bar h1 { font-size: 30px; line-height: 38px; }

	.info-bar .tiles-wrap .repeat { width: 100%; }

	.info-bar.v1 .image { width: 100%; }

	.footer-top-bar p { line-height: 24px; }
	.prefooter-bar .copyright p { font-size: 12px; }
}