/* styles for adaptive shop
*
*
*
*/

@media screen and  (min-width: 1px) and (max-width: 1000px) {    
    body * {
        font-family: 'Roboto', sans-serif !important;
        -webkit-text-size-adjust: 100%;
    }
    #content h1, #content h2, .search-form-title, 
    #search-form-variants, #content .sidebar-html-block, 
    .paragraph, .news-main, .gallery-wrapper, .image, .modul-file {
        font-style: normal !important;
        margin-left: 24px;
        margin-right: 24px;
    }   
    .popup-big-photo .image {
        margin-left: 0;
        margin-right: 0;
    }    
    .paragraph {
        font-size: 14px;
        line-height: 23px;
        padding-bottom: 23px !important;
    }
    .margined {
        margin: 0 !important;
    }    
    #content .news-main h2 {
        margin: 0;
    }    
    #content {
        margin: 0;
        padding: 0;
        padding-top: 30px;
        background: #ffffff;
        min-height: 300px !important;
        margin-top: 0 !important;
    }    
    #content h1, #content h2, .search-form-title {
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: bold !important;
        margin-bottom: 16px !important;
    }    
    #content .catalog-table-list h2 {
        font-size: 19px !important;
        font-weight: normal !important;
        margin-bottom: 0 !important;
    }    
    #black_overlay {
        z-index: 1020;
    }    
    select, textarea, input,
    select:focus, textarea:focus, input:focus {
        font-size: 16px !important;
    }    
    .upload-button input:focus, .upload-button input {
        font-size: 118px !important;
    }    
    select.filter-period, select.filter-period:focus {
        font-size: 16px !important;
    }    
    .nothing-found-text {
        font-size: 16px !important;
        padding-left: 54px;
        background-position: 25px 11px;
    }    
    #breadcrumb {
        margin-left: 24px;
        margin-right: 24px;
    }    
    #itemsPerPage {
        margin-right: 24px;
    }    
    #please_wait_popup {
        left: 50%;
        margin-left: -125px;
    }    
    .paragraph h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }    
    .paragraph h3 a {
        font-size: 16px !important;
    }    
    .registration-form  p i {
        font-size: 12px;
        line-height: 16px;
        width: auto;
    }    
    input[type="button"], input[type="submit"] {
       -webkit-appearance: none; 
    }    
    .guest-user-discount-name {
        padding-right: 24px;
        border-radius: 0;
    }
    .whatsapp_banner_wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }
    .whatsapp_banner a.mobile-only {
        display: block;
    }
    .whatsapp_banner a.desktop-only {
        display: none;
    }
    .sidebar-item img {
        max-width: 100%;
    }
}

@media screen and  (min-width: 1px) and (max-width: 780px) {
    .gear-button__wrapper {
        height: 98px;
        width: 98px;
        right: -52px;
        top: 50%;
        margin-top: -49px;
    }
    .gear-button  svg {
        width: 98px;
        height: 98px;
    }
    .gear-button {
        height: 98px;
        width: 98px;
        z-index: 3;
    }    
    .gear-button__text__mobile {
        display: block;
        z-index: 5;
    }
    .gear-button__text__desk {
        display: none;
    }
    .gear-button:before {
        display: none;
    }
    .gear-button__center__mobile {
        display: block;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: 1;
    }
}

@media screen and  (min-width: 1px) and (max-width: 480px) {
    #content h1, #content h2, .search-form-title, 
    #search-form-variants, #content .sidebar-html-block, 
    .paragraph, .news-main, .gallery-wrapper, .image, .modul-file {
        margin-left: 16px;
        margin-right: 16px;
    }    
    .popup-big-photo .image {
        margin-left: 0;
        margin-right: 0;
    }    
    #search-form-variants {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    } 
    .pages, .item-sort-block {
        margin-left: 16px;
        margin-right: 8px;
    }    
    #breadcrumb {
        margin-left: 16px;
        margin-right: 16px;
    }    
    #itemsPerPage {
        margin-right: 16px;
    }    
    .paragraph-image-left {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;        
    }    
    .paragraph-image-right {
        float: none;
        margin-left: 0;
        margin-bottom: 20px; 
    }    
    .paragraph-image-left img, .paragraph-image-right img {
        max-width: 100%;
    }    
    .nothing-found-text {
        padding-left: 46px;
        background-position: 16px 11px;
    }    
    .guest-user-discount-name {
        padding-right: 16px;
    }    
    #part-image-popup {
        width: calc(100% - 40px);
        top: 50%;
        left: 20px;
        margin-left: 0;
        margin-top: -190px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }    
    .part-image-popup-wrapper {
        height: 380px;
    }    
    #part-image-popup .part-image img {
        max-width: 100%;
    }    
    .whatsapp_banner_wrapper {
        margin-left: 16px;
        margin-right: 16px;
    }
    whatsapp_banner {
        padding: 35px 0;
    }
    whatsapp_banner div {
        font-size: 16px;
        line-height: 24px;
    }
    whatsapp_banner div b {
        font-size: 18px;
    }
    .whatsapp_banner:after {
        height: 600px;
        background: radial-gradient(rgba(255,255,255,.8), transparent);
        bottom: 0;
    }
    
}
.overlay_adapt {
    display: none;
}

/* modal adaptive ---------------------------- */
@media screen and  (min-width: 1px) and (max-width: 1000px) {
    .new-date.news-body, .all-news {
        margin-left: 24px;
    }    
    .image img {
        max-width: 100%;
    }    
    .deleted-basket-title p {
        font-size: 14px !important;
    }    
    #social-buttons-block {
        padding-left: 24px;
    }     
    .news-block {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .news-main .news-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and  (min-width: 1px) and (max-width: 480px) {
    .new-date.news-body,.all-news {
        margin-left: 16px;
    }    
    #social-buttons-block {
        padding-left: 16px;
    }    
    .news-block {
        margin-left: 16px;
        margin-right: 16px;
    }
}
/* ---------------------------- modal adaptive */

/* width 1000. Standart blocks changing */
@media screen and (max-width: 1000px) { 
  #middle {
      margin-right: 0;
      width: auto;
      max-width: 1000px;
  }  
  #right-sidebar, #left-sidebar {
        display: none;
        float: none;
    }  
  #wrapper, #bg-wrapper {
      width: auto;
      max-width: 1000px;
  }  
  #bg-wrapper  {
      width: auto;
      max-width: 1000px;
  }  
  html, body {
      min-width: 320px !important;
  }  
  #footer {
      padding-left: 24px;
      padding-right: 24px;
  }  
  .footer-payments {
      display: none;
  }  
  .brands-table {
        width: 100%;
        margin: 18px 0 30px 0;
    }    
    div.popup-frame, #simplemodal-container {
        z-index: 1700 !important;
    }    
    #search-form-variants + h2 {
        margin-top: 20px;
    }
}

/* mobile transparent menu */
.adapt-menu-overlay {
    position: fixed;
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    left: 0;
    background: rgba(0,0,0, .2);
    z-index: 450;
    display: none;
}
.adapt-menu-overlay.over-all {
    z-index: 1300;
}
body.fixed .adapt-menu-overlay {
    display: block;
}
body.test-alert-padding.fixed .adapt-menu-overlay {
    top: 119px;
}

/* header ---------------------------- */
#header-adapt {
    background: #cccccc;
    position: relative;
    margin-top: 55px;
    display: none;
    background-size: auto 100% !important;
}
/* header fixed block */
.header-adapt__fixed {
    height: 56px;
    background-color: #e85f59;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    z-index: 1015;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
/* header content */
.header-adapt__content {
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* adaptive logo */
#logo_adaptive {     
    font-size: 30px;
    font-weight: bold;
    width: calc(100% - 170px);
    text-align: left;
    overflow: hidden;
}
#logo_adaptive a {
    display: block;  
    text-decoration: none;
}
#logo_adaptive_img img {
    max-width: 100%;
    max-height: 76px;
    vertical-align: middle;
    margin: 0;
}
/* button for contacts */
.header-adapt__contacts {
    width: 153px;
    height: 52px;
    line-height: 52px;
    border-radius: 3px;
    background-color: #c23d37;    
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.header-adapt__contacts .svg-phone-icon {
    position: absolute;
    left: 0;
    top: -2px;
}
.header-adapt__contacts span {
    padding-left: 26px;
    position: relative;
}

@media screen and  (min-width: 100px) and (max-width: 480px) { 
    .header-adapt__content {
        display: none;
    } 
    .main-page .header-adapt__content {
        display: block;
    }  
    #logo_adaptive { 
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .header-adapt__contacts {
        width: 100%;
    }
}
/* gamberger icon menu // left side */
.header-adapt__menu {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 14px;
    left: 14px;
    cursor: pointer;
}
.header-adapt__menu .svg-burger-icon {
    position: absolute;
    top: 8px;
    left: 5px;
    fill: #ffffff;
}
/* person-user menu // right side*/
.header-adapt__actions {
    height: 56px;
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
}
.header-adapt__user-menu {    
    cursor: pointer;
    width: 45px;
    height: 56px;
    text-align: center;
    line-height: 64px;
}
.header-adapt__user-menu .svg-person-icon {    
    stroke: #ffffff;
}
/* cart icon */
.header-adapt__basket {
    padding: 0 9px;    
}
.header-adapt__basket a {
    height: 56px;
    display: flex;
    align-items: center;
}
.header-adapt__cart {
    text-decoration: none;
}
.header-adapt__cart span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #c33d37;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    margin-left: 5px;
}
.header-adapt__search__icon {
    width: 50px;
    line-height: 65px;
    height: 56px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.header-adapt__search__icon.active:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 100%;
    margin-top: -5px;
    transform: rotate(45deg);
}
.header-adapt__search__show {
    width: 50px;
    line-height: 70px;
    height: 56px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 3;
}
.header-adapt__search__close {
    width: 50px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: transparent;
    display: none;
}
.main-page .header-adapt__search__icon {
    display: none;
}
/* header whatsapp link ------------------ */

.adapt-whatsapp-header {        
    cursor: pointer;
}
.adapt-whatsapp-header .wa-link-a {
    display: block;
    width: 50px;
    height: 56px;
    background: url('../../images/shop/whatsapp_26x26.png') center center no-repeat;
    cursor: pointer;
}
/* contacts whatsapp link ------------------ */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #adapt-contacts .wa-link-block {
        display: block;
        max-width: 300px;
        height: 48px;
        line-height: 48px;
        font-size: 19px;
        font-weight: bold;
        border: 1px solid #E0E0E0;
        margin-bottom: 10px;
        text-align: center;
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        margin-top: 20px;
    }
    #adapt-contacts .wa-link-block span {
        padding-left: 37px;
        background: url('../../images/shop/whatsapp.png') 0 0 no-repeat;
        padding-top: 4px;
        padding-bottom: 3px;
    }
}
/* contacts phone link ------------------ */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #adapt-contacts .phone-link-block {
        display: block;
        max-width: 300px;
        height: 48px;
        line-height: 48px;
        font-size: 19px;
        font-weight: bold;
        border: 1px solid #E0E0E0;
        margin-bottom: 10px;
        text-align: center;
        color: #000000;
        text-decoration: none;
        cursor: pointer;
    }
    #adapt-contacts .phone-link-block span {
        padding-left: 34px;
        background: url('../../images/shop/phone-mobile.png') 6px 0 no-repeat;
    }
}

/* test alert case */
body.test-alert-padding .header-adapt__fixed {
    top: 63px;
}

/* adapt fixed overlay */
.fixed-adapt-overlay {
    position: fixed;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index: 1020;
    display: block;
    top: 0;
    left: 0;
    display: none;
}

@media screen and (min-width: 1001px) {
    .fixed-adapt-overlay {
        display: none !important;
    }
}

.adapt-fixed-dialog-wrapper {
    padding: 30px 0;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* contact dialog */
.adapt-fixed-dialog {
    width: 300px;
    position: relative;
    margin: auto;
    background-color: #fafafa;
    box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22);
    font-size: 16px;
    color: #212121;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 24px 40px 24px 24px;
    margin-bottom: 10px;
    display: block;
}
.adapt-fixed-dialog .close {
    width: 30px;
    height: 30px;
    background: url('../../images/shop/adaptive/close.png') center center no-repeat;
    position: absolute;
    right: 10px;
    top: 9px;
    cursor: pointer;
}
.adapt-fixed-dialog .tilte {
    font-size: 18px;
    margin-bottom: 34px;
    padding-top: 3px;
}
.adapt-fixed-dialog .address {
    font-size: 18px;
    margin-bottom: 36px;
}
.adapt-fixed-dialog .phone {
    font-size: 14px;
    margin-bottom: 36px;
}
.adapt-fixed-dialog .phone span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
}
.adapt-fixed-dialog .work-time p {
    font-size: 16px;
    margin-bottom: 8px;
}
.adapt-fixed-dialog .work-time p:first-child {
    font-size: 14px;
}

@media screen and (min-width: 100px) and (max-width: 1000px) {
    #header {display: none;}
    #header-adapt {display: block;}
    #wrapper {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }    
    body.test-alert-padding {
        padding-top: 63px;
    }
    body.test-alert-padding .test-alert {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 12px;
        height: 63px;
    }
    #middle {
        margin-left: 0;
        margin-right: 0;
        margin-right: 0;
        width: auto;
        max-width: 1000px;
        padding-top: 0;
    }
    
    #content {
        padding-top: 20px;
    }
}

@media screen and (min-width: 100px) and (max-width: 480px) {
    body.test-alert-padding .test-alert {
        font-weight: normal;
        line-height: 14px;
    }
}

