/* ========================================================
	MQ CSS
	AIRCOSTEK © BRAVEBOYS STUDIO
======================================================== */



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

	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}


	/* hero */
	.header--hero--image {
		height: 450px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 1rem 1rem 0rem 1rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 1.75rem;
	}

	.header--hero--body h3 {
		font-size: 1.65rem;
	}

	.header--hero--body .cta--button {
		font-size: 1.5rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 2.25rem;
	}

	.intro--block h2 {
		font-size: 1.5rem;
	}

	.intro--block p {
		font-size: 1.2rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: 0;
	}

	.usp--block p {
		display: none;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 2rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.15rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.15rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 2rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.5rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.25rem;
	}

}



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

	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}


	/* hero */
	.header--hero--image {
		height: 450px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 1rem 1rem 0rem 1rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 1.75rem;
	}

	.header--hero--body h3 {
		font-size: 1.65rem;
	}

	.header--hero--body .cta--button {
		font-size: 1.5rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 2.25rem;
	}

	.intro--block h2 {
		font-size: 1.5rem;
	}

	.intro--block p {
		font-size: 1.2rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 50%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: 0;
	}

	.usp--block p {
		display: none;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 2rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.15rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.15rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 2rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.5rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.25rem;
	}

}


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

	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}

	.nav--link {
		font-size: 1.25rem;
		padding: .5rem .75rem;
	}

	.logo--box.logo--mobile .logo--img--mobile {
		height: 45px;
	}


	/* hero */
	.header--hero--image {
		height: 500px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 2rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2rem;
	}

	.header--hero--body h3 {
		font-size: 1.85rem;
	}

	.header--hero--body .cta--button {
		font-size: 1.5rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 2.25rem;
	}

	.intro--block h2 {
		font-size: 1.5rem;
	}

	.intro--block p {
		font-size: 1.2rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: 0;
	}

	.usp--block p {
		display: none;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 2rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem .5rem;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.15rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.25rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 2rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.3rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.125rem;
	}

}


