/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/


.page_contact .btn.btn-default{
    background-color: #e31e25;
    border: 1px solid #e31e25;
}
.page_contact .btn.btn-default:hover{
    background-color: #e31e25;
    border-color: #e31e25;
}
#main .onoff input[type="checkbox"] + label::before {
    background-color: #e31e25;
}

.item.item-shop-detail1 .backPhoto img{
    height:auto;
    text-align: right;
    width:100%
}

.page_contact .form_head h2 {
    font-weight: bold;
}

.basket_bottom_block.basket_fill_WHITE{
    display: none;
}
.footer_bottom{
    padding-top:40px;
}
.wrap_icon.inner-table-block.person.with-title{
    display:none!important;
}
.pull-right .wrap_icon.inner-table-block{
    display:none;
}

#main .mega-menu table td:not(.wide_menu) .dropdown-menu li a{
    padding: 4px 27px 4px 20px !important;
}
.siteSelector{
    bottom: -43px;
    position:relative;
}
.siteSelector img{
    border:1px solid #95969b;
}
.dropdown-menu{
    width:100%;
}
.menu-row .menu-only{
    padding-right: 0px;
}
.menu-row .menu-only .mega-menu table td{
    width:25%
}
.fill_bg_n .menu-row.bgcolored, .fill_bg_y .menu-row.bgcolored > .maxwidth-theme {
    background-color: #95969b;
}

@media (max-width: 500px){
    #mobileheader .mobileheader-v4 .logo-block {
        width: 80%;
    }
    #mobileheader .mobileheader-v4 .logo-block .logo{
        margin: auto;
        float: left;
    }
    .site-selector{
        width: 100px;
        float: right;
        margin-top: 17px;
        text-align:right;
    }
    .site-selector span{
        display: none;
    }
    .footer_bottom .maxwidth-theme{
        border-top:none!important;
    }
}

/*Laximo*/


span.composit{font-weight: 100;}

/* classifier
/* classifier
------------------------------------------------ */
.search-vf .tbl table{
    width: 100%;
}
.search-vf.brick th{
    background-color: #95969b;
    color:#ffffff;
    padding: 0 15px;
    height: 38px;
    border: 1px solid #c3d2db;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: 1px;
    border-left: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}
.search-vf.brick tr td{
    padding: 12px 15px;
    border: 1px solid #e2e2e2;
}
.#qgTree li{
    padding-left: 0;
    margin-left: 0;
}
.cf-pg:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.cf-pg .subtitle {

}
.cf-pg .subtitle span {
    font-weight: 400;
}

.cf-sidebar {
    position: relative; z-index: 55; width: 337px; float: left; padding-top: 25px;
}
.cf-content {
    width: 100%; float: left; margin-left: -337px; padding-top: 25px;
}
.cf-cont {
    margin-left: 352px; padding: 14px 12px 20px; background: #fff;
}

.cf-cat {
    background: #fff; padding: 10px 0 0;
}
.cf-cat .title {
    font-weight: 700; color: #333333; text-transform: uppercase; text-align: center;
}
.cf-cat .block {

}
.cf-cat .tab {
    border-bottom: 6px solid #333333; margin-top: 10px; text-align: center;
}
.cf-cat .tab a {
    display: inline-block; vertical-align: top; padding: 0 30px; height: 24px; line-height: 24px; background: #95969b; border-radius: 4px 4px 0 0;
    font-size: 12px; color: #ffffff; font-weight: 700; text-transform: uppercase; text-decoration: none;
}
.cf-cat .tab a.active {
    background: #333333; margin-top: 0; color: #ffffff;
}
.cf-cat .search {
    position: relative; margin: 18px 7px 0;
}
.cf-cat .search input[type=text] {
    width: 100%; height: 28px; padding: 0 30px 0 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px;
}
.cf-cat .search button {
    background: #f1f1f1; width: 28px; padding: 0; height: 26px; position: absolute; right: 1px; top: 1px; border-radius: 0 5px 5px 0; border-left: 1px solid #ddd;
}
.cf-cat .search button:after {
    display: block; content: ''; background: url(../i/sprite.png) -764px -0px no-repeat; width: 19px; height: 19px; position: absolute; left: 4px; top: 5px;
}
.cf-cat .reset {
    padding: 25px 24px 24px;
}
.cf-cat .reset a {
    width: 100px;
}
.cf-cat .reset a.button{
    background-color: #bf2f33;
    color: #fff;
    padding: 10px;
}
.cf-cat ul {
    margin: 0;
    padding-left: 0!important;
}
ul.first li{
    padding-left: 0!important;
}
.cf-cat ul li {
    color: #333333;
}
.cf-cat ul li a {
    position: relative; padding-left: 10px; display: inline-block; vertical-align: top; color: #333333; text-decoration: none;
}
.cf-cat ul li.list > a:after {
    content: '+'; display: block; position: absolute; left: 0; top: 0; font-weight: 400;
}
.cf-cat ul li.list.active > a:after {
    content: '-';
}
.cf-cat ul li.current {
    color: #e9294f;
}
.cf-cat ul li.current > a {
    color: #e9294f; font-weight: 700;
}
.cf-cat ul.first > li {
    margin-top: 2px;
}
.cf-cat ul.first > li:first-child {
    margin-top: 0;
}
.cf-cat ul.first > li > a {
    font-weight: 700;
}
.cf-cat ul.first > li ul {
    padding: 0 0 0 20px; display: none;
}
.cf-cat ul.first > li li {
    margin-top: 2px;
}

.cf-title {
    padding: 10px 15px; background: #f5f5f5; font-size: 18px; font-weight: 700; color: #333333; text-transform: uppercase;
}

.cf-item {
    background: #f5f5f5; margin-top: 20px; padding: 12px 15px 18px;
}
.cf-item .where {
    font-size: 18px; font-weight: 700; color: #333333;
}
.cf-item .title {
    padding: 5px 0 7px; font-size: 18px; font-weight: 700;
}
.cf-item .title a {
    color: #333333; text-decoration: none;
}
.cf-item .title a:hover {
    color: #e9294f;
}
.cf-item .basic {
    display: table; width: 100%;
}
.cf-item .img {
    display: table-cell; vertical-align: top; width: 160px;
}
.cf-item .img a {
    position: relative; display: block; background: #fff;
}
.cf-item .img a:after {
    display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 3px solid #95969b; border-radius: 2px; opacity: 0;
}
.cf-item .img a:hover:after {
    opacity: 1;
}
.cf-item .img a span {
    display: table-cell; width: 999px; vertical-align: middle; text-align: center;
}
.cf-item .img a span img {
    max-height: 100%;
}
.cf-item .entry {
    display: table-cell; vertical-align: top; padding-left: 20px;
}
.cf-item .tbl table tbody tr {
    display: none;
}
.cf-item .tbl table tbody tr:first-child,
.cf-item .tbl table tbody tr:first-child + tr,
.cf-item .tbl table tbody tr:first-child + tr + tr {
    display: table-row;
}
.cf-item .tbl table tbody tr:hover td {
    cursor: pointer; color: #e9294f;
}
.cf-item .more {
    margin-top: 21px; text-align: right;
}
.cf-item .more a {
    position: relative; padding-right: 38px; display: inline-block; vertical-align: top; height: 24px; line-height: 24px; color: #222; text-decoration: none;
}
.cf-item .more a:hover {
    color: #e9294f;
}
.cf-item .more a:after {
    display: block; content: ''; background: url(../i/sprite.png) -690px -0px no-repeat; width: 24px; height: 24px; position: absolute; right: 0px; top: 0px;
}
.cf-item.active .more a:after {
    background-position: -690px -24px;
}

