@media (max-width: 1090px) {
	.salon__address {
		display: none;
	}
}
@media (max-width: 1000px) {
	/*.header {*/
	/*    padding-bottom: 60px;*/
	/*    background-size: 200%;*/
	/*}*/
}
@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 {
		font-size: 33px;
		margin: 30px auto 30px;
		padding: 0 20px;
	}
	.logo {
		width: 139px;
		height: 42px;
	}
	.phone {
		font-size: 19px;
		margin-top: 10px;
	}
	.advantages {
		padding: 0;
		grid-gap: 40px;
	}
	.header .main {
		flex-direction: column;
	}
	.logogrid {
		grid-template-columns: 139px 1fr;
	}
	.logophone a {
		justify-content: center;
	}
}
@media (max-width: 800px) {
	.advantages {
		grid-gap: 30px;
	}
	.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;
	}
	/*.logo2{*/
	/*    width: 70px;*/
	/*    margin-top: 0;*/
	/*}*/
}
@media (max-width: 770px) {
	.autocat {
		font-size: 15px;
		padding: 15px 0 2px;
	}
	h1 {
		font-size: 36px;
		margin: 20px auto;
	}
	.chathead {
		font-size: 20px;
	}
	.chatheader {
		padding: 17px 20px 20px;
	}
	.chatcont {
		padding: 0 20px 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;
	}
	.fixed__bot {
		padding: 10px 10px 10px;
		margin-left: -10px;
	}
	.fixed__botitem {
		display: grid;
		grid-template-columns: 45px 1fr 100px;
		gap: 20px;
		position: sticky;
		top: 0;
	}
	.fixed__botitem .mesimg::before {
		left: 35px;
		top: 37px;
	}
	.bot__name {
		margin-top: 3px;
		font-size: 14px;
		line-height: 130%;
	}
	.bot__post {
		font-size: 12px;
	}
	.fixed__btn {
		padding: 0px 15px;
	}
	.fixed__text {
		display: none;
	}
	.fixed__ph::before {
		content: 'Позвонить';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #f79130;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		transition: all 0.2s ease;
	}
	.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 50px 14px;
	}
	.blocksms {
		border-radius: 30px;
	}
	.icosms {
		width: 50px;
		height: 50px;
	}
	.smshead {
		font-size: 24px;
		line-height: 33px;
		margin: 15px 0 25px;
	}
	.smsdesc {
		font-size: 16px !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: 45px;*/
	/*    padding-top: 17px;*/
	/*}*/
}

@media (max-width: 740px) {
	.logo {
		width: 100%;
		height: 36px;
		background-position: center;
	}
	/*.logogrid {*/
	/*    grid-gap: 15px;*/
	/*    grid-template-columns: 1fr;*/
	/*    width: 200px;*/
	/*    display: grid;*/
	/*    margin: 0 auto;*/
	/*}*/
	.logotext {
		/*border: 0;*/
		/*padding: 0;*/
		text-align: center;
		height: auto;
		flex-direction: column;
	}

	.phone {
		float: none;
		text-align: center;
	}
}

@media (max-width: 670px) {
	.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;
	}
}
@media (max-width: 650px) {
	.note {
		width: 100%;
	}
	.butscountry {
		max-width: 100px;
	}
	.butscountry .butlink {
		white-space: nowrap;
	}
	.ai3 ~ .advantagetext {
		padding-top: 0;
	}
	.profit-title {
		padding: 1px 12px;
		font-size: 10px;
	}
}
@media (max-width: 620px) {
	.autolink {
		padding: 15px;
	}
	.autoname {
		font-size: 16px;
	}
	.autoprice {
		font-size: 13px;
	}
	.autobut {
		font-size: 13px;
		padding: 13px;
	}
}
@media (max-width: 570px) {
	.blockcode {
		padding: 10px 40px;
	}
	.imggood {
		height: 220px;
	}
	.goodarr {
		top: 92px;
	}
}
@media (max-width: 550px) {
	h1 {
		font-size: 22px;
		margin: 24px auto 20px;
		padding: 0 14px;
	}
	.title_descr {
		font-size: 16px;
		line-height: 140%;
		margin-bottom: 22px;
	}
	.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: 540px) {
	.advantages {
		grid-template-columns: 1fr;
		grid-gap: 11px;
	}
	.chatheader {
		padding: 15px 20px 13px;
	}
	.blockcode {
		padding: 10px 20px;
	}
	.advantagetext {
		font-size: 13px;
	}
	.advantage:nth-child(1) .advantagetext {
		padding-top: 9px;
	}
	.advantage:nth-child(2) .advantagetext {
		padding-top: 9px;
	}
	.advantage:nth-child(3) .advantagetext {
		padding-top: 9px;
	}
}