/* ---------------------------- header */
/* shop menu ---------------------------- */

#adapt-menu-shop {
    position: fixed;
    z-index: 1500;
    left: -290px;
    top: 56px;
    width: 290px;
    height: calc(100% - 56px);
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
}
body.test-alert-padding #adapt-menu-shop {
    top: 119px;
    height: calc(100% - 119px);
}    
#adapt-menu-shop ul.left-menu.sidebar-item {      
    margin: 0;
    padding: 0;
    background: #ffffff;
}  
#adapt-menu-shop ul li {
    margin-bottom: 0;
    position: relative;
}
#adapt-menu-shop ul li .has-submenu-ico {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -20px;
    width: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #212121;    
}  
#adapt-menu-shop ul li span {    
    display: block !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #212121 !important;
    position: relative;
}
#adapt-menu-shop ul li span b {
    position: absolute;
    right: 20px;
    top: 17px;
}
#adapt-menu-shop ul li a, #adapt-menu-shop ul li.menu-active > span, .main-page-link {
    display: block;
    padding: 17px 16px !important;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    font-weight: normal;
    font-style: normal;
}
#adapt-menu-shop .left-menu a, .main-page-link {
    color: #212121;
    font-weight: normal;    
}

#adapt-menu-shop .left-menu li ul.hidden, 
#adapt-menu-shop .left-menu li ul {
    position: fixed;
    top: 56px;
    left: -290px;
    width: 290px;
    display: block;
    height: calc(100% - 56px);
    overflow-y: auto;
    background-color: #ffffff;  
    margin: 0;
    z-index: 5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 70px;
}
body.test-alert-padding #adapt-menu-shop .left-menu li ul.hidden, 
body.test-alert-padding #adapt-menu-shop .left-menu li ul {
    top: 119px;
    height: calc(100% - 119px);
}
#adapt-menu-shop .left-menu li ul.hidden .adapt-go-back, 
#adapt-menu-shop .left-menu li ul .adapt-go-back {
    padding-left: 63px;
    height: 72px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 72px;
    border-bottom: 1px solid #d8d8d8;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    color: #212121 !important;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}
#adapt-menu-shop .left-menu li ul.hidden .adapt-go-back:before, 
#adapt-menu-shop .left-menu li ul .adapt-go-back:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #ebebeb;
    position: absolute;
    top: 20px;
    left: 16px;
}
#adapt-menu-shop .left-menu li ul.hidden .adapt-go-back:after, 
#adapt-menu-shop .left-menu li ul .adapt-go-back:after {
    content: '';
    width: 7px;
    height: 7px;
    background: transparent;
    position: absolute;
    left: 28px;
    top: 30px;
    z-index: 2;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    border-left: 2px solid #212121;
    border-bottom: 2px solid #212121;
}

@media screen and (min-width: 1001px) {
    #adapt-menu-shop {
        display: none;
    }    
    body.fixed .adapt-menu-overlay {
        display: none;
    }    
}
/* ---------------------------- shop menu */

/* user menu ---------------------------- */ 
#adapt-menu-user {
    position: fixed;
    z-index: 1500;
    right: -290px;
    top: 56px;
    width: 290px;
    height: calc(100% - 56px);
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
}
#adapt-menu-user .profile-header, #adapt-menu-user .header-auth__basket {
    display: none !important;
}
#adapt-menu-user .authorisation a:first-child span {
    text-decoration: none;
}
#adapt-menu-user .left-menu-user {
    background: #ffffff !important;
}
#adapt-menu-user .left-menu-user a, #adapt-menu-user .left-menu-user span {
    color: #333333 !important;
}
body.test-alert-padding #adapt-menu-user {
    top: 119px;
    height: calc(100% - 119px);
}  
#adapt-menu-user .login-form.side-login-form {
    padding: 0;
    margin-bottom: 0;
    background: #ffffff;
}
#adapt-menu-user .left-menu-user.sidebar-item {
    background: #ffffff;
    padding-bottom: 20px;
}
#adapt-menu-user .sidebar-item {
    margin-top: 0;
}
#adapt-menu-user #balance b.name {
    display: block;
    padding: 23px 16px 16px 16px;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}  
#adapt-menu-user .links {
    margin-bottom: 0;
    margin-top: 6px;
    position: relative;
}  
#adapt-menu-user .links a {    
    font-size: 16px;
    text-decoration: none;
    color: #e85f59;
    padding-bottom: 17px; 
    padding-left: 16px;
    font-weight: normal;
    font-style: normal;
}
#adapt-menu-user .links a#logout {
    position: absolute;
    right: 16px;
}  
#adapt-menu-user .balance-links {
    padding-top: 7px;
    padding-bottom: 4px;
}
#adapt-menu-user .balance-links a {
    display: block;
    font-size: 15px;
    text-decoration: none !important;
    border-bottom: none;
}
#adapt-menu-user .balance-links a:first-child {
    margin-bottom: 26px;
}
#adapt-menu-user .exit-user a {
    color: #e85f59;
    text-decoration: none;
    font-size: 16px;
    padding: 17px 16px;
    margin-top: 0;
}  
#adapt-menu-user .left-menu-user {
    padding: 6px 0 4px 0;
    margin-bottom: 0 !important;
    margin-top: 0;
}  
#adapt-menu-user .left-menu-user li {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding-left: 16px;
}  
#adapt-menu-user .left-menu-user li:nth-child(3) {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 4px;
    margin-bottom: 5px;
}  
#adapt-menu-user .left-menu-user li span {
    display: block;
    padding: 12px 0;
    font-size: 16px !important;
    font-style: normal;
    font-weight: normal;
}  
#adapt-menu-user .left-menu-user li span b {
    position: absolute;
    right: 16px;
    font-weight: bold;
    color: #e85f59;
    font-size: 16px;
    top: 12px;
}  
#adapt-menu-user .left-menu-user li a {
    font-size: 16px !important;
    text-decoration: none;
    color: #212121 !important;
    font-style: normal;
    font-weight: normal;
}
#adapt-menu-user  #a-basket {
    background: none;
}
#adapt-menu-user .user-details {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #f5f5f5;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 19px;
    font-size: 14px;
    padding-top: 26px;
}
#adapt-menu-user .user-details p b {
    font-weight: normal;
}
#adapt-menu-user .user-details .take-bonus, 
#adapt-menu-user .user-details .add-money {
    display: none;
}
#adapt-menu-user #balance .balance-sum {
    margin-bottom: 0;
    top: 0;
    font-size: 26px;
}
#adapt-menu-user #balance .balance-sum span {
    font-size: 14px;
    font-weight: normal !important;
}
#adapt-menu-user .adapt-links {
    display: block;
    font-size: 16px;
    border-top: 1px solid #d8d8d8;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
}
#adapt-menu-user .adapt-links a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    border: none !important;
    color: #e85f59;
    padding: 12px 0; 
    font-style: normal;
    font-weight: normal;   
}
#adapt-menu-user .user-details .add-money {
    position: absolute;
    font-size: 15px;
    color: #e85f59;
    bottom: 17px;
}
#adapt-menu-user .user-details p {
    position: relative;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: normal;
}
#adapt-menu-user .user-details p.balance {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 18px;
    margin-bottom: 16px;
    font-weight: bold;
}
#adapt-menu-user .user-details .user-manager span {
    display: inline-block;
    width: 105px;
    vertical-align: top;
} 
#adapt-menu-user .user-details .user-manager span:last-child {
    text-align: right;
    margin-right: 0;
    width: calc(100% - 112px);
} 
#adapt-menu-user .user-details .go-right {
    position: absolute;
    right: 0;
    font-style: normal;
    top: 0;
}
#adapt-menu-user .login-form {
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width: 1001px) {
    #adapt-menu-user {
        display: none;
    }
}
/* ---------------------------- user menu */ 

/* footer ---------------------------- */
@media screen and (min-width: 100px) and (max-width: 1000px) {
    #footer {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-left: 24px;
        padding-right: 24px;
        height: 95px !important;
    }
    #footer-table {
        width: calc(100% - 48px);
    }    
    .footer-copyright-text {
        float: none;
    }    
    .footer-payments, .footer-counters, .footer-copyright a {
      display: none !important;
    }
}

@media screen and (min-width: 100px) and (max-width: 480px) {
    #footer {      
      padding-left: 16px;
      padding-right: 16px;
      height: 105px !important;
    }    
    #footer-table {
        margin-top: 25px;
        position: relative;
        display: block;
        width: 100%;
    }    
    #footer-table .footer-table-row {
        display: block;
    }
    #footer-table .footer-table-td {
        display: block;
        text-align: center;
        width: 100% !important;
        padding: 0!important;
    }
    #footer-table div.footer-payments {
        display: none !important;
    }    
    .footer-copyright-text {
        margin-right: 0;
    }
}
/* ---------------------------- footer */ 

/* brands table ---------------------------- */
.adapt-catalogs-title {
    color: #212121;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 17px;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 24px;
    padding-right: 24px;
}

@media screen and (min-width: 100px) and (max-width: 1000px)  {
    .adapt-catalogs-title {
        display: block;
    }
    .catalogs-wrapper {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .catalog-table-list h2 {
        font-size: 19px !important;
        font-weight: normal !important;
        font-style: normal !important;
        color: #e85f59;
        padding-top: 18px;
        text-decoration: underline;
        position: relative;
        cursor: pointer;
        margin-bottom: 0 !important;
        margin-left: 24px;
        margin-right: 24px;
    }
    .catalog-table-list h2:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #000000;
        border-left: 2px solid #000000;
        moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
        position: absolute;
        top: 22px;
        right: 0;
    }
    .catalog-table-list {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 18px;
    }
    .catalog-table-list.open h2 {
        text-decoration: none;
        color: #212121 !important;
    }
    .catalog-table-list.open h2:before {
        moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 27px;
    }
    .catalog-table-list .brands-table  {        
        display: none;
    }
   .brands-table {
        margin-bottom: 0;
        padding-left: 24px;
        padding-right: 24px;
    }    
    #content .brands-table a {
        font-size: 14px;
    }    
    .brands-table li a {
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }    
    .brands-table li a:nth-child(2) {
        width: 43px;
    }    
    .brands-table li a:nth-child(3) {
        width: calc(100% - 53px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 7px;
    }
}

