/* Media queries for small screens */

/* Extra Small */
/* iPhones */
@media (max-width: 575px)
{
    .btn-extrasmall-search {
        width: 160px;
    }

    #liquidsResultset { padding-left: 0px; }
    .gccat-cell { padding-left: 0; padding-right: 0; }
    .lqcell { width: 305px; }
    .lq-im-ou { width: 100px; height: 100px; }
    .lq-if-ou { width: 180px; }
    .btn-makesearch { font-size: 18px; }
    #nav { width: 230px !important; left: -230px !important; }
    #container.display-nav #canvas {
        -webkit-transform:translateX(230px);
        -moz-transform:translateX(230px);
        -ms-transform:translateX(230px);
        -o-transform:translateX(230px);
        transform:translateX(230px);
    }
    .lefttopblueblick {
        font-size: 14px;
        height: 50px;
        padding: 5px;
    }
    .toggle-page-top {
        height: 50px;
    }
    #container:not(.display-nav) .toggle-page-top {
        width: auto !important;
        margin-left:10px;
        margin-right:10px;
    }
    #bars {
        font-size: 30px;
        top: 3px;
        left: 25px;
    }
    .page-lister-toolbar .pages-spliter {
        justify-content: center;
    }
    .container-fluid {
        height: calc(100% - 50px);
    }
    .lqfilters-outer-block {
        height: calc(100% - 50px);
    }
    .clogoheight {
        height: 30px;
    }
    .btn-lg {
        font-size: 15px;
    }
    #zoomImageModal img {
        max-width: 260px;
    }
    /* HintModal */
    #descriptionHintModal {
        width: 20rem;
    }

    .vehicles-variations-table > thead > tr > th:nth-child(2),
    .vehicles-variations-table > tbody > tr > td:nth-child(2),
    .vehicles-variations-table > thead > tr > th:nth-child(3),
    .vehicles-variations-table > tbody > tr > td:nth-child(3),
    .vehicles-variations-table > thead > tr > th:nth-child(4),
    .vehicles-variations-table > tbody > tr > td:nth-child(4),
    .vehicles-variations-table > thead > tr > th:nth-child(6),
    .vehicles-variations-table > tbody > tr > td:nth-child(6),
    .vehicles-variations-table > thead > tr > th:nth-child(7),
    .vehicles-variations-table > tbody > tr > td:nth-child(7),
    .vehicles-variations-table > thead > tr > th:nth-child(8),
    .vehicles-variations-table > tbody > tr > td:nth-child(8) { display: none; }

    .vehicle-parts-table > thead > tr > th:nth-child(1),
    .vehicle-parts-table > tbody > tr > td:nth-child(1) { word-break: break-all; }

    .vehicle-parts-table > thead > tr > th:nth-child(2),
    .vehicle-parts-table > tbody > tr > td:nth-child(2),
    .vehicle-parts-table > thead > tr > th:nth-child(3),
    .vehicle-parts-table > tbody > tr > td:nth-child(3){ display: none; }

    .vehicle-parts-table > thead > tr > th:nth-child(4) i,
    .vehicle-parts-table > tbody > tr > td:nth-child(4) i { display: none; }

    .complectations-heading > span { word-break: break-all; }

    .maintenance-catalogue.brands-list .brand-link { font-size: 1.4rem; text-align: center; }
    .wipers-catalogue-heading, .accessoires-catalogue-heading { word-break: break-all; }
    .wiperscatalogue .brand-item .name { font-size: 1.4rem; }
    .wiperscatalogue .item { flex-direction: column; justify-content: center; align-items: center; }
    .wiperscatalogue .item .name { margin-top: 1rem; }
    .wiperscatalogue .item .info { margin-top: 0.4rem; }
    .wiperscatalogue .item .name, .wiperscatalogue .item .info { text-align: center; width: 100%; display: block; }

    .wiperscatalogue .item .partcode-col { text-align: center; font-size: 1.2rem; align-items: center; margin-top: 1rem; }
    .wiperscatalogue .item-line { text-align: center; line-height: normal; padding-top: 0.5rem; padding-bottom: 0.8rem; }

    #carousel-example-generic { width: 100%; margin-top: 1rem; }
    #ItemCard .modal-info { margin: 15px 0 0; margin-left: 0px !important; }
    #ItemCard .modal-manufacturer { display: block; width: 100%; text-align: center; }
    .accessoires-catalogue #CardDescription { display: block; width: 100%; }
    #ItemCard .modal-title, #ItemCard .modal-manufacturer, #ItemCard .evaluate-code-block { text-align: center; }
    .accessoires-catalogue #ItemCard .modal-body { flex-wrap: wrap; }
    .accessoires-catalogue .bread-crumbs a, .accessoires-catalogue .bread-crumbs span { text-align: center; }
    .carousel-inner { text-align: center; display: flex; flex-direction: row; justify-content: center; }
}

