@media screen and (max-width: 1440px) {
	:root {
		--container-width: 1200px;
		--section-margin: 100px;
	}

	.why-us__inner {
		padding: 80px 0;
	}
	.why-us__r {
		gap: 60px;
	}

	.why-us__card-text {
		margin-top: 15px;
		font-size: 16px;
	}
	.why-us__card-num,
	.why-us__card-title {
		font-size: 18px;
	}
	:root {
		--why-us-vertical: 25px;
		--why-us-side: 20px;
	}

	.why-us__grid {
		max-width: 550px;
	}
	.why-us__doub {
		max-width: 425px;
	}
	.why-us__title-block {
		max-width: 425px;
	}

	.why-us__title {
		font-size: 42px;
	}
	.my-product-cart__modal p {
		font-size: 16px;
	}
}
@media screen and (max-width: 1220px) {
	:root {
		--container-width: 1024px;
		--section-margin: 100px;
	}
	.hero__title {
		font-size: 22px;
	}
	.banner__title {
		font-size: 34px;
	}
	.banner__content {
		padding: 20px;
	}
	.my-product-cart__row {
		gap: 10px;
		flex-wrap: wrap;
	}
	.my-product-cart-price__discount {
		align-self: center;
	}
	.my-product-cart__image {
		aspect-ratio: auto;
	}
	.why-us__text {
		font-size: 18px;
	}

	.mk-table {
		width: 1200px;
	}
	.mk-table__wrap {
		overflow: auto;
		margin-top: 25px;
	}
}
@media screen and (max-width: 1044px) {
	.swiper-thumbs-wrap {
		margin-bottom: 20px;
		margin-top: 30px;
	}
	:root {
		--container-width: 800px;
		--section-margin: 60px;
	}
	.header__right .lang,
	.header__right .header-search,
	.header__left {
		display: none;
	}
	.menu {
		display: block;
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		position: relative;
	}
	.line {
		fill: none;
		stroke: #000000;
		stroke-width: 3;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 2;
	}
	.line2 {
		stroke-dasharray: 40 94;
		stroke-width: 2;
		stroke-dashoffset: -134;
	}
	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 2;
	}

	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 2;
	}
	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -90;
		stroke-width: 2;
	}
	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 2;
	}

	.burger {
		position: fixed;
		top: 0;
		left: -100vw;
		width: 100vw;
		height: 100vh;
		z-index: 1;
		transition: all 0.4s;
		padding: 70px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.burger-nav {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.burger__inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.header-search input {
		width: 100%;
		border-bottom: 1px solid var(--black-color);
	}
	.header__inner {
		z-index: 2;
	}
	.burger.active {
		left: 0;
	}
	.hero__logo {
		width: 50%;
	}
	.hero__bottom div {
		width: 45%;
	}
	.hero__image {
		width: 60%;
	}
	.title {
		font-size: 32px;
	}
	.banner__title {
		font-size: 26px;
	}
	.catalog__sub_title {
		font-size: 18px;
	}
	.catalog__link {
		font-size: 14px;
	}
	.catalog__list {
		grid-template-columns: repeat(3, 1fr);
	}
	.header-dropdown {
		display: none;
	}
	.header {
		padding: 0;
	}
	.my-product-cart__inner {
		grid-template-columns: 1fr;
	}
	.my-product-cart__image {
		width: 70%;
		aspect-ratio: 1;
	}
	.my-product-cart__isEmpty {
		margin: 10px 0;
	}
	.my-product-cart__counter {
		margin-bottom: 10px;
	}
	.about-customer__text {
		font-size: 16px;
	}
	.about-customer__inner {
		gap: 20px;
	}
	.about-customer__image {
		width: 100px;
		left: -70px;
	}
	.about-customer__text-big {
		font-size: 16px;
	}
	.contact-section__inner {
		gap: 20px;
	}
	.contact-section-social__item {
		font-size: 16px;
	}
	.footer__bottom {
		flex-wrap: wrap;
		gap: 50px;
	}
	:root {
		--why-us-vertical: 15px;
		--why-us-side: 10px;
	}
	.why-us__inner {
		gap: 50px;
	}
	.why-us__r {
		gap: 25px;
	}
	.why-us__link {
		font-size: 16px;
	}
	.why-us__card-text {
		margin-top: 10px;
		font-size: 14px;
	}
	.why-us__card-num,
	.why-us__card-title {
		font-size: 16px;
	}
	.why-us__text {
		font-size: 16px;
	}
	.why-us__title {
		font-size: 36px;
	}
	.why-us__text .why-us__nbsp {
		width: 40%;
	}
	.why-us__inner {
		padding: 40px 0px;
	}
}
@media screen and (max-width: 800px) {
	:root {
		--container-width: 100%;
		--section-margin: 50px;
	}
	.container {
		padding: 0 20px;
	}
	.hero__top {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.hero__title {
		text-align: left;
	}
	.hero__logo {
		width: 100%;
	}
	.banner {
		flex-direction: column;
	}
	.catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.logo {
		width: 120px;
	}
	.my-slider__top {
		align-items: center;
	}
	.min-cart-summ {
		font-size: 18px;
	}
	.my-product-cart__modal p {
		font-size: 14px;
	}
	.my-product-cart {
		margin-bottom: 30px;
	}
	.contact-section__inner {
		grid-template-columns: 1fr;
	}
	.contact-section {
		margin-top: 20px;
	}
	.contact-section__text {
		margin: 10px 0 20px;
	}
	.form__btn {
		margin-top: 10px;
	}
	.input__wrap {
		margin-bottom: 10px;
	}
	.contact-section__item {
		gap: 20px;
	}
	.title {
		letter-spacing: normal;
	}
	.btn-lg {
		padding: 12px 10px;
		font-size: 16px;
	}
	.footer__bottom {
		gap: 20px;
	}
	.footer__item:first-child {
		width: 100%;
	}
	.lang .btn {
		padding: 0 !important;
	}

	.mk-checkout-heading {
		font-size: 26px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	.my-prod-list__left {
		display: none;
	}
	.my-prod-list__inner {
		grid-template-columns: 1fr;
	}
	.my-breadcrumb {
		flex-wrap: wrap;
		gap: 10px;
	}
	.my-breadcrumb li:after {
		position: static;
	}
	.my-breadcrumb li {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.my-prod-list {
		margin-top: 25px;
	}
}
@media screen and (max-width: 600px) {
	.hero__bottom {
		flex-direction: column;
	}
	.hero__bottom div {
		width: 100%;
	}
	.hero__text,
	.hero__subtitle {
		font-size: 14px;
	}
	.hero__inner {
		padding: 100px 20px;
		justify-content: space-between;
	}
	.hero__image {
		width: 80%;
	}
	.hero__title {
		font-size: 18px;
	}
	.banner__title {
		font-size: 20px;
	}
	.banner__link {
		font-size: 16px;
	}
	.title {
		font-size: 18px;
	}
	.catalog__sub_title {
		font-size: 14px;
		margin: 5px 0;
	}
	.catalog__list {
		gap: 20px;
		margin-top: 20px;
	}
	.my-product__link,
	.my-product__price,
	.my-product__title {
		font-size: 14px;
	}
	.my-slider__top {
		margin-bottom: 20px;
	}
	.my-product-cart__image {
		width: 100%;
		aspect-ratio: unset;
	}

	/* ///// */
	.swiper-wrap {
		max-width: calc(100vw - 40px);
	}
	.swiper-thumbs-wrap {
		width: calc(100vw - 40px);
		display: flex;
		justify-content: center;
	}
	.swiper-thumbs .swiper-slide {
		width: 75px;
		height: 75px;
	}
	.my-product-swiper-thumbs {
		/* отключаем дефолтное flex */
		display: inline-flex !important;
		/* width: auto, чтобы ширина равнялась сумме слайдов */
		width: auto !important;
	}

	.my-product-swiper-thumbs .swiper-wrapper {
		display: inline-flex !important; /* inline-flex для центрирования */
	}
	/* ////// */
	.my-product-cart__row {
		gap: 5px;
	}
	.min-cart-summ {
		font-size: 14px;
	}
	.my-product-cart__title {
		font-size: 20px;
	}
	.my-product-cart__black,
	.my-product-cart__isEmpty p,
	.my-product-cart__grey,
	.rate__number,
	.my-product-cart__slug {
		font-size: 14px;
	}
	.my-product-cart__grey {
		font-size: 16px;
	}
	.my-product-cart__bottomm,
	.my-product-cart__counter {
		margin-top: 25px;
	}
	.about-hero__image {
		width: 100%;
		padding: 0 20px;
	}
	.about-hero__title {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.about-hero__image {
		margin-bottom: 25px;
	}
	.about-hero__images {
		grid-template-columns: 1fr;
	}
	.about-customer__inner {
		grid-template-columns: 1fr;
	}
	.about-customer__item img {
		width: 70%;
	}
	.about-customer__item {
		align-items: end;
	}
	.about-customer__image {
		left: 0;
		width: 60%;
	}
	.about-customer__item:nth-child(2) {
		margin-bottom: 60px;
	}
	.instagram__title {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.contact-section__row {
		grid-template-columns: 1fr;
	}
	.contact-section__column {
		gap: 15px;
	}
	.contact-section__black {
		font-size: 14px;
	}
	.footer__bottom {
		flex-direction: column;
		gap: 15px;
		margin-top: 30px;
	}
	.footer__list {
		gap: 5px;
	}
	.footer {
		padding: 30px 0;
	}
	.footer__text {
		margin-bottom: 20px;
	}
	.footer__title {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.btn-lg {
		padding: 11px 50px;
		font-size: 14px;
		width: auto;
	}
}
@media screen and (max-width: 750px) {
	.why-us__inner {
		padding: 30px 0px;
		flex-direction: column;
		gap: 20px;
	}
	.why-us__title-block {
		max-width: unset;
	}
	.why-us__text {
		font-size: 18px;
	}
	.why-us__text .why-us__nbsp {
		display: none;
	}
	.why-us__title-block {
		align-items: flex-start;
		gap: 15px;
	}
	.why-us__title {
		font-size: 32px;
		margin-left: 20px;
	}
	.why-us__doub {
		margin: 0px auto;
	}
	.why-us__grid {
		max-width: unset;
	}

	.mk-bottom-btns {
		flex-direction: column-reverse;
		justify-content: flex-end;
		align-items: flex-end;
		gap: 10px;
	}
}

@media screen and (max-width: 550px) {
	.why-us__text {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%;
	}
	.why-us__title::before {
		width: 6px;
		height: 6px;
		left: -15px;
	}
	.why-us__title {
		font-size: 18px;
		font-style: normal;
		font-weight: 200;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.9px;
		margin-left: 15px;
	}
	.cross__hor,
	.cross__vert {
		display: none;
	}
	.why-us__r {
		width: 100%;
	}
	.why-us__card-content {
		max-width: unset;
	}
	.why-us__grid {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	:root {
		--why-us-vertical: 0px;
		--why-us-side: 0px;
	}
	.why-us__link {
		font-size: 14px;
		font-weight: 600;
	}
	.phone_modal .modal-content__self {
		grid-template-columns: 1fr;
	}
	.modal-black-text,
	.phone__modal-link,
	.modal-title {
		font-size: 14px;
	}
	.modal-content {
		padding: 25px;
	}
}