@media screen and (max-width:1550px){

	.slider__item {padding: 0 50px}
	.slider__arr_l {left: 15px; margin: 0}
	.slider__arr_r {right: 15px; margin: 0}
}
@media screen and (max-width:1330px){

	.ct__box {padding-left: 25px}
}
@media screen and (max-width:1200px){

	.sinfo {display: block}
	.sinfo__l {width: auto}
	.sinfo__r {width: auto; margin-top: 30px}
	.sinfo__r-title {max-width: none; text-align: left}
	.sinfo__r-list {justify-content: flex-start}
	.sinfo__r-i {width: auto; margin: 15px 20px 0 0}
	.sinfo__r-i:last-child {margin-right: 0}
}
@media screen and (max-width:1100px){

	.header__bot {padding-left: 200px}
	.header__serv {width: 200px}
	.header__serv > ul > li > a {font-size: 13px}
	.header__cat > ul > li > a {font-size: 13px}

	.footer__serv-box {display: block}
	.footer__serv ul {margin-right: 0}
}
@media screen and (max-width:1000px){

	.rev {display: block}
	.rev__basic {width: auto}
	.rev__list {width: auto; margin-top: 35px}

	.ct__bot {display: block}
	.ct__or {margin: 15px 0 0}
	.ct__call {margin: 15px 0 0}

	.cbox__item {width: 50%}
	.cbox__mail {text-align: left}

	.app__form {padding-left: 25px; padding-right: 25px}
	.app__form-fields .app__form-item {width: 48%}
	.app__ct {width: 240px; flex: 0 0 240px; padding-left: 30px}
	.app__ct-item {padding-left: 40px}
}
@media screen and (max-width:900px){

	.header__metro span {display: block; margin: 0 0 1px 0}
	.header__cat > ul > li > a {font-size: 12px}

	.body__cont {padding-left: 25px}

	.promo__wrapper {display: block}
	.promo__list {width: auto}
	.promo__video {width: auto; max-width: 746px; margin: 50px auto 0}
	.promo__video-box img {height: auto}

	.sharesb__list {justify-content: space-between}
	.sharesb__item {width: 48%; margin-right: 0}
}
@media screen and (min-width:768px){

	.mm {display: none !important}

	.wcat > ul {display: block !important}
}
@media screen and (max-width:767px){

	body {font-size: 15px}

	H1 {font-size: 26px}
	H2,.like_h2 {font-size: 24px}
	H3,.like_h3 {font-size: 22px}
	H4,.like_h4 {font-size: 20px}

	.textb {line-height: 23px}
	.textb p {margin-bottom: 15px}
	.textb H1, .textb H2, .textb H3, .textb H4 {margin: 25px 0 15px}
	.textb img.r {width: 50%; margin: 0 0 10px 10px}
	.textb ul {margin-bottom: 15px}
	.textb ul li {margin-top: 5px}
	.textb ul li:after {top: 9px}
	.textb ol {margin-bottom: 15px}
	.textb ol li {margin-top: 5px}
	.textb table {margin: 25px 0 15px}
	.textb table th {padding: 0 5px 10px; font-size: 14px; line-height: normal}
	.textb table td {padding: 10px 5px; font-size: 13px}

	.mm {position: absolute; left: -100vw; top: 0; width: 100vw; height: 100vh; background: #fff; z-index: 300; transition: left .3s}
	.mm.show {left: 0}
	.mm__top {position: relative; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; height: 60px}
	.mm__back {cursor: pointer; position: absolute; left: 0; top: 0; bottom: 0; display: none; align-items: center; padding: 0 15px; color: #8a8a8a; font-size: 14px}
	.mm__back.show {display: flex}
	.mm__back:after {content: '\e90b'}
	.mm__title {display: flex; align-items: center; justify-content: center; height: inherit; text-align: center; font-size: 15px; color: #000}
	.mm__close {cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; padding: 0 15px; color: #fa0809; font-size: 12px}
	.mm__close:after {content: '\e90c';}
	.mm__content {position: relative; overflow-y: auto; overflow-x: hidden; height: calc(100% - 60px); padding: 0 0 25px}
	.mm__list ul {transition: transform .3s}
	.mm__list ul.hide {position: absolute; transform: translateX(-100%)}
	.mm__list ul.hide2 {position: absolute; top: 0; transform: translateX(100%); width: 100vw}
	.mm__list ul li {border-bottom: 1px solid #e5e5e5}
	.mm__list ul li a {position: relative; display: flex; align-items: center; padding: 0 15px; height: 47px; font-size: 14px; text-decoration: none; color: #8a8a8a;    justify-content: space-between;}
	.mm__list ul li i.ic-a {padding: 0 15px;height: 47px;}
	.mm__list ul li .ic-a:after {position: absolute; right: 15px; top: 0; bottom: 0; display: flex; align-items: center; content: '\e906'; font-size: 8px}
	.mm__list ul li.serv a {padding-left: 45px}
	.mm__list ul li.serv a:before {display: block; content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: url(../i/ic-menu.png) no-repeat; width: 11px; height: 11px}
	.mm__list ul li.brands a {padding-left: 45px}
	.mm__list ul li.brands a:before {display: block; content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: url(../i/ic-car.png) no-repeat; width: 15px; height: 13px}
	.mm__ct {margin: 23px 15px 0}
	.mm__phone {font-size: 13px; font-weight: 700}
	.mm__phone a {color: #000; text-decoration: none}
	.mm__ms {margin-top: 10px}

	.header {background: #fff}
	.header__top {display: none}
	.header__mid {height: 60px; margin-right: -15px; justify-content: flex-start}
	.header__burger {width: 32px; height: 32px; padding-top: 15px; background: #fa0809; border-radius: 50%; cursor: pointer; display: block; margin-right: 13px}
	.header__burger span {position: relative; display: block; width: 12px; height: 2px; background: #fff; margin: auto}
	.header__burger span:before, .header__burger span:after {position: absolute; right: 0; top: -4px; display: block; content: ''; width: 100%; height: 2px; background: #fff}
	.header__burger span:after {top: 4px}
	.header__logo a {display: block; /*background: url(../i/logo-m.png) no-repeat;width: 115px; height: 29px*/ }
	.header__logo img {/*display: none*/width: 135px;}
	.header__logo span {/*display: none*/margin-top:0;    font-size: 10px;}
	.header__call {display: none}
	.header__ct {display: none}
	.header__ph {display: block; margin-left: auto}
	.header__ph > a {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-decoration: none; color: #fa0809; transition: background .3s}
	.header__ph.show > a {background: #f5f5f5}
	.header__ph > a:after {content: '\e90a'}
	.header__ph-box {display: none; position: absolute; left: 0; right: 0; top: 100%; background: #f5f5f5; padding: 23px 50px 26px 15px; text-align: right}
	.header__ph-box > a {color: #101010; text-decoration: none; font-weight: 700; font-size: 20px; letter-spacing: 1px}
	.header__ph-ms {display: flex; align-items: center; justify-content: flex-end; margin-top: 13px}
	.header__ph-ms a {display: block; width: 21px; margin-right: 14px}
	.header__ph-ms a:last-child {margin-right: 0}
	.header__ph-ms a img {width: 100%}
	.header__met {display: block;}
	.header__met > a {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-decoration: none; color: #fa0809; transition: background .3s}
	.header__met.show > a {background: #f5f5f5}
	.header__met > a:after {content: '\e903'}
	.header__met-box {display: none; position: absolute; left: 0; right: 0; top: 100%; background: #f5f5f5; padding: 25px 15px 20px 80px}
	.header__met-stat {position: relative; padding-left: 30px; font-size: 14px; color: #000}
	.header__met-stat:after {display: block; content: 'м'; width: 22px; height: 22px; border: 1px solid #cd4b55; border-radius: 50%; position: absolute; left: 0; top: -3px; padding-top: 2px; font-size: 14px; font-weight: 700; text-align: center; line-height: 1}
	.header__met-addr {margin-top: 11px; font-size: 13px}
	.header__met-phone {margin-top: 10px; font-size: 16px}
	.header__met-phone a {position: relative; padding-right: 34px; color: #000; text-decoration: none}
	.header__met-phone a:after {display: block; content: ''; background: url(../i/phone-call.png) no-repeat; width: 20px; height: 20px; position: absolute; right: 0; top: -1px}
	.header__bot {display: none}

	.body {padding-top: 30px; padding-bottom: 50px}
	.body:after {display: none}
	.body__sidebar {width: auto; float: none; margin: 0}
	.body__content {width: auto; float: none; margin: 35px 0 0 0}
	.body__cont {margin: 0; padding: 0}

	ul.breadcrumbs {margin-bottom: 30px; font-size: 13px}
	ul.breadcrumbs li:after {margin: 5px 10px 0}

	.pages {margin-top: 30px}
	.pages ul li {margin: 0 3px}
	.pages ul li a {width: 30px; height: 30px; font-size: 14px}
	.pages ul li.prev {margin-right: 5px}
	.pages ul li.next {margin-left: 5px}
	.pages ul li.prev a, .pages ul li.next a {font-size: 13px}

	.slider__item {padding: 50px 0 100px; height: auto}
	.slider__title {font-size: 24px; line-height: 30px}
	.slider__title:before {margin-bottom: 15px}
	.slider__text {margin-top: 13px; font-size: 14px; line-height: 22px}
	.slider__lnk {margin-top: 23px; font-size: 12px}
	.slider__arr {display: none !important}
	.slider__pages {bottom: 15px}

	.wcat {padding: 0}
	.wcat__subtitle {position: relative; cursor: pointer; padding: 15px 20px}
	.wcat__subtitle:after {display: flex; align-items: center; position: absolute; right: 15px; top: 0; bottom: 0; content: '\e913'; font-size: 12px; transition: transform .3s}
	.wcat.show .wcat__subtitle:after {transform: rotate(-180deg)}
	.wcat > ul {display: none; margin: 0; padding: 5px 0 20px}
	.wcat > ul > li {margin-top: 5px}
	.wcat > ul > li > a {padding: 0 20px}
	.wcat > ul > li ul {padding-top: 5px}
	.wcat > ul > li li {margin-top: 5px}
	.wcat > ul > li li a {padding-left: 40px}

	.brands__list {flex-wrap: wrap; justify-content: center}
	.brands__item {width: 33.333%}
	.brands__item a {padding: 10px 10px 20px}
	.brands__item-text {font-size: 15px}

	.start {padding: 35px 0 40px}
	.start__text {margin-top: 20px}
	.start__brands {margin-top: 35px}

	.promo {margin: 35px 0 50px}
	.promo__line {margin-top: 20px}
	.promo__list ul {margin-top: 20px}
	.promo__list ul li {margin-top: 13px; font-size: 15px}
	.promo__list ul li:after {top: 0}
	.promo__video {margin-top: 35px}

	.about {padding: 45px 0}
	.about__text {margin-top: 30px}

	.rev {margin-top: 45px}
	.rev__text {margin-top: 20px}
	.rev__list {position: relative; padding-bottom: 35px}
	.rev__list-inner {margin: 0 -10px; flex-wrap: nowrap}
	.rev__list-item {margin: 0 10px}

	.imgs {margin-top: 40px; padding-bottom: 35px}
	.imgs__list {flex-wrap: nowrap; margin: 10px -10px 0}
	.imgs__item {margin: 15px 10px 0; width: 48.5%}
	.imgs__item img {height: auto}

	.sharesb {padding: 40px 0; margin-top: 50px}
	.sharesb__item {margin-top: 25px}
	.sharesb__item-title {margin-top: 10px; font-size: 14px; line-height: 22px}

	.shares {padding: 40px 0 45px}
	.shares__item {margin-top: 25px}
	.shares__item-title {font-size: 16px}
	.shares__item-text {margin-top: 10px; font-size: 12px; line-height: 18px}

	.ct__map {position: relative; right: auto; top: auto; bottom: auto; width: auto; height: 300px; margin: 0 -15px 0}
	.ct__box {width: auto; min-height: 0; padding: 35px 0; display: block}
	.ct__text {margin-top: 20px}
	.ct__bot {margin-top: 25px; text-align: center}
	.ct__bt {text-align: center}
	.ct__ms {justify-content: center}

	.cmap {height: 300px}

	.sinfo {margin-top: 30px; padding: 20px 20px 25px}

	.sabout {margin-top: 40px}
	.sabout__text {margin-top: 20px}

	.simgs {margin-top: 35px}
	.simgs__item {width: 48%; margin-top: 25px}

	.app {padding: 35px 0 45px}
	.app__block {margin-top: 25px; display: block}
	.app__form {width: auto; padding: 25px 15px}
	.app__form-title {font-size: 20px}
	.app__form-item {margin-top: 20px}
	.app__ct {width: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 15px}
	.app__ct-title {width: 100%}
	.app__ct-item {width: 48%; margin-top: 25px}
	.app__ct-soc {width: 100%; margin-top: 25px}

	.coms_bg {padding: 40px 0 50px}

	.coml {margin-top: 30px}
	.coml__item {margin-top: 25px}
	.coml__item-wrap {padding: 20px}
	.coml__item > .coml__item {margin-left: 30px}

	.comwr {margin-top: 40px}
	.comwr__item {margin-top: 15px}
	.comwr__rating {margin-top: 15px}
	.comwr__bt {margin-top: 15px}

	.footer {padding: 30px 0 40px}
	.footer__wrapper {display: block}
	.footer__serv-title {position: relative; cursor: pointer; padding: 11px 0 14px}
	.footer__serv-title:after {display: flex; align-items: center; position: absolute; right: 0; top: 0; bottom: 0; content: '\e913'; font-size: 11px; color: rgba(255,255,255,.4); transition: transform .3s}
	.footer__serv.show .footer__serv-title:after {transform: rotate(-180deg)}
	.footer__serv-box {display: none; padding-bottom: 20px}
	.footer__brands {border-top: 1px solid rgba(255,255,255,.1)}
	.footer__brands-title {position: relative; cursor: pointer; padding: 11px 0 14px}
	.footer__brands-title:after {display: flex; align-items: center; position: absolute; right: 0; top: 0; bottom: 0; content: '\e913'; font-size: 11px; color: rgba(255,255,255,.4); transition: transform .3s}
	.footer__brands.show .footer__brands-title:after {transform: rotate(-180deg)}
	.footer__brands ul {display: none; margin: 0; padding: 10px 0 20px}
	.footer__brands li {}
	.footer__brands li:first-child {margin-top: 0}
	.footer__menu {border-bottom: 1px solid rgba(255,255,255,.1)}
	.footer__menu li {margin: 0; border-top: 1px solid rgba(255,255,255,.1)}
	.footer__menu li a {display: block; padding: 11px 0 14px}
	.footer__ct {max-width: none; margin-top: 30px; text-align: center}
	.footer__soc {justify-content: center}
	.footer__soc a {font-size: 20px}
	.footer__soc a .icon-vk {font-size: 24px}

	.mainservices .mainservices__item {width: 100%;padding: 10px 0px;}
}
@media screen and (max-width:600px){

	.cbox {display: block}
	.cbox__item {width: auto}
	.cbox__item-val br {display: none}
}
@media screen and (max-width:500px){

	.simgs__item img {height: 200px}

	.app__form-fields {display: block}
	.app__form-fields .app__form-item {width: auto}
	.app__form-bot {display: block}
	.app__form-pp {margin: 15px 0 0 0}
	.app__ct {display: block}
	.app__ct-item {width: auto}
	.app__ct-val br {display: none}
}
@media screen and (max-width:400px){

    .textb table:not(.ya-site-form__search) td {
    height: 0;
    padding: 15px 10px 17px;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    line-height: normal;
    color: #282828;
}
	.textb table th {padding: 0 0 10px 5px; font-size: 11px}
	.textb table th:first-child {padding-left: 0}
	.textb table td {padding: 10px 0 10px 5px; font-size: 11px}
	
	.textb table td:first-child {padding-left: 0}
.textb table td:last-child {padding-right: 0}
	.brands__item {width: 50%}

	.sharesb__list {display: block}
	.sharesb__item {width: auto}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0)
{
	a {transition: color .3s}
	a:hover {text-decoration: none}

	.btn {transition: background .3s}
	.btn:hover {background: #a83b43}

	.header__search a:hover {color: #000}
	.header__menu li a:hover {color: #000; text-decoration: underline}
	.header__call-bot > a {transition: border .3s}
	.header__call-bot > a:hover {border-color: transparent}
	.header__cat > ul > li > a:hover {color: #fa0809}

	ul.breadcrumbs li a:hover {text-decoration: underline}

	.slider__arr {transition: color .3s}
	.slider__arr:hover {color: #fff}

	.wcat > ul > li > a:hover, .wcat > ul > li li a:hover {color: #ca3c46}

	.promo__video-box a:after {transition: transform .3s}
	.promo__video-box a:hover:after {transform: scale(1.1)}

	.app__ct-soc a:hover {color: rgba(255,255,255,.7)}

	.footer__serv ul li a:hover, .footer__brands li a:hover {color: #fff; text-decoration: underline}
	.footer__menu li a:hover, .footer__serv-title a:hover {text-decoration: underline}
	.footer__soc a:hover {color: #fff}
}