/* Main responsive styles */
@media (max-width: 1415px) {
	:root {
		--container-width: 1280px;
	}

	.desktop-header__main {
		padding: 20px;
	}

	.catalog-card__info-value {
		font-size: 16px;
	}

	.catalog-card__grid {
		-ms-grid-columns: 1fr 0.5fr;
		grid-template-columns: 1fr 0.5fr;
	}

	.hero-banner__nav-item {
		padding: 30px 35px;
	}

	.hbi-item__description {
		font-size: 13px;
	}

	.hbi-item__content {
		padding: 40px 25px 95px 50px;
	}

	.catalog__grid {
		grid-gap: 15px;
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(3, 1fr);
	}

	.car-card__info-price {
		font-size: 16px;
	}

	.bf-card__content .btn {
		padding: 0;
		font-size: 11px;
	}

	.bf-card__content {
		margin: -30px 10px 0;
	}

	.gift-card__title {
		font-size: 22px;
	}

	.gift-card__desc {
		font-size: 14px;
	}

	.questions-block:after {
		right: 7%;
	}

	.footer-grid {
		grid-gap: 200px;
	}

	.model-page-form__title {
		font-size: 25px;
	}

	.model-page {
		grid-gap: 20px;
	}

	.model-page-form__grid {
		-ms-grid-columns: 1fr 0.6fr;
		grid-template-columns: 1fr 0.6fr;
	}

	.model-pricing__main {
		font-size: 22px;
	}

	.model-page-form {
		padding: 25px 26px;
	}

	.compare-table__head,
	.compare-item__row {
		-ms-grid-columns: 1fr 220px 222px 237px 250px;
		grid-template-columns: 1fr 220px 222px 237px 250px;
	}

	.model-page-form__heading {
		font-size: 30px;
	}

	.model-tabs__nav {
		gap: 24px;
	}

	.compare-item {
		padding: 7px 15px;
	}
}

@media (max-width: 1280px) {
	.dh-nav-item__icon {
		display: none;
	}

	.catalog-card__links {
		gap: 16px;
	}

	.catalog-card__links-item {
		font-size: 15px;
	}

	.credit-offer__content {
		grid-gap: 30px;
	}

	.credit-offer__total-block__value {
		font-size: 25px;
	}

	.credit-offer__total-block__title {
		font-size: 14px;
	}

	.finance-page-form__base-grid {
		-ms-grid-columns: 305px 1fr;
		grid-template-columns: 305px 1fr;
	}

	.fp-pricing-item__title {
		font-size: 14px;
	}

	.fp-pricing {
		gap: 15px;
	}

	.finance-page-form__futures {
		gap: 28px;
	}

	.finance-steps__divider {
		width: 1%;
		min-width: 1%;
	}

	.finance-steps__card-img {
		width: 100%;
		-o-object-fit: scale-down;
		object-fit: scale-down;
		height: 95px;
	}

	.finance-steps__card-title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.finance-steps__card-text {
		font-size: 14px;
	}
}