@media screen and (min-width: 100px) and (max-width: 480px)  {
    .adapt-catalogs-title {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .catalog-table-list h2 {
        margin-right: 16px;
        margin-left: 16px;
    }    
    .brands-table {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* number of the columns in the brands table */
@media screen and (min-width: 100px) and (max-width: 1000px) {
    .brands-table {
        -moz-column-count: auto !important; /* Для Firefox */
        -webkit-column-count: auto !important; /* Для Safari и Chrome */
        column-count: auto !important;
    }     
    .brands-table li {
        margin-right: -4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}


@media screen and (min-width: 100px) and (max-width: 449px) {
    .brands-table li {
        width: 50%;
    } 
}
@media screen and (min-width: 450px) and (max-width: 650px) {
    .brands-table li {
        width: 33%;
    }    
}
@media screen and (min-width: 651px) and (max-width: 879px) {
    .brands-table li {
        width: 25%;
    }    
}
@media screen and (min-width: 880px) and (max-width: 1000px) {
    .brands-table li {
        width: 20%;
    }     
}

/* ---------------------------- brands table */

/* table from blocks // adaptive table ------------------- */
@media screen and (min-width: 100px) and (max-width: 1000px) {    
    .table-block {
        border-top: 2px solid #6b6b6b;
        border-bottom: 0;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        display: block;
    }    
    .table-block__row.header-row {
        display: none;
    }    
    .table-block__cell {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
        white-space: normal;
        padding-left: 24px;
    } 
    .table-block__row {
        display: block;
        background: #ffffff !important;
        border-bottom: 2px solid rgba(107, 107, 107, .3);
        padding-bottom: 15px;
        position: relative;
        column-count: 3;
        padding-top: 43px;
    }    
    .table-block__row:last-child {
        border-bottom: none !important;
    }    
    .table-block__cell .label-name  {
        display: inline;
        opacity: .5;
        font-size: 13px;
    }    
}

@media screen and (min-width: 100px) and (max-width: 480px) {
    .table-block__cell {
        padding-left: 16px;
    }
}
/* ------------------- table from blocks // adaptive table */

/* table from blocks // brands auto ------------------- */
@media screen and (min-width: 100px) and (max-width: 1000px) {
    .brands-auto-modification .table-block__row {
        display: block;
        background: #ffffff !important;
        border-bottom: 2px solid rgba(232, 95, 89, .2);
        padding-bottom: 15px;
        position: relative;
        moz-column-count: 3; /* Для Firefox */
        -webkit-column-count: 3; /* Для Safari и Chrome */
        column-count: 3;
        padding-top: 43px;
    }    
    .brands-auto-modification .table-block__row.header-row {
        display: none;
    }
    .brands-auto-modif__item-name {
        display: inline;
    }    
    .table-block.brands-auto-modification {
        margin-top: 20px;
    }    
    .warehouse-car-info__text {
        margin-left: 24px;
    }    
    .warehouse-car-info__text.no-left-shift {
        margin-left: 0;
    }
}

@media screen and  (min-width: 100px) and (max-width: 700px) {
    .brands-auto-modification .table-block__row {
        moz-column-count: 2; /* Для Firefox */
        -webkit-column-count: 2; /* Для Safari и Chrome */
        column-count: 2;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .brands-auto-modification .table-block__row {
        moz-column-count: 1; /* Для Firefox */
        -webkit-column-count: 1; /* Для Safari и Chrome */
        column-count: 1;
    }    
    .table-block__cell.cell-modif {
        padding-left: 16px;
    }    
    .warehouse-car-info__text {
        margin-left: 16px;
    }    
    .warehouse-car-info__text.no-left-shift {
        margin-left: 0;
    }
}

/* catalog TO modification-list table */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .table-block__cell.cell-modif {
        padding-left: 24px;
        display: block;
        width: 100%;
        padding-top: 16px;
        padding-bottom: 9px;
        position: absolute;
        left: 0;
        top: 0;
    }    
    #content .brands-auto-modification a.table-block__row .table-block__cell.cell-modif {        
        text-decoration: underline !important;
        font-size: 16px;
        font-weight: bold;
    }    
    #content .table-block__cell.cell-modif a {
        font-size: 16px;
        font-weight: bold;
    }   
    
}

/* payments history table ------------------- */
@media screen and (min-width: 100px) and (max-width: 1000px) { 
    .payments-history-table .table-block__row {
        padding-top: 38px;
        padding-bottom: 12px;
        column-count: 1;
        position: relative;
    }    
    .payments-history-table .payments-history__date {
        position: absolute;
        top: 18px;
        right: 24px;
        opacity: .5;
        font-size: 14px;
        padding-right: 0 !important;
    }    
    .payments-history-table .payments-history__sum {
        position: absolute;
        top: 16px;
        left: 0;
    }    
    .payments-history-table .table-block__row.payment-back-row {
        padding-bottom: 36px;
    }    
    .payments-history-table .table-block__cell {
        margin-bottom: 4px;
        white-space: normal;
        padding-right: 20px;
    }    
    .payments-history-table .payment-comment {
        padding-top: 6px;
    }
}
/* ------------------- payments history table */

/* basket table ------------------- */
@media screen and (min-width: 100px) and (max-width: 1000px) {
    .basket-table__item:nth-child(2) .block__row.basket-item__check {
        border-radius: 0 0 0 0;
    }
    .basket-table__item .block__row.basket-item__check {
        border-left: 0;
    }
    .basket-table__item .block__row.basket-item__price-info {
        border-right: 0;
    }
    .instant-registraion__legal_person {
        right: 24px;
    }
    .result-sum {
        border-radius: 0;
        margin: 0;
    }
    .submit-order .button-container {
        width: calc(100% - 40px);
    }
    #content .instant-registraion__form a.active-user {
        position: relative;
        right: auto;
        font-size: 16px !important;
    }
    .instant-registraion__item label {
        font-size: 15px;
        font-weight: normal;
    }
    .instant-registraion__item {
        margin-bottom: 0;
    }
    
    .instant-registraion__item {
      padding-top: 20px;
    }   
    .instant-registraion p.rules {
        padding-top: 30px;
    }
    .submit-order p {
        width: 90%;
    }
}
@media screen and (min-width: 100px) and (max-width: 700px) {
   .basket-table__header {
        display: none;
    }    
    .basket-table {
        border-top: 2px solid #6b6b6b;
        border-bottom: none;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        position: relative;
        z-index: 5;
        display: block;
    }    
    .deleted-basket-items .basket-table {
        display: table;
    }    
    .odd-row {
        background: #ffffff;
    }
    .even-row {
        background: #ffffff;
    }    
    .basket-table__item {
        border-bottom: 2px solid rgba(107,107,107,.2);
        display: block;
        padding-bottom: 20px;
        background: #ffffff !important;
        position: relative;
    }    
    .basket-table__item:last-child {
        border-bottom: none !important;
    }    
    .basket-table__item div.block__row {
        display: block;
        padding-left: 40px;
        width: 100%; 
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: 0;
    }
    .basket-table__item:nth-child(2) .block__row {
        border-top: 0;
    }
    .basket-table__item div.block__row.basket-item__check {
        position: absolute;
        left: 10px;
        top: 0;
        padding-left: 0;
        padding-top: 16px;
        z-index: 5;
        width: 28px;
        height: 100%;
    }
    .basket-item__img {
        left: 7px;
    }
    .basket-table__item div.block__row.basket-item__stock-info {
        padding-left: 93px;
    }
    .result-sum {
        text-align: left;
        padding-left: 20px;
    }    
    /* basket item name td */
    .block__row.basket-item__title {
        padding-top: 13px;
        position: relative;
        padding-bottom: 11px;
    }    
    .basket-item__title input  {
        left: 15px;
    }    
    #content .basket-item__brand {
        margin-bottom: 12px;
    }    
    .basket-item__name {
        font-size: 15px;
    }
    /* basket delivery td */
    .block__row div.basket-item__delivery {        
        padding-top: 11px;
        display: inline;
        opacity: .7;
        font-weight: 500;
        padding-left: 0;
    }    
    .block__row div.basket-item__delivery:after {
        content: '/';
        padding: 0 5px 0 8px;
    }
    /* basket stock td */
    .block__row div.basket-item__stock {
        padding-top: 11px;
        display: inline;
        padding-left: 0;
        opacity: .7;
        font-weight: 500;
    }
    /* basket quantity td */
    .block__row div.basket-item__quantity {
        padding-top: 10px;
        padding-right: 3px;
        display: inline-block;
        vertical-align: top;
    }
    .basket-item__quantity input {
        width: 54px;
        height: 42px;
    }
    /* basket price td */
    .block__row div.basket-item__price {
        width: calc(100% - 130px);
        display: inline-block;
        vertical-align: top;
    }
    .basket-item__price b {
        font-size: 16px;
        padding-right: 3px;
    }    
    .basket-item__price p {
        margin-bottom: 4px;
    }
    /* basket remove td */
    .block__row div.basket-item__remove  {
        width: 32px;
        padding-left: 8px;
        padding-top: 19px;
        display: block;
        position: absolute;
        right: 21px;
        padding: 0;
        top: 12px;
        width: 14px;
    }    
    .order-delivery p {
        font-size: 15px;
        line-height: 23px;
    } 
    .instant-registraion__form {
        margin-right: 0
    }
    .instant-registraion__item .short-input {
        display: block;
    }
    .instant-registraion__item .short-input div {
        width: 100%;
        margin-bottom: 10px;
    }
    .instant-registraion__legal_person {
        position: relative;
        right: auto;
        padding: 20px 10px 20px 90px;
        align-items: center;
        text-align: left;
        min-height: 90px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .legal_person__svg {
        position: absolute;
        left: 10px;
        top: 10px;
        margin: 0;
    }
    .sms-notify input[type="text"] {
        width: 100%;
    }
    .instant-registraion__legal_person i {
        display: block;
    }
    .instant-registraion__legal_person span {
        padding: 0;
    }
    .instant-registraion__note {
        padding-top: 0;
    }
    .order-delivery.sms-notify {
        display: block;
        padding: 20px;
    }
    .order-delivery.sms-notify label, .instant-registraion p.rules label {
        margin-right: 0;
        display: block;
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
        min-height: 22px;
    }
    .order-delivery.sms-notify label  span, .instant-registraion p.rules label span {
        position: absolute;
        left: 0;
        top: 0;
    }
    .submit-order .button-container {
        display: block;
    }
    .submit-order__sum {
        display: block;
        margin-top: 15px;
        text-align: center;
    }
    .submit-order input[type="submit"]#submit-order-button {
        width: 100%;
    }
    .basket-table__item .block__row.basket-item__price-info {
        padding-left: 93px;
    }
    .basket-item__quantity {
        width: 65px;
    }
}

@media screen and  (min-width: 1101px) and (max-width: 1300px) {
    .basket-table__header div {
        font-size: 13px;
        font-weight: normal;
    }
}

@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #order-comment-wrap, .order-delivery, 
    .return-to-search, .submit-order, .deleted-basket-title {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .order-delivery.cdek_basket_widget {
        margin-left: 0;
        margin-right: 0;
    }    
    .payments_types__item input[type="button"], 
    input[type="submit"]#submit-order-button {
        -webkit-appearance: none;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    #order-comment-wrap, .order-delivery, 
    .return-to-search, .submit-order, .deleted-basket-title {
        margin-left: 16px;
        margin-right: 16px;
    }
    #order-comment span {
        left: 100%;
        margin-left: -20px;
    }
    #order-comment textarea {
        width: 100%;
    }
    .delivery-note textarea {
        width: calc(100% - 21px);
    }    
    input[type="submit"]#submit-order-button {
        font-size: 13px !important;
        font-weight: bold;
        padding-left: 12px !important;
        padding-right: 12px !important;
        -webkit-appearance: none;
    }
    .d_delivery_widget {
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }    
    iframe[name="ddelivery-widget"] {
        width: 100% !important;
        box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }    
    .cdek-delivery-form {
        width: 100% !important;
    }    
    .cdek_basket_widget input.city_cdek {
        width: calc(100% - 20px);
    }
}
/* ------------------- basket table */

/* manager request form -------------------  */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .tabs-container {
        padding-left: 24px;
        font-size: 14px;
    }    
    #content .tabs-container a {
        font-size: 14px;
    }    
    #vin_request_form, .vin-register-text {
        padding-left: 24px;
        padding-right: 24px;
    }    
    .vin-request-form p i, .vin-request-form i{
        width: 100%;
    }    
    #vin_request_form p, .vin-request-form p label, .registration label {
        font-size: 14px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 570px) {
    #vin_request_form p textarea {
        width: 100% !important;
    }    
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .tabs-container {
        padding-left: 16px;
    }    
    #vin_request_form, .vin-register-text  {
        padding-left: 16px;
        padding-right: 16px;
    }    
    #vin_request_form p input[type='text'], #vin_request_form p select {
        width: 100% !important;
    }
}
/* -------------------  manager request form */

/* manager requests list -------------------  */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .table-block.manager-request .table-block__row {
        padding-top: 18px;
        column-count: 1;
        position: relative;
    }    
    .request-date {
        font-size: 14px;
        font-weight: 500;
        color: #989898;
        position: absolute;
        right: 24px;
        top: 18px;
    }    
    .request-number {
        display: block;
        padding-right: 110px;
        margin-bottom: 16px;
    }    
    .request-number b {
        font-size: 16px;
        font-weight: bold;
    }    
    i.font-size12 {
        font-size: 14px;
        opacity: .5;
    }    
    .no-manager-answer {
        color: #ff3d34;
        display: block;
        margin-top: 16px;
        font-size: 15px;
    }    
    p.manager-answer {
        color: #19b117;
        margin-bottom: 0;
    }    
    p.manager-answer-wrapper {
        margin-bottom: 0 !important;
        font-size: 15px;
    }    
    .manager-answer-wrapper b {
        font-weight: bold;
        display: inline-block;
        font-size: 15px;
    }    
    .manager-answer-wrapper i span {
        display: none;
    }    
    .manager-request .table-block__row .table-block__cell:nth-child(2) {
        display: none;
    }
}
/* ------------------- manager requests list  */

/* registration ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .registration-select-entity-type, .registration-form {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .registration-form p.rules + p.rules{
        padding: 10px 0 0 0;
    }    
    #content .registration-form p.rules a, 
    .registration-form p.rules label, 
    .registration-form p label {
        font-size: 14px !important
    }
}

@media screen and  (min-width: 100px) and (max-width: 570px) {
    .registration-form textarea {
        width: 100% !important;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .registration-select-entity-type, .registration-form {
        margin-left: 16px;
        margin-right: 16px;        
    }
    .registration-form input[type='text'], .registration-form select, 
    .registration-form input[type='password'], .registration-select-entity-type select {
        width: 100% !important;
    }
}
/* ------------------- registration */
/* диалоги с прокруткой только диалогов. Страница фиксирована. ------------------- */

/* popup frame */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #content .popup-frame__content h1 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and  (min-width: 100px) and (max-width: 740px) {
    .popup-frame__content {
        width: 100%;
    }
    .popup-frame__contant-wrapper {
        padding: 20px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {    
    .popup-frame__contant-wrapper {
        padding: 16px;
    }
}

/* simplemodal */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #simplemodal-overlay {
        display: none !important;
    }    
    .simplemodal-container {
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 10000 !important;
        background: rgba(0,0,0,.3) !important;
    }    
    .simplemodal-wrap {
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding: 20px !important;
        height: 100% !important;
        overflow-y: auto !important;
    }    
    .simple-modal-popup {
        width: 100% !important;
        max-width: 700px !important;
        background: #ffffff !important;
        margin: 0 auto !important;
        position: relative !important;
        height: auto !important;
        max-height: auto !important;
    }    
    #simplemodal-container a.modalCloseImg {
        top: 40px !important;
        right: 35px !important;
    }    
    .mobile-element {
        display: block;
    }    
    .desktop-element {
        display: none;
    }    
}
/* ------------------- диалоги с прокруткой только диалогов. Страница фиксирована. */