@media screen and (min-width: 1200px) and (max-width: 1399px) {


	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}

	.logo--box.logo--floating .logo--img--floating {
		height: 160px;
	}

	.logo--box.logo--scrolled .logo--img--scrolled {
		height: 50px;
	}

	.nav--link {
		font-size: 1.4rem;
		padding: .5rem 1.125rem;
	}

	.logo--box.logo--mobile .logo--img--mobile {
		height: 45px;
	}


	/* hero */
	.header--hero--image {
		height: 600px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 2rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2.5rem;
	}

	.header--hero--body h3 {
		font-size: 2rem;
		letter-spacing: 0;
	}

	.header--hero--body .cta--button {
		font-size: 1.5rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 3.5rem;
	}

	.intro--block h2 {
		font-size: 1.75rem;
	}

	.intro--block p {
		font-size: 1.15rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: 0;
	}

	.usp--block p {
		display: none;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner p {
		font-size: 1.125rem;
		line-height: 1.4;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 1.85rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2.25rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 2rem 0;
	}

	.paragraph--block h2 {
		font-size: 1.75rem;
	}

	.paragraph--block p {
		font-size: 1.15rem;
	}

	.paragraph--body {
		padding: 1rem 0;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.15rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.45rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 2rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.4rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

}


@media screen and (min-width: 1400px) and (max-width: 1599px) {


	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}

	.logo--box.logo--floating .logo--img--floating {
		height: 160px;
	}

	.logo--box.logo--scrolled .logo--img--scrolled {
		height: 50px;
	}

	.nav--link {
		font-size: 1.5rem;
		padding: .5rem 1.25rem;
	}

	.logo--box.logo--mobile .logo--img--mobile {
		height: 45px;
	}


	/* hero */
	.header--hero--image {
		height: 625px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 2rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 2.75rem;
	}

	.header--hero--body h3 {
		font-size: 2.125rem;
		letter-spacing: 0;
	}

	.header--hero--body .cta--button {
		font-size: 1.5rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 3.75rem;
	}

	.intro--block h2 {
		font-size: 2rem;
	}

	.intro--block p {
		font-size: 1.2rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.45rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: .5rem;
	}

	.usp--block p {
		display: flex;
		font-size: 1rem;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner p {
		font-size: 1.125rem;
		line-height: 1.4;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 1.85rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2.5rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.2rem;
	}

	.paragraph--body {
		padding: 1rem 0;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.15rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.45rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 2rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.4rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.2rem;
	}

}


@media screen and (min-width: 1600px) and (max-width: 1799px) {


	/* navigation */
	.logo--box.logo--nextpage {
		justify-content: center;
	}

	.logo--box.logo--floating .logo--img--floating {
		height: 180px;
	}

	.logo--box.logo--scrolled .logo--img--scrolled {
		height: 50px;
	}

	.nav--link {
		font-size: 1.5rem;
		padding: .5rem 1.25rem;
	}

	.logo--box.logo--mobile .logo--img--mobile {
		height: 45px;
	}


	/* hero */
	.header--hero--image {
		height: 675px;
	}

	.header--hero--body {
		margin-bottom: 0;
		padding: 2rem;
	}

	.header--hero--body div.hero--logo--box img {
		height: 25px;
		margin-bottom: 4%;
	}

	.header--hero--body h2 {
		font-size: 3rem;
	}

	.header--hero--body h3 {
		font-size: 2.5rem;
		letter-spacing: 0;
	}

	.header--hero--body .cta--button {
		font-size: 1.55rem;
	}


	/* intro */
	.intro--block {
		padding: 4rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 4rem;
	}

	.intro--block h2 {
		font-size: 2rem;
	}

	.intro--block p {
		font-size: 1.2rem;
	}


	/* usp */
	.usp--block {
		padding: 1rem 0;
	}

	.usp--block ul {
		flex-wrap: wrap;
		padding: 1.5rem;
	}

	.usp--block li {
		border-right: none;
		padding: 1rem .5rem;
		flex: 0 0 auto;
		width: 25%;
	}

	.usp--block i {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.usp--block h3 {
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
		margin-bottom: .5rem;
	}

	.usp--block p {
		display: flex;
		font-size: 1rem;
	}


	/* columns */
	.columns--block {
		padding: 3rem 0 5rem 0;
	}

	.columns--wrapper--intro .columns--inner p {
		font-size: 1.125rem;
		line-height: 1.4;
	}

	.columns--wrapper--intro .columns--inner h2 {
		font-size: 2rem;
	}

	.columns--inner .columns--img--wrapper {
		height: 300px;
	}

	.columns--inner h3 {
		font-size: 1.85rem;
	}


	/* columns wide */
	.columns--block.wide--block {
		padding: 4rem 0 3.5rem 0;
	}

	.columns--block .intro--block h2 {
		font-size: 2.5rem;
	}

	.columns--block .intro--block p {
		font-size: 1.2rem;
	}

	.columns--block.wide--block .cta--button {
		font-size: 1.5rem;
	}


	/* paragraph */
	.paragraph--block.homepage {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block {
		padding: 2rem 0 4rem 0;
	}

	.paragraph--block h2 {
		font-size: 2rem;
	}

	.paragraph--block p {
		font-size: 1.2rem;
	}

	.paragraph--body {
		padding: 1rem 0;
	}


	/* cta */
	.cta--block h2 {
		font-size: 2.5rem;
		line-height: 1;
		margin-bottom: .75rem;
	}

	.cta--block h3 {
		color: #666;
		font-size: 1.5rem;
		font-weight: 400;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
	}

	.cta--block {
		align-items: center;
		background-color: #F5F5F7;
		border-top-left-radius: 5rem;
		border-top-right-radius: 5rem;
		display: flex;
		justify-content: center;
		overflow: hidden;
		padding: 4rem 0 2.5rem 0;
		position: relative;
	}


	/* review */
	.review--block {
		padding: 2rem 0rem;
	}


	/* footer */
	.footer--top {
		padding-bottom: 3rem;
	}

	footer .footer--top li.footer--heading h3 {
		font-size: 1.5rem;
	}

	footer .footer--top a.footer--link {
		font-size: 1.25rem;
	}


}


@media screen and (min-width: 1600px) and (max-width: 1999px) {

	.container {
		max-width: 1400px !important;
	}

}

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

	.container {
		max-width: 1600px !important;
	}

}