@media only screen and (max-width: 992px) {
	:root {
		--container-width: 576px;
	}

	select,
	textarea,
	input {
		font-size: var(--body-font-size);
	}

	.mobile-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 55px;
		background: rgb(255 255 255);
		z-index: 99;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 10px;
		border-bottom: 1px solid #f3f3f3;
	}

	.mobile-header__logo {
		max-width: 135px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.mobile-header__btn {
		width: 45px;
		height: 45px;
		background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 8H20M4 16H12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
		background-position: center;
		background-size: cover;
		background-color: transparent;
		border: none;
		-webkit-transition: all 0.33s ease;
		-o-transition: all 0.33s ease;
		transition: all 0.33s ease;
	}

	.mobile-header__btn.js-gl-toggle-button-active {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.6;
	}

	.mobile-menu {
		position: fixed;
		top: 55px;
		left: -100%;
		width: 98%;
		height: calc(100% - 55px);
		background: #fff;
		z-index: 95;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px;
		gap: 22px;
		-webkit-transition: all 0.33s ease;
		-o-transition: all 0.33s ease;
		transition: all 0.33s ease;
	}

	body {
		padding-top: 55px;
	}

	.mobile-menu__nav {
		display: -ms-grid;
		display: grid;
		grid-gap: 10px;
	}

	.mobile-menu__contacts {
		display: -ms-grid;
		display: grid;
		grid-gap: 10px;
	}

	.mobile-menu__nav-item {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

	.mobile-menu.js-gl-toggle-target-active {
		left: 0;
	}

	.mobile-menu__contacts-link {
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}

	.mobile-header__logo-img {
		width: 100%;
	}

	.mobile-header__logo-svg {
		max-width: 42px;
	}

	.mobile-menu__contacts > *:not(:last-child) {
		border-bottom: 1px solid #f3f3f3;
		padding-bottom: 10px;
	}

	.mobile-menu__contacts-item:last-child {
		font-weight: bold;
		font-size: 14px;
	}

	.mobile-menu__contacts-item:first-child {
		font-size: 14px;
	}

	.desktop-header {
		display: none;
	}

	.mobile-header__contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		font-size: 12px;
		gap: 4px;
	}

	.mobile-header__contacts-link {
		font-weight: bold;
		text-decoration: none;
		font-size: 16px;
	}

	.marks-grid {
		--limit-items: 17;
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px 10px;
	}

	.catalog__grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}

	.footer__marks {
		-ms-grid-columns: (1fr) [4];
		grid-template-columns: repeat(4, 1fr);
	}

	.footer__nav {
		display: none;
	}

	.section {
		padding: 15px 0;
	}

	.section-heading__title {
		font-size: 23px;
		line-height: normal;
	}

	.credit-offer__content {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.footer__info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 20px;
	}

	.footer__info-more {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
	}

	.footer__top {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 15px;
	}

	.footer__marks-link {
		font-size: 12px;
	}

	.section-heading {
		margin-bottom: 15px;
	}

	.hero-banner__img {
		border-radius: 20px;
	}

	.catalog-card__title {
		font-size: 18px;
	}

	.lg-apps {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.lg-apps-card {
		min-height: 175px;
	}

	.ben-price {
		padding: 20px;
		background-image: unset;
	}

	.ben-price__title {
		font-size: 24px;
		line-height: normal;
		margin-bottom: 5px;
	}

	.ben-price__desc {
		font-size: 14px;
		line-height: normal;
	}

	.ben-price__form-row {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}

	.credit-offer {
		padding: 20px;
	}

	.credit-offer__heading {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.credit-offer__form-ranges {
		margin-bottom: 20px;
	}

	.credit-offer__form-inputs {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}

	.credit-offer__form-submit .btn {
		width: 100%;
	}

	.credit-offer__info {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.credit-offer__total {
		padding: 15px;
	}

	.credit-offer__total-title {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.credit-offer__total-block__title {
		font-size: 11px;
	}

	.credit-offer__total-grid {
		grid-gap: 10px;
	}

	.credit-offer__total-block__value {
		line-height: normal;
		font-size: 17px;
	}

	.credit-offer__banks-item {
		height: 28px;
	}

	.credit-offer__banks {
		margin: 10px 0 0;
		gap: 5px;
	}

	.credit-offer__content {
		grid-gap: 15px;
	}

	.catalog-card__grid {
		.catalog-card__grid {
			-ms-grid-columns: 1fr 10px 0.5fr;
			grid-template-columns: 1fr 0.5fr;
		}
		-ms-grid-columns: 1fr 10px 0.6fr;
		grid-template-columns: 1fr 0.6fr;
		grid-gap: 10px;
	}

	.catalog-card__main {
		padding-bottom: 0;
	}

	.catalog-card__thumb-img {
		height: 146px;
	}

	.about__heading {
		font-size: 24px;
	}

	.about {
		grid-gap: 15px;
	}

	.section:last-child {
		padding-bottom: 25px;
	}

	.credit-offer__total:after {
		width: 42px;
		height: 42px;
		background-size: contain;
		background-repeat: no-repeat;
		right: -14px;
		top: -26px;
	}

	.modal-header__asset {
		max-width: 39%;
	}

	.modal-header__title {
		font-size: 24px;
	}

	.modal-header__desc {
		font-size: 12px;
	}

	.modal-header {
		gap: 0;
	}

	.modal__form__inputs-grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.modal-finance .modal-header {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-bottom: 26px;
	}

	.modal-header__car {
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
		height: 120px;
	}

	.modal-header__banner {
		font-size: 14px;
		padding: 0 14px;
		bottom: -134px;
	}

	.model-page {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		padding: 20px;
		border-radius: 22px;
	}

	.model-page__main {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.model-page__main-pricing {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 20px;
		margin: 15px 0 0;
	}

	.model-page__title {
		font-size: 24px;
		line-height: normal;
	}

	.compare-item__row {
		padding: 10px;
	}

	.compare-table__head {
		padding: 0 10px;
	}

	.compare-table__head__col {
		font-size: 11px;
		text-align: center;
	}

	.compare-name__data {
		font-size: 11px;
		padding-right: 19px;
		margin-right: 3px;
	}

	.compare-buttons {
		margin: 0;
		background: unset;
		-ms-grid-column-span: 3;
		grid-column: 3 span;
		padding: 0;
		margin-top: 10px;
	}

	.compare-buttons__inner .btn {
		height: 34px;
		font-size: 14px;
	}

	.compare-price__data {
		font-size: 11px;
		width: 100%;
	}

	.compare-old-price__data {
		font-size: 8px;
		font-weight: 500;
	}

	.compare-name__data:after {
		background-size: contain;
		width: 17px;
		height: 7px;
	}

	.compare-item .main-form-checkbox__checkmark {
		width: 18px;
		height: 18px;
	}

	.compare-description {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
	}

	.compare-description__list-item {
		font-size: 14px;
	}

	.compare-item__hidden-content {
		padding: 15px 0 0;
		font-size: 14px;
	}

	.model-compare-form {
		grid-gap: 20px;
	}

	.compare-table__head,
	.compare-item__row {
		-ms-grid-columns: 39% 30% 31%;
		grid-template-columns: 39% 30% 31%;
	}

	.compare-table__head {
		position: relative;
		z-index: 1;
		margin-bottom: 10px;
	}

	.compare-table__head__col:last-child {
		position: absolute;
		left: 0;
		font-size: 10px;
		top: 1px;
		padding-left: 10px;
	}

	.model-compare-form__section-title {
		font-size: 18px;
		margin-bottom: 0;
	}

	.compare-table__head__col:first-child {
		color: transparent;
	}

	.compare-item__col:not(:first-child),
	.compare-table__head__col:not(:first-child) {
		padding: 0;
	}

	.model-compare-form__section {
		grid-gap: 10px;
	}

	.compare-item__col:nth-child(2) {
		display: none;
	}

	.compare-payment__data {
		font-size: 11px;
		text-align: center;
	}

	.compare-table__head__col:nth-child(2) {
		display: none;
	}

	.compare-payment__data.--hide-mb {
		display: none;
	}

	.compare-payment__data.--show-mb {
		display: block;
		text-align: center;
		width: 100%;
	}

	.breadcrumbs__item {
		font-size: 12px;
	}

	.model-page__top {
		margin-bottom: 15px;
	}

	.mp-price-item__title {
		font-size: 14px;
	}

	.mp-price-item__value {
		font-size: 18px;
	}

	.model-page__main-preview-img {
		height: 165px;
	}

	.model-tabs__nav {
		gap: 10px;
	}

	.model-tabs__nav-item {
		padding: 8px 10px;
		font-size: 10px;
		line-height: normal;
	}

	.model-page__futures {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 18px 17px;
	}

	.mp-future {
		gap: 8px;
	}

	.mp-future__icon {
		width: 30px;
		height: 30px;
	}

	.model-page-form__heading {
		font-size: 23px;
	}

	.model-page-form__heading:after {
		background-size: contain;
		width: 61px;
		height: 83px;
		right: -32px;
		top: -34px;
	}

	.model-page-form__date {
		font-size: 13px;
	}

	.model-page-form__inputs-row {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.model-page-form__desc {
		font-size: 14px;
	}

	.model-page-benefit {
		font-size: 17px;
		line-height: 40px;
	}

	.model-page-form {
		margin: 20px 0 20px;
	}

	.compare-item {
		padding: 0;
	}

	.compare-buttons .btn {
		font-size: 14px;
		height: 40px;
	}

	.model-compare-form {
		gap: 10px;
	}

	.btn.btn_link {
		line-height: normal;
		font-size: 16px;
	}

	.gallery {
		grid-gap: 7px;
	}

	.model-gallery__image {
		border-radius: 14px;
	}

	.catalog-card.catalog-card_custom .catalog-card__main {
		padding-bottom: 15px;
	}

	.page-banner {
		padding: 20px;
		border-radius: 14px;
	}

	.page-banner__content {
		margin: 20px 0 10px 15px;
	}

	.page-banner__title {
		font-size: 24px;
	}

	.page-banner__text {
		font-size: 12px;
		line-height: normal;
	}

	.finance-page-form__main {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		padding: 20px;
		grid-gap: 0;
	}

	.finance-page-form__base-grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.finance-steps__divider {
		display: none;
	}
	.finance-steps__card-img {
		align-self: start;
		height: unset;
	}
	.finance-steps__card-img img {
		width: 100%;
		height: auto;
	}
	.finance-steps__card-img::before {
		font-size: 20px;
	}

	.terms-grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 25px;
	}

	.terms-grid__col {
		width: 100%;
		padding: 0 !important;
	}

	.terms-grid__heading {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.finance-page-form__ranges {
		gap: 20px;
	}

	.finance-car__img {
		height: 160px;
	}

	.fp-benefit {
		font-size: 16px;
		line-height: normal;
		padding: 12px;
	}

	.fp-pricing-item__value {
		font-size: 20px;
	}

	.fp-pricing-item:last-child .fp-pricing-item__value {
		font-size: 17px;
	}

	.banks {
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
	}

	.finance-steps {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.finance-steps__card-img {
		position: absolute;
		top: -10px;
		left: 0;
		bottom: 0;
		max-width: 115px;
		margin-bottom: 0;
	}

	.finance-steps__card {
		position: relative;
		z-index: 1;
		padding-left: 135px;
	}

	.finance-page-form__tradein-grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-bottom: 20px;
	}

	.finance-page-form__tradein-grid + .fp-benefit {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		border-radius: 32px;
	}

	.finance-page-form__tradein-grid .fp-pricing {
		gap: 10px;
	}

	.finance-page-form__aside {
		margin-bottom: 24px;
	}

	.page-contacts__grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin-top: 15px;
	}

	.page-contacts {
		padding: 20px;
	}

	.page-contacts__heading {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.page-contacts__form-title {
		font-size: 18px;
	}

	.page-contacts__main {
		grid-gap: 10px;
	}

	.pc-data-item {
		line-height: normal;
		font-size: 12px;
	}

	.page-contacts__form-desc {
		font-size: 12px;
	}

	.page-contacts__form-inputs {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.page-contacts__ifrmae {
		height: 180px;
	}
}

@media print {
	* {
		background: none !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		-webkit-filter: grayscale(1) !important;
		filter: grayscale(1) !important;
	}
	a {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	a[href="#"],
	a[href="javascript:"] {
		content: "";
	}
}