/* Страница гаража пользователя ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .add-new-car {
        margin-left: 24px;
        margin-right: 24px;
        padding-bottom: 20px;
    }    
    .add-new-car p i, .add-new-car i{
        width: 100%;
    }    
    .garage-list-item {
        border: none;
        border-top: 2px solid #e85f59;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }    
    .garage-car-edit-block {
        padding: 20px 24px;
        border: none;
        border-top: 2px solid #e85f59;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }    
    .garage-form p label, .garage-form-images-title {
        font-size: 14px;
    }    
    #content .garage-form a.ajax-link[name="cancelCarEdit"] {
        display: inline-block;
        vertical-align: top;
        height: 48px;
        line-height: 48px;
        border-radius: 2px;
        background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        color: #212121;
        font-size: 14px;
        font-family: Arial;
        border: none;
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: none !important;
        color: #212121 !important;
        margin-top: 10px;
        margin-left: -4px;
    }    
}

@media screen and  (min-width: 100px) and (max-width: 550px) {
    .add-new-car p textarea, .garage-form p textarea {
        width: 100%;
    }    
    .garage-form  p i {
        width: 100%;
    }   
    .garage-list-item  {
        position: relative;
        padding-top: 18px;
        padding-bottom: 31px;
    }    
    .garage-list-item__info {
        display: block;
        width: 100%;
    }    
    .garage-list-item__info p {
        font-size: 14px;
        margin-bottom: 17px;
    }    
    .garage-list-item__info p span {
        display: block;
        opacity: .5;
    }
    .garage-list-item__info p i {
        display: none;
    }
    .garage-list-item__fotos {
        display: block;
        width: 100%;
        padding: 7px 0 10px 0;
    }    
    .garage-list-item__links {
        position: absolute;
        bottom: 0;
        left: 24px;
    }    
    #content .garage-list-item__links a {
        font-size: 15px;
        margin-right: 10px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .add-new-car {
        margin-left: 16px;
        margin-right: 16px;
    }     
    .add-new-car p input[type='text'], .add-new-car p select {
        width: 100%;
    }
    .garage-form p input[type='text'], .garage-form p select {
        width: 100%;
    }     
    .garage-list-item  {
        padding-left: 16px;
        padding-right: 8px;
    }    
    .garage-car-edit-block {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .garage-list-item__links {
        left: 16px;
    }    
}
/* ------------------- Страница гаража пользователя */

/* manager chat ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .chat-log-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }    
    .manager-chat {
        padding-left: 24px;
        padding-right: 138px;
    }    
    .manager-chat button {
        right: 24px;
    }
    .chat-block div {
        font-size: 11px;
    }    
    .chat-block div b {
        font-size: 12px !important;
    }
}

@media screen and  (min-width: 100px) and (max-width: 600px) {
    .chat-log-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }    
    .manager-chat {
        padding-left: 24px;
        padding-right: 24px;
    }    
    .manager-chat button {
        position: relative;
        margin-top: 16px;
        left: auto;
        right: auto;
        top: auto;
    }    
    .manager-chat textarea {
        width: 100%;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .chat-log-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .manager-chat {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .chat_log, .chat_log_manager {
        width: 90%;
    }
    .chat_log {
        margin-left: 10%;
    }
}
/* ------------------- manager chat */

/* search history ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .search-history-table .table-block__row {
        padding-top: 16px;
        padding-bottom: 16px;
        column-count: 1;
    }    
    .search-history-table .table-block__cell {
        display: inline-block;
        width: calc(100% - 190px);
    }    
    .search-history-table .table-block__cell.search-history-date {
        width: 180px;
        text-align: right;
        padding-right: 24px;
        opacity: .5;
    }    
    #content .search-history-table .table-block__cell a {
        font-size: 15px;
        font-weight: bold;
    }
}
/* ------------------- search history */

/* bonus history ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .bonus-history-table .table-block__row {
        padding-top: 71px;
        padding-bottom: 12px;
        column-count: 1;
        position: relative;
    }    
    .bonus-history-table .table-block__row.no-bonus-price {
        padding-top: 50px;
    }    
    .bonus-history-table .bonus-history__date {
        position: absolute;
        top: 18px;
        right: 24px;
        opacity: .5;
        font-size: 14px;
        padding-right: 0 !important;
        text-align: right;
    }    
    .bonus-history-table .bonus-history__sum {
        position: absolute;
        top: 16px;
        left: 0;
    }    
    .bonus-history-table .table-block__cell {
        padding-right: 20px;
        white-space: normal;
    }    
}
@media screen and  (min-width: 100px) and (max-width: 480px) {
    .bonus-history-table .bonus-history__date {
        right: 16px;
    }
}
/* ------------------- bonus history */

/* partner program ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .partner-programm-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }    
    .bonus-table-block  {
        margin-left: 24px;
        margin-right: 24px;
    } 
     
}

@media screen and  (min-width: 100px) and (max-width: 700px) {    
    .partner-link span {
        display: block;
        margin-bottom: 8px;
    }    
    .partner-link input {
        width: 100%;
    }
    .partner-link input[type='button'], .partner-link div {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {    
    .partner-programm-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .partner-scheme img {
        width: 100%;
        max-width: 250px;
    }    
    .partner-link {
        margin-left: -16px;
        margin-right: -16px;
    }
    .bonus-table-block {
        margin-left: 0;
        margin-right: 0;
    }    
    .bonus-table-block p {
        margin-left: 16px;
    }    
    .bonus-table {
        width: 100%;
        border-top: 2px solid #e85f59;
        border-bottom: 0;
        box-shadow: 0 3px 2px rgba(0,0,0, .2);
    }    
    .bonus-table tr td:nth-child(2) {
        text-align: right;
        width: 25%;
        padding-left: 0;
    }    
    .bonus-table tr:nth-child(even) td, .bonus-table tr:nth-child(odd) td {
        background: #ffffff;
    }    
    .bonus-table tr td {        
        border-bottom: 2px solid rgba(232, 95, 89, .2);
        padding-top: 24px;
        padding-bottom: 24px;
    }    
    .bonus-table tr:last-child td {
        border-bottom: 0 !important;
    }
}
/* ------------------- partner program */

/* procenka ------------------- */
/* basket popup */
@media screen and  (min-width: 100px) and (max-width: 420px) {
    .basket_search_popup {
        width: calc(100% - 20px) !important;
        margin-left: 0;
        left: 10px;
        box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22);
        padding: 0;
        top: 20%;
    }    
    .basket_search_popup__title {
        font-size: 18px;
        text-transform: none;
        font-weight: normal;
        padding-left: 24px;
        padding-top: 29px;
        margin-bottom: 29px;
    }    
    .close_search_popup {
        font-family: serif !important;
        top: 17px;
        right: 17px;
    }    
    .popup_article__info {
        font-size: 16px;
        padding-left: 24px;
        margin-bottom: 14px;
    }    
    .popup_article__price {
        padding-left: 24px;
    }    
    .popup_article__quantity_item {
        display: none;
    }    
    .quantity-button {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 3px;
        background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        color: #212121;
        line-height: 40px;
        vertical-align: top;
        cursor: pointer;
    }    
    .quantity-button:hover {
        background: linear-gradient(to bottom, #f5f5f5, #d6d3d3);
    }    
    .popup_article__price input {
        margin-left: 3px;
        margin-right: 3px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.20);
        border: 1px solid #d7d7d7;
        height: 40px;
        width: 54px;
        vertical-align: top;
        -moz-box-sizing: border-box; /* Для Firefox */  
        box-sizing: border-box; /* Ширина блока с полями */
    }    
    .popup_article__price {
        margin-bottom: 24px;
    }    
    .popup_article__price_wrapper {
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding-left: 0;
        margin-top: 20px;
    }    
    .popup_article__price_wrapper span {
        font-size: 19px;
        font-weight: bold;
    }    
    .basket_search_popup__buttons {
        background: #f5f5f5;
        padding: 16px 24px;
    }    
    .popup_article__button {
        width: 100%;
        height: 48px;
        border-radius: 2px;
        background-color: #e85f59;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 12px;
    }    
    .popup_article__button_white {
        width: 100%;
        height: 48px;
        border-radius: 2px;
        background: linear-gradient(to bottom, #f5f5f5, #e7e7e7);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        font-size: 14px;
        font-weight: 500;
        color: #212121;
        border: none;
    }
}

/* order brands popup */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .order-brands__wrapper {
        z-index: 1100;
        -moz-box-sizing: border-box; /* Для Firefox */  
        box-sizing: border-box; /* Ширина блока с полями */
        padding-top: 10px;
        padding-bottom: 10px;
    }     
    .order-brands__popup {
        width: calc(100% - 20px);
        left: 10px;
        margin-left: 0;
        max-height: 95%;
    }    
    .order-brands__popup .order-brands__popup-table-header .td-price,
    .order-brands__popup .order-brands__popup-table-header .td-deliv-period {
        display: none;
    }    
    .order-brands__popup-title {
        font-size: 18px;
        font-weight: normal;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
        text-transform: none;
        padding-left: 16px;
        padding-bottom: 23px;
    }    
    .order-brands__popup-table-header .tr div:first-child, 
    .order-brands__popup-table .tr div:first-child {
        padding-left: 16px;
    }    
    .order-brands__popup-close {
        font-family: serif !important;
        top: 18px;
    }    
    .order-brands__popup-table-header {
        border-bottom: none;
        display: none;
    }    
    .order-brands__popup .tr {
         border-bottom: 1px solid #b2d5e7;
         width: 100%;
         padding-bottom: 8px;
    }    
    .order-brands__popup .order-brands__popup-table .tr:last-child {
        border-bottom: 0 !important;
    }    
    .order-brands__popup .tr div.td-brand  {
        width: 100%;
        display: block;
        padding-right: 40px;
        font-weight: bold;
        font-size: 16px;
        text-transform: none !important;
        padding-top: 8px;
        padding-bottom: 3px;
    }    
    .order-brands__popup-table {
        margin-bottom: 0;
        height: 100%;
        overflow-y: auto;        
    }    
    .order-brands__popup-table .tr div.td-price, .order-brands__popup-table .tr div.td-deliv-period {
        display: inline;
        padding-top: 0;
    }    
    .order-brands__popup-table .tr div:nth-child(2) {
        padding-left: 37px;
    }
    .order-brands__popup-table .tr div:nth-child(2):after {
        content: '/';
        padding: 0 5px;
        color: #989898;
    }    
    .order-brands__popup-table .tr div:nth-child(3) {
        padding-left: 0;
        color: #989898;
    }     
    .order-brands__popup-bottom {
        background: #f5f5f5;
        padding: 16px;
        text-align: center;
        box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.15);
    }    
    .order-brands__popup-bottom input[type="button"] {
        width: 248px;
        height: 48px;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        font-weight: 500;
        -webkit-appearance: none;
    }
}

/* adaptive for procenka elements */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .procenka-filter-wrapper, .articul-order__sorter, .procenka-title-wrapper  {
        display: none;
    }    
    .seo-up-arrow {
        left: 20px !important;
    }    
    .mobile-search-title {
        display: block;
        margin-left: 24px;
        margin-right: 24px;
    }     
    #search-form-variants {
        margin-bottom: 8px;
    }
    .search-result__group__short .search-result__group-text {
        padding-right: 16px;
        margin-bottom: 0;
    }    
    .search-result__group-list-short {
        position: relative;
        left: 16px;
        width: calc(100% - 32px);
        top: auto;
        margin-bottom: 16px;
    }    
    .search-result__group__short.hover .search-result__group-list {
        width: calc(100% - 32px);
        right: 16px;
        top: 116px;
    }    
    .search-result__group__short {
        padding-bottom: 1px;
    }       
    .search-result__group__short {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 18px;
    }    
    .search-result__block-title + .articul-order__sorter-container {
        margin-top: 0;
        margin-bottom: 29px;
    }
    .articul-supplier {
        display: none;
    }
    .articul-delivery .mobile-label {
        display: inline;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .mobile-search-title {
        margin-left: 16px;
        margin-right: 16px;
    }
    .search-result__group__short {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
    }    
}