.cf-list {
    position: relative; padding: 0 21px;
}
.cf-list:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.cf-list .item {
    width: 204px; margin: 22px 25px 0; float: left;
}
.cf-list .item:nth-child(3n+4) {
    clear: both;
}
.cf-list .item a {
    position: relative; display: block; text-decoration: none;
}
.cf-list .item a:after {
    display: block; content: ''; border: 3px solid #eaeaea; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 2px; opacity: 0;
}
.cf-list .item a:hover:after {
    opacity: 1;
}
.cf-list .item a .img {
    position: relative; display: block; height: 190px;
}
.cf-list .item a .img span {
    display: table-cell; width: 999px; height: 240px; vertical-align: middle; text-align: center;
}
.cf-list .item a .img span img {
    max-width: 100%; max-height: 100%;
}
.cf-list .item a .txt {
    position: relative; display: block; background: #f5f5f5; padding: 7px 5px 12px; font-size: 16px; color: #757575; text-align: center; line-height: 1;
}
.cf-list .item a:hover .txt {
    color: #e9294f;
}
/* end classifier */


/* scheme
------------------------------------------------ */
table.style thead th{
    padding-right: 50px;
}
.scheme-pg {
    position: relative; margin-top: 25px;
}
.scheme-pg:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}

.scheme-tab {
    border-bottom: 6px solid #333333; padding-left: 27px; display: none;
}
.scheme-tab a {
    display: inline-block; vertical-align: top; padding: 0 30px; height: 24px; line-height: 24px; background: #95969b; border-radius: 4px 4px 0 0; margin: 4px 5px 0 0;
    font-size: 12px; color: #ffffff; font-weight: 700; text-transform: uppercase; text-decoration: none;
}
.scheme-tab a:last-child {
    margin-right: 0;
}
.scheme-tab a.active {
    background: #333333; padding-top: 4px; margin-top: 0; color: #ffffff;
}

.scheme-img {
    position: relative; /* width: 471px;*/ border: 1px solid #e5e5e5; box-sizing: border-box; float: left;
}
.scheme-img img {
    /* width: 100%;*/
}
.scheme-img .item {
    border: 2px solid #00ff00; position: absolute;
}
.scheme-img .item.hover {
    border-color: #ffc000;
}
.scheme-img .item.checked {
    border-color: #ff0000;
}

.scheme-list {
    width: 606px; float: right;
}
.scheme-list .wrap {
    position: relative; overflow: auto;
}
.scheme-list .inner {
    position: relative; min-width: 530px;
}
.scheme-list tr th:first-child,
.scheme-list tr td:first-child {
    text-align: left;
}
.scheme-list tr td:first-child input{
    margin-right: 5px;
}
.scheme-list tr.hover td,
.scheme-list tr.checked td {
    color: #e9294f;
}
.scheme-list tr td .jq-checkbox {
    background: none; width: 12px; height: 12px; border: 2px solid #95969b; border-radius: 1px; top: -2px; margin-right: 10px;
}
.scheme-list tr td .jq-checkbox.checked {
    background: #99ff99;
}
.scheme-list tr td i.arr {
    position: relative; display: inline-block; vertical-align: middle; background: #95969b; width: 12px; height: 12px; border: 2px solid #95969b; border-radius: 1px; top: -2px; margin-right: 10px;
}
.scheme-list tr td i.arr:after {
    display: block; content: ''; background: url(../i/sprite.png) -764px -36px no-repeat; width: 5px; height: 9px; position: absolute; left: 4px; top: 1px;
}
.scheme-list tr.active td i.arr:after {
    background-position: -764px -26px; left: 2px; top: 4px; width: 9px; height: 5px;
}
.scheme-list tr.children {
    display: none;
}
/* end scheme */


/* garage
------------------------------------------------ */
.garage-cars .subtitle {
    position: relative; background: #fff; padding: 0 80px 0 20px; cursor: pointer; font-size: 24px; color: #333333; font-weight: 700; text-transform: uppercase; line-height: 1;
}
.garage-cars .subtitle:after {
    display: block; content: ''; background: url(../i/sprite.png) -560px -0px no-repeat; width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: -20px;
}
.garage-cars.active .subtitle:after {
    background-position: -604px 0;
}
.garage-cars .subtitle span {
    display: table-cell; height: 80px; vertical-align: middle;
}
.garage-cars ul {
    position: relative;
}
.garage-cars ul:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.garage-cars li {
    float: left; width: 49%; margin: 20px 2% 0 0; position: relative;
}
.garage-cars li:nth-child(2n+2) {
    margin-right: 0;
}
.garage-cars li:nth-child(2n+3) {
    clear: both;
}
.garage-cars li > * {
    display: block; background: #fff; padding: 15px 20px 20px; border: 3px solid transparent; text-decoration: none;
}
.garage-cars li > *:hover {
    border-color: #e1e1e2;
}
.garage-cars li > * * {
    display: block;
}
.garage-cars li > * .title {
    font-size: 18px; font-weight: 700; color: #333333;
}
.garage-cars li > * .body {
    position: relative; margin-top: 20px;
}
.garage-cars li > * .char {

}
.garage-cars li > * .char .i {
    position: relative; margin-top: 7px;
}
.garage-cars li > * .char .i:first-child {
    margin-top: 0;
}
.garage-cars li > * .char .i:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.garage-cars li > * .char .l {
    display: table-cell; vertical-align: baseline; padding-right: 13px; color: #727272;
}
.garage-cars li > * .char .v {
    display: table-cell; vertical-align: baseline; color: #494949;
}
.garage-cars li > * .img {
    position: absolute; right: 0px; top: 0px; width: 160px;
}
.garage-cars li > * .img img {
    max-width: 100%;
}

.garage-cars-add {
    padding: 0 20px; margin-top: 30px; color: #333333;
}
.garage-cars-add .subtitle {
    position: relative; background: #fff; padding-right: 50px; line-height: 1; cursor: pointer; font-size: 24px; color: #333333; font-weight: 700; text-transform: uppercase;
}
.garage-cars-add .subtitle:after {
    display: block; content: ''; background: url(../i/sprite.png) -560px -0px no-repeat; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px;
}
.garage-cars-add.active .subtitle:after {
    background-position: -604px 0;
}
.garage-cars-add .subtitle span {
    display: table-cell; height: 80px; vertical-align: middle;
}
.garage-cars-add .hd {
    display: none; padding-bottom: 20px;
}
.garage-cars-add .search-par {
    padding-top: 0;
}
.garage-cars-add .catalog-to-f {
    margin-top: 0;
}
.garage-cars-add .text {
    padding-top: 15px; font-size: 18px; line-height: 24px;
}

.garage-search-cars {
    display: none; padding: 0 20px;
}

.garage-mods {
    background: #fff; padding: 25px 20px; margin-top: 20px;
}
.garage-mods .subtitle {
    font-size: 24px; font-weight: 700; color: #333333; text-transform: uppercase; line-height: 1;
}
.garage-mods .tbl {
    position: relative; margin-top: 25px; display: none;
}
.garage-mods .tbl table tr td {
    cursor: pointer;
}
.garage-mods .tbl table tr:hover td,
.garage-mods .tbl table tr.active td {
    background: #DBE9F1;
}
.garage-mods .bt {
    padding-top: 30px; text-align: center;
}
.garage-mods .bt a {
    width: 244px;
}