@media (max-width: 520px) {
	.autocat {
		grid-column-start: 1;
	}
	.inptext {
		font-size: 14px;
	}
	.butphone {
		padding: 13px 16px 14px;
		width: 100%;
	}
	.inpphone,
	.inpname,
	.inptime {
		max-width: 100%;
	}
	.recall-call__time.service__inp {
		grid-template-columns: 1fr;
	}
	.thanks {
		padding: 37px 20px 30px !important;
		width: 100% !important;
	}
	.header {
		padding-bottom: 35px;
		padding-top: 12px;
	}
}
@media (max-width: 490px) {
	.tablecell img {
		max-height: 18px;
		max-width: 55px;
	}
}
@media (max-width: 450px) {
	.logogrid {
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.logotext {
		border: 0;
		padding: 0;
	}
	.logo2 {
		margin: 0 auto 5px auto;
	}
	.inpphone,
	.butphone {
		width: 100%;
	}
	body {
		padding: 0px 10px;
	}
	.header {
		margin-left: -10px;
		max-width: calc(100% + 20px);
	}
	.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;
	}
	.header {
		padding-bottom: 28px;
	}
}

@media (min-width: 461px) {
	.message-date {
		display: none;
	}
	.header__mobile {
		display: none;
	}
	.header__close {
		display: none;
	}
}

.message-date {
	text-align: right;
	color: #9c9ca3;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 123.077% */
}

.mesuser .message-date {
	color: #fff;
}

