@media only screen and (max-width: 1440px) {
	section.special .swiper-slide .slide__info {
        top: 6rem;
        flex-direction: column;
        gap: 24px;
    }
	section#spec a.link:first-child {
        border: none;
    }
    
    .left {
        width: 80%;
    }
    
    .left__info a.link {
        font-size: 24px;
    }
    
    .left__info {
        gap: 8px;
    }
    
    p.old {
        font-size: 16px;
    }
    
    .spec__item__element__price {
        gap: 8px;
        font-size: 24px;
    }
    
    .tab {
        padding: 12px 20px;
        font-size: 16px;
    }
    
    button.show-more-btn {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1080px) {
	.container {
		padding: 0 15px;
		gap: 32px;
	}

	section.hero .container {
		padding: 0;
	}

	body {
		font-size: 15px;
	}

	a.avilon img {
		width: 80px;
	}

	a.logo img {
		width: 170px;
	}

	.header__contacts {
		gap: 8px;
	}

	header .container {
		gap: 8px;
	}

	section.model .container {
		max-width: calc(100% - 80px);
	}

	span.status {
		font-size: 14px;
		width: 50px;
		height: 50px;
		top: -30px;
		left: -30px;
	}

	.model__price span.value {
		font-size: 24px;
	}

	.model__benefits__item {
		gap: 6px;
		font-size: 14px;
	}

	.model__info__col.left, .model__info__col.right {
		max-width: 240px;
	}

	.model__benefits {
		gap: 14px;
	}

	.model__benefits__item svg {
		width: 20px;
		height: 20px;
	}

	.model__info__col.right {
		max-width: 200px;
	}

	span.param {
		font-size: 28px;
		line-height: 1.25;
	}

	span.tech {
		font-size: 14px;
	}

	.model__photo__list {
		max-width: 500px;
		max-height: 325px;
	}

	img.model__photo__item {
		max-width: 700px;
	}

	h2.model__name {
		font-size: 64px;
	}

	span.color__name {
		font-size: 10px;
		top: -30px;
	}

	.color {
		width: 40px;
		height: 24px;
	}

	.model__colors__list {
		gap: 10px;
	}

	.model__slider__tab {
		font-size: 16px;
	}

	.model__slider__body__item .arrow svg {
		width: 36px;
		height: 36px;
	}

	.model__slider__body__item .arrow {
		margin-bottom: 43px;
	}

	.model__slider__wrapper {
		padding: 0 60px;
	}

	.model__slider {
		height: 440px;
	}

	.model__slider__info {
		font-size: 14px;
		line-height: 1.5;
		bottom: 60px;
	}

	.model__slider__nav.swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 32px;
		gap: 10px;
	}

	.model__slider__nav.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet {
		width: 40px;
	}

	section.model {
		padding: 60px 0;
	}

	.adv__item {
		padding: 24px 40px;
	}

	h3.adv__title {
		font-size: 20px;
	}

	.adv__text {
		font-size: 14px;
	}

	.adv__item svg {
		width: 120px;
		height: 120px;
	}

	section#spec {
		padding-top: 60px;
	}

	.timer {
		transform: scale(.8);
	}

	p.title {
		font-size: 18px;
	}

	p.text {
		font-size: 14px;
	}

	.form__row {
		gap: 12px;
	}

	input.form__input {
		width: 200px;
	}

	.form__row button {
		padding: 10px 40px;
	}

	.fos__wrapper {
		gap: 20px;
	}

	.qr__wrapper {
		padding: 20px 32px;
	}

	.qr__wrapper img {
		padding: 20px;
	}

	.qr__wrapper p.title {
		font-size: 16px;
		margin: 12px 0 18px 0;
	}

	.qr__list {
		gap: 8px;
	}

	.qr__list p {
		font-size: 14px;
	}

	img.qr__auto {
		max-width: 75%;
	}

	section.test {
		padding: 48px 0;
		height: 500px;
	}

	h2.section__title {
		font-size: 28px;
	}

	.section__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.test__header {
		gap: 24px;
	}

	section.test .container .btn {
		font-size: 14px;
	}

	.partners__slider .swiper-wrapper {
		gap: 12px;
	}

	section.reviews .container {
		padding-left: 20px;
		padding-right: 0;
	}

	.reviews__wrapper {
		gap: 60px;
	}

	.reviews__info img {
		width: 120px;
		height: auto;
	}

	.reviews__info svg {
		width: 120px;
		height: 19px;
	}

	.reviews__info p {
		font-size: 14px;
	}

	.reviews__slider__item__header svg {
		width: 100px;
		height: 18px;
	}

	.reviews__slider__item__header p {
		font-weight: 400;
	}

	.reviews__slider__item {
		max-width: 320px;
		padding: 20px;
		height: 220px;
	}

	.reviews__slider__item__bottom {
		gap: 12px;
	}

	.reviews__slider__item__bottom img {
		width: 36px;
		height: 36px;
	}

	p.name {
		font-size: 14px;
		font-weight: 500;
	}

	.reviews__info {
		height: 220px;
	}

	.reviews__slider__list {
		gap: 10px;
	}

	section.contacts .container {
		padding: 0;
	}

	.map__info {
		left: 20px;
		max-width: 360px;
		padding: 20px;
	}

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

	a.soc__item svg {
		width: 24px;
		height: 28px;
	}

	div#map {
		height: 540px;
	}

	section, section.contacts {
		margin-bottom: 80px;
	}

	.faq__item {
		font-size: 16px;
		padding: 20px 0;
	}

	.faq__item__body__inner {
		font-size: 14px;
		padding-top: 20px;
	}

	footer {
		padding: 40px 0;
	}

	.footer__logos a:nth-child(1) img {
		height: 20px;
	}

	.footer__logos a:nth-child(2) img {
		height: 14px;
	}

	nav.footer__nav {
		margin: 0;
		max-width: max-content;
	}

	.model__price span.old {
		font-size: 18px;
	}

	section.reviews .section__header {
		padding-right: 20px;
	}
}