.garage-ts {
    background: #fff; padding: 25px 20px 20px;
}
.garage-ts .block {
    position: relative; border: 16px solid #f5f5f5; padding: 25px 25px 30px; margin-top: 15px;
}
.garage-ts .block:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.garage-ts .img {
    width: 27%; float: left;
}
.garage-ts .img img {
    max-width: 200px;
}
.garage-ts .basic {
    width: 29%; float: left;
}
.garage-ts .basic .i {
    padding-top: 7px;
}
.garage-ts .basic .i:first-child {
    padding-top: 0;
}
.garage-ts .basic .l {
    display: table-cell; vertical-align: baseline; color: #727272;
}
.garage-ts .basic .v {
    display: table-cell; vertical-align: baseline; padding-left: 13px; color: #494949;
}
.garage-ts .tech {
    width: 44%; float: right;
}
.garage-ts .tech .title {
    font-size: 18px; color: #333333;
}
.garage-ts .tech ul {
    padding-top: 15px;
}
.garage-ts .tech li {
    position: relative;
}
.garage-ts .tech li:after {
    content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.garage-ts .tech li .l {
    position: relative; float: left; width: 200px; overflow: hidden; color: #ababab;
}
.garage-ts .tech li .l span {
    position: relative; display: inline-block; vertical-align: top;
}
.garage-ts .tech li .l span:after {
    display: block; content: ''; position: absolute; left: 100%; margin-left: 3px; bottom: 4px; width: 999px; border-bottom: 2px dotted #ababab;
}
.garage-ts .tech li .v {
    float: left; padding-left: 15px; color: #494949;
}
.garage-ts .tech .more {
    margin-top: 20px; text-align: center;
}
.garage-ts .tech .more a {
    display: inline-block; vertical-align: top; width: 40px; height: 40px; background: url(../i/sprite.png) -560px 0 no-repeat;
}
.garage-ts .tech.active .more a {
    background-position: -604px 0;
}
.garage-ts .del {
    position: relative;
    margin-top: 15px;
}
.garage-ts .del a {
    width: 200px;
}

.garage-ts .catalog {
    position: relative;
    bottom: -39px;
}
.garage-ts .catalog a{
    width: 200px;
}
.garage-ts .back,button.grey{
    width:200px;
}

span.delete{
    position: absolute;
    right: 10px;
    bottom: 3px;
    border: none;

}

span.delete a{
    font-weight: bold;
    color:red;
    text-decoration: none;
}

.linkToCatalog{
    position: absolute;
    right: 1px;
    z-index: 100;
    top: 14px;
}

a.linkToCatalog{
    background: #333333;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    padding: 3px 7px 4px;
}
a.linkToCatalog:hover{
    background: #8BD100;
    color:#fff;
    border:none;
    padding: 6px 10px 8px;
}

/* end garage */


.wh {position: fixed; top: 1px; left: 1px; z-index: 9999; background: #fff; padding: 1px; font-size: 11px}

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

    .slider-promo .inner {padding: 0 50px}

    .article-box {width: 32%}

    .inform-loc {width: 66%}

    .cabinet-orders .tbl .number {width: 7%}
    .cabinet-orders .tbl .date {width: 12%}
    .cabinet-orders .tbl .brand {display: none !important}
    .cabinet-orders .tbl .descr {width: 23%}
    .cabinet-orders .tbl .id {width: 15%}
    .cabinet-orders .tbl .price {display: none !important}
    .cabinet-orders .tbl .num {width: 11%}
    .cabinet-orders .tbl .sum {width: 17%}
    .cabinet-orders .tbl .status {width: 15%}
    .cabinet-orders .tbl .numbBlock{width:7%}

    .search-result .tbl .brand {width: 10%}
    .search-result .tbl .descr {width: 27%}
    .search-result .tbl .post {width: 7%}
    .search-result .tbl .term {width: 8%}
    .search-result .tbl .price {width: 10%}
    .search-result .tbl .av {width: 8%}
    .search-result .tbl .buy {width: 12%}
    .search-result .tbl .head > * {font-size: 14px}

    .product-list li {width: 49%; margin-right: 2%}

    .catalog-to-offers .brand {width: 10%}
    .catalog-to-offers .descr {width: 27%}
    .catalog-to-offers .post {width: 7%}
    .catalog-to-offers .term {width: 8%}
    .catalog-to-offers .price {width: 10%}
    .catalog-to-offers .av {width: 8%}
    .catalog-to-offers .buy {width: 12%}
    .catalog-to-offers .head > * {font-size: 14px}

    .catalog-f-d .item {width: 18%; margin-left: 2.5%}
    .catalog-f-d .item-dev {clear: both; margin: 0; width: 220px}
    .catalog-f-d .bt {position: absolute; left: 270px; bottom: 30px; margin-top: 0}

    .catalog-f-t .list {padding-right: 220px}
    .catalog-f-t .item {margin-left: 0; margin-right: 3.333%; width: 30%}
    .catalog-f-t .item-dev {float: none; position: absolute; right: 0px; top: 0px; margin-right: 0}
    .catalog-f-t .r {position: relative; width: auto; float: none; margin: 0; clear: both; padding-top: 40px}
    .catalog-f-t .checks {}
    .catalog-f-t .checks .i {width: 33.333%; padding-top: 0px}
    .catalog-f-t .price {width: 220px; bottom: auto; top: 40px; right: auto; left: 100%}
    .catalog-f-t .bt {text-align: left}

    .catalog-all .start {margin: auto; width: 920px}
    .catalog-all .start-item {float: none; width: auto}
    .catalog-all .list {margin: 0 auto; width: 920px}
    .catalog-all .item-2 {width: 450px}
    .catalog-all .item-2 a .btitle span {display: block}
    .catalog-all .item-3 {width: 220px}
    .catalog-all .item-3 a .img {position: relative}
    .catalog-all .item-3 a .img span {height: 150px}
    .catalog-all .item-3 a .entry {display: block; height: auto; padding: 0}
    .catalog-all .item-3 a .title {display: table-cell; width: 220px; height: 70px; padding: 0 5px; font-size: 20px; font-weight: 400; text-align: center}
    .catalog-all .item-4 a .title {text-transform: none}

    .cart-check-list .title {width: 52%}
    .cart-check-list .num {width: 12%}
    .cart-check-list .price {width: 12%}
    .cart-check-list .discount {width: 12%}
    .cart-check-list .sum {width: 12%}

    .cf-item .basic {display: block; width: auto}
    .cf-item .img {display: none}
    .cf-item .entry {display: block; padding: 0}

    .cf-list {padding: 0}
    .cf-list .item {width: 32%; margin-left: 0; margin-right: 2%}
    .cf-list .item:nth-child(3n+3) {margin-right: 0}

    /*.scheme-img {width: 42%; max-width: 471px}*/

    .scheme-list {width: 54%}

    .brands-list ul {width: 900px}
    .plusoWidget{display: none;}
}
@media screen and (max-width:1116px){

    .inform-promo li .icon {height: 55px}
    .inform-promo li .icon img {max-width: 35px}
    .inform-promo li .title {font-size: 14px; line-height: 20px}
    .inform-promo li .text {font-size: 13px}

    .cabinet-main {padding-left: 0; padding-right: 0}
    .cabinet-main:before,
    .cabinet-main:after {display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 10px; background: #fff}
    .cabinet-main:after {right: auto; left: 100%}
    .cabinet-main .garage {right: 0}

    .cabinet-set {padding-left: 0; padding-right: 0}
    .cabinet-set:before,
    .cabinet-set:after {display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 10px; background: #fff}
    .cabinet-set:after {right: auto; left: 100%}

    .cabinet-set .item {width: 49%; margin-left: 2%}

    .cabinet-set-a {float: none !important; clear: both; width: auto !important; border-top: 17px solid #fff; margin: 0 !important}
    .cabinet-set-a ul:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .cabinet-set-a li {float: left; width: 49%; margin-right: 2%}
    .cabinet-set-a li:nth-child(2n+2) {margin-right: 0}
    .cabinet-set-a li:nth-child(4n+3) {clear: both}

    .cabinet-set .item.cabinet-set-p {float: left}

    .cabinet-o .item .table {overflow: auto}
    .cabinet-o .item .table table {width: 1100px}

    .cf-list .item {width: 49%; margin-right: 2%}
    .cf-list .item:nth-child(3n+3) {margin-right: 2%}
    .cf-list .item:nth-child(2n+2) {margin-right: 0}
    .cf-list .item:nth-child(3n+4) {clear: none}
    .cf-list .item:nth-child(2n+3) {clear: both}

    .catalog-l ul {width: 840px}

    .site-footer .top {padding-bottom: 21px}
    .site-footer .menu {width: 53%; padding-bottom: 25px}
    .site-footer .menu-2 {width: 47%}
    .site-footer .pay {float: none; width: auto; clear: both; border-top: 1px solid #e2e2e2; padding-top: 15px}
    .site-footer .copy {min-width: 0; height: auto; line-height: 1; position: absolute; right: 10px; bottom: 23px; background: none}
}

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

    .tab .manufacterGuide {display: none!important;}
    .widget-search .tab a.manufacterGuide{display: block!important;}
    .tab-m .manufacterGuide{
        display: block;
        padding: 10px 0;
        font-size: 18px;
        color: #222!important;
        text-decoration: none;
        background-color: unset!important;
        position: relative;
    }
    .tab-m .manufacterGuide:hover{
        color:#e9294f!important;
    }


}

@media screen and (min-width:1016px){

    .product-ftr .item-spec .value {display: block !important}
}
@media screen and (max-width:1016px){

    .site-sidebar {width: auto; float: none}
    .site-content {width: auto; float: none; margin-left: 0}
    .site-cont {margin-left: 0; padding-left: 0}

    .product-ftr {padding: 30px 260px 30px 20px; z-index: 150;display: none}
    .product-ftr:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .product-ftr .item .title {position: relative; overflow: hidden; text-overflow: ellipsis}
    .product-ftr .item-country {float: left; width: 48.5%; padding-top: 30px}
    .product-ftr .item-spec {float: right; width: 48.5%; padding-top: 30px}
    .product-ftr .item-spec .box {margin-top: 12px}
    .product-ftr .item-spec .level {display: block}
    .product-ftr .item-spec .value {display: none; position: absolute; left: 0; right: 0; top: 100%; margin-top: 0; box-shadow: 0 4px 8px rgba(0,0,0,.2); border: solid 1px #e2e2e2; height: 380px}
    .product-ftr .bt {position: absolute; right: 20px; bottom: 30px; padding-top: 0; width: 220px}

    .product-alphabet {margin-top: 10px; padding: 30px 20px}

    .product-brand {padding-left: 20px; padding-right: 20px}

    .product-brand-detail {padding: 30px 20px}

    .catalog-ftr .list .item {width: 49%; margin-right: 2%; float: left}
    .catalog-ftr .list .item:nth-child(2n+2) {margin-right: 0}
    .catalog-ftr .bt {clear: both; text-align: center}

    .catalog-start .item {width: 49% !important; margin-left: 0; margin-bottom: 20px; margin-right: 2%}
    .catalog-start .item:nth-child(2n+2) {margin-right: 0}
    .catalog-start .bt {width: auto; position: static; text-align: center}
    .catalog-start .bt button {width: 120px}

    .catalog-to-offers .id {width: 12%}
    .catalog-to-offers .post {width: 8%}
    .catalog-to-offers .term {width: 9%}
    .catalog-to-offers .buy {width: 8%}
    .catalog-to-offers li > *.buy a {display: inline-block; vertical-align: middle; padding-right: 0}
    .catalog-to-offers li > *.buy a span {display: none}
    .catalog-to-offers li > *.buy a:after {position: static; margin-top: 0}

    .catalog-all .start {width: 690px}
    .catalog-all .list {width: 690px}
    .catalog-all .item-2 {width: 680px}
    .catalog-all .item-2 a .btitle span {display: inline}

    .inform-promo li {padding: 0 10px}

    .inform-buy .item {display: block; width: auto}
    .inform-buy .item .entry {display: block; padding: 0}
    .inform-buy .item .img {display: block; width: auto; padding-top: 20px; text-align: center}

    .cabinet-basic .l {width: auto; float: none}

    .cabinet-alerts {width: auto; float: none; margin-top: 10px}
    .cabinet-alerts ul:after {content: ''; display: block; clear: both; visibility: hidden; height: 0}
    .cabinet-alerts li {width: 49%; margin-right: 2%; float: left; box-sizing: border-box}
    .cabinet-alerts li:nth-child(2n+2) {margin-right: 0}
    .cabinet-alerts li:nth-child(4n+3) {clear: both}

    .search-result .tbl .id {width: 12%}
    .search-result .tbl .post {width: 8%}
    .search-result .tbl .term {width: 9%}
    .search-result .tbl .buy {width: 8%}
    .search-result .tbl .buy > * a {display: inline-block; vertical-align: middle; padding-right: 0}
    .search-result .tbl .buy > * a span {display: none}
    .search-result .tbl .buy > * a:after {position: static; margin-top: 0}

    .cart-pg .total .level {width: 84%}
    .cart-pg .total .value {width: 16%}

    .cart-list .descr {width: 52%}
    .cart-list .num {}
    .cart-list .price {width: 12%}
    .cart-list .discount {}
    .cart-list .sum {width: 12%}
    .cart-list .del {}

    .cart-check .content {width: auto; float: none; margin-right: 0}
    .cart-check .cont {margin-right: 0; padding-right: 0}
    .cart-check .sidebar {width: auto; float: none}

    .cart-check-list .bt {display: none}

    .cart-check-out {margin-top: 30px}
    .cart-check-out ul {margin-right: 320px}
    .cart-check-out .total {padding: 0; position: absolute; right: 20px; top: 20px}
    .cart-check-out .bt {padding: 0; position: absolute; right: 20px; bottom: 20px}

    .cabinet-o-detail .basic {overflow: auto}
    .cabinet-o-detail .basic table {width: 1000px}

    .cf-item {padding-right: 0}
    .cf-item .tbl {position: relative; overflow: auto}
    .cf-item .tbl table {width: 620px}
    .cf-item .more {margin-right: 15px}

    .garage-ts .block {border: 0; padding: 10px 0 0; margin-top: 20px}
    .garage-ts .block:before {display: block; content: ''; position: absolute; left: -20px; right: -20px; top: 0px; height: 10px; background: #f5f5f5}
    .garage-ts .block > div {padding-top: 20px}
    .garage-ts .catalog {
        position: relative;
        bottom: -60px;
    }

    .brands-list ul {width: 720px}

    .brands-detail {padding: 20px}

    .catalog_message li.whats_img {

    }

    .catalog_message li.operators {
        margin-top:42px;
    }
    .catalog_message{
        text-align: center;
        margin-top: -35px;
        margin-top: -20px;
    }
}
@media screen and (min-width:916px){

    .scheme-img,
    .scheme-list {display: block !important}

    .catalog-f .hd {display: block !important}
}
@media screen and (max-width:916px){

    .site-header .logo {width: 25%}
    .site-header .city {display: none}
    .site-header .phone {width: 27%; font-size: 20px}

    .product-cat li > * .icon {width: 60px}
    .product-cat li > * .icon span {width: 60px; height: 60px}
    .product-cat li > * .text {font-size: 14px}

    .catalog-to-1 ul {width: 33.333%}

    .catalog-to-4 .table {overflow: auto}
    .catalog-to-4 .table table {width: 900px}

    .catalog-to-5 li {width: 33.333%}
    .catalog-to-5 li:nth-child(4n+5) {clear: none}
    .catalog-to-5 li:nth-child(3n+4) {clear: both}

    .catalog-to-offers .tbl {position: relative; overflow: auto}
    .catalog-to-offers .head {width: 900px}
    .catalog-to-offers ul {width: 900px}
    .catalog-to-offers table.v3 {width: 900px}

    .catalog-to-request .l {width: 49%}
    .catalog-to-request .r {width: 49%}

    .catalog-f {margin-left: -10px; margin-right: -10px}
    .catalog-f .subtitle {display: block}
    .catalog-f .hd {padding-left: 10px; padding-right: 10px; display: none}

    .catalog-f-d .bt {left: 250px}

    .catalog-l {margin-left: -10px; margin-right: -10px}
    .catalog-l ul {width: 630px}

    .inform-promo:before,
    .inform-promo:after {display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 10px; background: #fff}
    .inform-promo:after {right: auto; left: 100%}


    /*.search-result .tbl {overflow: auto}*/
    .search-result .tbl .head {width: 900px}
    .search-result .tbl {width: 900px}
    .search-result .tableCatalogWrap{overflow: auto}
    .search-result .tableWrapper{overflow: auto}

    .cart-pg .total .level {width: 82%}
    .cart-pg .total .value {width: 18%}

    .cart-list .descr {width: 48%}
    .cart-list .num {}
    .cart-list .price {width: 14%}
    .cart-list .discount {}
    .cart-list .sum {width: 14%}
    .cart-list .del {}

    .cabinet-o-detail .basic {margin: 0}
    .cabinet-o-detail .l {width: auto; float: none}
    .cabinet-o-detail .r {width: auto; float: none}
    .cabinet-o-detail .r .info {padding: 20px 35px 25px; min-height: 0 !important}
    .cabinet-o-detail .r .title {padding: 0}
    .cabinet-o-detail .bt-l {width: auto}
    .cabinet-o-detail .bt-r {width: auto}

    .scheme-tab {display: block}

    .scheme-img {width: 85vw!important; height:100vh!important;float: none; margin: auto; margin-top: 20px; /*display: none*/}
    .zoomIMG{width:100vw;}
    .zoomImg{display: none;}
    .detail_img{display: block;}

    .scheme-list {width: auto; float: none}

    .garage-cars .subtitle {padding-left: 10px}
    .garage-cars li > * {padding-left: 10px; padding-right: 10px}

    .garage-cars-add {padding-left: 10px; padding-right: 10px}

    .garage-search-cars {padding: 0 10px !important}

    .garage-mods {padding-left: 10px; padding-right: 10px}

    .garage-ts .img {width: auto; position: absolute; left: 0; top: 10px}
    .garage-ts .basic {margin-top: 135px; width: 45%}
    .garage-ts .tech {width: 55%}
}
@media screen and (max-width:816px){

    .pt-25 {padding-top: 0}

    .search-box .tab a {padding: 0 15px}

    .article-box {display: none}

    .inform-promo li {padding: 0 5px}

    .inform-loc {width: auto; float: none; padding-left: 0; padding-right: 0}
    .inform-loc:before,
    .inform-loc:after {display: block; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 10px; background: #fff}
    .inform-loc:after {right: auto; left: 100%}
    .inform-loc .city {display: block}

    .catalog-to-card .price {float: none; margin-right: 0; line-height: normal}
    .catalog-to-card .nc {float: none; margin-top: 15px}

    .catalog-all .start {width: 460px}
    .catalog-all .start-item-1 .img-1 {left: auto; right: 9px}
    .catalog-all .start-item-1 .img-2 {display: none}
    .catalog-all .list {width: 460px}
    .catalog-all .item-2 {width: 450px}
    .catalog-all .item-2 a .btitle span {display: block}

    .cart-pg .total .level {width: 81%}
    .cart-pg .total .value {width: 19%}

    .cart-list .descr {width: 45%}
    .cart-list .num {width: 11%}
    .cart-list .price {width: 14%}
    .cart-list .discount {width: 11%}
    .cart-list .sum {width: 15%}
    .cart-list .del {}

    .search-last {display: block; width: auto}
    .search-last .title {display: block; width: auto}
    .search-last ul {display: block; margin-top: 15px}

    .cf-sidebar {width: 300px}
    .cf-content {margin-left: -300px}
    .cf-cont {margin-left: 310px}

    .garage-cars li > * {padding-right: 0}
    .garage-cars li > * .char .l {display: block; padding-right: 0}
    .garage-cars li > * .char .v {display: block}

    .garage-mods .tbl {overflow: auto}
    .garage-mods .tbl table {width: 800px}

    .brands-list ul {width: 540px}

    .widget-search {position: relative; right: auto; top: auto; margin: 0 auto 20px; width: auto; max-width: 370px}
    .product-alphabet .box{max-width: 50%}
}
@media screen and (min-width:716px){

    .catalog-start .block,
    .catalog-change-2 .block,
    .catalog-ftr .block {display: block !important}
    .cf-cat .block {display: block !important}
    .product-alphabet .box {display: block !important}

}
@media screen and (max-width:716px){
    .search-vf.brick table tr th:nth-child(4n),.search-vf.brick table tr td:nth-child(4n){
        display: none;
    }
    .search-box .tab {display: none}
    .search-box .tab-m {display: block}
    .search-box .form-3 input[type=text].in-1 {width: 20%}
    .search-box .form-3 input[type=text].in-2 {width: 78%}

    .site-header .logo {padding-top: 35px; width: 32%}
    .site-header .logo a img {width: 113px}
    .site-header .phone {width: 43%}
    .site-header .cabinet {padding: 0; margin-top: 28px}
    .site-header .cabinet:after {display: none}
    .site-header .cabinet > a {display: block; padding: 0; width: 34px; height: 34px; background: url(../i/sprite.png) -364px 0 no-repeat}
    .site-header .cabinet.active > a {background-position: -440px 0}
    .site-header .cabinet > a:after {display: none}
    .site-header .cabinet > a span {display: none}
    .site-header .cabinet .box {left: -40px}
    .site-header .cart {width: auto; margin-top: 28px}
    .site-header .cart a .num {background-position: -402px 0; width: 35px; height: 35px; float: none}
    .site-header .cart a .num span {width: 24px; height: 24px; line-height: 24px; left: -8px; top: -8px; font-size: 14px}
    .site-header .cart a .sum {display: none}

    .product-cat {padding-top: 10px}
    .product-cat ul {display: block; width: auto; text-align: center}
    .product-cat li {display: inline-block; vertical-align: top; width: 33.333%; padding-top: 20px}
    .product-cat li > * {display: block; width: auto}
    .product-cat li > * .icon {width: 80px}
    .product-cat li > * .icon span {width: 80px; height: 80px}
    .product-cat li > * .text {font-size: 16px}

    .product-ftr {padding-right: 20px}
    .product-ftr .subtitle {cursor: pointer}
    .product-ftr .subtitle:after {display: block; content: ''; background: url(../i/sprite.png) -560px -0px no-repeat; width: 40px; height: 40px; position: absolute; right: 0px; top: 50%; margin-top: -20px}
    .product-ftr.active .subtitle:after {background-position: -604px 0}
    .product-ftr .block {display: none}
    .product-ftr .item-country {float: none; width: auto; padding-top: 30px}
    .product-ftr .item-spec {float: none; width: auto; padding-top: 20px}
    .product-ftr .bt {position: relative; bottom: auto; right: auto; width: auto; height: auto; padding-top: 30px; text-align: center}
    .product-ftr .bt > * {float: none !important; margin: 0 10px}

    .product-alphabet .subtitle {position: relative; padding-right: 55px; cursor: pointer}
    .product-alphabet .subtitle:after {display: block; content: ''; background: url(../i/sprite.png) -560px -0px no-repeat; width: 40px; height: 40px; position: absolute; right: 0px; top: 50%; margin-top: -20px}
    .product-alphabet.active .subtitle:after {background:none; /*background-position: -604px 0*/}
    .product-alphabet .subtitle span {position: relative; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
    .product-alphabet .box {display: none}

    .product-brand .list ul {width: 48%; margin-right: 4%}
    .product-brand .list ul:nth-child(4n+4) {margin-right: 4%}
    .product-brand .list ul:nth-child(2n+2) {margin-right: 0}

    .product-brand-detail .spec li {width: 50%}
    .product-brand-detail .spec li:nth-child(4n+5) {clear: none}
    .product-brand-detail .spec li:nth-child(2n+3) {clear: both}
    .product-brand-detail .descr {padding-top: 35px}

    .catalog-start .subtitle {display: block}
    .catalog-start .block {display: none; padding-top: 20px}

    .catalog-change-2 {margin-top: 20px}
    .catalog-change-2 .subtitle {display: block}
    .catalog-change-2 .block {display: none; padding-top: 20px}

    .catalog-ftr {padding-top: 20px}
    .catalog-ftr.active{background: none; }
    .catalog-ftr .subtitle {display: block}
    .catalog-ftr .block {display: none}

    .product-list li {width: auto; float: none; margin-right: 0}

    .product-detail .img {width: 170px}

    .catalog-to-1 ul {width: 50%}

    .catalog-to-4 {margin-top: 20px}
    .catalog-to-4 .img {position: static; margin: 0 0 10px}

    .catalog-to-5 li {width: 50%}
    .catalog-to-5 li:nth-child(3n+4) {clear: none}
    .catalog-to-5 li:nth-child(2n+3) {clear: both}

    .catalog-to-tab-card a {padding-left: 0; padding-right: 0; width: 32%; margin-right: 2%; margin-left: 0}
    .catalog-to-tab-card a:last-child {margin-right: 0}
    .catalog-to-tab-card a span {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 7px; text-align: center}

    .catalog-to-card .img {display: block; width: auto; max-width: 300px}
    .catalog-to-card .entry {display: block; padding-left: 0}

    .catalog-to-request .form {padding-left: 0}
    .catalog-to-request .item {display: table; width: 100%}
    .catalog-to-request .level {display: table-cell; vertical-align: top; width: 140px; padding-top: 5px; text-align: right}
    .catalog-to-request .value {margin: 0; display: table-cell; vertical-align: top; padding-left: 15px}
    .catalog-to-request .l {width: auto; float: none}
    .catalog-to-request .r {width: auto; float: none}

    .catalog-l ul {width: 420px}

    .inform-promo {display: none; margin-top: 30px}

    .inform-box {padding-top: 30px}

    .inform-contacts .basic {width: auto; float: none; padding-left: 0}
    .inform-contacts .list {width: auto; float: none; padding: 30px 0 0}

    .inform-loc .city {position: relative; right: auto; top: auto; margin-top: 20px}
    .inform-loc .city .box {right: auto; left: 20px}
    .inform-loc .map {height: 280px}

    .cabinet-orders {padding-right: 0}
    .cabinet-orders .set {height: auto}
    .cabinet-orders .set .type {float: none}
    .cabinet-orders .set .period {float: none; margin: 25px 0 0; height: auto}
    .cabinet-orders .set .period .text {float: none; line-height: 1}
    .cabinet-orders .set .period .fields {float: none; margin: 15px 0 0}
    .cabinet-orders .tbl {overflow: auto}
    .cabinet-orders .tbl .head {width: 800px}
    .cabinet-orders .tbl ul {width: 800px}

    .cabinet-set .item {float: none !important; width: auto; margin: 20px 0 0 !important}
    .cabinet-set .item:first-child {margin-top: 0 !important}
    .cabinet-set .item:after {display: none}

    .cabinet-set-a {border-top: 0}

    .cabinet-login .col {width: auto; float: none; margin-left: 0}

    .cabinet-o .tab a.c {display: none}

    .cabinet-o-detail .bt-l {float: none; text-align: left}
    .cabinet-o-detail .bt-r {float: none; text-align: left}

    .cabinet-recovery .box {padding: 40px 30px 45px; margin-left: -25px; margin-right: -25px}
    .cabinet-recovery .bt {padding: 20px 5px 0}

    .cabinet-pay {padding: 30px 20px}
    .cabinet-pay .box {padding: 30px 30px 35px}
    .cabinet-pay .bt {padding-left: 30px}

    .cart-pg .total .level {width: auto}
    .cart-pg .total .value {width: 170px}

    .cart-list {overflow: auto}
    .cart-list .head {width: 700px}
    .cart-list ul {width: 700px}

    .cart-check-2 li {width: 48%; margin-right: 4%}
    .cart-check-2 li:nth-child(3n+3) {margin-right: 4%}
    .cart-check-2 li:nth-child(2n+2) {margin-right: 0}

    .cart-check-list .inner {overflow: auto}
    .cart-check-list .head {width: 700px}
    .cart-check-list ul {width: 700px}

    .cart-check-out ul {margin-right: 0}
    .cart-check-out .total {position: static; padding: 20px 0 0 0; text-align: center}
    .cart-check-out .bt {position: static; padding: 30px 0 0; text-align: center}

    .search-number .i {position: relative; padding-top: 20px; padding-bottom: 50px}
    .search-number .i > * {display: block}
    .search-number .f1 {display: inline-block; vertical-align: middle}
    .search-number .f2 {display: inline-block; vertical-align: middle}
    .search-number .f3 {padding: 0; position: absolute; left: 0; bottom: 0; width: 64%}
    .search-number .f4 {padding: 0; position: absolute; right: 0; bottom: 0; width: 34%}

    .search-par {max-width: none}

    .search-model {margin-top: 20px}
    .search-model .intro {padding: 30px 0 20px}

    .cf-sidebar {float: none; width: auto}
    .cf-content {float: none; width: auto; margin: 0}
    .cf-cont {margin: 0}

    .cf-cat {padding-top: 0}
    .cf-cat .title {position: relative; cursor: pointer; padding: 20px 15px; font-size: 18px; text-transform: uppercase; text-align: left}
    .cf-cat .title:after {display: block; content: ''; background: url(../i/sprite.png) -560px -0px no-repeat; width: 40px; height: 40px; position: absolute; right: 10px; top: 50%; margin-top: -20px}
    .cf-cat.active .title:after {background-position: -604px 0}
    .cf-cat .block {display: none}
    .cf-cat .tab {text-align: left}
    .cf-cat .tab a {margin-left: 0; margin-right: 7px}
    .cf-cat .tab a:last-child {margin-right: 0}
    .cf-cat .search {max-width: 320px; margin-left: auto; margin-right: auto; padding: 0 10px}
    .cf-cat .search button {right: 11px}
    .cf-cat ul.first {position: relative; max-width: 320px; }
    .cf-cat .reset {position: relative; max-width: 320px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px}

    .scheme-pg {padding-left: 15px; padding-right: 15px}

    .garage-cars li {float: none; width: auto; margin: 10px 0 0}
    .garage-cars li > * .char .l {display: table-cell; padding-right: 13px}
    .garage-cars li > * .char .v {display: table-cell}

    .garage-ts .img {position: static; float: none; display: table-cell; vertical-align: top; width: 240px}
    .garage-ts .basic {margin-top: 0; width: auto; float: none; display: table-cell; vertical-align: top}
    .garage-ts .tech {position: relative; max-width: 380px; margin: auto; width: auto; float: none}
    .garage-ts .catalog{position: relative; bottom: -25px; left:0px;}

    .brands-alphabet {padding-top: 0 !important; padding-bottom: 0 !important}
    .brands-alphabet .title {display: block}
    .brands-alphabet .box {padding-bottom: 25px}

    .brands-detail .entry {padding: 5px 0 0 25px}
    .brands-detail .char {padding-top: 30px}
    .brands-detail .char .l {display: block}
    .brands-detail .char .v {display: block; padding: 5px 0 0}

    .site-footer .top {padding-bottom: 30px}
    .site-footer .menu {padding-bottom: 0; width: 50% !important}
    .site-footer .menu ul {width: auto; float: none; font-size: 18px}

    /*.site-footer .pay {display: none}*/
    .site-footer .copy {left: 10px; bottom: 32px; text-align: left; font-size: 16px}
    .site-footer .copy span {position: relative; display: block; width: 50%; margin-left: auto}

    .catalog_message{
        min-height: 350px;
    }
    .catalog_message li{
        width: 100%;
    }
    li.whats_img a{
        height: 124px;
    }
    li.whats_img a{

    }
    li.whats_img a.operators_link{
        height: 30px;
        color:#333333;
    }
    li.whats_img a.operators_link:hover{
        background: #333333!important;
    }
    li.operators{
        display: none;
    }

    li.whats_img a.operators_link {
        background-color: #333333!important;
        color:#fff!important;
        margin-top: 4px;
        font-weight: bold;
        padding: 4px 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        border-radius: 2px;

    }
    li.whats_img a.operators_link:hover{
        background: #E9294F!important;
        color:#fff!important;
    }
    .product-alphabet .box{max-width: 40%}
}
@media screen and (max-width:616px){

    .search-box {top: 100px}

    .search-model-f {margin-top: 20px}
    .search-model-f .list {padding-top: 13px}
    .search-model-f .item {width: auto; margin-right: 0; float: none}

    .slider-promo .wrapper {height: 220px}
    .slider-promo .inner {display: none}
    .slider-promo .arr-l,
    .slider-promo .arr-r {display: none !important}
    .slider-promo .page {display: none !important}

    .cabinet-balance {float: none; width: auto}

    .cabinet-card {float: none; width: auto}

    .cabinet-alerts li {float: none; width: auto; margin-right: 0}

    .cabinet-set-a li {float: none; width: auto; margin-right: 0}

    .product-detail .l {width: 50%; float: left}
    .product-detail .r {position: static; float: right; width: 50%}

    .catalog-to .step .s {display: block; padding: 20px 0 0}

    .catalog-f-d .item {width: 24%; margin-left: 1.333%}
    .catalog-f-d .item:nth-child(5) {margin-left: 0}
    .catalog-f-d .item-dev {clear: none; width: 200px}
    .catalog-f-d .checks {width: auto; margin-left: 20px}
    .catalog-f-d .checks .i label {position: relative; display: block; padding-top: 15px}
    .catalog-f-d .checks .i .jq-checkbox {position: absolute; left: 0; top: 0}
    .catalog-f-d .bt {position: static; padding-top: 30px}

    .catalog-f-t .list {padding-right: 0}
    .catalog-f-t .item {width: 32%; margin-left: 2%; margin-right: 0}
    .catalog-f-t .item-dev {position: static; clear: both; margin: 0; float: left; width: 40% !important}
    .catalog-f-t .r {position: static; float: right; padding: 60px 0 0; clear: none; width: 56%}
    .catalog-f-t .checks .i {float: none; width: auto; margin-top: 15px}
    .catalog-f-t .checks .i:first-child {margin-top: 0}
    .catalog-f-t .price {position: absolute; left: 44%; right: 0; top: auto; bottom: 0; width: auto}
    .catalog-f-t .bt {text-align: center}

    .catalog-all {padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px}
    .catalog-all .subtitle {padding: 0 10px}

    .garage-ts .back{width: 200px; left: 38px; position: relative; margin-top:5px;}
    .garage-ts .del{margin-left: 76px; margin-top:0px; bottom:0px; padding-top: 0px;}
    .catalog_message{
        float: none;
        height: 180px;
        min-height: 0;
    }

    .product-alphabet .box{width: 90%}
    .product-alphabet .box{max-width: 100%}



}
@media screen and (max-width:516px){
    .scheme-tab a.active{
        margin: 4px 5px 0px 0px;
    }
    .pagination .level {display: block; margin: 0 0 10px}

    .search-box .tab-m {right: 80px}

    .search-vf {overflow: auto}

    .search-number .f3 {width: 58%}
    .search-number .f4 {width: 40%}
    .search-number input[type=text].in-1 {width: 30%}
    .search-number input[type=text].in-2 {width: 60%}

    .search-model {padding-left: 15px; padding-right: 15px}

    .search-model-f {padding: 0 15px}

    .catalog-start .item {width: auto !important; margin-right: 0; float: none}

    .catalog-ftr .list .item {width: auto; float: none; margin-right: 0}

    .catalog-change li .level {width: 150px}

    .catalog-change-2 .block {position: relative}
    .catalog-change-2 .head {display: block; width: auto}
    .catalog-change-2 .bt {display: block; width: auto; padding-top: 10px}
    .catalog-change-2 .bt > * {width: 120px}
    .catalog-change-2 .prod {display: block; padding: 0; width: auto}
    .catalog-change-2 .sel {display: block; padding: 0; width: auto}

    .catalog-to {padding-left: 15px; padding-right: 15px}
    .catalog-to .choice .model {display: block}
    .catalog-to .choice .other {display: block; padding: 15px 0 0}

    .catalog-to-3 ul {width: auto; float: none; padding-right: 0}

    /*.catalog-to-tab-wi a {position: relative; width: 49%; margin-left: 0; margin-right: 2%; padding-left: 0; padding-right: 0}
    .catalog-to-tab-wi a:last-child {margin-right: 0}
    .catalog-to-tab-wi a:after {display: none}
    .catalog-to-tab-wi a span {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 10px; text-align: center}*/

    .catalog-to-tab-card {height: auto}
    .catalog-to-tab-card a {float: none; width: auto; margin: 0 !important; padding: 0 !important; border-radius: 0; border-top: 1px solid #333333; height: 36px; line-height: 36px}
    .catalog-to-tab-card a:first-child {border-radius: 3px 3px 0 0; border: 0}

    .catalog-all .start {width: 420px}
    .catalog-all .list {width: 420px}
    .catalog-all .item {width: 200px}
    .catalog-all .item-2 {width: 410px}
    .catalog-all .item-2 a .img span {width: 280px}

    .catalog-f .item .box {height: 170px}

    .cabinet-login {width: auto; padding-left: 15px; padding-right: 15px}

    .inform-pg {padding-left: 15px; padding-right: 15px}

    .inform-buy .item {padding-top: 30px}
    .inform-buy .item .it {padding-top: 30px}
    .inform-buy .item .img {display: none}

    .inform-contacts {padding-left: 15px; padding-right: 15px}

    .cabinet-o .tab a {width: 32%; margin-left: 2%; margin-right: 0; box-sizing: border-box; padding: 0 5px}
    .cabinet-o .tab a:first-child {margin-left: 0}
    .cabinet-o .tab a span {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; text-align: center}

    .cabinet-o-detail .l .table {position: relative; overflow: auto}
    .cabinet-o-detail .l .table table {width: 500px}
    .cabinet-o-detail .r .info {padding-left: 20px; padding-right: 20px}
    .cabinet-o-detail .r ul {padding: 15px 0 0}
    .cabinet-o-detail .bt-l a {display: block; width: auto}
    .cabinet-o-detail .bt-r a {display: block; width: auto; margin-left: 0}

    .garage-ts .img {display: block; width: auto}
    .garage-ts .basic {display: block}
    .garage-ts .tech {max-width: none}
    .garage-ts .del {margin-left: 0}
    .garage-ts .back {left: 0}

    /*.catalog_message{
        margin-bottom: 52px;
        position: relative;
        display: block;
        height: 121px;
        width: 100%
    }
    .catalog_message li.whats_img {
        float: left;
        margin-left: 30px;
    }

    .catalog_message li.operators {
        margin-top: 42px;
        float: right;
        margin-right: 56px;
    }
    .whats_img .operators_link{
        width: 140px;
    }
    .cartPopup {
        width: calc(100% - 40px);
        right: 10px;
        position: fixed;
    }*/

    .operators_link {
        background: #333333!important;
        color:#fff!important;
        margin-top: 4px;
        font-weight: bold;
        padding: 4px 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        border-radius: 2px;

    }
    .operators_link:hover{
        background: #E9294F!important;
        color:#fff!important;
    }

    table.style thead th{
        padding-right: 0px;
    }

}
@media screen and (max-width:466px){
    .scheme-pg {padding-left: 0;}
    .search-box .tab-m {right: 30px}

    .site-header .logo {width: auto}
    .site-header .phone {display: none}
    .site-header .cabinet {position: absolute; right: 90px; top: 0px}

    .product-cat li > * .icon {width: 60px}
    .product-cat li > * .icon span {width: 60px; height: 60px}
    .product-cat li > * .text {font-size: 14px}

    .product-brand-detail .basic .logo {display: block; width: auto}
    .product-brand-detail .spec li {width: auto; float: none}
    .product-brand-detail .basic .char {display: block; padding-top: 40px}

    .product-list li .char .i {padding-top: 5px}
    .product-list li .char .l {display: block; padding-right: 0}
    .product-list li .char .v {display: block}

    .product-detail .l {float: none; width: auto}
    .product-detail .r {float: none; width: auto; padding-top: 10px; text-align: left}
    .product-detail .img {display: block; padding-top: 30px}
    .product-detail .chr {display: block; padding: 15px 0 0}
    .product-detail .all {padding-top: 15px}

    .catalog-to-5 li {width: auto; float: none}

    .catalog-to-tab-card a {font-size: 14px}

    .catalog-to-request .form {padding-left: 10px; padding-right: 10px}
    .catalog-to-request .item {display: block; width: auto}
    .catalog-to-request .level {display: block; width: auto; padding-top: 0; text-align: left}
    .catalog-to-request .value {display: block; padding: 0; margin-top: 10px}

    .catalog-f-d .item {width: 49%; margin-left: 0; margin-right: 2%}
    .catalog-f-d .item:nth-child(2n+2) {margin-right: 0}
    .catalog-f-d .checks {padding-top: 15px; float: none; clear: both; text-align: center}
    .catalog-f-d .checks .i {display: inline-block; vertical-align: top; margin: 10px 10px 0; padding-top: 0}
    .catalog-f-d .checks .i label {padding-top: 0}
    .catalog-f-d .checks .i .jq-checkbox {position: relative; left: auto; top: auto}

    .catalog-l ul {width: auto; padding: 0 10px}
    .catalog-l li {width: 49%; margin-left: 0; margin-right: 2%}
    .catalog-l li:nth-child(2n+2) {margin-right: 0}
    .catalog-l li:nth-child(2n+3) {clear: both}
    .catalog-l li > * .char span {display: block; margin-right: 0}

    .catalog-all .start {width: auto}
    .catalog-all .list {width: auto; padding-top: 10px}
    .catalog-all .item {width: auto; float: none; margin: 10px 0 0}
    .catalog-all .item a {height: auto; padding: 15px 0 20px}
    .catalog-all .item a .img span {display: block; width: auto; height: auto}
    .catalog-all .item a .title {display: block; width: auto; height: auto; padding-top: 20px}
    .catalog-all .item-2 a .img {position: relative}
    .catalog-all .item-2 a .img span {width: auto; height: auto}
    .catalog-all .item-2 a .entry {display: block; width: auto; height: auto; padding: 20px 0 0; text-align: center}
    .catalog-all .item-2 a .btitle {text-align: center}
    .catalog-all .item-2 a .btitle span {display: inline}
    .catalog-all .item-2 a .title {padding-top: 10px; text-align: center}

    .cart-check-title {padding-left: 10px;}

    .cart-check-2 .out .logo {display: block; position: relative; margin: auto}
    .cart-check-2 .out .entry {display: block; padding: 15px 0 0; text-align: center}

    .cart-check-3 .box {margin-left: 0}

    .cf-list .item {width: auto; float: none; margin-right: 0}
    .cf-list .item a .txt {min-height: 0 !important}

    .garage-cars li > * .body {margin-top: 15px}
    .garage-cars li > * .char {margin-top: 20px}
    .garage-cars li > * .img {position: static}

    .garage-ts .tech li .l {float: none; width: auto}
    .garage-ts .tech li .l span:after {display: none}
    .garage-ts .tech li .v {float: none; padding: 0}

    .brands-detail .logo {display: block}
    .brands-detail .entry {display: block; padding: 30px 0 0}
    .brands-detail .char {padding-top: 20px}
}
@media screen and (max-width:416px){

    .search-box .tab-m .level {padding: 0 55px 0 50px}
    .search-box .tab-m .level span {font-size: 16px}
    .search-box .tab-m .value {padding-left: 50px}
    .search-box .tab-m .value a {font-size: 16px}

    .product-cat li {width: 50%}

    .catalog-change ul {border-bottom: 1px solid #e2e2e2}
    .catalog-change li {display: block; width: auto; border-bottom: 0}
    .catalog-change li .level {display: block; width: auto}
    .catalog-change li .value {display: block; width: auto}

    .product-list li .img {display: block}
    .product-list li .char {display: block; padding: 7px 0 0}
    .product-list li .char .l {display: table-cell; padding-right: 20px}
    .product-list li .char .v {display: table-cell}

    .catalog-f-t .item {width: 49%; margin-left: 0; margin-right: 2% !important}
    .catalog-f-t .item:nth-child(2n+2) {margin-right: 0 !important}
    .catalog-f-t .item-dev {width: 49% !important; clear: none}
    .catalog-f-t .r {float: none; width: auto; padding-top: 25px; clear: both}
    .catalog-f-t .checks .i {float: left; width: 33.333%; margin-top: 0}
    .catalog-f-t .price {position: static; margin-top: 20px}

    .cabinet-main .garage {position: static; margin-top: 20px}

    .cabinet-orders .set .period {padding-right: 20px}
    .cabinet-orders .set .period .item {width: 42%}
    .cabinet-orders .set .period .sep {width: 4%; margin-left: 6%; margin-right: 6%}
    .cabinet-orders .set .period input[type=text] {font-size: 14px}

    .linkToCatalog {position: relative; width: 137px;}

    .catalog_message{

    }
    .catalog_message li.whats_img{
        display: block!important;
    }
    .catalog_message li.whats_img,
    .catalog_message li.operators {
        float:none;
        margin: 0 auto;

    }

    .whats_img .operators_link{
        width: 100%;
    }

    .catalog_message li.operators{
        display: none;
    }
    .operators_link {
        background: #333333!important;
        color:#fff!important;
        margin-top: 4px;
        font-weight: bold;
        padding: 4px 0;
        width: 100%;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        border-radius: 2px;

    }
    .operators_link:hover{
        background: #E9294F!important;
        color:#fff!important;
    }
}