@media (max-width: 1200px) {
	.modal {
		max-width: 950px;
	}

	.modal-info {
		padding: 40px;
		max-width: 500px;
	}

	.modal-heading {
		font-size: 20px;
		max-width: 400px;
	}

	.modal-text {
		font-size: 16px;
		margin-top: 12px;
	}
}

@media (max-width: 1000px) {
	.modal-image {
		display: none;
	}

	.modal {
		max-width: 500px;
	}
}

@media (max-width: 950px) {
	/*.headergrid {*/
	/*  grid-template-columns: 200px 1fr 166px;*/
	/*}*/
	.modal-info-hidden {
		position: relative;
		box-shadow: none;
		top: unset;
		width: 100%;
		grid-column: 1/3;
	}

	.modal-info-hidden ul {
		padding: 0;
	}

	.modal-info-hidden-close {
		display: none;
	}

	.modal-wrap {
		display: block;
	}

	.modal-slider {
		/*width: 100%;*/
		margin: 0 auto;
		width: 430px;
	}

	.modal {
		padding: 60px 0 30px 0;
	}

	.modal-info {
		padding: 0 24px;
	}

	.swiper-slide img {
		/*border-radius: 0;*/
		/*height: 300px;*/
	}

	.phones-container {
		grid-template-columns: 1fr;
	}

	.header .main {
		max-width: 810px;
	}

	.phones-container {
		justify-items: left;
	}

	.fixed__bot {
		width: calc(100% - 30px);
	}

	.promo {
		margin: 0 0 30px 0;
	}

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

	/* .promo__item-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
  }
  .promo__item-link {
    font-size: 14px;
    line-height: 100%;
  }
  .promo__item-link::after {
    width: 10px;
    height: 10px;
    margin: 0px 0 0 6px;
  }
  .promo__item-content {
    bottom: 15px;
    left: 15px;
  } */
}

@media (max-width: 850px) {
	.logostur {
		grid-gap: 15px;
	}

	.tablecell img {
		max-height: 32px;
		max-width: 100px;
	}

	.chatheader {
		padding: 25px;
	}

	.chathead {
		font-size: 22px;
		margin-bottom: 30px;
	}

	h1,
	.title {
		font-size: 33px;
		margin: 35px auto 50px;
		padding: 0 20px;
	}

	/*.headergrid {*/
	/*  grid-template-columns: 200px 1fr 139px;*/
	/*  column-gap: 20px;*/
	/*}*/

	/*.logo {*/
	/*  width: 139px;*/
	/*  height: 42px;*/
	/*}*/

	.phone {
		font-size: 15px;
		line-height: 20px;
	}

	.phonedesc {
		font-size: 12px;
	}

	.advantages {
		grid-template-columns: repeat(2, 1fr);
	}

	.header .main {
		padding: 0 20px;
	}

	.header {
		padding: 15px 0;
	}

	.logogusar {
		font-size: 16px;
	}

	.gusardesc {
		font-size: 12px;
	}
}