@media (max-width: 460px) {
	.unvisible{
		display: none;
	}
	.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;
	}

	.policy-mob a {
		color: #3d4246;
		font-size: 12px;
	}

	.autocat {
		grid-column-start: 3;
		grid-column-end: 1;
	}
	.autocat:first-child {
		padding-top: 0;
	}
	body {
		font-family: 'Roboto', sans-serif;
	}

	.fixed-crossbrowser-background {
		display: none;
	}

	.gradient {
		display: none;
	}

	.set--options {
		padding: 8px 12px;
		color: #000;
		font-size: 18px;
		font-weight: 400;
		max-width: 170px;
		border-radius: 18px;
		box-shadow: none;
	}

	.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: #fff;
		border-radius: 0 0 30px 30px;
	}

	.header__show .header-inner {
		transform: translateY(0);
	}

	.header__close {
		display: block;
		text-align: right;
		outline: none;
		border: none;
		background: none;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.logogrid {
		margin: 0 auto 5px;
	}

	.autoafter {
		display: none;
	}

	.message {
		margin-top: 4px;
	}

	.mesuser .message-date:after {
		content: '';
		display: inline-block;
		vertical-align: bottom;
		background-image: url(../img/check-msg.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 15px;
		height: 14px;
		margin-left: 4px;
	}

	.mesbot-inner {
		background-color: #fff;
		border-radius: 18px;
		padding: 10px 10px 8px 10px;
		margin-top: 4px;
		margin-bottom: 0px;
	}

	.message[data-mesbot='0'] .mesimg {
		opacity: 1 !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='3'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='3'] .mescont::before {
		display: none;
	}

	/* .message[data-mesbot="6"] .butlinkact {
    color: #fff !important;
  } */

	/* .message[data-mesbot="6"] .mesimg {
    opacity: 0 !important;
  }

  .message[data-mesbot="6"] .mescont::before {
    display: none;
  } */

	
	
	/* .message[data-mesbot='10'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='10'] .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-bottom: auto !important;
		margin-top: 20px !important;
		
	}

	.message[data-mesbot='5'] .mesimg {
		top: -45px;
		opacity: 1 !important;
		margin-bottom: 44px;
	}
	.message[data-mesbot='6'] .mesimg {
		top: -45px;
		opacity: 1 !important;
		margin-bottom: -10px;
	}
	.message[data-mesbot='7'] .mesimg {
		top: -45px;
		opacity: 1 !important;
		margin-bottom: 44px;
	}

	.message[data-mesbot='10'] .mesimg {
		opacity: 0 !important;
		
	}

	.mesbot[data-mesbot='3'] .mescont::before {
		content: '';
		position: absolute;
		bottom: 44px;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url('../img/msg-angle.svg');
		background-repeat: no-repeat;
		z-index: -1;
		display: none;
	}

	.mesbot[data-mesbot='2'] .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[data-mesbot='4'] .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[data-mesbot='5'] .mescont::before {
		content: '';
		position: absolute;
		bottom: 44px;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url('../img/msg-angle.svg');
		background-repeat: no-repeat;
		z-index: -1;
	}

	.mesbot[data-mesbot='6'] .mescont::before {
		content: '';
		position: absolute;
		bottom: -10px;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url('../img/msg-angle.svg');
		background-repeat: no-repeat;
		z-index: -1;
	}

	.mesbot[data-mesbot='7'] .mescont::before {
		content: '';
		position: absolute;
		bottom: 44px;
		left: -6px;
		width: 26px;
		height: 21px;
		background-image: url('../img/msg-angle.svg');
		background-repeat: no-repeat;
		z-index: -1;
	}

	.mesbot[data-mesbot='9'] .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: 34px;
	}

	/* .message:first-child .mesimg {
		opacity: 0;
	}

	.message:not(:first-child):nth-child(n + 1) .mesimg {
		opacity: 1;
		margin-top: auto;
	}

	.mesbot:not(:first-child):nth-child(n + 1) .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;
	}

	.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='3'] .mesimg {
		opacity: 1 !important;
	}

	.message[data-mesbot='4'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='4'] .mescont::before {
		display: none;
	}

	.message[data-mesbot='5'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='5'] .mescont::before {
		display: none;
	}

	.message[data-mesbot='6'] .mesimg {
		opacity: 1 !important;
	}

	.message[data-mesbot='7'] .mesimg {
		opacity: 1 !important;
	}

	.message[data-mesbot='8'] .mesimg {
		opacity: 1 !important;
	}

	.message[data-mesbot='8'] .mescont::before {
		display: none !important;
	}

	.message[data-mesbot='8'] .mescont::before {
		display: block !important;
	}

	

	.message[data-mesbot='10'] .mesimg {
		opacity: 0 !important;
	}

	.message[data-mesbot='10'] .mescont::before {
		display: none !important;
	}

	.message[data-mesbot='11'] .mesimg {
		margin-bottom: auto !important;
		margin-top: 24px !important;
	}

	.message[data-mesbot='11'] .mescont::before {
		top: 34px;
	} */

	.message:first-child .mesimg {
		opacity: 1;
		margin-top: auto;
	}

	.mesbot:first-child .mescont {
		position: relative;
	}

	.mesbot:first-child .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:not(:first-child):nth-child(n + 1) .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;
  } */

	.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;
	}

	.mesuser {
		margin-top: 20px !important;
		margin-bottom: 20px;
	}

	.mesuser .message-date:after {
		content: '';
		display: inline-block;
		vertical-align: bottom;
		background-image: url('../img/check-msg.svg');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 15px;
		height: 14px;
		margin-left: 4px;
	}

	.mestext {
		font-size: 18px;
		color: #000;
		border-radius: 18px;
		box-shadow: none;
	}

	.inpphone,
	.butphone {
		max-width: 255px;
	}

	.autoslink {
		margin-top: 4px;
		margin-bottom: 0px;
	}

	.agreement-label {
		color: #000;
		font-size: 18px;
	}

	.agreement-label::before {
		border: 1px solid #d6d6d6;
		width: 18px;
		height: 18px;
	}

	.chat .mesimg {
		height: 30px;
		width: 30px;
	}

	.set--options {
		padding: 8px 12px;
		color: #000;
		font-size: 18px;
		font-weight: 400;
		max-width: 170px;
		border-radius: 18px;
		box-shadow: none;
	}

	.header__mobile {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
		padding: 19px 15px;
		background: #4d5863;
		z-index: 2;
	}

	.header__mobile-logo {
		margin: 0 5px 0 0;
	}

	.header__mobile-logo img {
		max-width: 130px;
		width: 100%;
	}

	.header__mobile-tel {
		text-decoration: none !important;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: -0.2px;
		margin: 0 0 0 auto;
	}

	.header__mobile-btn {
		outline: none;
		background: none;
		border: none;
	}

	.header__mobile-btn {
		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%;
	}

	.checkbox__choose:checked ~ span:before {
		border-color: #f7761f;
	}

	.fixed__botitem .mesimg {
		height: 35px;
		width: 35px;
	}

	.message:first-child .mesimg {
		opacity: 0;
	}

	.message:not(:first-child):nth-child(n + 1) .mesimg {
		opacity: 1;
		margin-top: auto;
	}

	.butlink {
		font-size: 18px;
	}

	.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;
	}

	/* .chat::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #fff;
          z-index: -1;
          opacity: 0.4;
      } */

	.sale {
		position: relative;
		padding: 20px 0 40px 0;
		background-image: url(../img/bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 -30px;
	}

	.sale::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(38, 40, 47, 0.8);
		width: 100vw;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.shadow {
		position: fixed;
		height: 100vh;
		z-index: 5;
		background: rgba(38, 40, 47, 0.8);
	}

	h1 {
		margin: 0 auto 20px;

		text-align: center;
		font-size: 30px;
		font-weight: 700;
		line-height: 130%; /* 39px */
	}

	.title_descr {
		margin: 0 auto;
		max-width: 245px;
	}

	.chatheader {
		display: none;
	}

	.purchase {
		display: none;
	}

	.autoslink {
		grid-template-columns: repeat(2, 1fr);
	}

	.autolink {
		border-radius: 16px;
		background: #f1f1f1;
		/* max-width: 142px; */
		height: 100%;
		max-height: 212px;
		padding: 6px;
	}

	.autoname {
		font-family: 'HelveticaNeueCyr', sans-serif;
		color: #000;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -1px;
		/* height: 40px; */
		max-height: none;
	}

	.imgauto {
		max-height: 86px;
	}

	.imgauto img {
		margin: 0px 0 5px 0;
	}

	.label {
		font-family: 'HelveticaNeueCyr';
		font-size: 14px;
		text-decoration: underline;
		border-bottom: none;
		margin: 10px 0 5px 0;
	}

	.label-info {
		top: -16px;
		right: -7px;
	}

	.main {
		margin-top: 68px;
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.colors-inner {
		border-radius: 18px;
		background: #fff;
		padding: 10px;
	}

	.color-butlink {
		box-shadow: none;
		border-radius: 12px;
		padding: 6px 10px;
	}

	.butslink {
		margin-top: 4px;
	}

	body {
		background-image: url('../img/msg_bg.svg');
		background-color: #ece6df;
	}

	.fixed__bot {
		display: none;
		margin-left: 0;
		left: 0;
	}

	.fixed__botitem .mesimg::before {
		bottom: 2px;
		right: 0px;
		width: 8px;
		height: 8px;
	}

	.mesbot {
		grid-template-columns: 26px 1fr;
	}

	.goodmark {
		width: 22px;
		height: 22px;
		background-size: 10px;
		top: 2px;
		right: 2px;
	}

	.profit-title {
		font-size: 10px;
		padding: 2px 10px;
		line-height: normal;
	}
}

@media (max-width: 370px) {
	.autocat {
		grid-column-start: 1;
	}
	.autoslink {
		grid-template-columns: 1fr;
	}
	.mesbot {
		grid-template-columns: 25px 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 {
		font-size: 22px;
		margin: 20px auto 23px;
	}
	.header {
		background-size: 250%;
	}
	.mesbot[data-mesbot='9'] .mescont::before {
		top: 54px;
	}
	.message[data-mesbot='9'] .mesimg {
		margin-top: 43px !important;
	}
}

@media (max-width: 327px) {
	.advantage:nth-child(1) .advantagetext {
		padding-top: 0px;
	}
}

@media (max-width: 340px) {
	.imgauto img {
		margin: 0;
	}
	.autoslink {
		grid-template-columns: repeat(1, 1fr);
	}
	.header__mobile-logo img {
		max-width: 108px;
	}
}

@media (max-width: 320px) {
	.advantage:nth-child(3) .advantagetext {
		padding-top: 0px;
	}
}

@media (max-height: 750px) {
	.blocksuccess {
		margin-top: -200px !important;
	}
}
@media (max-height: 700px) {
	.blocksuccess {
		margin-top: -190px !important;
	}
}
@media (max-height: 640px) {
	.blocksuccess {
		margin-top: -170px !important;
	}
}
