/* HILCON BE MEDIA QUERY */
/* WEBSITE 2024 © HILCON BE - BRAVE BOYS */


@media (max-width: 768px) {

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		display: none;
	}

	.navbar-toggler.active+.navbar-collapse {
		display: block;
	}

	.nav--link--language {
		padding: 1.25rem !important;
	}

	.navbar-brand img {
		height: 90px;
	}

	.navbar-nav {
		gap: .25rem;
		margin-top: 0rem;
	}

	.image--content--box {
		right: 100px;
		top: -95px;
	}

	.image--content--box img {
		width: 150px;
	}

	header {
		margin-top: -170px;
	}

	section header .hero--content--box {
		padding: 1rem 2rem;
		width: auto;
	}

	main {
		margin-top: 180px;
	}

	.hero--content--box .text--content--box {
		width: 100%;
	}

	.hero--content--box h2 {
		font-size: 2.5rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	section header .hero--container img {
		height: 300px;
	}

	.intro__block {
		padding: 1rem 0 1rem 0;
	}

	.wrapper__intro--content {
		margin-left: 0;
	}

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

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

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

	.logo__block {
		padding: 1rem 0;
	}

	.logo__block--wrapper ul li img {
		height: 150px;
	}

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

	.assortment__block p {
		font-size: 1.1rem;
	}

	.assortment--wrapper .item--image img {
		height: 250px;
	}

	.faq__block {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.faq__block .faq--heading {
		font-size: 1.75rem;
	}

	.features__block {
		padding: 4rem 0;
	}

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

	.features__block p {
		font-size: 1.1rem;
	}

	.faq__block .faq--image img {
		height: 300px;
	}

	.cta__block--top::before {
		clip-path: ellipse(90% 190% at 50% 230px);
	}

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

}


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

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		display: none;
	}

	.navbar-toggler.active+.navbar-collapse {
		display: block;
	}

	.nav--link--language {
		padding: 1.25rem !important;
	}

	.navbar-brand img {
		height: 90px;
	}

	.navbar-nav {
		gap: .25rem;
		margin-top: 0rem;
	}

	.image--content--box {
		right: 100px;
		top: -95px;
	}

	.image--content--box img {
		width: 150px;
	}

	header {
		margin-top: -170px;
	}

	section header .hero--content--box {
		padding: 1rem 2rem;
		width: auto;
	}

	main {
		margin-top: 180px;
	}

	.hero--content--box .text--content--box {
		width: 100%;
	}

	.hero--content--box h2 {
		font-size: 2.5rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	section header .hero--container img {
		height: 300px;
	}

	.intro__block {
		padding: 1rem 0 1rem 0;
	}

	.wrapper__intro--content {
		margin-left: 0;
	}

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

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

	.intro__block h2 {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	.logo__block {
		padding: 1rem 0;
	}

	.logo__block--wrapper ul li img {
		height: 160px;
	}

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

	.assortment__block p {
		font-size: 1.1rem;
	}

	.assortment--wrapper .item--image img {
		height: 285px;
	}

	.faq__block {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.faq__block .faq--heading {
		font-size: 1.75rem;
	}

	.features__block {
		padding: 4rem 0;
	}

	.features__block.shape--bg {
		background-size: 80%;
		background-position: top;
	}

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

	.feature--wrapper h2 {
		font-size: 1.1rem;
	}

	.features__block p {
		font-size: 1.1rem;
	}

	.faq__block .faq--image img {
		height: 300px;
	}

	.cta__block--top::before {
		clip-path: ellipse(90% 190% at 50% 230px);
	}

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

}



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

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		display: none;
	}

	.navbar-toggler.active+.navbar-collapse {
		display: block;
	}

	.nav--link--language {
		padding: 1.25rem !important;
	}

	.navbar-brand img {
		height: 90px;
	}

	.navbar-nav {
		gap: .25rem;
		margin-top: 0rem;
	}

	.image--content--box {
		right: 100px;
		top: -95px;
	}

	.image--content--box img {
		width: 150px;
	}

	header {
		margin-top: -170px;
	}

	section header .hero--content--box {
		padding: 1rem 2rem;
		width: auto;
	}

	main {
		margin-top: 120px;
	}

	.hero--content--box .text--content--box {
		width: 100%;
	}

	.hero--content--box h2 {
		font-size: 2.5rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	section header .hero--container img {
		height: 300px;
	}

	.intro__block {
		padding: 1rem 0 1rem 0;
	}

	.wrapper__intro--content {
		margin-left: 0;
	}

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

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

	.intro__block h2 {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	.logo__block {
		padding: 1rem 0;
	}

	.logo__block--wrapper ul li img {
		height: 120px;
	}

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

	.assortment__block p {
		font-size: 1.1rem;
	}

	.assortment--wrapper .item--image img {
		height: 300px;
	}

	.faq__block {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.faq__block .faq--heading {
		font-size: 1.75rem;
	}

	.features__block {
		padding: 4rem 0;
	}

	.features__block.shape--bg {
		background-size: 80%;
		background-position: top;
	}

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

	.feature--wrapper h2 {
		font-size: 1.1rem;
	}

	.features__block p {
		font-size: 1.1rem;
	}

	.faq__block .faq--image img {
		height: 300px;
	}

	.cta__block--top::before {
		clip-path: ellipse(90% 190% at 50% 230px);
	}

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

}



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

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		display: none;
	}

	.navbar-toggler.active+.navbar-collapse {
		display: block;
	}

	.nav--link--language {
		padding: 1.25rem !important;
	}

	.navbar-brand img {
		height: 90px;
	}

	.navbar-nav {
		gap: .25rem;
		margin-top: 0rem;
	}

	.image--content--box {
		right: 100px;
		top: -95px;
	}

	.image--content--box img {
		width: 150px;
	}

	header {
		margin-top: -170px;
	}

	section header .hero--content--box {
		padding: 1rem 2rem;
		width: auto;
	}

	main {
		margin-top: 100px;
	}

	.hero--content--box .text--content--box {
		width: 100%;
	}

	.hero--content--box .text--content--box {
		margin-bottom: 10px;
	}

	.hero--content--box h2 {
		font-size: 2.75rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	section header .hero--container img {
		height: 300px;
	}

	.intro__block {
		padding: 1rem 0 1rem 0;
	}

	.wrapper__intro--content {
		margin-left: 0;
	}

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

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

	.intro__block h2 {
		font-size: 1.75rem;
		line-height: 1.2;
	}

	.logo__block {
		padding: 1rem 0;
	}

	.logo__block--wrapper ul li img {
		height: 120px;
	}

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

	.assortment__block p {
		font-size: 1.1rem;
	}

	.assortment--wrapper h2.name--tag {
		font-size: 1rem;
	}

	.assortment--wrapper .item--image img {
		height: 300px;
	}

	.faq__block {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.faq__block .faq--heading {
		font-size: 1.75rem;
	}

	.features__block {
		padding: 4rem 0;
	}

	.features__block.shape--bg {
		background-size: 80%;
		background-position: top;
	}

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

	.feature--wrapper h2 {
		font-size: 1.1rem;
	}

	.features__block p {
		font-size: 1.1rem;
	}

	.faq__block .faq--image img {
		height: 300px;
	}

	.cta__block--top::before {
		clip-path: ellipse(90% 190% at 50% 230px);
	}

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

}



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

	.navbar-toggler {
		display: block;
	}

	.navbar-collapse {
		display: none;
	}

	.navbar-toggler.active+.navbar-collapse {
		display: block;
	}

	.nav--link--language {
		padding: 1.25rem !important;
	}

	.navbar-brand img {
		height: 90px;
	}

	.navbar-nav {
		gap: .25rem;
		margin-top: 0rem;
	}

	.image--content--box {
		right: 100px;
		top: -95px;
	}

	.image--content--box img {
		width: 150px;
	}

	header {
		margin-top: -170px;
	}

	section header .hero--content--box {
		padding: 1rem 2rem;
		width: auto;
	}

	main {
		margin-top: 70px;
	}

	.hero--content--box .text--content--box {
		width: 100%;
	}

	.hero--content--box .text--content--box {
		margin-bottom: 0;
	}

	.hero--content--box h2 {
		font-size: 4rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	section header .hero--container img {
		height: 300px;
	}

	.intro__block {
		padding: 1rem 0 1rem 0;
	}

	.wrapper__intro--content {
		margin-left: 0;
	}

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

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

	.intro__block h2 {
		font-size: 1.75rem;
		line-height: 1.2;
	}

	.logo__block {
		padding: 1rem 0;
	}

	.logo__block--wrapper ul li img {
		height: 150px;
	}

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

	.assortment__block p {
		font-size: 1.2rem;
	}

	.assortment--wrapper h2.name--tag {
		font-size: 1.1rem;
	}

	.assortment--wrapper .item--image img {
		height: 300px;
	}

	.faq__block {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.faq__block .faq--heading {
		font-size: 1.75rem;
	}

	.features__block {
		padding: 4rem 0;
	}

	.features__block.shape--bg {
		background-size: 80%;
		background-position: top;
	}

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

	.feature--wrapper h2 {
		font-size: 1rem;
	}

	.features__block p {
		font-size: 1.1rem;
	}

	.faq__block .faq--image img {
		height: 550px;
	}

	.cta__block--top::before {
		clip-path: ellipse(90% 190% at 50% 230px);
	}

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

}




@media (min-width: 1600px) {
	.container.navigation--section {
		max-width: 1500px;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
	.container {
		max-width: 1500px;
	}
}

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