@media only screen and (min-width: 1200px) {
	.parent {
		padding: 0;
	}
}

@media only screen and (min-width: 1400px) {
	.nav-item header {
		font-size: 36px;
	}
	.container {
		width: 1100px;
	}
}

@media only screen and (min-width: 1600px) {
	.container {
		width: 1200px;
	}
}

@media only screen and (max-width: 960px) {
	.nav {
		position: relative;
	}
	.hero-area {
		min-height: auto;
		position: relative;
		align-items: flex-start;
	}
	.hero-area .container {
		width: 768px;
		max-width: 100%;
		margin: 0 auto;
		transform: translate(0, 15%);
		padding: 50px;
	}
	.hero-area .logo {
		width: 100%;
		max-width: 500px;
	}
	.inner-container.start {
		background-size: auto 100%;
		background-attachment: scroll;
	}

	.col-2 {
		width: 50%;
	}
	.col-4 {
		width: 100%;
	}
	.col-4 .col-4 {
		width: 50%;
	}
	.col-6 {
		width: 50%;
	}
	.col-twothirds {
		width: 100%;
	}
	.col-twothirds .col-4 {
		width: 50%;
	}
	.smc .smc {
		position: absolute;
		left: 50%;
		top: 0;
	}
	.footer .col-6 {
		width: 100%;
		position: relative;
	}
	.footer .col-6 .contactus {
		width: 50%;
		position: absolute;
		right: 0;
		top: -450px;
	}
	.nav-item.careers,
	.nav-item.updates {
		position: absolute;
		left: 50%;
	}
	.nav-item.careers {
		top: 400px;
	}
	.nav-item.updates {
		top: 800px;
	}
	.nav-item.news,
	.nav-item.avp {
		margin-right: 50%;
	}
	.nav-item:nth-child(2n):not(:nth-child(6n)) + .nav-item {
		float: right;
	}

	.logo {
		text-align: center;
	}

	.logo img {
		height: 20rem;
		margin-right: 0;
	}

	.npc {
		margin-left: 0;
	}
	.npc header {
		padding: 0 !important;
		font-size: 22px;
		text-align: center;
	}

	.npc h3 {
		font-size: 16px;
		text-align: center;
	}
}

@media only screen and (max-width: 768px) {
	.page-overlay {
		padding: 50px 20px;
	}
	.page-overlay .small-container {
		overflow: auto;
		max-height: 100%;
		padding: 30px;
	}
	.page-overlay .data-privacy header {
		font-size: 18px;
	}
	.page-overlay .data-privacy p {
		font-size: 13px;
	}
	.page-overlay .data-privacy .btn {
		width: 100%;
		padding: 10px;
	}

	.has-item a.btn-arrow {
		left: 50px;
		top: 50px;
		bottom: auto;
	}
	.has-item.active + .nav-item {
		margin-left: 50%;
	}
}

@media only screen and (max-width: 560px) {
	.hero-area {
		height: 58vh;
		min-height: 400px;
		background: url(../images/hero-bg.webp) top left;
		background-size: auto 140%;
	}
	.hero-area:after {
		content: '';
		position: absolute;
		display: block;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url(../images/mobile-shadow.png) top center;
		background-size: cover;
		opacity: 0.6;
	}
	.hero-area:before {
		display: none;
	}
	.hero-area .container {
		transform: translate(0, 5%);
		padding: 30px;
	}
	.hero-area .hero-subcopy {
		font-size: 14px;
		margin: 0;
		margin-bottom: 20px;
	}
	.nav-item.careers,
	.nav-item.updates {
		position: relative;
		left: 0;
	}
	.nav-item.careers {
		top: 0;
	}
	.nav-item.updates {
		top: 0;
	}
	.nav-item.news,
	.nav-item.avp {
		margin-right: 0;
	}
	.nav-item {
		transform: translate(0, 0%);
	}
	.nav-item {
		padding: 25px;
		height: 275px;
	}
	.nav-item.y3 {
		height: 305px;
	}
	.nav-item a {
		left: 25px;
		bottom: 25px;
	}
	.nav-item.smc {
		background-size: auto;
	}
	.nav-item header span {
		display: inline;
	}
	.nav-item.agencies section a {
		width: 100%;
	}
	.parent {
		padding: 0;
	}
	.parent .col-4 {
		padding: 25px;
	}
	.col-2 {
		width: 100%;
	}
	.col-4 {
		width: 100%;
	}
	.col-4.col-4 {
		width: 100%;
	}
	.col-4 .fill {
		display: none;
	}
	.col-4 .white {
		background-color: transparent;
	}
	.footer .nav-item {
		height: auto;
		background-color: #f7f7f7;
	}
	.footer .nav-item.has-item {
		height: 275px;
		background-color: #ffdb00;
	}
	.footer .nav-item.has-item a {
		left: 25px;
		bottom: 25px;
		bottom: auto;
	}
	.footer .parent {
		padding: 0;
	}
	.footer .col-6 .contactus {
		height: 275px;
		width: 100%;
		position: static;
	}
	.parent .parent header:after {
		display: none;
	}
	.csr,
	.smc {
		height: 225px;
	}
	.csr .nav-item,
	.smc .nav-item {
		height: inherit;
	}

	.has-item.active + .nav-item {
		margin-left: 0;
	}
	.has-item.active a.btn-arrow {
		left: 7%;
		top: 25px;
	}
	.inner-content {
		width: 85%;
		padding: 35px 0 80px;
	}
	.inner-content .boxes {
		width: 100%;
	}
	.inner-content .img-container {
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.inner-content .content {
		padding: 30px;
	}
	.inner-content h3 {
		font-size: 18px;
		padding: 0 50px;
	}
	.inner-content strong {
		font-size: 35px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.inner-content p {
		font-size: 14px;
		line-height: 24px;
	}
}