@media screen and (max-width: 1480px) {
	.font-18,
	.main-btn {
		font-size: 16px;
	}
	.font-16 {
		font-size: 14px;
	}
	.hero-img img {
		height: 70vh;
		object-fit: contain;
		object-position: top;
		/* overflow: hidden; */
	}
	.hero-title {
		font-size: 48px;
	}
	.hero-label {
		font-size: 16px;
		padding: 15px 20px;
	}
	.hero-label1 {
		top: 21px;
		right: -11px;
	}
	.hero-label3 {
		bottom: -10px;
		right: -20px;
	}
	.font-20 {
		font-size: 18px;
	}
	.hero-label2 {
		left: 0px;
	}
}
@media screen and (max-width: 1280px) {
	.custom-container {
		padding-left: calc(50vw - 512px);
		padding-right: calc(50vw - 512px);
	}
	.container {
		width: 1024px;
	}
	.services-block__list-label {
		font-size: 14px;
	}
	.header-nav {
		gap: 14px;
	}
	.header-nav__link {
		font-size: 14px;
	}
	.header-btn {
		font-size: 14px;
		padding: 12px 20px;
	}
	.section-title {
		font-size: 32px;
	}
	:root {
		--header-fix: 100px;
	}
	.hero {
		height: calc(100vh - var(--header-fix) - 15px);
	}
	.hero-btn {
		padding-inline: 35px;
	}
	.hero-label {
		font-size: 14px;
	}
	.section-h3 {
		font-size: 20px;
	}
	.job-item-title {
		font-size: 18px;
	}
	.job-item {
		gap: 16px;
		padding: 20px;
	}
	.review-slide {
		padding: 20px;
	}
	.font-20 {
		font-size: 16px;
	}
	.font-18 {
		font-size: 14px;
	}
	.results-title {
		padding: 20px;
	}
	.section-margin {
		margin-top: 90px;
	}
	.hero-l {
		gap: 80px;
	}
	.services-block__list-label {
		font-size: 12px;
		padding: 6px 8px;
	}
	.services-block {
		gap: 20px;
		padding: 30px;
	}
	.about-r {
		gap: 30px;
		padding-bottom: 30px;
	}
	.about-socials {
		gap: 20px;
		padding-left: 30px;
	}
	.conatcts_l-item {
		gap: 8px;
	}
	.conatcts_l {
		padding: 30px;
		gap: 16px;
	}
	.form-input,
	.form-input::placeholder {
		font-size: 16px;
	}
	.services-form {
		padding: 30px;
	}
	.rates-item {
		padding: 30px;
	}
	.about-l {
		padding: 30px;
	}
	.screening__inner,
	.services-inner,
	.job-inner,
	.rates-inner {
		gap: 32px;
	}
	.contacts__inner,
	.faq__inner {
		gap: 10px;
	}
	.slider-nav {
		margin-top: 30px;
	}
	.screening-block {
		padding: 30px;
		gap: 16px;
	}
}

