@media (max-width: 1600px) {

	#popular_slider .f-button.is-arrow,
	#review_slider .f-button.is-arrow,
	#lab_slider .f-button.is-arrow,
	#licence_slider .f-button.is-arrow {
		--f-arrow-pos: -1.25rem
	}

	#portfolio_slider .f-button.is-arrow {
		display: none;
	}

	#portfolio_slider .portfolio_slider_item .f-button.is-arrow {
		display: block;
	}

	#popular_slider .f-button.is-arrow {
		top: 95px;
	}
}

@media (max-width: 1399px) {
	.company-card .text-blue {
		font-size: 2.625rem;
	}

	#popular_slider .f-button.is-arrow,
	#review_slider .f-button.is-arrow,
	#lab_slider .f-button.is-arrow,
	#licence_slider .f-button.is-arrow {
		--f-arrow-pos: -0.625rem
	}
}

@media (max-width: 1199px) {
	#popular_slider {
		--f-carousel-slide-width: calc((100% - 20px) / 3);
	}

	#review_slider {
		--f-carousel-slide-width: calc((100% - 10px) / 2);
	}

	#review_slider .f-button.is-arrow {
		display: none;
	}

	.footer__menu ul {
		-moz-columns: 1;
		columns: 1;
	}
}

@media (max-width: 991px) {
	.header__search-field {
		display: none;
		position: absolute;
		right: 0;
		top: calc(100% + 10px);
		width: 230px;
		z-index: 10;
	}

	.header__search-field {
		background: var(--white);
	}

	.btn-mobile-menu,
	.btn-mobile-close {
		position: relative;
		cursor: pointer;
		width: 2.625rem;
		height: 2.625rem;
	}

	.btn-mobile-menu span {
		display: block;
		height: 2px;
		margin-bottom: 4px;
		border-radius: 2px;
		background-color: var(--white);
	}

	.btn-mobile-menu span:first-child {
		position: relative;
		top: 0;
		-webkit-transition: top .3s .3s, transform .3s 0s;
		-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s;
		width: 15px;
	}

	.btn-mobile-menu span:nth-child(2) {
		opacity: 1;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
		width: 20px;
	}

	.btn-mobile-menu span:last-child {
		margin-bottom: 0;
		position: relative;
		top: 0;
		-webkit-transition: top .3s .3s, transform .3s 0s;
		-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, -webkit-transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s;
		transition: top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s;
		width: 11px;
	}

	.btn-mobile-menu.opened span:first-child {
		top: 6px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: top .3s 0s, transform .3s .3s;
		-webkit-transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
		width: 20px;
	}

	.btn-mobile-menu.opened span:nth-child(2) {
		opacity: 0;
	}

	.btn-mobile-menu.opened span:last-child {
		top: -6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: top .3s 0s, transform .3s .3s;
		-webkit-transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, -webkit-transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s;
		transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
		width: 20px;
	}

	.header__menu {
		position: fixed;
		top: -1000%;
		right: .75rem;
		background-color: var(--white);
		width: 322px;
		overflow-y: auto;
		overflow-x: hidden;
		transition: var(--transition);
		z-index: 100;
		padding: 1.25rem;
		border-radius: .375rem;
	}

	.header__menu.opened {
		top: 1rem;
	}

	.header__menu ul a {
		color: var(--black);
	}

	.header__menu>ul>li>a {
		padding: .25rem 0;
	}

	.header__menu .sub-menu {
		display: none;
		padding-left: 1rem;
		list-style-type: none;
	}

	.banner {
		padding-top: 8.5rem;
	}

	.section {
		padding: 6.25rem 0;
	}

	.company-card {
		min-height: 10.625rem;
	}

	.about-item {
		min-height: 38.75rem;
		position: unset;
		padding-bottom: 1.25rem;
	}

	.service-item:not(.no-hover) .service-item__text {
		transform: translateY(0);
		opacity: 1;
		max-height: 100%;
		overflow: unset;
	}

	.service-item__content {
		background: transparent;
		backdrop-filter: unset;
		height: 100%;
		position: relative;
	}

	.service-item {
		min-height: 16.625rem;
		position: relative;
		overflow: hidden;
	}

	.service-item:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(26, 26, 26, .62);
	}

	.map {
		height: 295px;
	}

	.delivery__map {
		height: 540px;
	}

	#licence_slider,
	#lab_slider {
		--f-carousel-slide-width: calc((100% - 20px) / 3);
	}

	.team__slider {
		--f-carousel-slide-width: calc((100% - 20px) / 3);
	}

	.team__img {
		min-height: unset;
	}

	.team__img img {
		-o-object-fit: unset;
		object-fit: unset;
		height: auto;
	}

	.footer__menu {
		max-width: 100%;
	}

	.footer__menu ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0.625rem;

	}

	.footer__menu ul li {
		margin-bottom: 0;
	}
	.process-line:before {
		display: none;
	}
	.process-item__number {
		width: 70px;
		height: 70px;
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	#popular_slider {
		--f-carousel-slide-width: calc((100% - 10px) / 2);
	}

	#popular_slider .f-button.is-arrow {
		top: 110px;
	}

	.section {
		padding: 5rem 0;
	}

	.accordion__button {
		font-size: 1rem;
	}

	.delivery__map {
		height: 380px;
	}

	.company-card {
		min-height: 8.25rem;
	}

	.team__tabs {
		overflow-x: auto;
		overflow-y: unset;
		min-height: unset;
	}

	.team__btn {
		white-space: nowrap;
	}

	.team__btn.first {
		border-top-right-radius: 0.375rem;
	}
}

@media (max-width: 575px) {
	.header__menu.opened {
		left: .75rem;
		width: auto;
	}

	.banner {
		
	}

	.header__logo img {
		max-width: 9rem;
	}

	.section {
		padding: 3.75rem 0;
	}

	.company-card .text-blue {
		font-size: 2rem;
	}

	.company-card {
		min-height: 6.375rem;
	}

	.about-item {
		min-height: 37rem;
	}

	.section-title {
		margin-bottom: 1.25rem;
	}

	.section-label {
		margin-bottom: .625rem;
	}

	.tabs {
		flex-direction: column;
		gap: 0;
	}

	.tabs__item {
		width: 100%;
	}

	.btn {
		font-size: .875rem;
	}

	#portfolio_slider,
	#review_slider,
	#popular_slider {
		--f-carousel-gap: 0;
		--f-carousel-slide-width: 100%;
	}

	.accordion__body {
		font-size: .875rem;
	}

	.map {
		height: 155px;
	}

	.consultation-form__img {
		aspect-ratio: 1/1;
		object-position: top center;
	}

	.delivery__map {
		height: 170px;
	}

	.lab-item {
		min-height: 8.75rem;
	}

	#licence_slider,
	#lab_slider {
		--f-carousel-slide-width: calc((100% - 10px) / 2);
	}
}