/* ========================================================
	MQ CSS
	GROFALEX © FORWARD STUDIO
======================================================== */



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

	/* FLOATING BUTTONS */
	.quickscan--wrapper,
	.whatsapp--wrapper,
	.contact--wrapper,
	.phone--wrapper {
		bottom: 20px;
		right: 20px;
	}

	.quickscan--button,
	.whatsapp--button,
	.contact--button,
	.phone--button {
		height: 60px;
		width: 60px;
	}

	.quickscan--icon,
	.whatsapp--icon,
	.contact--icon,
	.phone--icon {
		font-size: 1.75rem;
	}

	/* HEADER */
	.header--nav--bar {
		top: 1rem;
		left: 1rem;
		right: 1rem;
	}

	.header--nav--inner {
		padding: 0.75rem 1.5rem;
	}

	.header--logo--left img.company--logo {
		height: 20px;
	}


	/* HEADER - HERO */
	.section--hero {
		height: 500px;
	}

	.section--hero--container {
		height: auto;
	}

	.section--hero--col {
		height: auto;
	}

	.section--hero--image-wrapper {
		height: 500px;
	}

	.section--hero--image {
		height: 500px;
	}

	.section--hero--overlay h2 {
		font-size: 1.65rem;
	}

	.section--hero--overlay h3 {
		font-size: 1rem;
	}

	.section--hero--ctabox button.cta--button {
		font-size: 1.5rem;
		padding: 1rem;
	}

	.section--hero--ctabox button.cta--button2 {
		font-size: 1.5rem;
		padding: 1rem;
	}



	/* INTRO */
	.intro--block {
		padding: 6rem 0 9rem 0;
	}

	.intro--block.next--page {
		padding: 11rem 0 2rem 0;
	}

	.intro--block.lander--page {
		padding: 11rem 0 10rem 0;
	}

	.intro--block.contact--page {
		padding: 11rem 0 3rem 0;
	}

	.intro--block h1 {
		font-size: 2rem;
		line-height: 1.15;
	}

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

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

	.intro--block--button--box button {
		font-size: 1.25rem;
		padding: .75rem 1rem .85rem 1rem;
	}


	/* HERO SLIDER */

	.hero--slider--image {
		height: 300px;
	}

	.hero--slider--item.square,
	.hero--slider--item.portrait,
	.hero--slider--item.landscape {
		width: 100%;
	}



	/* SERVICES */
	.services--element--bird {
		left: 0rem;
		top: -13rem;
	}

	.service--card--inner {
		padding: 2rem;
	}

	.services--element--img {
		max-width: 250px;
	}

	.service--card--inner h2 {
		font-size: 1.5rem;
	}

	.service--card--inner p {
		font-size: 1.125rem;
		line-height: 1.5;
	}


	/* PROJECTS */
	.projecs--block {
		background-color: #FFF;
		padding: 6rem 0 8rem 0;
	}

	.projecs--block li.splide__slide {
		height: 400px;
		width: 100% !important;
	}

	.projecs--block h2 {
		font-size: 1.75rem;
		line-height: 1.4;
	}

	.projecs--block p {
		font-size: 1.15rem;
		line-height: 1.45;
	}

	.projects--button--box button.project--button {
		font-size: 1.25rem;
		padding: .75rem 1rem .85rem 1rem;
	}


	/* MAIN BLOCK - SERVICES DETAIL */
	.main--block {
		padding: 11rem 0 2rem 0;
	}

	.sidebar--block {
		padding: 0 1.5rem;
		margin-bottom: 3rem;
	}

	.content--block {
		padding: 0 1.5rem;
	}

	.sidebar--nav--link {
		font-size: 1.125rem;
		white-space: wrap;
	}

	.sidebar--nav--item {
		margin-bottom: 0.5rem;
	}

	.content--block .intro--block {
		padding: 0 0 3rem 0;
	}

	.content--block .paragraph--body {
		padding: 0;
	}

	.content--block .intro--block h1 {
		font-size: 2rem;
		line-height: 1.2;
	}

	.content--block .intro--block h2 {
		font-size: 1.75rem;
		line-height: 1.2;
	}

	.content--block .intro--block p {
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.content--block .paragraph--block h2 {
		font-size: 1.75rem;
		line-height: 1.2;
	}

	.content--block .paragraph--block p {
		font-size: 1.2rem;
		line-height: 1.5;
	}


	/* PARAGRAPH */
	.paragraph--block {
		padding: 3rem 0;
	}

	.paragraph--body {
		padding: 0;
	}

	.paragraph--block.contact--bottom {
		padding: 3rem 0 3rem 0;
	}

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

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

	.paragraph--block .paragraph--body--image img {
		height: 300px;
	}

	.paragraph--block img.paragraph--img {
		margin-bottom: 1rem;
	}

	.paragraph--button--box button {
		font-size: 1.25rem;
		padding: .75rem 1rem .85rem 1rem;
	}


	/* FAQ */
	.faq--block {
		padding: 4rem 0 4rem 0;
	}

	.section--faq--title {
		font-size: 2rem;
	}

	.faq--question h3 {
		font-size: 1.35rem;
		padding-right: 1rem;
	}


	/* QUICKMENU */
	.quickmenu--card {
		margin-bottom: 1rem;
	}

	.quickmenu--block .row>div:last-child .quickmenu--card {
		margin-bottom: 0;
	}

	.quickmenu--card--inner {
		padding: 2rem;
	}

	.quickmenu--card--inner h2 {
		font-size: 1.75rem;
		line-height: 1.1;
	}

	.quickmenu--card--inner p {
		font-size: 1.125rem;
		line-height: 1.5;
	}


	/* CONTACT-USP */
	.contactusp--block {
		padding: 2rem 0;
	}

	.contactusp--card {
		margin-bottom: 1rem;
	}

	.contactusp--block .row>div:last-child .contactusp--card {
		margin-bottom: 0;
	}

	.contactusp--card--inner {
		padding: 2rem;
	}

	.contactusp--card--inner h2 {
		font-size: 1.75rem;
		line-height: 1.1;
	}

	.contactusp--card--inner p {
		font-size: 1.125rem;
		line-height: 1.5;
	}


	/* LOGO'S */
	.logo--list--item {
		flex: 0 0 50%;
		max-width: 50%;
	}


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

	.review--header span.review--rating--icon i {
		font-size: 1.75rem;
		margin-left: 0px;
	}

	.review--header span.review--name--author {
		font-size: 1.45rem;
	}


	/* CALL TO ACTION */
	.cta--block {
		padding: 3rem 0 3rem 0;
	}

	.cta--block h2 {
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 1.5rem;
	}

	.cta--block p {
		font-size: 1.125rem;
		line-height: 1.4;
		margin-bottom: 1rem;
	}

	.cta--block .cta--button {
		font-size: 1.5rem;
		letter-spacing: -.0125rem;
		padding: 1.25rem 1rem 1.25rem 1rem;
		width: 100%;
	}


	/* FORM */
	.form--wrapper {
		padding: 1.5rem;
	}

	.form--body--inner {
		padding: 2rem;
	}

	.form--body--inner h2 {
		font-size: 1.75rem;
		line-height: 1.2;
	}

	.form--body--inner p {
		font-size: 1.125rem;
		line-height: 1.45;
	}

	.form--body--inner label {
		font-size: 1.125rem;
	}

	.form--body--inner .form-control {
		font-size: 1rem;
	}

	.form--body--inner textarea.form-control {
		font-size: 1rem;
	}

	.form--body--inner .form-select {
		font-size: 1rem;
	}

	.form--body--inner p.footer__details {
		margin-bottom: 1.5rem;
	}

	.form--body--inner button.btn--form {
		font-size: 1.45rem;
		padding: 1rem 1rem 1rem 1rem;
		width: 100%;
	}


	/* FOOTER */
	footer .footer__top .brand--logo--box img.brand--logo {
		height: auto;
		width: 100%;
	}

	footer .footer__top .company--description p {
		font-size: 1.25rem;
		line-height: 1.4;
	}

	footer .footer__top li {
		margin-bottom: .25rem;
	}

	footer .footer__top li.footer--heading h3 {
		font-size: 1.75rem;
	}

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

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

	footer .footer__top p {
		font-size: 1.25rem;
		line-height: 1.4;
	}

	footer .floating--bat {
		display: none;
	}

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








}


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

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

}

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

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

}