@media screen and (max-width: 1084px) {
	.container {
		width: 800px;
	}
	.custom-container {
		padding-left: calc(50vw - 400px);
		padding-right: calc(50vw - 400px);
	}
	.header-nav {
		display: none;
	}
	.header-btn {
		display: none;
	}
	.header-burger-wrap {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.hero-title {
		font-size: 32px;
	}
	.hero-img img {
		height: auto;
	}
	.hero-title + p br {
		display: none;
	}
	.main-btn {
		font-size: 14px;
	}
	.hero-label2 {
		bottom: 129px;
		left: -30px;
	}
	.job-head > p {
		width: 57%;
	}
	.main-btn {
		padding-block: 16px;
	}
	.job-grid {
		grid-template-columns: 1fr 1fr;
	}
	.section-h3 {
		font-size: 18px;
	}
	.section-title {
		font-size: 28px;
	}
	.hero-l-heading {
		gap: 18px;
	}
	.section-title {
		margin-bottom: 16px;
	}
	.faq-fix {
		height: 12px;
	}
	.banner-inner {
		gap: 210px;
		padding: 50px 0px;
	}
	.banner-img {
		max-width: 385px;
	}
	.footer-main {
		padding: 50px 0px;
	}
	.footer-social-block,
	.nav-block {
		gap: 16px;
	}
	.footer__logo svg,
	.logo svg {
		width: 150px;
		height: auto;
	}
	.hero-label1 {
		top: 12px;
		right: -33px;
	}
	.rating svg {
		width: 16px;
		height: 16px;
	}
	.mobile-menu {
		display: block;
	}

	.popup__inner {
		width: 768px;
	}
	.popup__inner,
	.popup__inner form {
		gap: 16px;
	}
}

@media screen and (max-width: 840px) {
	.container {
		width: 100%;
		padding: 0px 20px;
	}
	.custom-container {
		padding-left: 20px;
		padding-right: 0px;
	}
	.slider-nav .swiper-slide:last-child > .slide-btn {
		margin-right: 20px;
	}
	.section-margin {
		margin-top: 80px;
	}
	.marquee-scroll svg {
		width: 95px;
	}
	.marquee {
		height: 30px;
	}
	.footer-b-block {
		padding: 20px;
	}
	.footer-top {
		width: calc(100% - 20px);
	}
	.header,
	.hero {
		width: calc(100% - 20px);
		margin: 0px 10px;
	}
	.hero-bg,
	.header {
		border-radius: 20px;
	}
	.banner {
		width: calc(100% - 20px);
		margin-inline: 10px;
	}
	.mobile-menu__inner .container,
	.hero .container,
	.header .container,
	.banner > .container {
		padding: 0px 10px;
	}
	.job-head > p {
		max-width: 462px;
		width: auto;
	}
	.review-slide {
		border-radius: 20px;
	}
	.job-item {
		border-radius: 20px;
	}
	.services-block {
		padding: 20px;
		border-radius: 20px;
		gap: 16px;
	}
	.inputs-wrap {
		gap: 16px;
	}
	.services-block__list-item,
	.services-block__list {
		gap: 16px;
	}
	.services-form {
		padding: 20px;
	}
	.rates-item {
		padding: 20px;
		border-radius: 20px;
	}
	.results-slide {
		border-radius: 20px;
		gap: 20px;
	}
	.slider-tab {
		gap: 16px;
	}
	.about-l {
		padding: 20px;
		border-radius: 20px;
	}
	.about-r {
		gap: 20px;
		padding-bottom: 20px;
		border-radius: 20px;
	}
	.about-socials {
		gap: 16px;
		padding-left: 20px;
	}
	.services-form {
		border-radius: 20px;
	}
	.slide-btn {
		padding: 10px;
		border-radius: 12px;
	}
	.review-img {
		width: 56px;
		height: 56px;
	}
	.main-btn {
		padding-inline: 25px;
	}
	.hero-img {
		width: 95%;
	}
	.hero-label {
		border-radius: 12px;
		padding: 10px;
	}
	.form-input {
		border-radius: 16px;
		padding: 16px 20px;
	}
	.form-input,
	.form-input::placeholder {
		font-size: 14px;
	}
	.section-title {
		font-size: 23.5px;
	}
	.hero-label1 {
		top: 0px;
		right: -15px;
	}
	.hero-label3 {
		right: -5px;
	}
	.services-form,
	.form-wrap form {
		gap: 16px;
	}
	.screening-l {
		border-radius: 20px;
	}
	.screening-block {
		padding: 20px;
		border-radius: 20px;
	}
	.faq {
		border-radius: 20px;
	}
	.about__inner {
		flex-direction: column;
	}
	.about-img img {
		position: relative;
	}
	.about-l,
	.about-r {
		width: 100%;
	}
	.rates-label {
		padding: 6px 8px;
	}
	.about-texts {
		gap: 12px;
	}
	.mobile-menu__inner {
		width: calc(100% - 20px);
		margin: 0px 10px;
	}
	.header-inner {
		padding: 10px 0px;
	}
	.footer__logo svg,
	.logo svg {
		width: 90px;
	}
	:root {
		--header-fix: 80px;
	}
	.faqs {
		gap: 10px;
	}
	.popup__inner {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 660px) {
	.hero-img {
		width: 100%;
	}
	.hero-img img {
		position: relative;
		z-index: 1;
	}
	.hero-inner {
		flex-direction: column;
		justify-content: center;
		gap: 40px;
		padding: 30px 0px;
	}
	.services-l-img {
		display: none;
	}
	.services-self {
		flex-direction: column;
	}
	.services-l,
	.services-r {
		width: 100%;
	}
	.hero {
		height: calc(calc((var(--vh, 1vh) * 100)) - var(--header-fix) - 10px);
		overflow: hidden;
	}
	.hero-l,
	.hero-r {
		display: contents;
	}
	.hero-l-heading p {
		display: none;
	}
	.screening-content {
		flex-direction: column;
		gap: 10px;
	}
	.screening-last-block {
		margin-top: 22px;
	}
	.screening-l,
	.screening-r {
		width: 100%;
	}
	.screening-r {
		gap: 10px;
	}
	.screening-image {
		position: relative;
	}
	.banner-img {
		position: static;
		margin: 0px auto;
		transform: translateX(30px);
	}
	.banner-inner {
		gap: 0px;
		padding: 40px 0px;
		overflow: hidden;
	}
	.banner-inner .section-title {
		margin: 0;
	}
	.banner-btns {
		flex-direction: column;
		gap: 10px;
	}
	.banner-btns .main-btn {
		width: 100%;
	}
	.contacts__blocks {
		flex-direction: column;
	}
	.conatcts_r,
	.conatcts_l {
		width: 100%;
	}
	.conatcts_r img {
		position: relative;
		display: block;
	}
	.marquee-1 {
		transform: rotate(-8.5deg);
	}
	.faq {
		padding: 20px;
	}
	.faq__heading {
		gap: 10px;
	}
	.faq__heading svg {
		width: 24px;
		height: 24px;
	}
	.faqs-contact {
		gap: 10px;
		justify-content: space-between;
	}
	.footer-main {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 50px;
	}
	.footer__logo svg {
		width: 130px;
	}
	.nav-block2 {
		margin-top: calc(0px - calc(50px - 16px));
	}
	.rates-grid,
	.job-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.rates-item:nth-child(1) {
		order: 1;
	}
	.rates-item:nth-child(2) {
		order: 4;
	}
	.rates-item:nth-child(3) {
		order: 2;
	}
	.rates-item:nth-child(4) {
		order: 5;
	}
	.rates-item:nth-child(5) {
		order: 3;
	}
	.last-rate-item {
		order: 6;
	}
	.hero-label1 {
		right: 0;
		z-index: 0;
		transform: translateY(-70%);
	}
	.hero-label2 {
		left: 0;
		bottom: 45%;
		z-index: 2;
	}
	.hero-label3 {
		right: 0;
		z-index: 2;
	}
	.hero-btns {
		flex-direction: column;
		gap: 10px;
		width: 100%;
		order: 1;
	}
	.hero-btn {
		width: 100%;
	}
	.last-rate-item {
		width: 100%;
		margin-top: 22px;
	}
	.form-wrap .main-btn,
	.last-rate-item .main-btn {
		width: 100%;
	}
	.footer-b-block {
		gap: 10px;
		flex-direction: column;
	}

	.burder-btn,
	.social-icon,
	.slider-btn {
		width: 32px;
		height: 32px;
	}
	.social-icon svg,
	.slider-btn svg {
		width: 18px;
		height: 18px;
	}
	.burder-btn svg {
		width: 24px;
		height: 24px;
	}
	.services-form p {
		font-size: 14px;
	}
	.result-img {
		aspect-ratio: 335 / 417;
	}
	.faq h3 {
		font-size: 14px;
	}
	.popup__inner .font-20 {
		font-size: 14px;
	}
	.popup__inner {
		padding: 20px;
	}
	.popup__inner .inputs-wrap {
		grid-template-columns: 1fr;
	}
	.popup__inner .inputs-wrap .last-input {
		grid-column: span 1;
	}
	.popup__inner .main-btn {
		width: 100%;
	}
}