@media only screen and (max-width: 940px) {
	.model__price span.old {
		font-size: 18px;
	}

	header .address {
		display: none;
	}

	a.phone span {
		display: none;
	}

	.row {
		justify-content: flex-end;
	}

	a.logo img {
		width: 160px;
	}

	header {
		padding: 16px 0 8px 0;
	}

	a.avilon img {
		width: 72px;
	}

	.model__info__col.colors {
		position: initial;
		transform: none;
		width: 100%;
		order: 1;
		gap: 12px;
	}

	.model__info__col.left, .model__info__col.right {
		max-width: calc(50% - 20px);
		order: 2;
	}

	.model__info {
		flex-wrap: wrap;
	}

	.model__tech {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.model__info__col.left {
		gap: 24px;
	}

	.model__btns {
		width: 100%;
	}

	.model__btns .btn {
		width: 100%;
	}

	.color {
		width: 65px;
		height: 25px;
	}

	span.color__name {
		font-size: 12px;
		top: -34px;
	}

	section.model {
		padding: 40px 0;
	}

	.model__slider {
		height: 360px;
	}

	.partners__slider .swiper-slide {
		width: auto;
	}

	.partners__slider .swiper-wrapper {
		gap: 0;
		justify-content: inherit;
	}
}

@media only screen and (max-width: 768px) {
	nav.main {
		display: none;
	}

	header {
		padding: 14px 0;
		height: 60px;
	}

	.burger {
		display: flex;
	}

	span.line {
		width: 30px;
		height: 1px;
		background: #fff;
		transition: all .25s ease;
	}

	.modal.active {
		transform: translateY(0);
	}

	.modal.modal__nav {
		background: #26282e;
	}

	.modal__nav__wrapper {
		width: 100%;
		height: 100%;
		padding: 60px 0px 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		justify-content: space-between;
	}

	nav.modal__nav__menu {
		width: 100%;
	}

	nav.modal__nav__menu ul {
		display: flex;
		flex-direction: column;
	}

	nav.modal__nav__menu ul li a {
		color: #fff;
		display: flex;
		padding: 12px 20px;
		border-bottom: 1px solid #38393d;
		font-size: 14px;
	}

	.modal__nav__control {
		padding: 0 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
	}

	.modal__nav__control .contacts__list {
		margin: 0;
	}

	.fos__wrapper {
		flex-direction: column;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}

	.fos__form {
		align-items: center;
		text-align: center;
		max-width: 100%;
	}

	.reviews__wrapper {
		gap: 10px;
	}

	header .btn {
		display: none;
	}

	a.phone svg {
		width: 20px;
		height: 20px;
	}

	.model__tech {
		gap: 16px;
	}

	span.param {
		font-size: 24px;
	}

	.model__info__col.left, .model__info__col.right {
		max-width: calc(50% - 10px);
	}

	section.model .container {
		max-width: calc(100% - 40px);
		gap: 40px;
	}

	img.model__photo__item {
		max-width: calc(100% - 40px);
	}

	h2.model__name {
		font-size: 48px;
	}

	section.model {
		padding: 32px 0;
	}

	section, section.contacts {
		margin-bottom: 60px;
	}

	.model__slider__wrapper {
		padding: 0;
	}

	.model__slider__body__item .arrow svg {
		width: 28px;
		height: 28px;
	}

	.model__slider__body__item .arrow svg path {
		fill: #fff;
	}

	.model__slider__body__item .arrow.prev {
		left: 10px;
	}

	.model__slider__body__item .arrow.next {
		right: 10px;
	}

	.model__slider {
		height: auto;
		border-radius: 0;
		flex-direction: column;
		gap: 20px;
	}

	.model__slider__info {
		position: initial;
		max-width: 100%;
		color: #000;
		font-weight: 500;
	}

	.model__slider .swiper-slide {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.model__slider .swiper-slide img {
		height: 300px;
		border-radius: 0 0 12px 12px;
	}

	.model__slider__nav.swiper-pagination-bullets.swiper-pagination-horizontal {
		position: initial;
		justify-content: center;
	}

	.model__slider__nav.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet {
		background: #333;
	}

	.model__slider__body__item .arrow {
		margin: 0;
		top: 170px;
	}

	.model__slider__tab {
		font-size: 14px;
	}

	.color {
		width: 48px;
		height: 30px;
	}

	.model__benefits__item {
		font-weight: 400;
	}

	section.model.dark .model__slider__info {
		color: #fff;
	}

	section.model.dark .model__slider__nav.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet {
		background: #fff;
	}

	section.model.dark .arrow svg path {
		fill: #fff;
	}

	.adv__grid {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.adv__item {
		padding: 20px;
		gap: 20px;
	}

	.adv__text {
		min-height: auto;
	}

	.adv__item svg {
		margin: 0;
		width: 100px;
		height: 100px;
	}

	img.qr__auto {
		position: absolute;
		left: auto;
		max-width: 700px;
		left: 180px;
	}

	.qr__wrapper {
		max-width: 260px;
		padding: 24px;
		width: min-content;
	}

	.qr__wrapper img {
		padding: 16px;
	}

	section.test {
		padding: 40px 0;
		height: 420px;
	}

	.map__info {
		position: initial;
		max-width: 100%;
		padding: 0;
	}

	.map__wrapper {
		flex-direction: column;
	}

	div#map {
		height: 400px;
		border-radius: 10px 10px 0 0;
	}

	section.contacts .contacts__list, section.contacts .soc {
		padding: 0 20px;
	}

	.map__info img {
		border-radius: 0;
	}

	h2.section__title {
		font-size: 24px;
	}

	.container {
		gap: 24px;
	}

	.faq__item {
		padding: 16px 0;
	}

	.faq__item__body__inner {
		padding-top: 16px;
	}
	.spec__item__element {
        flex-direction: column;
        gap: 20px;
    }
    
    .slider__wrapper {
        width: 100%;
    }
    
    .left .swiper {
        max-width: 100%;
        height: auto;
    }
    
    .left__info {
        width: 100%;
    }
    
    .spec__item__element__price {
        width: 100%;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 560px) {
	section.model.dark:nth-child(5) {
		border-radius: 0 0 20px 20px;
	}

	section.model::before {
		border-radius: 20px 20px 0 0;
	}

	section.model.dark:nth-child(5)::after {
		border-radius: 20px 20px 0 0;
	}

	a.logo img {
		width: 120px;
	}

	a.avilon img {
		width: 60px;
	}

	h2.model__name {
		font-size: 32px;
	}

	.model__info__col.colors {
		gap: 8px;
	}

	section.model .container {
		max-width: 100%;
	}

	.model__info {
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.model__info__col.left, .model__info__col.right {
		max-width: 100%;
		padding: 0;
	}

	.model__price {
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.model__price span.value {
		width: 190px;
	}

	span.status {
		left: auto;
		transform: translateX(-100px) rotate(15deg);
	}

	.model__btns {
		gap: 10px;
	}

	.model__tech {
		width: 100%;
		gap: 12px;
	}

	.model__tech {
		grid-template-columns: repeat(3, 1fr);
	}

	span.param {
		font-size: 22px;
	}

	span.tech {
		font-weight: 500;
		font-size: 13px;
	}

	.model__slider__tabs {
		display: flex;
		flex-direction: column;
	}

	.model__slider .swiper-slide img {
		height: 240px;
	}

	.model__slider .swiper-slide {
		gap: 14px;
	}

	img.model__photo__item {
	}

	img.model__photo__item {
		max-width: calc(100% + 40px);
	}

	img.model__logo {
		top: 150px;
		z-index: 1;
	}

	.model__colors__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.timer {
		transform: scale(.6);
	}

	.form__row {
		flex-direction: column;
		width: 100%;
	}

	form {
		width: 100%;
	}

	input.form__input {
		width: 100%;
	}

	.section__text {
		font-size: 14px;
	}

	.test__header {
		gap: 20px;
	}

	.reviews__slider__item {
		max-width: calc(100vw - 40px);
	}

	.reviews__wrapper {
		flex-direction: column;
	}

	.reviews__info {
		width: calc(100% - 20px);
		height: auto;
	}

	footer .container {
		flex-direction: column;
	}

    .model__info__col.left {
        padding-top: 24px;
    }

    .modal__nav__control {
        gap: 20px;
    }
    
    nav.modal__nav__menu ul li a {
        padding: 10px 20px;
    }

	.spec__item {
        padding: 10px;
    }
    
    .left__info {
        gap: 0;
    }
    
    .spec__item__element__price {
        gap: 4px;
    }
    
    .left__info a.link {
        font-size: 20px;
    }
    
    p.subtitle {
        font-size: 14px;
    }
    
    .slider__wrapper {
        gap: 10px;
    }
}