/* procenka table */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .search-result__title, .articul-item__title {
        margin-left: 16px;
        margin-right: 16px;
    }
    .articul-brand .articul-item__title {
        margin-left: 0;
        margin-right: 0;
    }
    .search-parts__stock .articul-item__list, .articul-item__list {
        border-left: 0;
        border-right: 0;
        margin-left: 0;
        width: 100%;
        border-radius: 0;
    }
    #content .search-result__group-list .search-result__group-table th a {
        font-size: 16px;
    }
    
}
@media screen and  (min-width: 100px) and (max-width: 780px) {
    .articul-item__info {
        display: block;
    }
    .buy-credit .articul-brand, .buy-credit .articul-buttons,
    .articul-brand, .articul-price-wrapper, .articul-buttons,
    .not-registered-user .articul-brand, .buy-credit .not-registered-user .articul-brand,
    .not-registered-user .articul-price-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px;
    }
    .articul-brand {
        padding-bottom: 0;
    }
    .articul-buttons {
        padding-top: 0;
    }
    .articul-price {
        display: flex;
        padding-left: 0;
        width: 150px;
        flex-wrap: wrap;
    }
    .articul-price .best-price {
        position: relative;
        top: -2px;
        margin-right: 5px;
    }
    .articul-cart {
        width: calc(50% - 5px);
        max-width: 200px;
        margin-right: 5px;
        text-align: center;
        margin-bottom: 5px;
    }
    .articul-cart .svg-cart-icon {
        margin-left: 0;
    }
    .buy-credit-button {
        width: calc(50% - 5px);
        max-width: 200px; 
        margin-bottom: 5px;
    }
    #content .cart-register {
        margin-bottom: 3px;
    }
    .articul-currency {
        margin-right: 10px;
    }
    .price-without-delivery {
        padding-top: 0;
        margin-top: -2px;
    }
    .search-result__title {
        margin-bottom: 15px;
    }
    .search-result__block-table {
        margin-bottom: 50px;
    }
    .articul-quantity span {
        display: inline;
        font-size: 12px;
    }
    .search-parts__stock .articul-quantity {
        padding-left: 10px !important;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {
    .search-result__title_wrapper {
        display: block;
        margin-bottom: 20px;
    }
    .order-brands {
        margin-left: 16px;
    }
}
/* ------------------- procenka  */

/* search form with tabs ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #search-form-variants td {
        width: 48px;
    }
    #search-form-variants .button {
        text-indent: -3000px;
        width: 48px;
        background-image: url('../../images/shop/adaptive/lupa.png');
        background-position: center center;
        background-repeat: no-repeat;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {  
    #search-form-variants {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    #search-form-variants .tabs span, 
    #search-form-variants #tab-catalog a {
        font-size: 12px;
    }    
    #search-form-variants .input-text-example span {
        display: none;
    }    
    #search-form-variants .search-form {
        padding-left: 16px;
        padding-right: 16px;
    }    
    .error.search {
        padding-left: 46px;
        background-position: 16px 11px;
    }    
    .search-result__group-text {
        padding-left: 16px;
        padding-right: 25px;
    }
}
/* ------------------- search form with tabs */
/* catalog brand page ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #breadcrumb {
        display: none;
    }
    .catalog-brand {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 23px;
    }    
    .catalog-brand {
        padding-bottom: 2px;
        padding-top: 0;
    }    
    .catalog-brand div {
        padding-top: 0;
    }    
    .catalog-brand img {
        display: none;
    }    
    .catalog-brand p {
        display: inline-block;
        vertical-align: middle;
        padding: 15px 10px 16px 10px;
        text-align: center;
        width: 50%;
        margin-right: -4px;
        border: 1px solid #b2d5e7;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: -1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }    
    #content .catalog-brand a {
        font-size: 15px;
    }    
    #content .catalog-brand a:hover {
        opacity: 1 !important;
        text-decoration: underline;
    }    
    .paragraph {
        font-size: 14px;
        line-height: 23px;
        padding-bottom: 23px !important;
    }    
    h1 {
        line-height: 32px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .catalog-brand {
        margin-left: 16px;
        margin-right: 16px;
    }    
    .catalog-brand p {
        display: block;
        width: 100%;
        margin-right: 0;
        white-space: normal;        
    } 
}
/* ------------------- catalog brand page */

/* bonus scheme page -------------------  */
@media screen and  (min-width: 100px) and (max-width: 1000px)  {
    .bonus-scheme .bonus-scheme-table {
        width: 100%;
    }    
    .bonus-scheme .bonus-scheme-table .table-block__row  {
        padding-bottom: 24px;
        padding-top: 24px;
        column-count: 1;
    }    
    .bonus-scheme-table b {
        font-size: 16px;
    }    
    .table-block.bonus-scheme-table .table-block__cell {
        display: inline-block;
    }    
    .table-block.bonus-scheme-table .table-block__cell:nth-child(1) {
        width: calc(100% - 105px);
    }    
    .table-block.bonus-scheme-table .table-block__cell:nth-child(2) {
        width: 100px;
        text-align: right;
        padding-right: 24px;
    }    
    .bonus-scheme > p {
        font-size: 15px;
        padding: 0 24px;
    }    
    #content .bonus-scheme p a {
        font-size: 16px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .bonus-scheme > p {
        padding: 0 16px;
    }    
    .table-block.bonus-scheme-table .table-block__cell:nth-child(2) {
        padding-right: 16px;
    }    
    .bonus-scheme-banner {
        padding-top: 150px;
        padding-left: 16px;
        background-position: 16px 24px;
    }
}
/* ------------------- bonus scheme page  */

/* mobile sorter ------------------- */
.adapt-sorter {
    background: #f6f6f6;
    padding: 16px;
    height: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;    
    display: none;
}
.adapt-sorter.open {
   z-index: 12; 
}
.adapt-sorter.no-price ul li:first-child {
    display: none;
}
.adapt-sorter p {
    font-size: 15px;
    margin-bottom: 10px;
}
.adapt-sorter .adapt-sorter_content {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 10;
}
.adapt-sorter .adapt-sorter_content ul {
    display: none;
}
#content .adapt-sorter a {
    font-size: 14px;
    color: #212121;
    text-decoration: none;
    display: block;
}
.adapt-sorter li .adapt-sorter-item {
    padding: 10px 16px;
    display: block;
}
.adapt-sorter .active-sorter-item {
    display: block;
    padding: 10px 16px;
    position: relative;
}
.adapt-sorter .active-sorter-item:before  {
    content: '';
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(225deg);
    z-index: 3;
}
.adapt-sorter.open .active-sorter-item:before {
    margin-top: -1px;
    transform: rotate(45deg);
}
.adapt-sorter li .active-sorter {
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0 16px;
    position: relative;
    z-index: 2;
    display: block;
}
.adapt-sorter .active-sorter-item {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0 16px;
    position: relative;
    z-index: 2;
    display: block;
    cursor: pointer;
}
.adapt-sorter .adapt-sorter-item:hover, .adapt-sorter .active-sorter-link {
    background: #f6f6f6;
}

@media screen and  (min-width: 100px) and (max-width: 1000px) { 
    .adapt-sorter {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 25px;
        display: block;
    }
    .adapt-sorter.fixed ul {
        display: block !Important;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) { 
    .adapt-sorter {
        margin-left: 0;
        margin-right: 0;
    }
}
/* ------------------- mobile sorter  */

/* fixed mobile filters ------------------- */
.adapt-filter-buttons {
    height: 0;
    position: fixed;
    width: 0;
    left: -100px;
    top: 0;
}
.show-adapt-sorter {
    width: 55px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 56px;
    background: #ffffff url('../../images/shop/mobile-filter.png') center center no-repeat;
    border-left: 1px solid #d4d4d4;
    cursor: pointer;
}
.show-adapt-sorter.close {
    background: #ffffff url('../../images/shop/mobile-filter-close.png') center center no-repeat;
}
.show-adapt-brands-list {
   width: calc(100% - 56px);
   height: 56px;
   position: absolute;
   line-height: 56px;
   left: 0;
   top: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 16px;
   cursor: pointer; 
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 16px;
}
/* fixed adapt sorter */
.adapt-sorter.fixed {
    position: fixed;
    width: 100%;
    top: 112px;
    left: 0;
    z-index: 1030;
    display: block;
    border-top: 1px solid #d4d4d4;
}
.test-alert-padding .adapt-sorter.fixed  {
    top: 175px;
}
.adapt-sorter.fixed .adapt-sorter-item {
    padding: 16px;
    color: #212121 !important;
    font-size: 16px !important;
    border-bottom: 1px solid #e3e3e3;
}
.adapt-sorter.fixed p {
    display: none;
}
.adapt-sorter.fixed li:last-child .adapt-sorter-item:last-child {
    border-bottom: none;
}

@media screen and  (min-width: 100px) and (max-width: 1000px) { 
    .adapt-filter-buttons {
       height: 56px;
       box-shadow: 0 3px 3px rgba(0,0,0,.2);
       position: fixed;
       width: 100%;
       left: 0;
       top: 56px;
       z-index: 1020;
       background: #ffffff;
       display: none;
   }
    .test-alert-padding .adapt-filter-buttons {
        top: 119px;
    }    
    .adapt-sorter.fixed {
        margin-left: 0;
        padding: 0;
    }    
    .adapt-sorter.fixed .active-sorter-item {
        display: none;
    }    
    .adapt-sorter.fixed ul {
        display: block;
    }
}

/* fixed adapt brands list */
.search-result__group-list.fixed {
    position: fixed;
    width: 100%;
    top: 112px;
    left: 0;
    z-index: 1030;
    display: block;
    border-top: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    background: #ffffff;
}
.test-alert-padding .search-result__group-list.fixed  {
    top: 175px;
}
.search-result__group-list.fixed .search-result__group-table {
    border: none !important;
}
.search-result__group-list.fixed .search-result__group-table tr:first-child th, 
.search-result__group-list.fixed .search-result__group-table tr:first-child td {
    border-top: none !important;
}
.search-result__group-list.fixed .search-result__group-table th, 
.search-result__group-list.fixed .search-result__group-table td {
    padding: 0 3px 0 16px;
}
#content .search-result__group-list.fixed .search-result__group-table th a, 
#content .search-result__group-list.fixed .search-result__group-table td a {
    padding-top: 14px;
    padding-bottom: 15px;
}
.show-adapt-brands-list.close:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    border: none !important;
    background: url('../../images/shop/mobile-filter-close.png') center center no-repeat;
    right: 13px;
    top: 50%;
    margin-top: -8px;
}
.show-adapt-brands-list:after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top: 5px solid #737373;
    right: 13px;
    top: 50%;
    margin-top: -3px;
}
/* ------------------- fixed mobile filters */

/* search result. part group ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) { 
    .part-group-wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .error.search {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .search-result__group-table__articul {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } 
    #content .search-result__group-table__row .my-warehouse:before, #content .search-result__group-table__row .search-result__group-badge:before {
        content: '';
        display: block;
        height: 100%;
        width: 15px;
        background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
        position: absolute;
        top: 0;
        left: -15px;
    }
    .search-result__group-text {        
        font-size: 15px !important;
        line-height: 23px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 700px) {
    .part-group-wrapper {
        margin-left: 0;
        margin-right: 0;
    }    
    .error.search {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }    
    .search-result__group-text {
        margin-bottom: 26px;
    }    
    .recommended-articuls-wrapper {
        border-top: 4px solid #e0e0e0;
    }    
    .search-result__group-block {
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
        margin-top: 0;
        border: none;
        border-top: 4px solid #e0e0e0;
    }    
    .recommended-articuls-wrapper .search-result__group-block {
        border-top: none;
    }    
    .recommended-articuls-title {
        margin-bottom: 0;
        padding: 12px 12px 12px 36px;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin-top: 0;
        border: none;
        border-bottom: 2px solid #e0e0e0 ;
        color: #212121;
    }    
    .recommended-articul {
        top: 14px;
        left: 16px;
    }    
    .recommended-articuls-title .recommended-articul {
        display: block;
        top: 12px;
    }    
    .recommended-articuls-title .recommended-articul .svg-check-icon {        
        fill: #212121;
    }    
    #content .search-result__group-table__row .my-warehouse, #content .search-result__group-table__row .search-result__group-badge {
        border-radius: 25px;
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        padding-top: 0;
        padding-bottom: 0;
        top: 12px;
        right: 16px;
        position: relative;
        top: auto;
        left: 0;
        margin-top: 0;
        width: auto;
        margin-left: 0;
        padding: 0 10px;        
    }    
    .search-result__group-badge-wrapper {
        position: absolute;
        top: 12px;
        right: 10px;
        width: auto;
        padding: 0;
        z-index: 50;
    }    
    .search-result__group-table__row {
        border-top: 2px solid #e0e0e0;
        display: block;
    } 
    .search-result__group-table__row:first-child {
        border-top: none;
    }    
    .search-result__group-table__brand {
        display: block;
        width: 100%;
        padding-left: 16px;
        padding-top: 14px;
        padding-bottom: 10px;
    }    
    .recommended-articuls-wrapper .search-result__group-table__brand {
        padding-left: 36px;
    }    
    .search-result__group-table__articul  {
        display: block;
        width: 100%;
        padding-left: 16px;
        padding-bottom: 14px;
        padding-top: 0;        
        white-space: normal;
        padding-right: 16px;
    }    
    #content .search-result__group-table__articul a {
        color: #212121 !important;
        text-decoration: none;
        cursor: default;
        font-size: 16px !important;
        line-height: 16px !important;
    }    
     #content .search-result__group-table__brand a {
        font-size: 17px;
    }    
    #content .search-result__group-table__row .my-warehouse:before, .search-result__group-badge:before {
        display: none;
    }    
    .search-result__group-block .show-maker-info {
        display: none;
    }
}
/* ------------------- search result. part group */

/* payments type dialog ------------------- */
@media screen and  (min-width: 100px) and (max-width: 710px) {
    .popup-frame__content.popup-frame__payments {
        width: 100% !important;
        font-family: Roboto;
    }
}

@media screen and  (min-width: 100px) and (max-width: 650px) {
    .payments_types__item_logo {
        display: none;
    }    
    .payments_types__item_info {
        width: 100%;
        padding-right: 10px;
    }    
    .payments_types__item_info b {
        display: block;
        font-weight: bold;
        font-size: 16px;
    }    
    .bank-comission {
        font-weight: 500;
        padding-top: 3px;
        padding-bottom: 3px;
    }    
    .payments_types__item {
        padding-top: 16px;
    }    
    .payments_types__item.bank-transfer {
        padding-right: 24px;
    }    
    .invoice-link {
        position:relative;
        right: auto;
        top: auto;
        display: block;
        margin-top: -8px;
        margin-bottom: 4px;
    }    
    .user-payment-balance {
        color: #989898;
        font-weight: 500;
        line-height: 16px;
        margin-bottom: 6px;
    }    
    .avangard-form span, .qiwi-form span, .qiwi-form span b {
        font-size: 12px !important;
    }
    .qiwi-form span b {
        display: inline;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {
    .prepare-wrap, .payments_types__title, 
    .payments_types__item , .popup-fill-balance {
        padding-left: 16px;
    }
}
/* ------------------- payments type dialog */

@media screen and  (min-width: 100px) and (max-width: 1000px) {    
    .order-table .table-block__row {
        position: relative;
        padding-left: 8px;
        padding-top: 15px;
    }
    .order-table .status-color  {
        width: 8px;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        display: block !important;
    }    
    .order-info-p, .order-search-form, .clear-search {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .table-block__cell.order-table__date, .table-block__cell.order-table__status {
        background-color: #ffffff !important;
    }    
    #itemsPerPage.filters *, #itemsPerPage.filters a {
        font-size: 16px !important;
    }    
    .order-table .table-block__cell {
        display: inline-block;
    } 
    .order-filter-container .mobile-only {
        display: block;
    }
    .order-filter-container .desktop-only {
        display: none;
    }
    .order-table .table-block__row {
        -moz-column-count: auto !important; /* Для Firefox */
        -webkit-column-count: auto !important; /* Для Safari и Chrome */
        column-count: auto !important;
    }
    .table-block__cell.order-table__status {
        padding-top: 50px;
        width: 200px;
    }    
    .table-block__cell.order-table__info {
        position: absolute;
        width: 200px;
        right: 4px;
        top: 15px;
    }    
    .table-block__cell.order-table__item-details {
        width: calc(100% - 330px);
    }    
    .table-block__cell.order-table__date {
        padding-left: 12px;
    }    
    .order-filter-container {
        margin-left: 24px;
        margin-right: 24px;
        width: calc(100% - 48px);
    }    
    #edt_status {
        right: 10px;
        max-width: 300px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }    
    #edt_status a {
        font-size: 14px !important;
    }    
    #edt_status ul li label {
        font-size: 14px;
    }    
    #edt_status ul li input {
        top: 9px;
    }    
    .order-table__info .order-table__sum-qty {
        display: inline;
        padding-top: 0;
    }    
    #content .order-table__sum a {
        opacity: 1 !important;
    }    
    .order-table__sum-qty:before {
        content: '/';
        padding: 0 3px;
    }    
    .fill-balance-banner {
        padding-left: 24px;
    }    
}
@media screen and  (min-width: 100px) and (max-width: 720px) {
    div.popup-frame {
        width: calc(100% - 20px);
        margin-left: 0;
        left: 10px;
    }    
    #content div.popup-frame h1 {
        margin-left: 0;
    }    
    div.popup-frame div.popup-div {
        width: calc(100% - 40px) !important;
    }    
    div.popup-frame .price-table {
        width: 100% !important;
    }
}



