@media screen and (max-width: 1680px) and (min-width: 1440px) {
	
	.header-section:before {
		bottom: 13%;
		width: 200px;
	}

	.header-section:after {
		bottom: calc(15% + 77px);
		left: 160px
	}

	.decorated-section:before {
		width: 200px;
		top: 38%;
	}

	.decorated-section:after {
		top: calc(37% + 95px);
		right: 160px;
	}

}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	
	.header-section:before {
		content: unset;
	}
	
	.header-section:after {
		content: unset;
	}

	.decorated-section:before {
		content: unset;
	}

	.decorated-section:after {
		content: unset;
	}

	.product-swiper .swiper-slide {
		margin-top: 0 !important;
	}

}

@media screen and (max-width: 1024px) {

	.mobile-show {
		display: block;
	}

	.desktop-show {
		display: none;
	}

	html {
		font-size: 13px;
	}

	.header-section {
		padding-top: 160px;
		padding-bottom: 80px;
		background-image: none;
	}

	.header-subtitle {
		font-size: 12px;
	}

	.header-title.primary {
		font-size: 24px;
		margin: 0.25em 0;
		line-height: 1.5em;
	}

	.header-title {
		font-size: 24px;
		line-height: 1.5em;
	}

	.header-description {
		font-size: 13px;
		line-height: 20px;
	}

	.swiper {
		margin-top: 40px;
		height: 200px;
		width: 500px;
		z-index: 2;
	}

	.header-section:before {
		right: -30px;
		left: unset;
		transform: scaleX(-1);
		width: 120px;
		height: 90px;
		top: 40%;
		bottom: unset;
	}

	.header-section:after {
		right: 60px;
		left: unset;
		top: calc(36% + 77px);
		animation: glow-m 4s infinite alternate;
	}

	@keyframes glow-m {
		0% {
			box-shadow: 0 0 30px 15px #fff, 0 0 50px 30px #148b9b, 0 0 70px 45px #00b6cd;
			opacity: 0.25;
		}
		40% {
			box-shadow: 0 0 40px 20px #fff, 0 0 60px 35px #148b9b, 0 0 80px 50px #00b6cd;
			opacity: 0.3;
		}
		60% {
			box-shadow: 0 0 40px 20px #fff, 0 0 60px 35px #148b9b, 0 0 80px 50px #00b6cd;
			opacity: 0.3;
		}
		100% {
			box-shadow: 0 0 30px 10px #fff, 0 0 50px 30px #148b9b, 0 0 70px 40px #00b6cd;
			opacity: 0.25;
		}
	}

	section.ignored {
		height: auto;
	}

	.services-wrapper {
		position: relative;
		top: unset;
		transform: unset;
		display: grid;
		overflow: hidden;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
		width: 100%;
	}

	section.ignored:before {
		content: '';
		width: 100%;
		height: 50%;
		background-color: var(--background-color-s);
		display: block;
		position: absolute;
		bottom: 0;
	}

	.services-wrapper .service-card {
		width: 100%;
		padding: 18px 20px;
	}

	.services-wrapper .service-card .title {
		font-size: 16px;
	}

	.services-wrapper .service-card .body {
		font-size: 13px;
		line-height: 20px;
	}

	.services-wrapper .service-card:before {
		width: 20px;
		height: 20px;
	}

	.swiper-pagination.horizontal {
		top: calc(100% + 20px);
	}

	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2px;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.swiper-pagination-bullet-active:before {
		width: 5px;
		height: 5px;
	}

	.swiper-pagination.horizontal .swiper-pagination-bullet:not(:last-child):after {
		width: 4px;
	}

	section:is(.primary, .secondary) {
		padding: 60px 0;
	}

	nltag {
		padding-left: 40px;
	}

	nltag:before {
		width: 50px;
		left: -10px;
	}

	.header-subtitle.decorated:after {
		width: 20px;
		height: 20px;
	}

	.header-data .body {
		font-size: 13px;
		line-height: 20px;
	}

	.header-data .icon {
		width: 15px;
		height: 15px;
	}

	.header-data .icon:after {
		width: 55px;
		height: 55px;
	}

	.header-data {
		gap: 35px;
	}

	.header-image {
		margin-top: 30px;
	}

	.header-image.thin {
		margin-top: 0;
	}

	.statistics-wrapper {
		margin-top: 60px;
	}

	.statistics-wrapper .statistic-card {
		justify-content: start;
	}

	.statistics-wrapper .statistic-card .subtitle {
		font-size: 13px;
		line-height: 20px;
	}

	.statistics-wrapper .statistic-card .counter {
		font-size: 60px;
	}

	.facts-wrapper .fact-card {
		padding: 20px;
	}

	.facts-wrapper .fact-card .icon {
		width: 30px;
		height: 30px;
	}

	.facts-wrapper .fact-card .title {
		font-size: 16px;
	}

	.facts-wrapper .fact-card .body {
		font-size: 13px;
		line-height: 20px;
	}

	.facts-wrapper {
		margin-top: 90px;
		row-gap: 15px;
	}

	.decorated-section:before {
		content: unset;
	}

	.decorated-section:after {
		content: unset;
	}

	.blogs-wrapper {
		margin-top: 18px;
		margin-bottom: 120px;
		row-gap: 100px;
	}

	.contact-wrapper {
		flex-direction: column;
		gap: 20px;
	}

	.contact-wrapper .body {
		font-size: 16px;
	}

	footer {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.footer-left {
		padding-right: 0;
	}

	.footer-left img {
		height: 22px;
	}

	.footer-left .body {
		font-size: 13px;
		line-height: 20px;
	}

	.footer-left .terms {
		font-size: 12px;
		line-height: 20px;
	}

	.footer-right {
		gap: 30px;
		margin-top: 30px;
	}

	.footer-right .data.bordered:after {
		left: 0;
		width: 40px;
		height: 40px;
	}

	.footer-right .data:before {
		left: 13px;
		width: 14px;
		height: 14px;
	}

	.footer-right .data .title {
		font-size: 16px;
	}

	.footer-right .data .body {
		font-size: 13px;
		line-height: 20px;
		text-decoration: none !important;
	}

	.footerB {
		font-size: 10px;
	}

	.bottom {
		font-size: 10px;
		line-height: 25px;
		height: 25px;
	}

	.breadcrumbs-section {
		margin-top: 0;
		padding-top: 160px;
		padding-bottom: 20px;
	}

	.breadcrumbs a, .breadcrumbs {
		font-size: 12px;
	}

	.header-image.about {
		margin-top: 0;
		margin-bottom: 40px;
	}

	.facts-wrapper.thin {
		margin-top: 20px;
	}

	.header-image.tall {
		margin-top: 0;
	}

	.about-wrapper {
		row-gap: 40px;
	}

	.breadcrumbs-title {
		font-size: 24px;
		line-height: 1.5em;
	}

	.breadcrumbs-subtitle {
		font-size: 13px;
		line-height: 20px;
	}

	.services-wrapper.full {
		margin-top: 0;
		padding-top: 15px;
	}

	.product-body {
		margin-top: 0;
		font-size: 13px;
		line-height: 20px;
	}

	.product-swiper .swiper-slide {
		margin-top: 30px;
	}

	section.thin {
		padding-top: 15px;
	}

	.blogs-wrapper.full {
		margin-top: 15px;
		margin-bottom: 120px;
		row-gap: 100px;
	}

	.blog-intro, .blog-content {
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
	}

	.blog-thumbnail {
		margin: 0;
		margin-top: 15px;
		float: unset;
		width: 100%;
	}

	.form-group label:not(.checkboxContainer, .custom-upload) {
		font-size: 12px;
	}

	.form-group :is(input):not(input[type="checkbox"], input[type="file"]) {
		font-size: 13px;
		padding: 15px 20px;
	}

	.checkboxContainer {
		font-size: 13px;
		padding-top: 11px;
	}
	
	.checkboxes-wrapper {
		flex-direction: column;
		row-gap: 0;
	}

	.form-group textarea {
		font-size: 13px;
		padding: 15px 20px;
	}

	.custom-file-upload .custom-upload-text {
		font-size: 10px;
	}

	.checkboxContainer.tiny {
		font-size: 10px;
		padding-top: 14px;
	}

	.custom-file-upload .custom-upload {
		font-size: 13px;
		width: 100%;
		text-align: center;
		padding-right: 25px;
	}

	.custom-file-upload {
		flex-wrap: wrap;
		gap: 10px;
	}

	.custom-file-upload .custom-upload:before {
		width: 18px;
		height: 18px;
	}

	.header-button.padded {
		margin-top: 30px;
	}

}