/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {

    .lqcell { width: 305px; }
    .lq-im-ou { width: 100px; height: 100px; }
    .lq-if-ou { width: 180px; }
    .btn-makesearch { font-size: 18px; }
    #liquidsResultset { padding-left: 0; }

    .btn-extrasmall-search {
        width: 160px;
    }

    .text-xs-center {
        text-align: center;
    }

    .model-meta-xs-adapt {
        margin-top: 10px;
        font-size: 18px;
    }

    .modifications-list-item:not(:last-child) {
        border-bottom: 5px solid #bfbfbf;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    #zoomImageModal img {
        max-width: 400px;
    }
    /* HintModal */
    #descriptionHintModal {
        width: 30rem;
    }

    .vehicles-variations-table > thead > tr > th:nth-child(2),
    .vehicles-variations-table > tbody > tr > td:nth-child(2),
    .vehicles-variations-table > thead > tr > th:nth-child(3),
    .vehicles-variations-table > tbody > tr > td:nth-child(3),
    .vehicles-variations-table > thead > tr > th:nth-child(4),
    .vehicles-variations-table > tbody > tr > td:nth-child(4),
    .vehicles-variations-table > thead > tr > th:nth-child(6),
    .vehicles-variations-table > tbody > tr > td:nth-child(6),
    .vehicles-variations-table > thead > tr > th:nth-child(8),
    .vehicles-variations-table > tbody > tr > td:nth-child(8) { display: none; }

    .vehicle-parts-table > thead > tr > th:nth-child(3),
    .vehicle-parts-table > tbody > tr > td:nth-child(3){ display: none; }

    .vehicle-parts-table > thead > tr > th:nth-child(4) i,
    .vehicle-parts-table > tbody > tr > td:nth-child(4) i { display: none; }
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .btn-extrasmall-search {
        width: 160px;
    }

    /* HintModal */
    #descriptionHintModal {
        width: 35rem;
    }

    .vehicles-variations-table > thead > tr > th:nth-child(2),
    .vehicles-variations-table > tbody > tr > td:nth-child(2),
    .vehicles-variations-table > thead > tr > th:nth-child(3),
    .vehicles-variations-table > tbody > tr > td:nth-child(3),
    .vehicles-variations-table > thead > tr > th:nth-child(6),
    .vehicles-variations-table > tbody > tr > td:nth-child(6),
    .vehicles-variations-table > thead > tr > th:nth-child(8),
    .vehicles-variations-table > tbody > tr > td:nth-child(8) { display: none; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-extrasmall-search {
        width: 200px;
    }

    /* HintModal */
    #descriptionHintModal {
        width: 40rem;
    }
}

/* Extra large screens */
@media (min-width: 1200px) {
    .btn-extrasmall-search {
        width: 200px;
    }

    /* HintModal */
    #descriptionHintModal {
        width: 50rem;
    }
}

/* ---------------------------------------- */
/*             catalog-parts xtra           */
/* ---------------------------------------- */

/* Отступ от строки поиска по ВИН-коду */
@media only screen and (min-width: 600px) {
    ._2n8pQlhLaip_4ERcTLxGPj_0:not(._1AG0dhG-DLrRMlQJ5kUO8I_0) {
        margin-bottom: 23px !important;
    }
}

/* Блок-кнопка "Найти" в строке поиска по ВИН-коду */
label.q3O4yk68KakpZkEjFTes7_0
{
    border: 2px solid #a9cbe8;
    color: #333;
}

/* Блок-кнопка "Найти" в строке поиска по ВИН-коду */
i.zwY1spyak_vsdfuCVpIpG_0
{
    border: 1px solid #e2e2e2;
}


/* Блок с лейблом и надписью "Поиск по наименованию" - только мешает */
.zfQMHi1_Di00epR4HOlMq_0
{
    display: none !important;
}

/* Цвет заголовка над каталогом - скрыто по родительскому правилу "Блок с лейблом..." */
._3rgxkMYdMAINVRIwyS23xQ_0 > div > span
{
    color: #2a80ca;
}

/* Ничего не найдено */
._3KgWvjxDifgtHe3o-b1qxM_0
{
    padding-bottom: 45px !important;
}

/* Наименование автомобиля после декодировки по VIN */
.Mbx1hGc-P7BwObfhbP7Qu_0
{
    cursor: pointer !important;
}