@media screen and  (min-width: 100px) and (max-width: 600px) {
    .order-table .table-block__cell {
        display: block;
        width: 100% !important;
        position: relative !important;
        padding-left: 8px !important;
    }    
    .table-block__cell.order-table__info  {
        right: auto;
        top: auto;
    }    
    .table-block__cell.order-table__status {
        padding-top: 0;
    }    
    .order-table__date b {
        display: inline;
        padding-bottom: 0;
        padding-right: 6px;
        color: #212121;
    }    
    .table-block__cell.order-table__date {
        color: #989898;
        padding-bottom: 22px;
    }
    .order-item-name {
        font-size: 14px;
        margin-bottom: 2px;
    }    
    #content a.follow-cdek {
        font-size: 14px;
    }    
    .table-block__cell.order-table__info {
        padding-top: 24px;
    }    
    .order-table__sum b {
        font-size: 16px !important;
    }    
    .order-table__sum, .order-table__sum + div {
        display: inline-block;
    }
    .table-block__cell.order-table__status {
        padding-top: 23px;
    }    
    .order-item-status-block a {
        font-size: 14px !important;
    }    
    .order-item-status-block {
        margin-bottom: 5px;
    }
    .order-item-delivery-status {
        margin-bottom: 2px;
    }    
    .table-block__cell.order-table__item-details {
        padding-right: 16px;
    }    
    .order-filter-container {
        margin: 0;
        width: 100%;
    }    
    .order-filter-container .order-filter-item {
        width: 50% ;
        vertical-align: top;
    }    
    .order-filter-container .order-filter-item  select {
        width: 100%;
        border-radius: 0;
    }    
    .order-filter-container .order-filter-item .show-status-filter a {
        border-radius: 0;
        width: 100%;
        border-left: 0;
    }    
    .order-filter-container .order-filter-item .bill-filters {
        border-radius: 0;
        width: 100%;
        border-left: 0;
    }    
    .order-filter-container .order-filter-item .bill-filters .bill-filters__list {
        width: calc(100% + 2px);
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {       
    .order-info-p, .order-search-form, .clear-search {
        margin-left: 16px;
        margin-right: 16px;
    }    
    .order-info-p {
        font-size: 15px !important;;
        line-height: 23px;
    }    
    .fill-balance-banner {
        padding-right: 16px;
        font-size: 15px !important;;
        line-height: 23px;
        padding-left: 16px;
    }    
    .fill-balance-banner button.button {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 15px;
    }    
    #search-form table td {
        width: 44px;
    }    
    .order-search-form #search-btn.button {
        text-indent: -3000px;
        width: 44px;
        background-image: url('../../images/shop/adaptive/lupa.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e7e7e7;
    }    
    .show-status-filter a {
        padding-left: 16px;
    }    
    .show-status-filter a:after {
        display: none;
    } 
}
/* contacts page form ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .contact_form {
        margin-left: 24px;
        margin-right: 24px;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {
    .contact_form {
        margin-left: 16px;
        margin-right: 16px;
    }    
    .contact_form .text-input {
        display: block;
        width: 100%;
    }    
    .contact_form div {
        padding-right: 0;
    }
}
/* ------------------- contacts page form */

/* order table popups ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    #order-actions-popup.popup-frame div.popup-div {
        width: 100% !important;
    }    
    div.popup-frame span.close-popup-frame {
        width: 30px;
        height: 30px;
        top: 13px;
        right: 13px;
        background-position: center center;
    }
}
@media screen and  (min-width: 100px) and (max-width: 720px) {
 #content #order-actions-popup div.popup-div  h1 {        
        background: #ffffff;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
        font-size: 18px !important;
        font-weight: normal !important;
        line-height: 26px !important;
        text-transform: none;
        padding-top: 14px;
        padding-bottom: 16px;
        padding-left: 16px;
        margin-bottom: 4px !important;
    }    
    .order-actions-table-header {
        display: none;
    }    
    .order-actions-table .order-actions__actions,  
    .order-actions-table  .order-actions__manager,
    .order-actions-table .order-actions__date {
        display: block;
        width: 100%;
        padding-left: 16px;
        text-align: left;
        padding-bottom: 0;
    }    
    .order-actions-table .order-actions__date {
        opacity: .6;
        padding-top: 6px;
    }    
    .order-actions-table  .order-actions__manager {
        padding-top: 6px;
    }
    .order-actions__manager span {
        display: inline;
        opacity: .6;
    }    
    .order-actions-table-row {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 17px;
    }    
    #order-actions-popup .nothing-found {
        padding-left: 16px;
    }    
    .order-actions-table.order-actions__edit-history-table .order-actions__date {
        position: absolute;
        right: 10px;
        top: 12px;
        width: 100px;
    }    
    .order-actions-table .order-actions__info {
        display: block;
        width: calc(100% - 105px);
        padding-left: 16px;
        text-align: left;
        padding-bottom: 0;
    }    
    .order-actions-table.order-actions__edit-history-table .order-actions__manager {
        width: 100%;
    }    
    .order-actions-table-row {
        position: relative;
    }    
    .order-actions-table .order-actions__money {
        padding-left: 16px;
        width: 100%;
        text-align: left;
    }    
    .order-actions-table-row div.order-actions__money {
        padding-top: 8px;
        padding-bottom: 0;
    }    
    .order-actions-table .order-actions__money p {
        display: inline;
    }    
    .order-actions-table .order-actions__money p:first-child:after {
        content: '/';
        padding: 0 3px;
    }    
    #order-actions-popup div.popup-frame div.popup-div {
        width: 100% !important;;
    }     
    #content #order-actions-popup div.popup-div .edit-history-popup h1 {
        padding-top: 28px;
    }    
    #order-actions-popup div.popup-frame {
        top: 20px;
    }
}
/* ------------------- order table popups */

/* deleted items cart table ------------------- */
@media screen and  (min-width: 100px) and (max-width: 700px) { 
    .deleted-basket-items .basket-table__item {
        display: block;
        width: 100%;
        position: relative;
    }    
    .deleted-basket-items .basket-table__cell {
        display: block;
        width: 100%;
        padding-bottom: 0;
        padding-top: 10px;
        padding-left: 24px;
    }    
    .deleted-basket-items .basket-table__cell {
        padding-top: 5px;
    }    
    .deleted-basket-items .basket-table__cell.basket-item__remove {
        position: absolute;
        right: 15px;
        bottom: 22px;
        width: 20px;
    }    
    .deleted-basket-items .basket-table__cell:nth-child(1) {
        font-size: 16px;
        padding-top: 17px;
    }    
    .deleted-basket-items .basket-table__cell:nth-child(1)  b {
        padding-left: 5px;
    }    
     .deleted-basket-items .basket-table__cell:nth-child(2) {
        font-size: 16px;
        padding-top: 10px;
    }    
    .deleted-basket-items .basket-table__cell:nth-child(2) p {
        padding-top: 4px;
    }    
    #content .deleted-basket-item a.find-more {
        font-size: 15px;
    }    
    .deleted-basket-items .basket-table__cell:nth-child(3) {
        padding-top: 12px;
        opacity: .6;
    }    
    .deleted-basket-items .basket-table__cell:nth-child(4) {
        font-size: 16px;
        padding-top: 11px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .deleted-basket-items .basket-table__cell {
        padding-left: 16px;
    }
} 
/* ------------------- deleted items cart table */

/* registration form  ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .login-form a {
        font-size: 15px;
        color: #212121;
    }
    .login-div, .restore-div {
        padding: 16px;
    }
    .login-div .button, .restore-div .button {
        font-size: 15px;
        height: 50px;
    }
    .login-div .pass-word {
        width: 100%;
    }
    .login-div input[type="text"], .restore-div input[type="text"], 
    .login-div input[type="password"], .restore-div input[type="password"] {
        width: 100%;
        padding: 0 8px;
        height: 36px;
        margin-bottom: 16px;
    }
    .login-div a[name="restore-password"] {
        top: 7px;
    }    
    .restore-div a[name="cn-restore-password"] {
        margin-bottom: 16px;
    }    
    .login-div p,.restore-div p {
        margin-bottom: 16px;
    }

}
/* ------------------- registration form */

/* news block ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .news-block {
        font-size: 14px;
        line-height: 23px;
    }    
    .news-block .news-text > a {
        font-size: 16px !important;
    }    
    a.all-news {
        font-size: 14px !important;
    }    
    .new-date {
        font-size: 14px;
    }    
    #search-form-variants .search-form .search-items-list.regions {
        max-width: 160px;
    }
} 
/* ------------------- news block */

/* compact procenka filtr ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .compact-view .search-result__group__short .search-result__group-text {
        height: 0;
        padding: 0;
    }    
    .compact-view .search-result__group__short {
        height: 83px !important;
    }    
    .compact-view .search-result__group-list-short.has-truck, 
    .compact-view .has-truck + .search-result__group-list {
        top: 16px;
        width: calc(100% - 32px) !important;
        right: 16px !important;
    }    
    .compact-view .search-result__group__short.hover .search-result__group-list {
        top: 65px;
    }    
    .compact-view .analog-list .articul-order__sorter-container {
        float: none !important;
    }    
    #content .compact-view .order-brands a.compact-view-brands {
        font-size: 16px !important;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .compact-view .search-result__group__short {
        margin-bottom: 0 !important;
    }
} 
/* ------------------- compact procenka filtr */

/* catalog register popup ------------------- */
@media screen and  (min-width: 100px) and (max-width: 480px) {
    #catalog-locked-user-popup {
        width: calc(100% - 32px);
        margin-left: 0;
        left: 16px;
    }
}
/* ------------------- catalog register popup */