@media (max-width: 845px) {
	.promo__scroll {
		overflow: auto;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.headergrid {
		flex-direction: column;
	}

	.logo-block {
		justify-content: center;
	}

	.phone a {
		text-align: center;
	}
}

@media (max-width: 800px) {
	.popup__thanks {
		width: 70%;
	}

	.wingood {
		width: 100%;
		height: 100%;
		margin: 0;
		left: 0;
		top: 0;
		overflow: auto;
		background: #fff;
	}

	.imggood {
		border-radius: 0;
	}

	.descgood {
		border-radius: 0;
	}

	.goodarr1 {
		left: 18px;
		z-index: 10;
		top: 108px;
		margin: 0;
	}

	.goodarr2 {
		right: 18px;
		z-index: 10;
		top: 108px;
		margin: 0;
	}

	.winclose {
		top: 20px;
		right: 20px;
	}
}

@media (max-width: 770px) {
	.headergrid .headergrid__item:nth-child(1) {
		align-self: end;
		margin-right: 0;
	}

	.contacts__container {
		display: grid;
		gap: 10px;
	}

	.washide {
		display: block;
		margin-top: 10px;
	}

	.behide {
		display: none;
	}

	h1,
	.title {
		font-size: 26px;
		margin: 40px auto 20px;
	}

	.title_descr {
		font-size: 20px;
	}

	.chathead {
		font-size: 20px;
	}

	.chatheader {
		padding: 17px 20px 20px;
	}

	.chatcont {
		padding: 20px 10px 100px;
	}

	.mesbot {
		grid-template-columns: 45px 1fr;
		grid-gap: 10px;
		max-width: calc(100% - 10px);
	}

	.mesimg {
		height: 45px;
	}

	.mestext {
		padding: 9px 13px 10px;
		font-size: 14px;
		line-height: 140%;
	}

	.butslink {
		margin-top: 15px;
	}

	.butlink,
	.butlinkshow {
		padding: 8px 15px 10px;
		font-size: 14px;
	}

	.butlinkcountry {
		grid-template-columns: 18px 1fr;
	}

	.flag {
		height: 13px;
		width: 18px;
		margin-top: 4px;
	}

	.datepicker--nav-action {
		height: 30px;
		width: 30px;
		background-size: 8px;
	}

	.datepicker--nav-action:last-child {
		background-position: 12px center;
	}

	.datepicker--nav-title {
		font-size: 14px;
		line-height: 0;
		height: auto;
	}

	.datepicker--nav {
		padding: 7px 25px;
	}

	.datepicker--day-name {
		font-size: 10px;
	}

	.datepicker--days-names {
		margin: 0 0 7px;
		padding: 7px 25px;
	}

	.datepicker--content {
		padding: 0 0 16px;
	}

	.datepicker--cells-days {
		grid-gap: 1px;
	}

	.datepicker--cells {
		padding: 0px 25px;
	}

	.datepicker--cell {
		font-size: 12px;
		padding: 6px;
	}

	.datepicker-inline .datepicker {
		width: 259px;
	}

	.alenaprint {
		padding-left: 67px;
	}

	.butnumber {
		padding: 8px 12px 10px;
		width: 37px;
	}

	/*.inpphone {*/
	/*  margin-top: 0;*/
	/*}*/

	.inptext {
		padding: 13px 20px;
	}

	.butphone {
		padding: 13px 15px 14px;
	}

	.blocksms {
		border-radius: 30px;
	}

	.icosms {
		width: 50px;
		height: 50px;
	}

	.smshead {
		font-size: 24px;
		line-height: 33px;
		margin: 15px 0 25px;
	}

	.smsdesc {
		font-size: 14px !important;
		max-width: 350px;
	}

	.codeword {
		font-size: 18px;
	}

	.contcode {
		grid-template-columns: 115px 1fr;
	}

	.icosuccess {
		width: 45px;
		height: 45px;
		margin-bottom: 18px;
	}

	.blocksuccess {
		padding: 30px;
		max-width: 420px;
	}

	.ssitem {
		margin-right: 15px;
	}

	.descss {
		font-size: 12px;
		margin: 20px 0 15px;
		line-height: 17px;
	}

	.loadcupon {
		font-size: 13px;
		padding: 7px 15px 8px 35px;
		background-position: 18px 12px;
		background-size: 9px;
		bottom: 8px;
		right: 8px;
	}

	.cuponsuccess {
		margin-top: 20px;
	}

	.butinp {
		margin-left: -50px;
	}

	.header {
		padding-bottom: 17px;
		padding-top: 17px;
	}

	/*.logo {*/
	/*  width: 100%;*/
	/*  height: 30px;*/
	/*  background-position: center;*/
	/*}*/

	.logogrid {
		grid-gap: 7px;
		grid-template-columns: 1fr;
		width: 190px;
		display: grid;
		margin: 0 auto;
	}

	.phones-container {
		justify-items: center;
		gap: 10px;
	}

	.phone a {
		text-align: center;
	}

	.logotext {
		border: 0;
		padding: 0;
		text-align: center;
		height: auto;
		margin-top: 8px;
	}

	.phone {
		float: none;
		text-align: center;
		margin-top: 10px;
	}

	.autoslink3 {
		grid-template-columns: 1fr 1fr;
	}

	/*.autocat {*/
	/*  grid-column-end: 3;*/
	/*}*/

	.autocat {
		font-size: 15px;
		padding: 15px 0 2px;
	}

	.priceinfo {
		position: inherit;
	}

	.priceinfoblock {
		left: auto !important;
		right: 0px !important;
		bottom: auto !important;
		top: 181px !important;
		width: 300px;
		font-size: 12px;
		color: #8a9292;
		padding: 11px 15px;
	}

	.chat {
		overflow: hidden;
	}

	.priceinfo2 .priceinfoblock {
		top: 24px !important;
		right: -145px !important;
	}

	.logogusar {
		margin-top: 0;
		text-align: center;
	}

	.advantagetext {
		justify-content: start;
	}

	.gusardesc {
		text-align: center;
	}

	.phonedesc {
		text-align: center;
	}

	.fixed__botitem {
		display: grid;
		grid-template-columns: 45px 1fr 100px;
		gap: 20px;
		position: sticky;
		top: 0;
	}

	.fixed__bot {
		padding: 10px 10px 10px;
		margin-left: -15px;
		width: 100%;
	}

	.bot__post {
		font-size: 12px;
	}

	.fixed__botitem .mesimg::before {
		left: 33px;
	}

	.autoafter {
		font-size: 14px;
		line-height: 148%;
	}

	.fixed__text {
		display: none;
	}

	.fixed__ph::before {
		content: 'Позвонить';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #05141f;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s ease;
	}

	.fixed__btn {
		padding: 0px 15px;
	}

	.bot__name {
		margin-top: 3px;
		font-size: 13px;
		line-height: 130%;
	}

	.bot__post {
		font-size: 12px;
	}

	.logo-block {
		flex-direction: column;
		gap: 0;
	}
}

@media (max-width: 668px) {
	h1 br {
		display: none;
	}
}

@media (max-width: 670px) {
	.popup__thanks {
		width: 90%;
	}

	.blocksms {
		width: calc(100% - 32px);
	}

	.contcode {
		padding: 10px 0 15px;
		grid-template-columns: 1fr;
	}

	.codeword {
		padding-top: 0;
		text-align: center;
	}

	.blocksuccess {
		width: calc(100% - 32px);
	}

	.tablecell img {
		max-height: 24px;
		max-width: 70px;
	}

	.auto-mileage__radio {
		grid-template-columns: 1fr 1fr;
	}

	.blocksuccess .smshead {
		font-size: 22px;
	}

	.popup__thanks {
		padding: 20px;
	}
}

@media (max-width: 650px) {
	.butscountry {
		max-width: 100px;
	}

	.butscountry .butlink {
		white-space: nowrap;
	}

	.ai3 ~ .advantagetext {
		padding-top: 0;
	}
}

@media (max-width: 620px) {
	.autolink {
		padding: 15px;
	}

	.autoname {
		font-size: 16px;
	}

	.autoprice {
		font-size: 13px;
	}

	.autobut {
		font-size: 13px;
		padding: 13px;
	}
}

@media (max-width: 600px) {
	.salon__address {
		display: none;
	}

	.logo img {
		margin-right: 0;
	}

	.logotext {
		text-align: center;
	}

	.flex-block {
		grid-template-columns: repeat(2, 1fr);
	}

	.descagree .agreement-label2 {
		flex-wrap: wrap;
	}

	.logo {
		flex-direction: column;
		justify-content: center;
	}

	.advantages {
		grid-template-columns: 100%;
		gap: 10px;
	}

	.advantages-wrapper {
		display: none;
	}

	.advantages.open {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 11px;
	}

	.advantage-info {
		display: flex;
		align-items: center;
		grid-column: 1/3;
		text-align: left;
	}

	.advantage-image {
		margin: 0 20px 0 0;
	}

	.advantage-text {
		grid-column: 2/3;
		margin: 0;
	}

	.advantage {
		display: grid;
		gap: 10px;
	}

	.advantages-btn {
		display: flex;
	}

	.priceinfo2 .priceinfoblock {
		width: 250px;
		right: 0 !important;
	}

	.autoslink3 .imgauto {
		height: 80px;
		margin-top: 12px;
	}

	.address {
		text-align: center;
	}

	.custom-radio__text,
	.custom-checkbox__text {
		font-size: 14px;
	}

	.model-name {
		width: 100%;
	}

	.custom-checkbox {
		font-size: 0.8rem;
	}

	/* .options-item {
		align-items: flex-start;
		flex-direction: column;
	} */

	.modal-agreement .custom-checkbox__text {
		font-size: 12px;
	}

	.modal-agreement .custom-checkbox {
		padding: 6px 10px 6px 0;
	}

	.modal-heading {
		font-size: 1rem;
	}

	.modal-info {
		padding: 0 16px;
	}

	.modal {
		padding: 20px 0 20px;
	}

	.moreOptions-btn {
		margin-left: auto;
	}

	.profit {
		font-size: 0.8rem;
	}
}

@media (max-width: 570px) {
	.blockcode {
		padding: 10px 40px;
	}

	.imggood {
		height: 220px;
	}

	.goodarr {
		top: 92px;
	}
}

@media (max-width: 560px) {
	.butdealer {
		width: 100%;
	}
}

@media (max-width: 550px) {
	h1,
	.title {
		font-size: 22px;
		margin: 24px auto 30px;
		padding: 0 14px;
	}

	.title_descr,
	.promo .title_descr {
		font-size: 20px;
		line-height: 140%;
		margin-bottom: 22px;
		padding: 0 10px;
	}

	.tablecell img {
		max-height: 22px;
		max-width: 65px;
	}

	.logostur {
		grid-gap: 12px;
	}

	.chathead {
		font-size: 15px;
		line-height: 145%;
		margin-bottom: 15px;
	}

	.chatheader {
		padding: 13px 20px 5px;
	}

	.chathead {
		font-size: 15px;
		line-height: 145%;
		margin-bottom: 10px;
	}

	.autoslink {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.promo__item img {
		height: 250px;
		object-fit: cover;
	}

	.logo-block {
		flex-direction: column;
		gap: 10px;
	}

	.logotext br {
		display: none;
	}

	.modal-slider {
		width: 100%;
	}

	.swiper-slide img {
		border-radius: 0;
	}

	.thanks {
		padding: 37px 20px 30px !important;
		width: 100% !important;
	}

	.chatheader {
		padding: 15px 20px 13px;
	}

	.blockcode {
		padding: 10px 20px;
	}

	.advantagetext {
		font-size: 13px;
	}

	.header {
		padding-bottom: 15px;
		padding-top: 12px;
	}

	.autoslink3 {
		grid-template-columns: 1fr;
	}

	.autocat {
		grid-column-end: 2;
	}

	.priceinfoblock {
		top: 170px !important;
	}
}

@media (max-width: 490px) {
	.tablecell img {
		max-height: 18px;
		max-width: 55px;
	}
}
@media (max-width: 460px) {
	.cookie-block {
		right: 50%;
		left: 50%;
		transform: translate(-50%, 20px);
		max-width: 95vw;
		width: 95vw;
		border-radius: 12px;
		bottom: 24px;
		padding: 15px 15px 12px 15px;
		font-size: 13px;
		line-height: 1.3;
		display: none;
	}
	.cookie-block.cookie-visible {
		transform: translate(-50%, 0);
	}
	.cookie-ok {
		border-radius: 8px;
		padding: 6px 50px 6px 50px;
		font-size: 14px;
		width: 100%;
	}
	.policy-mob {
		display: block;
		text-decoration: underline;
		margin-top: 5px;
		text-align: center;
	}

	.policy-mob a {
		color: #fff;
	}
	.moreOptions-btn {
		background-color: #202430e5;
	}
	h1,
	.title {
		margin: 5px auto 30px;
	}
	.alenaprint {
		margin-bottom: -25px;
	}
	.alenaprint {
		margin-top: 4px;
	}

	.purchase {
		display: none;
	}
	.profit-br {
		display: inline;
	}

	body {
		background-image: url('../img/msg_bg.svg');
		background-color: #ece6df;
	}

	.fixed-crossbrowser-background {
		display: none;
	}

	.fixed__bot {
		display: none;
	}

	.main {
		margin-top: 67px;
	}

	.inpphone,
	.butphone {
		width: 100%;
	}

	body {
		padding: 0px 10px;
	}

	.chatcont {
		padding: 0 10px 100px;
	}

	.tablecell img {
		max-height: 13px;
	}

	.thanks {
		padding: 25px 20px 25px !important;
	}

	.ssitem {
		margin-right: 20px;
		height: 35px;
		width: 35px;
	}

	.smsdesc {
		padding: 0 20px;
	}

	.smshead {
		font-size: 21px;
		margin: 15px 0 20px;
	}

	.icosuccess {
		width: 40px;
		height: 40px;
		margin-bottom: 0;
	}

	.imggood {
		height: 165px;
	}

	.goodarr {
		top: 65px;
	}

	.winclose {
		top: 10px;
		right: 18px;
	}

	.divpricegood {
		display: grid;
		grid-gap: 20px;
	}

	.pricegood {
		margin: 0;
		text-align: center;
	}

	.fixed__bot {
		padding: 10px 10px 10px;
		margin-left: -10px;
	}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		max-width: 100%;
		display: none;
		background-color: rgba(38, 40, 47, 0.9);
		margin: 0;
		padding: 0;
	}

	.header-inner {
		transition: transform 0.3s;
		transform: translateY(-100%);
		padding: 25px 20px 70px;
		background-color: #202430;
		border-radius: 0 0 30px 30px;
	}

	.header__show .header-inner {
		transform: translateY(0);
	}

	.header-inner .logo {
		flex-direction: row;
	}

	.header-inner .logotext {
		max-width: none;
		color: #fff;
		text-align: center;
		font-feature-settings: 'case' on;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 10px;
	}

	.header-inner .phone a {
		color: #fff;
		text-align: center;
		font-feature-settings: 'case' on;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.2px;
	}

	.header-inner .phone .address {
		color: #697279;
		text-align: center;
		font-feature-settings: 'case' on;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.header__close {
		display: block;
		text-align: right;
		outline: none;
		border: none;
		background: none;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.header .main {
		margin-top: 0;
		gap: 20px;
	}

	.header__mobile {
		width: 100vw;
		margin-left: calc((-100vw + 100%) / 2);
		margin-right: calc((-100vw + 100%) / 2);
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
		padding: 10px 15px;
		background: #202430;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.header__mobile-logo {
		margin: 0 5px 0 0;
	}

	.header__mobile-logo img {
		width: 130px;
	}

	.header__mobile-tel {
		text-decoration: none !important;
		color: #fff;
		font-weight: 600 !important;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: -0.2px;
		margin: 0 0 0 auto;
	}

	.header__mobile-btn {
		outline: none;
		background: none;
		border: none;
		position: relative;
		/* margin: 0 0 0 25px; */
		padding: 15px;
	}

	.header__mobile-btn span {
		position: absolute;
		background-color: #fff;
		top: 50%;
		left: 50%;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.header__mobile-btn span::before {
		content: '';
		top: 0;
		left: 7px;
		position: absolute;
		background-color: #fff;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.header__mobile-btn span::after {
		content: '';
		top: 0;
		left: -7px;
		position: absolute;
		background-color: #fff;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.sale {
		position: relative;
		padding: 0 0 70px 0;
		margin: 0 0 -30px 0;
		height: 320px;
		overflow: hidden;
		background-color: #1d1d1d;
		width: 100vw;
		margin-left: 50%;
		transform: translateX(-50%);
		/* margin: 0 auto; */
		text-align: center;
		font-feature-settings: 'case' on;
	}

	.sale h1 {
		max-width: 370px;
		color: #fff;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%;
	}

	.sale .title_descr {
		color: #fff;
		max-width: 320px;
		margin: -15px auto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
	}

	.chatheader {
		display: none;
	}

	.chat {
		position: relative;
		background-image: url(../img/msg_bg.jpg);
		background-repeat: repeat;
		background-size: contain;
		background-color: #ece6df;
		width: 100vw;
		margin-left: calc((-100vw + 100%) / 2);
		margin-right: calc((-100vw + 100%) / 2);
		padding: 20px 0 0 0;
	}

	.mestext {
		box-shadow: none;
		color: #000;
		font-feature-settings: 'case' on;
		font-size: 16px;
		box-shadow: none;
		font-style: normal;
		font-weight: 400;
		border-radius: 18px;
		/* 111.111% */
	}

	.submit-options {
		font-size: 18px;
		color: #000;
	}

	.cash2 {
		font-size: 18px;
	}

	.mesbot-inner {
		background-color: #fff;
		border-radius: 18px;
		padding: 10px 10px 8px 10px;
		margin-top: 4px;
		margin-bottom: 0px;
	}

	.agreement-label,
	.agreement-label2 {
		color: #000;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		/* 25.2px */
	}

	.butlinkact {
		color: #fff !important;
		background-color: #3b73bb !important;
	}

	.agreement-label::before,
	.agreement-label2::before {
		width: 18px;
		height: 18px;
		border: 1px solid #d6d6d6;
	}

	.checkbox__choose:checked ~ label::before {
		border: 1px solid #3b73bb;
	}

	.mesuser .message-date {
		padding: 0 19px 0 0;
		color: #fff;
	}

	.mesuser-check {
		position: relative;
	}

	.mesuser-check::before {
		display: block;
		content: '';
		position: absolute;
		right: -20px;
		bottom: 0;
		top: 0;
		margin: auto 0;
		width: 15px;
		height: 14px;
		background-image: url(../img/check-msg.svg);
		background-repeat: no-repeat;
	}

	.mesuser .message-date {
		padding: 3px 19px 0 0;
	}

	.butlink {
		color: #000;
		font-feature-settings: 'case' on;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		/* 111.111% */
	}

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

	.colors-inner {
		border-radius: 18px;
		background: #fff;
		padding: 10px;
	}

	.autoafter {
		display: none;
	}

	.message {
		margin-top: 4px;
	}

	.mesbot[data-mesbot='10'] .mescont {
		max-width: 255px;
	}

	/* .message:not(:first-child):nth-child(n + 1) .mesimg {
    opacity: 1;
    margin-top: auto;
  } */

	.mescont {
		position: relative;
	}

	/* .mesbot:not(:first-child):nth-child(n + 1) .mescont::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -6px;
    width: 26px;
    height: 21px;
    background-image: url(../img/msg-angle.svg);
    background-repeat: no-repeat;
    z-index: -1;
  } */

	.mesbot .mescont::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url(../img/msg-angle.svg);
		background-repeat: no-repeat;
		z-index: -1;
	}

	.mesuser:not(:first-child):nth-child(n + 1) .mescont {
		position: relative;
	}

	.mesuser:not(:first-child):nth-child(n + 1) .mescont::after {
		content: '';
		position: absolute;
		bottom: -1px;
		right: -6px;
		width: 26px;
		height: 21px;
		background-image: url(../img/msg-angle-user.svg);
		background-repeat: no-repeat;
		z-index: -1;
	}

	/* .message[data-mesbot="0"] .mesimg {
    opacity: 0 !important;
  }

  .message[data-mesbot="0"] .mescont::before {
    display: none;
  } */

	.message[data-mesbot='1'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='1'] .mescont::before {
		display: none;
	}

	.message[data-mesbot='0'] .mesimg {
		opacity: 1 !important;
		margin: auto 0 0 0;
	}

	.message[data-mesbot='2'] .mesimg {
		opacity: 1 !important;
		margin: auto 0 0 0;
	}

	.message[data-mesbot='3'] .mesimg {
		opacity: 1 !important;
		margin: auto 0 65px 0;
	}

	.message[data-mesbot='3'] .mescont::before {
		bottom: 53px;
	}
	.message[data-mesbot='4'] .mescont::before {
		bottom: 0px;
	}
	.message[data-mesbot='5'] .mescont::before {
		bottom: 53px;
	}

	/* .message[data-mesbot='8'] .mescont::before {
		bottom:53px;
	} */

	.mesbot[data-mesbot='8'] .mescont::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url(../img/msg-angle.svg);
		background-repeat: no-repeat;
		z-index: -1;
		top: 20px;
	}

	.message[data-mesbot='4'] .mesimg {
		opacity: 1 !important;
		margin: auto 0 0 0;
	}

	.message[data-mesbot='5'] .mesimg {
		opacity: 1 !important;
		margin: auto 0 65px 0;
	}

	.message[data-mesbot='8'] .mesimg {
		opacity: 1 !important;
	}

	.message[data-mesbot='6'] .butlinkact {
		background-color: #3b73bb !important;
		color: #fff !important;
	}

	.message[data-mesbot='6'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='6'] .mescont::before {
		display: none;
	}

	.message[data-mesbot='7'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='7'] .mescont::before {
		display: none;
	}
	/* .message[data-mesbot='8'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='8'] .mescont::before {
		display: none;
	} */

	.message[data-mesbot='9'] .mesimg {
		margin: -5px 0 0 0;
		opacity: 1 !important;
	}

	.message[data-mesbot='9'] .mescont::before {
		top: 20px;
	}

	/* .message[data-mesbot="8"] .mestext {
    margin: 20px 0 0 0;
  } */

	.butphone {
		max-width: 255px;
		padding: 17px 50px;
	}

	.mesuser {
		margin-top: 20px !important;
		margin-bottom: 20px;
	}

	.recall-btn {
		color: #000;
		font-family: 'MuseoSansCyrl', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 100%;
		padding: 6px 5px;
		/* 18px */
	}

	.recall-btn::before {
		border: 1px solid #d6d6d6;
		width: 18px;
		height: 18px;
	}

	.recall-btn.active::before {
		border: 1px solid #3b73bb;
	}

	.autoslink {
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 4px;
		margin-bottom: 0px;
	}

	.autolink {
		padding: 5px;
	}

	.autoname {
		/* height: 45px; */
		color: #000;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 22px */
	}

	.profit {
		color: #fff;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		border-bottom: none;
		/* max-width: 130px; */
		/* 18.2px */
	}

	.profit-title {
		font-size: 12px;
		padding: 2px 6px;
	}

	.autoslink3 .imgauto {
		margin-top: 29px;
	}

	.soldOut {
		padding: 5px;
		box-shadow: none;
		border: none;
		opacity: 0.7;
		background: #fff;
	}

	.soldOut::before {
		display: none;
	}

	.soldOut::after {
		right: 0px;
		left: 0;
		margin: 0 auto;
		padding: 4px 12px;
		text-align: center;
		width: 100px;
	}

	.message-date {
		display: block;
		text-align: right;
		color: #9c9ca3;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
	}

	.butslink .inptext {
		margin: 0 0 10px 0;
		max-width: 255px;
		padding: 17px 20px;
	}

	.recall-call__time.service__inp {
		margin: 10px 0 20px 0;
		max-width: 255px;
		border-radius: 15px;
	}
}
@media (max-width: 450px) {
	.promo__scroll {
		overflow: auto;
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.inpphone,
	.butphone {
		width: 100%;
	}

	/* body {
		padding: 0px 10px;
	} */

	/* .message {
		margin-top: 20px;
	} */

	.message:first-child {
		margin-top: 0;
	}

	/*.chatcont {*/
	/*  padding: 0 10px 100px;*/
	/*}*/

	.tablecell img {
		max-height: 13px;
	}

	.thanks {
		padding: 25px 20px 25px !important;
	}

	.ssitem {
		margin-right: 20px;
		height: 35px;
		width: 35px;
	}

	.smsdesc {
		padding: 0 20px;
	}

	.smshead {
		font-size: 21px;
		margin: 15px 0 20px;
	}

	.icosuccess {
		width: 40px;
		height: 40px;
		margin-bottom: 0;
	}

	.imggood {
		height: 165px;
	}

	.goodarr {
		top: 65px;
	}

	.winclose {
		top: 10px;
		right: 18px;
	}

	.divpricegood {
		display: grid;
		grid-gap: 20px;
	}

	.pricegood {
		margin: 0;
		text-align: center;
	}

	.fixed__bot {
		padding: 10px 10px 10px;
		margin-left: -10px;
	}

	.auto-mileage__radio {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 400px) {
	.fixed__botitem {
		grid-template-columns: 35px 1fr 100px;
		gap: 10px;
	}

	.mesimg {
		height: 35px;
	}

	.mesbot {
		grid-template-columns: 35px 1fr;
	}

	.fixed__botitem .mesimg::before {
		left: 27px;
	}

	.agreement-label {
		font-size: 13px;
	}

	.cash2 {
		padding: 10px 10px 10px 30px;
		font-size: 14px;
		line-height: 130%;
	}

	/*.headergrid {*/
	/*  grid-template-columns: 1fr;*/
	/*  grid-gap: 7px;*/
	/*}*/

	.headergrid .headergrid__item:nth-child(1) {
		margin-right: 0;
	}
}

@media (max-width: 378px) {
	.fixed__botitem .mesimg::before {
		bottom: 9px;
	}
}

@media (max-width: 370px) {
	.sale {
		height: 300px;
	}

	.mesbot[data-mesbot='8'] .mescont::before {
		top: 21px;
	}
	.message[data-mesbot='3'] .mescont::before {
		bottom: 56px;
	}
	.message[data-mesbot='5'] .mescont::before {
		bottom: 56px;
	}
	.header__mobile-logo img {
		width: 100px;
	}
	.mesbot {
		grid-template-columns: 35px 1fr;
	}

	.mesimg {
		height: 35px;
	}

	.butlink {
		padding: 10px 14px 11px;
	}

	.logotur {
		height: 33px;
	}

	.tablecell img {
		max-height: 16px;
	}

	.logostur {
		grid-gap: 5px;
		grid-template-columns: repeat(3, 1fr);
	}

	h1,
	.title {
		font-size: 22px;
		margin: -10px auto 23px;
	}

	.advantage:nth-child(2) .advantagetext {
		padding-top: 0px;
	}

	.fixed__botitem .mesimg::before {
		left: 27px;
		width: 9px;
		height: 9px;
	}

	.bot__name {
		margin-top: 0px;
	}
}

@media (max-width: 330px) {
	.options-item {
		display: inline;
	}
}