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



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

	/* navsnap */
	.navsnap--wrapper {
		top: 20px;
		right: 20px;
	}

	.navsnap--button {
		height: 70px;
		width: 70px;
	}

	.navsnap--icon {
		font-size: 2rem;
	}

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

	.header__hero--body {
		margin-bottom: 4%;
		padding: 1.5rem;
	}

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

	.header__hero--body h2 {
		display: flex;
		font-size: 2.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 2.5rem;
	}

	.intro__block h2 {
		font-size: 1.85rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: none;
	}



	/* 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;
	}


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 0;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 1.5rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: column;
	}

}



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

	/* navsnap */
	.navsnap--wrapper {
		top: 20px;
		right: 20px;
	}

	.navsnap--button {
		height: 70px;
		width: 70px;
	}

	.navsnap--icon {
		font-size: 2rem;
	}

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

	.header__hero--body {
		margin-bottom: 4%;
		padding: 1.5rem;
	}

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

	.header__hero--body h2 {
		display: flex;
		font-size: 2.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 2.5rem;
	}

	.intro__block h2 {
		font-size: 1.85rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: none;
	}



	/* 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;
	}


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 0;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 1.5rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: column;
	}

}


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

	/* navsnap */
	.navsnap--wrapper {
		top: 60px;
		right: 30px;
	}

	.navsnap--button {
		height: 60px;
		width: 60px;
	}

	.navsnap--icon {
		font-size: 1.75rem;
	}

	.navbar-brand img.company--logo {
		height: 35px;
	}

	.navbar.sticky--top.scrolled .navbar-brand img {
		height: 35px;
	}

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

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

	.header__hero--body {
		margin-bottom: 4%;
		padding: 1.5rem;
	}

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

	.header__hero--body h2 {
		display: flex;
		font-size: 2.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 2.5rem;
	}

	.intro__block h2 {
		font-size: 1.85rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: none;
	}



	/* 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;
	}


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 12%;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 1.5rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: row;
	}

}


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


	/* navsnap */
	.navsnap--wrapper {
		top: 60px;
		right: 60px;
	}

	.navsnap--button {
		height: 60px;
		width: 60px;
	}

	.navsnap--icon {
		font-size: 1.75rem;
	}

	.navbar-brand img.company--logo {
		height: 35px;
	}

	.navbar.sticky--top.scrolled .navbar-brand img {
		height: 35px;
	}

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

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

	.header__hero--body {
		margin-bottom: 4%;
		padding: 1.5rem;
	}

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

	.header__hero--body h2 {
		display: flex;
		font-size: 2.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 2.5rem;
	}

	.intro__block h2 {
		font-size: 1.85rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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.05rem;
		font-weight: 600;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: none;
	}



	/* 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;
	}


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 12%;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 1.5rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: row;
	}


}


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


	/* navsnap */
	.navsnap--wrapper {
		top: 70px;
		right: 40px;
	}

	.navsnap--button {
		height: 60px;
		width: 60px;
	}

	.navsnap--icon {
		font-size: 1.75rem;
	}

	.navbar-brand img.company--logo {
		height: 35px;
	}

	.navbar.sticky--top.scrolled .navbar-brand img {
		height: 35px;
	}

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

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

	.header__hero--body {
		margin-bottom: 2%;
		padding: 1.5rem;
	}

	.header__hero--body div.hero--logo--box img {
		height: 45px;
		margin-bottom: 2%;
	}

	.header__hero--body h2 {
		display: flex;
		font-size: 3.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 2.5rem;
	}

	.intro__block h2 {
		font-size: 1.85rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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: 3rem;
		margin-bottom: 1.5rem;
	}

	.usp__block h3 {
		font-size: 1.25rem;
		font-weight: 700;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: flex;
		font-size: 1.15rem;
		line-height: 1.35;
	}



	/* 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;
	}


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 0;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 1.5rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: row;
	}


}


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


	/* navsnap */
	.navsnap--wrapper {
		top: 70px;
		right: 40px;
	}

	.navsnap--button {
		height: 60px;
		width: 60px;
	}

	.navsnap--icon {
		font-size: 1.75rem;
	}

	.navbar-brand img.company--logo {
		height: 45px;
	}

	.navbar.sticky--top.scrolled .navbar-brand img {
		height: 45px;
	}

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

	/* hero */
	.header__hero--image {
		height: 700px;
	}

	.header__hero--body {
		margin-bottom: 2%;
		padding: 1.5rem;
	}

	.header__hero--body div.hero--logo--box img {
		height: 45px;
		margin-bottom: 2%;
	}

	.header__hero--body h2 {
		display: flex;
		font-size: 4rem;
		flex-wrap: wrap;
		justify-content: center;
	}

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

	.header__hero--body .cta--button {
		padding: 1.25rem 1.25rem .9rem 1.25rem;
	}


	/* intro */
	.intro__block {
		padding: 4rem 0 1rem 0;
	}

	.intro__block h1 {
		font-size: 3rem;
	}

	.intro__block h2 {
		font-size: 2rem;
	}

	.intro__block p {
		font-size: 1.25rem;
	}


	/* shortcuts */
	.shortcuts__block {
		padding: 0 0 2rem 0;
	}

	.shortcuts__block .shortcut--image-wrapper {
		height: 300px;
	}

	.shortcuts__block .shortcut--title h2 {
		font-size: 2rem;
	}

	.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
		font-size: 2rem;
	}


	/* usp */
	.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: 3rem;
		margin-bottom: 1.5rem;
	}

	.usp__block h3 {
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: -.0125rem;
	}

	.usp__block p {
		display: flex;
		font-size: 1.25rem;
		line-height: 1.35;
	}



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

	.paragraph__block {
		padding: 2rem 0 3rem 0;
	}

	.paragraph__block h2 {
		font-size: 2rem;
	}

	.paragraph__block p {
		font-size: 1.15rem;
	}

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


	/* gallery */
	.gallery__block .gallery--image--wrapper {
		height: 300px;
	}

	.gallery__block .marquee--inner {
		animation: marquee 30s linear infinite;
	}


	/* articles */
	.articles__block {
		padding: 3rem 0;
	}

	.article--heading h3 {
		font-size: 2rem;
	}

	.article--body p {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}


	/* cta */
	.cta__block {
		padding: 4rem 0 3rem 0;
	}

	.cta__block h2 {
		font-size: 2.75rem;
	}

	.cta__block p {
		font-size: 1.25rem;
	}

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


	/* footer */
	footer .footer__top .footer--column--wrapper {
		margin-left: 0;
	}

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__top p {
		font-size: 1.24rem;
	}

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

	footer .footer__top li.footer__heading h3 {
		font-size: 2rem;
	}

	footer .footer__middle .brand--logo--box {
		padding: 1.5rem;
	}

	footer .footer__middle .brand--logo--box img.brand--logo {
		width: 75%;
	}

	footer .footer__bottom ul {
		flex-direction: row;
	}


}


@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;
	}

}