/* shop uder register popup ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {    
    #adapt-menu-user .authorisation a {
        background: none; 
        color: #212121;
        display: block;
        width: 100%;
        border-left: 0;
        border-bottom: 1px solid #d8d8d8;
        text-align: left;
        font-size: 16px;
        text-decoration: none;
        padding-left: 42px;
        position: relative;
    }
    #adapt-menu-user .authorisation a  svg {
        position: absolute;
        top: 18px;
        left: 18px;
    }
    #simplemodal-container .auth_popup.simplemodal-data, 
    #simplemodal-container .fast_reg_pass_popup.simplemodal-data, 
    #simplemodal-container .basket_popup.simplemodal-data {
        background: #ffffff;
        padding: 0 !important;
    }    
    #simplemodal-container .simplemodal-data .auth-form__dialog .title,
    #simplemodal-container .simplemodal-data .basketh-form__dialog .title {
        padding: 22px 35px 16px 24px;
        margin: 0 0 6px 0;
        font-size: 18px;
        font-weight: normal;
    }    
    .auth-form__dialog, .basketh-form__dialog {
        padding: 0;
    }    
    .auth-form__dialog {
        padding-top: 20px;
    }    
    .auth_popup .form-item-wrapper {
        padding-left: 24px;
        padding-bottom: 24px;
        padding-right: 24px;
    }    
    .auth-form__dialog.authorisation-dialog .button-container,
    .basketh-form__dialog .button-container {
        background: #f5f5f5;
        padding: 24px;
    }
    .auth-form__dialog.authorisation-dialog .button-container a {
        margin-right: 20px;
    }    
    .auth-form__dialog.authorisation-dialog .button-container input[name="authBtn"] {
        width: 120px;
    }    
    .form-item-wrapper {
        padding-bottom: 24px;
    }
    .auth-form__price-change__table {
        margin-left: 0;
        margin-right: 0;
    }
    .auth-form__price-change__table td:first-child,
    .auth-form__price-change__table th:first-child {
        padding-left: 24px;
    }    
    .restore_pass_auth_form p {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 16px !important;
    }
    .auth-form__dialog.authorisation-dialog input[type="text"].long-input, 
    .auth-form__dialog.authorisation-dialog input[type="password"].long-input {
        width: 100%;
    }
    
    .password-not-come div {
        padding-right: 15px;
    }
    
    .password-not-come div p {
        width: 100%;
        max-width: 535px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 650px) {
    .auth-form__dialog.authorisation-dialog label a[name="toggle_auth_restore_form"] {
        display: none;
    }     
    .auth-form__dialog.authorisation-dialog .button-container a[name="toggle_auth_restore_form"] {
        display: inline;
    }    
    .auth-form__dialog .form-item {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }    
    .auth-form__dialog.authorisation-dialog input[type="text"], 
    .auth-form__dialog.authorisation-dialog input[type="password"], 
    .auth-form__dialog.authorisation-dialog input[type="text"].long-input {
        height: 40px;
        width: 100%;
    }  
    .auth-form__dialog label.show-pass {
        left: 100%;
        margin-left: -40px;
    }
    #simplemodal-container .simplemodal-data .auth-form__dialog .title,
    #simplemodal-container .simplemodal-data .basketh-form__dialog .title {
        text-transform: none;
    }    
    .auth-form__dialog.authorisation-dialog .button-container.restore a[href='/registration/'] {
        display: none;
    }    
    .auth-form__dialog.authorisation-dialog .button-container.restore a {
        margin-right: 0;
    }
    .form-item-wrapper {
        position: relative;
    }    
    .form-item-wrapper.auth .error-text {
        positi-on: absolute;
        bottom: 24px;
    }    
    .form-item-wrapper.auth .form-item.has-error + .form-item.has-error {
        margin-bottom: 56px;
    }    
    .restore_pass_form .error-text {
        padding-top: 15px;
    }    
    .auth_popup .form-item-wrapper {
        padding-bottom: 10px;
    }    
    .basketh-form__dialog .button-container input {
        display: block;
        width: 100% !important;
        margin-bottom: 23px;
    }
    .basketh-form__dialog .button-container input:last-child {
        margin-bottom: 0;
    }
    .auth-form__price-change__table .part-info-table {
        display: block;
    }
    .auth-form__price-change__table .part-info b,
    .auth-form__price-change__table .part-info .articul,
    .auth-form__price-change__table .part-info .name {
        display: block;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .auth-form__dialog.authorisation-dialog .button-container input {
        display: block;
        width: 100% !important;
    }  
    .auth-form__dialog.authorisation-dialog .button-container input.hidden {
        display: none;
    }     
    .btn-loader, .auth-form__dialog.authorisation-dialog .button-container input {
        margin-bottom: 23px;
    }    
    .auth-form__dialog.authorisation-dialog .button-container {
        position: relative;
    }    
    .auth-form__dialog.authorisation-dialog .button-container a[name="toggle_auth_restore_form"] {
        position: absolute;
        right: 0;
    }    
    .auth-form__dialog.authorisation-dialog .button-container.restore {
        text-align: center;
    }    
    .auth-form__dialog.authorisation-dialog .button-container.restore a[name="toggle_auth_restore_form"] {
        position: relative;
    }    
}
/* ------------------- not user register popup */
/* fast register popup  -------------------*/
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .fast_reg_auth_form__content {
        padding: 0 24px 24px 24px;
    }    
    .auth-form__dialog .fast_reg_auth_form__content .form-item {
        width: 40%;
    }    
    .auth-form__dialog .fast_reg_auth_form__content input[type="text"], 
    .auth-form__dialog .fast_reg_auth_form__content input[type="password"] {
        width: 100%;
    }    
    .submit-order-text, .instant-registraion {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 660px) {
    .auth-form__dialog .fast_reg_auth_form__content .form-item {
        width: 100%;
        display: block;
    }    
    .auth-form__dialog .fast_reg_auth_form__content .form-item input {
        width: 100%;
    }    
    .auth-form__dialog .fast_reg_auth_form__content label {
        margin-bottom: 0;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .submit-order-text, .instant-registraion {
        padding-left: 16px;
        padding-right: 16px;
    }
    .instant-registraion input {
        width: 100%;
    }    
    #content .instant-registraion__item:nth-child(1) {
        position: relative;
        padding-top: 40px;
    }    
    #content .instant-registraion__item a.active-user {
        top: -30px;
        left: 0;
        right: auto;
        display: block;
    }    
}
/* fast register popup ------------------- */

/* old procenka // group ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .search-result-wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }    
    .short-search-title {
        margin-top: 15px;
    }    
    .search-result-wrapper .error.search {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and  (min-width: 100px) and (max-width: 700px) { 
    .short-search-title, .part-not-found-message {
        padding-top: 13px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 550px) { 
    .search-result-wrapper {
        margin-left: 0;
        margin-right: 0;
    }    
    table.price-table.short-search, 
    .price-table.short-search tbody, 
    .price-table.short-search tr {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
    }    
    .price-table.short-search td {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }    
    table.price-table.short-search {
        background: #ffffff;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }    
    table.price-table.short-search tr:first-child {
        display: none;
    }    
    .price-table.short-search td.group-brand {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        padding-right: 0;
        padding-bottom: 0;
    }     
    .price-table.short-search td.group-articul {
        display: inline-block;
        vertical-align: middle;
        opacity: .6;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 0;
    }
    .price-table.short-search td.group-part-name {
        width: 100%;
        padding-right: 24px;
    }    
    .price-table.short-search td {
        font-size: 14px;
        padding-left: 24px;
    }    
    .short-search-title, .part-not-found-message {
        margin-left: 24px;
        margin-left: 24px;
    }    
    #content .price-table.short-search a {
        font-size: 14px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) { 
    .short-search-title, .part-not-found-message {
        margin-left: 16px;
        margin-left: 16px;
    }     
    .price-table.short-search td {
        padding-left: 16px;
    }    
    .price-table.short-search td.group-part-name {
        padding-right: 16px;
    }    
    .price-table.short-search td.group-articul {
        padding-right: 16px;
        padding-left: 16px;
    }
}
/* ------------------- old procenka // group */

/* old procenka // search result ------------------- */
@media screen and  (min-width: 100px) and (max-width: 800px) { 
    table.price-table.price-table-block, 
    .price-table.price-table-block tbody, 
    .price-table.price-table-block tr {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
    }    
    .price-table-block {
        background: #ffffff;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }    
    .price-table.price-table-block td {
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }        
    .price-table-block td.first-td {
        display: block;
    }    
    .price-table-block td.articul-td {
        display: block;
    }    
    .price-table-header th {
        display: inline-block;
        vertical-align: middle; 
        width: auto !important;
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        font-size: 13px !important;
        font-weight: normal;
    }    
    .price-table .price-table-header th a {
        font-size: 14px !important;
    }    
    .price-table .price-table-header th a.open_all_info {
        font-size: 13px !important;
    }    
    .price-table-header th:after {
        content: " | ";
        position: absolute;
        right: 0;
    }    
    .price-table.new-design th.articul-td {
        min-width: 200px;
    }    
    .price-table.new-design .price-count-th {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }    
    .price-table.new-design.price-table-block td {
        padding-bottom: 0;
        padding-top: 4px;
    }    
    .price-table.new-design.price-table-block tr {
        padding-bottom: 8px;
        padding-top: 6px;
    }    
    .price-table.new-design.price-table-block tr:first-child {
        padding-bottom: 0;
        padding-top: 0;
    }
    .price-table-block td:nth-child(3), .price-table-block td:nth-child(4) {
        display: inline-block;
        vertical-align: top;
    }    
    .price-table-block td:nth-child(3):before {
        content: '';
        display: block;
        height: 1px;
    }    
    .price-table-block td:nth-child(3):after {
        content: '//';
        padding-left: 5px; 
        opacity: 0.6;
    }    
    .mobile-label {
        display: inline;
        font-size: 13px;
    }    
    .price-table.new-design.price-table-block .add-to-basket {
        top: -5px;
        width: 85px;
    }    
    .price-table.new-design.price-table-block td input.small-input {
        width: 30px;
    }    
    .price-table.new-design.price-table-block td span.cart-icon {
        width: 46px;
    }    
    .price-table.new-design.price-table-block tr.part-line-tr {
        display: none;
    }    
    .price-table.new-design.price-table-block tr {
        border-bottom: 1px solid rgba(255,255,255, .7);
    }    
    .pri.price-table.new-design.price-table-block tr:last-child {
        border-bottom: none;
    }
    h4.search-result-analogs  {
        margin-bottom: 10px;
        margin-left: 24px;
        margin-right: 24px;
        font-size: 16px;
        padding-right: 20px;
    }    
    .price-table.new-design.price-table-block td#delivery-td {
        background-position: 105% -8px;
        padding-left: 0;
    }    
    #basket_popup {
        left: 50%;
        margin-left: -220px;
        z-index: 1020;
    }    
    .price-table.price-table-block tr.hidden-part {
        display: none
    }    
    .price-table.price-table-block tr.show-all-parts-tr td {
        padding: 5px 8px;
    }    
    .price-table.price-table-block tr.show-all-parts-tr td a {
        margin-left: 0 !important;
    }    
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    h4.search-result-analogs  {
        margin-left: 16px;
        margin-right: 16px;
    }    
    #basket_popup {
        left: 50%;
        margin-left: -150px;
        width: 300px;
        top: 30px;        
    }    
    .stylized_popup.new_design .inline {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }    
    .stylized_popup.new_design .inline.price-info {
        padding-top: 15px;
    }    
    #basket_popup div span.cost {
        font-size: 16px;
        font-weight: 600;
    }    
    #basket_popup button.button {
        width: calc(100% - 20px);
        padding: 0;
        height: 40px;
        margin-right: 0;
        margin-bottom: 10px;
    }    
    #basket_popup #back-to-basket.button img {
        top: 11px;
        left: 50px;
    }    
    #basket_popup .basket-hide-popup {
        font-size: 14px;
    }
}
/* ------------------- old procenka // search result */

/* ------------------- price catalog */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .pages {
        margin-left: 24px;
        margin-right: 24px;
    }
    .seo-brands__wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .pages {
        margin-left: 16px;
        margin-right: 16x;
    }
    .seo-brands__wrapper {
        margin-left: 16px;
        margin-right: 16px;
    }
    .seo-brands__list {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }
}
/* price catalog ------------------- */

/* ------------------- buy credit popup */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .credit_info_popup .cip__content {
        top: 20px;
        margin-top: 0;
    }
}
@media screen and  (min-width: 100px) and (max-width: 440px) {
    .credit_info_popup .cip__content {
        width: calc(100% - 32px);
        left: 16px;
        margin-left: 0;
    }
}
/* buy credit popup ------------------- */

/* ------------------- modul sto */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .sto__user_form {
        margin-left: 24px;
        margin-right: 24px;
    }
}
@media screen and  (min-width: 100px) and (max-width: 980px) {
    .sto__info {
        display: block;
    }
    .sto__map {
        width: 100%;
    }    
    .sto__map > ymaps, .sto__map iframe {
        width: 100% !important;
    }
}
@media screen and  (min-width: 100px) and (max-width: 680px) {
    .three_inputs, .two_inputs {
        display: block;
    }
    .three_inputs div, .two_inputs div {
        width: 100% !important;
        margin: 0 0 20px 0 !Important;
    }
}
@media screen and  (min-width: 100px) and (max-width: 480px) {
    .sto__user_form {
        margin-left: 16px;
        margin-right: 16px;
    }
}
/* modul sto ------------------- */
/* header search  */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .header-adapt__search {
        position: fixed;
        top: -150px;
        left: 0;
        z-index: 1000;
        width: 100%;
        background: #f2f3f5;
        box-sizing: border-box;
    }
    .header-adapt__search .header-search__wrapper {        
        padding: 20px 0 10px 0;
    }
    .main-page .header-adapt__search {
        position: relative;
        top: auto;
        left: auto;
        background: #f2f3f5;
        z-index: auto;        
    }
    .main-page .header-adapt__search .header-search__wrapper {
        padding-top: 2px;
    }
    .header-adapt__search__overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.3);
        display: none;
    }
    .header-adapt__search .header-search__wrapper {
        z-index: 3;
        position: relative;
    }
    .header-adapt__search .tabs {
        display: flex;
    }
    .header-adapt__search .tabs  label {        
        margin-right: 3px;
    }
    .header-adapt__search span.desktop-element {
        display: none !important;
    }
    .header-adapt__search .tabs  label span.mobile-element,
    .header-adapt__search .mobile-element{
        display: block;
        height: 35px;
        line-height: 35px;
        padding: 0 7px !important;
        cursor: pointer;
        background: #f2f3f5;
        border-radius: 3px 3px 0 0;
        white-space: nowrap;
        border: 1px solid #E0E0E0;
        border-bottom: none;
        color: #333333 !important;        
        font-size: 13px;
        text-decoration: none;
    }
    .header-adapt__search .tabs  label input {
        display: none;
    }    
    .header-adapt__search .tabs  label input:checked + span + span.mobile-element {
        background: #ffffff;
        color: #333333;
        cursor: default;
        border-color: #ffffff;
    }
    .header-adapt__search table input {
        height: 50px;
        font-size: 16px;
        border: none;
        width: 100%;
    }
    .header-adapt__search .search-form .button-container, 
    .header-adapt__search .search-form .button-container div {
        width: 40px; 
        height: 50px;
    }
    .header-adapt__search .header-search__icon {
        display: block;
        left: 5px;
        z-index: 3;
    }
    .header-adapt__search table {
        width: 100%;
    }
    .header-adapt__search .search-form {
        background: #ffffff;
    }
    .header-adapt__search table td, 
    .header-adapt__search table th {
        vertical-align: top;
    }
    .header-adapt__search .search-form table td div {
        height: 50px;
        width: 40px;
        position: relative;
    }
    .header-adapt__search .search-form table td  svg {
        position: absolute;
        top: 15px;
        left: 7px;
    }
    .header-adapt__search .search-form table td button {
        width: 40px;
        background: transparent !important;
        text-indent: -5000px;
        overflow: hidden;
        position: absolute;
        z-index: 5;
        border: none;
        outline: none;
        height: 50px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 400px) {
    .header-adapt__search .tabs label {
        font-size: 13px;
    }
    .header-adapt__search #header-search-form .tabs label span {
        padding: 0 7px !important;
    }
}

/* not payes user bills page ------------------- */
/* @media screen and  (min-width: 100px) and (max-width: 1000px) {
    .user-bill__item.tr-dark, .user-bill__item.tr-light {
        background: #ffffff !important;
        color: #212121 !important;
    }    
    .user-bill__cell {
        color: #212121 !important;
    }    
    .user-bill__item {
        border-bottom: 2px solid red;
    }    
    .user-bill__item:last-child {
        border-bottom: none !important;
    }    
    input[type="button"].start-pay-button {
        font-size: 14px !important;
        -webkit-appearance: none;
    }    
    .user-bill__button .user-bill__status {
        width: 95px;
        height: 48px;
        line-height: 48px;
        border-radius: 2px;
        background-color: #ececec;
        color: #9e9e9e;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }    
    input[type="button"].start-pay-button {
        font-weight: bold;
        height: 48px;
    }    
    input[type="button"].start-pay-button:hover {
        text-shadow: none;
    }
}

@media screen and  (min-width: 100px) and (max-width: 600px) {    
    .user-bill__header {
        display: none;
    }
    .user-bill__row, .user-bill__cell{
        display: block;
        width: 100%;
        margin-right: 0;
    }    
    .user-bill__row {
        padding-top: 16px;
    }
    .user-bill {
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        border-bottom: none !important;
        border-top: 2px solid #cccccc;
    }    
    .user-bill__status {
        color: #989898;
    }    
    .user-bill__cell.user-bill__button {
        width: 95px;
        position: absolute;
        top: 15px;
        right: 14px;
        padding: 0;
    }
    .user-bill__bill-number a {
        font-size: 16px !important;
        font-weight: bold !important;
    }    
    .user-bill__cell {
        padding-left: 24px;
    }    
    .user-bill__docs {
        padding-left: 28px;
    }    
    .user-bill__cell.user-bill__bill-number, .user-bill__cell.user-bill__date {
        display: inline;
    }    
    .user-bill__cell.user-bill__date {
        color: #989898 !important;
        font-weight: 500;
        padding-left: 12px;
    }    
    .user-bill__cell.user-bill__money {
        padding-top: 8px;
    }    
    .user-bill__docs a {
        font-size: 15px !important;
        display: inline-block;
        padding-top: 0;
    }    
    .user-bill__docs p {
        margin-bottom: 10px;
        display: block;
    }  
    
    * order details *
    .user-bill__row.user-bill__row-details {
        padding-top: 14px;
    }
    .user-bill__row-details .user-bill__cell.user-bill__date {
        display: block;
        padding-left: 24px;
        font-weight: normal;
        color: #212121 !important;
        padding-top: 5px;
    }    
    .user-bill__row-details .user-bill__bill-number {
        font-size: 16px;
        font-weight: bold;
        padding-top: 6px;
    }    
    .user-bill__row-details .user-bill__item-articul {
        font-weight: normal;
    }    
    .user-bill__row-details .user-bill__date {
        padding-right: 16px;
    }    
    .user-bill__row-details .user-bill__cell.user-bill__button {
        position: relative;
        width: 100%;
        background: none !important;
        top: auto;
        right: auto;
        padding: 11px 12px 10px 24px;
    }    
    .user-bill__row-details .user-bill__button .user-bill__bill-date {
        color: #989898;
        padding-top: 6px;
    }    
    .user-bill__row-details .user-bill__cell.user-bill__money {
        padding-top: 14px;
    }
}

@media screen and  (min-width: 100px) and (max-width: 480px) {
    .user-bill__cell, 
    .user-bill__row-details .user-bill__cell.user-bill__date,  
    .user-bill__row-details  .user-bill__cell.user-bill__button {
        padding-left: 16px;
    }    
    .user-bill__docs {
        padding-left: 20px;
    }    
    .user-bill__docs p a {
        font-size: 14px !important;
        padding-left: 21px;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}*/
/* ------------------- not payes user bills page */

/* shop bills ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .shop_bill__item {
        border-radius: 0;
        border-left: 0;
        border-bottom: 0;
        border-right: 0;
        margin-bottom: 0;
    }
    .shop_bill__item:last-child {
        border-bottom: 1px solid #dadada;
    }   
    .shop_bill__item:first-child {
        border-top: 0;
    }  
    .shop_bill__number .shop_bill__label, .shop_bill__date .shop_bill__label {
        display: none;
    }
    .shop_bill__item__info {
        flex-wrap: wrap;
    }
    .shop_bill__price {
        width: 100%;
        padding-top: 4px;
        text-align: left;
    }
    .shop_bill__price .shop_bill__label {
        display: inline;
        padding-right: 5px;
    }
    .shop_bill__number {
        width: 95px;
    }
    .shop_bill__part, .shop_bill__date {
        width: calc(100% - 95px);
    }
    .shop_bill__item__header input[type="button"].start-pay-button {
        font-size: 14px !important;
    }
    .shop_bill__item__block {
        border-left: 5px solid #dadada;
        padding-left: 12px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 14px;
        margin-bottom: 30px;
        display: block;
        position: relative;
        border-bottom: 0 !important;
    }
    .shop_bill__item__block:nth-child(1) {
        padding-top: 0;
        margin-top: 8px;
    }
    .shop_bill__item__block:after {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: -15px;
        left: 0;
        border-top: 1px dashed #dadada;
    }
    .shop_bill__item__block:last-child {
        margin-bottom: 15px;
    }
    .shop_bill__item__block:last-child:after {
        display: none;
    }
    .shop_bill__item__block .shop_bill__item__status {
        border-left: 0;
    }
    .shop_bill__item__block .shop_bill__item__info {
        display: block;        
    }
    .shop_bill__part__articul {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - 95px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
    }
    .shop_bill__part__articul .shop_bill__label {
        opacity: .5;
    }
    .shop_bill__item__block .shop_bill__part {
        width: 100%;
        padding-top: 11px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    .shop_bill__item__block .shop_bill__item__info {
        width: 100%;
    }
    .shop_bill__item__block .shop_bill__price {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 125px);
        line-height: 17px;
    }
    .shop_bill__item__block .shop_bill__number {
        line-height: 17px;
    }
    .shop_bill__item__block  .shop_bill__item__status.desktop-only {
        display: none;
    }
    .shop_bill__item__block .shop_bill__item__status.mobile-only {
        display: inline-block;
        vertical-align: top;
        width: 120px;
        padding-left: 0;
    }
    .shop_bill__wrapper {
        margin-bottom: 15px;
    }
}
/* ------------------- shop bills */

/* shop orders ------------------- */
@media screen and  (min-width: 100px) and (max-width: 1000px) {
    .shop_order__item {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
}
@media screen and  (min-width: 100px) and (max-width: 780px) {
    .shop_order__wrapper {
        border-top: 1px solid #dadada;
    }
    .shop_order__item {
        border-top: 0;
        margin-bottom: 0;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .shop_order__content {
        border-left: 7px solid #dadada;
        padding-left: 12px;
    }
    .shop_order__details:before {
        display: none;
    }
    .shop_order__details {
        flex-wrap: wrap;
    }
    .shop_order__details_item {
        width: 33%;
        margin-bottom: 5px;
    }
    .shop_order__details_item:nth-child(4),
    .shop_order__details_item:nth-child(5),
    .shop_order__details_item:nth-child(6) {
        margin-bottom: 0;
    }
    .shop_order__info_wrapper {
        display: block;
    }
    .shop_order__name {
        border-left: 0;
        padding-left: 0;
    }
    .shop_order__name_status {
        border-left: 0;
        margin-bottom: 0;
        padding-left: 0;
        background: transparent;
    }
    .shop_order__number {
        width: 100%;
        display: flex;
        margin-bottom: 11px;
        border-bottom: 1px dashed #dadada;
        padding-bottom: 6px;
        padding-top: 0;
    }
    .compact-view .shop_order__number {
        border-bottom: none;
    }
    .shop_order__number > div {
        display: block;
    }
    .shop_order__number > div .shop_order__label {
        display: block;
        line-height: 13px;
        padding-bottom: 4px;
    }
    .shop_order__number > div:nth-child(1) {
        width: 90px;
    }
    .shop_order__number > div:nth-child(3) {
        margin-left: auto;
    }
    .shop_order__number_status {
        margin-top: 0;
    }
    .shop_order__status_links {
        padding-left: 0;
        margin-top: -4px;
    }
    .shop_order__name {
        width: 100%;
    }
    .shop_order__name_text {
        line-height: 18px;
        padding-top: 3px;
    }
    .shop_info__price {
        width: 100%;
        text-align: left;
        display: flex;
        padding-top: 11px;
        flex-wrap: wrap;
    } 
    .shop_info__price span {
        display: block;
        width: 100%;
        line-height: 16px;
    }
    .shop_order__details .shop_order__label {
        padding-bottom: 0;
        line-height: 18px;
    }
    .shop_order__comment .shop_order__label {
        margin-bottom: -1px;
    }
    .shop_order__details {
        padding-top: 3px;
        margin-top: 0;
    }
    .shop_order__details_item .odp b {
        width: 270px;
        left: -100px;
    }
    
    .shop_order__name .color-overlay, .shop_info__price .color-overlay {
        display: none;
    }
    .shop_order__name {
        padding-top: 0;
    }
    .shop_order__info_wrapper {
        margin-bottom: 10px;
    }
    .shop_order__name, .shop_info__price {
        background: transparent;
    }
}
@media screen and  (min-width: 100px) and (max-width: 780px) {
    .error, #content .error a, #content .error a:hover {
        font-size: 14px;
    }
    .error {
        padding-right: 10px;
        padding-left: 40px;
        background-position: 15px 11px;
    }
    .bills-not-payes-link b {
        padding: 0 10px;
    }
    .bills-not-payes-link span {
        margin-right: 10px;
    }
}
/* ------------------- shop orders */
/* shop orders // compact view ------------------- */
@media screen and  (min-width: 1px) and (max-width: 1000px) { 
    .shop_order__wrapper.compact-view {
        border: 0;
        border-radius: 0;
    }
    .compact-view .shop_order__item {
        padding: 12px 0 12px 6px;
        border-bottom: 0;
        margin-bottom: 3px;
    }
    .shop_order__table_header.compact-view {
        position: relative;
        padding-left: 181px;
        padding-right: 36px;
    }
    .shop_order__table_header__status,
    .shop_order__table_header__item {
        display: none;
    }
    .shop_order__table_header__amount {
        position: absolute;
        right: 0;
    }
    .shop_order__table_header__number {
        left: 21px;
        position: absolute;
        width: 75px;
    }
    .shop_order__table_header__date {
        left: 106px;
        position: absolute;
        width: 75px;
    }
    .compact-view div.border-right {
        padding-right: 0 !important;
    }
    .compact-view div.border-right:after {
        display: none;
    }
    .compact-view .shop_order__number > div:nth-child(3) {
        position: static;
        width: 0;
    }
    .compact-view div.compact-amount {
        position: absolute;
        right: -40px;
        top: 0;
    }
    .compact-view .shop_order__number > div:nth-child(1), 
    .compact-view .shop_order__number > div:nth-child(2) {
        width: 85px;
    }
    .compact-view .remove-order {
        top: auto;
        right: 6px;
        bottom: 0;
    }
    .compact-view .shop_order__name {
        flex-wrap: wrap;
    }
    .compact-view  div.border-right.shop_order__name_text,
    .compact-view .shop_order__name_status {
        width: calc(100% + 170px);
        margin-left: -170px;
    }
    .compact-view  div.border-right.shop_order__name_text {
        margin-top: 10px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        position: relative;
    }
    .compact-view  div.border-right.shop_order__name_text:before {
        content: '';
        height: 1px;
        width: calc(100% + 25px);
        display: block;
        background: #c1c1c1;
        position: absolute;
        left: 10px;
        top: 0;
    }
    .compact-view .shop_order__number {
        width: 170px;
    }
    .shop_order__table_header__name {
        width: 100%;
    }
    .compact-view .shop_order__name_details{
        width: calc(100% - 20px);
    }
    .shop_order__table_header__articul, 
    .shop_order__table_header__brand,
    .compact-view .shop_order__name_details div {
        width: 50%;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .order-filter-container__order .search-result__switcher {
        margin-right: 24px;
    }
    .compact-view .shop_order__content {
        padding: 0 0 1px 0;
    }
}
@media screen and  (min-width: 1px) and (max-width: 780px) { 
    .compact-view .shop_order__number > div .shop_order__label {display: none;}
    .compact-view .shop_order__info_wrapper {display: flex;}
    .order-filter-container__order {display: block;}
    .order-filter-container__order .search-result__switcher {margin: 15px 24px;}
    .search-result__switcher label {width: 100%; max-width: 490px;}
    .search-result__switcher label span{width: 50%;}
    .compact-view .shop_order__info_wrapper {margin-bottom: 3px;}
}
@media screen and  (min-width: 1px) and (max-width: 600px) { 
    .order-filter-container__order .search-result__switcher {margin: 15px 16px;}
    .order-filter-item.filter-select {margin-left: 0;}
}
@media screen and  (min-width: 1px) and (max-width: 380px) {
    
}
/* ------------------- shop orders // compact view */