.mob {
    display: none;
}

@media (max-width: 767px) {
    * {
        box-sizing: border-box
    }

    .mob {
        display: block
    }

    .fl {
        flex-wrap: wrap;
    }

    img {
        max-width: 100%;
    }

    .burg img {
        width: 48px
    }

    div#main {
        margin: 0;
        min-height: auto;
    }

    #all {
        padding-bottom: 0
    }

    header {
        height: auto
    }

    .shops-toggle .toggle .active span,
    .video-toggle .toggle .active span {
        display: none;
    }

    .shops-toggle .toggle .active a,
    .video-toggle .toggle .active a {
        color: #ca161d
    }

    .shops-toggle .toggle li,
    .video-toggle .toggle li {
        height: auto;
        line-height: 1.3;
        margin-right: 10px;
        font-size: 14px;
        padding: 5px;
    }

    .shops-toggle,
    .video-toggle {
        height: auto;
        padding-bottom: 20px;
        box-shadow: none;
        border: none;
    }

    .inner {
        width: 100%;
        height: auto !important;
        padding: 0 10px;
    }

    .n-text {
        flex-basis: 100%;
        position: relative;
        right: 0;
        top: 0;
    }

    .shops-toggle .toggle {
        display: none;
    }

    .shops-toggle .inner {
        display: flex;
        flex-wrap: wrap;
    }

    header .logo {
        width: 100px;
        height: auto;
        position: relative;
        top: 0;
    }

    header .phone {
        position: relative;
        top: 0;
        right: 0;
    }

    header .logo a {
        width: auto;
        background-size: 100%;
        height: auto;
    }

    .post-header {
        width: 100%;
        height: 100%;
        background: url(../img/post-header-back.jpg) no-repeat center 0/cover;
    }

    header .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
    }

    header .phone .tel {
        color: #434242;
        font-size: 18px;
        padding-bottom: 5px;
        padding-top: 3px;
        padding-left: 10px;
        background: url(../img/phone.png) no-repeat 0 0px;
        display: none;
    }

    header .other {
        display: none;
    }

    header .minicart {
        position: relative;
        right: 0;
        top: 1px;
        width: auto;
        border-top: 0;
        padding: 0px 0 0 0px;
        background: none;
    }

    header .minicart .info {
        color: #1b1b1b;
    }

    .clearCart {
        display: none;
    }

    header .minicart .info span {
        font-weight: 700;
        font-size: 15px;
        font-family: 'helveticaneuecyrbold', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    }

    .b-menu {
        display: none;
    }

    ul#cycle-main {
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        right: auto;
    }

    .post-header .for-oneclick .for-btn1 {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 0;
    }

    footer {
        height: auto;
        text-align: center;
        background: #e3e0d9;
        box-shadow: 0px 0px 5px;
        padding: 10px 0;
        margin-top: 30px;
    }

    footer .inner div {
        padding: 5px 0
    }

    #cycle-main #i-list,
    #cycle-main #i-list div:first-child {
        width: 100% !important;
        height: auto !important;
    }

    #cycle-main li .pic {
        position: relative;
        top: 0;
        left: 0;
    }

    #cycle-main li {
        width: 100%;
        padding: 0px 0 20px 0;
    }

    #cycle-main li .name {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        font-size: 22px;
    }

    #cycle-main .info .price {
        font-size: 22px;
        left: 0;
        height: auto;
        flex-basis: 100%;
        text-align: center;
    }

    #cycle-main .info {
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0 7px;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
    }

    .span3.col-md-3 {
        flex-basis: 100%;
    }

    .span9.col-md-9 {
        flex-basis: 100%;
    }

    #cycle-main .info a {
        padding-left: 30px;
        top: 0;
        flex-basis: 50%;
    }

    #cycle-main .info a.detail {
        margin-top: 20px;
    }

    footer .menu {
        position: relative;
        bottom: auto;
        left: 0;
        margin: 0;
        padding: 0;
    }

    /* footer */
    footer .inner {
        height: 191px;
    }

    footer .logo {
        position: relative;
        left: 0;
        top: 0;
        padding-top: 0;
        color: #484747;
        font-size: 12px;
        background: none;
    }

    footer .logo a {
        display: inline-block;
        position: relative;
        top: -1px;
        color: #484747;
    }

    footer .phone {
        top: 0;
        right: 0;
        position: relative;
        padding: revert-layer;
        background: none;
    }

    footer .mail {
        position: relative;
        top: 0;
        right: 0;
    }

    .products-list li .pic {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        text-align: center;
        margin-right: 15px;
        flex-basis: 100%;
    }

    .products-list li .text {
        flex-basis: 100%
    }

    .soc {
        position: relative;
        top: 0;
        right: 0px;
        margin: 0;
        padding: 0;
    }

    .soc li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .soc li a {
        display: block;
        width: 22px;
        height: 23px;
    }

    .soc .facebook a {
        background: url(../img/facebook.png) no-repeat;
        margin-right: 0px;
    }

    .soc .twitter a {
        background: url(../img/twitter.png) no-repeat;
    }

    .soc .insta a {
        background: url(../img/insta.png) no-repeat;
    }

    footer .copy {
        position: relative;
        bottom: 0;
        right: 0px;
    }

    footer .menu {
        position: relative;
        bottom: auto;
        left: 0;
        margin: 0;
        padding: 0;
    }

    footer .menu li {
        display: inline-block;
        margin: 0 0px 0 5px;
        padding: 0;
    }

    footer .menu li:first-child {
        margin-left: 0;
    }

    footer .menu li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #403c3c;
        font-size: 10px;
        font-weight: 700;
    }

    /* product page */
    .products-list {
        margin: 27px 0 0;
        padding: 0;
    }

    .products-list li {
        display: block;
        margin: 0 0 25px;
        padding: 0 0 25px;
        position: relative;
        min-height: auto;
        border-bottom: 1px dashed #7c7c7c;
    }

    .products-list li .pic {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .products-list li .pic img {
        max-width: 100%;
        max-height: 100%;
    }

    .products-list li .name {
        color: #696968;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .products-list li .name a {
        text-decoration: none;
    }

    .products-list li .text {
        color: #696968;
        margin-bottom: 15px;
        line-height: 21px;
    }

    .products-list li .more {
        text-align: left;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .products-list li .more a {
        color: #292829;
        padding-left: 22px;
        background: url(../img/a-detail.png) 0 2px no-repeat;
    }

    .products-list li .info {
        float: none;
        margin-bottom: 10px;
    }

    .products-list li .info .price {
        color: #e70506;
        font-size: 22px;
        font-family: 'helveticaneuecyrultraLtIt', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        text-shadow: none;
        filter: dropshadow(color=#ffffff, offx=0, offy=1);
        padding: 0 0 10px;
        height: auto;
        line-height: 1;
        background: none;
        display: inline-block;
        margin: 0 0 10px;
    }

    .products-list li .info a {
        display: inline-block;
        position: relative;
        top: -5px;
        padding-left: 30px;
        background: url(../img/minibasket.png) no-repeat;
        color: #000000;
        text-decoration: none;
    }

    #videos li {
        position: relative;
        margin: 0;
        padding: 10px 5px;
        display: block;
        width: auto;
        height: auto;
        overflow: hidden;
        vertical-align: top;
        flex-basis: 50%;
    }

    #videos {
        margin: 30px 0 30px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        clear: both;
    }

    #videos li .thumb {
        width: 100%;
        ;
        height: auto;
        line-height: 1;
        text-align: center;
        margin-bottom: 10px;
    }

    #videos li .thumb a {
        display: block;
        position: relative;
    }

    #videos li .thumb a img {
        max-width: 100%;
        max-height: 100%;
    }

    #videos li .thumb a span {
        position: absolute;
        width: 36px;
        height: 36px;
        background: url(../img/play2.png) no-repeat center center/100%;
        top: 23px;
        left: 57px;
    }

    #videos li .date {
        color: #262526;
        font-size: 12px;
        margin-bottom: 0px;
    }

    .balls {
        display: none;
    }

    #videos li .rating,
    #videos li .nrating {
        position: relative;
        bottom: 0;
        left: 0;
        width: 111px;
        height: 19px;
        background: url(../img/stars-empty.png) no-repeat;
        margin-top: 15px;
        display: none;
    }

    /* two columns */
    .text_container_l {
        width: auto;
        /* display:none; */
        min-height: 100%;
        float: none;
        border: none;
        margin-top: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
        background: #f0efeb;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f0efeb 0%, #d6d3c9 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0efeb), color-stop(100%, #d6d3c9));
        /* Chrome,Safari4+ */
        background: nonw;
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f0efeb 0%, #d6d3c9 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f0efeb 0%, #d6d3c9 100%);
        /* IE10+ */
        background: none;
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0efeb', endColorstr='#d6d3c9', GradientType=0);
        /* IE6-9 */
        margin-bottom: 0;
        padding: 0 15px;
    }

    .text_container_r {
        width: 100%;
        float: none;
        margin: 0;
    }

    iframe {
        max-width: 100%;
        height: auto
    }

    .text_l {
        float: none;
        width: 100%;
        margin: 0;
        display: none;
    }

    .text_r {
        float: none;
    }

    .text_r .b-right {
        padding-left: 0px;
        padding-top: 20px;
    }

    .partners_page .contacts-block .c-list .phone {
        font-size: 20px;
        line-height: 1.2;
        white-space: normal;
    }

    .partners_page .contacts-block .c-list li {
        height: auto !important;
    }

    .partners_page .left {
        float: none;
        width: 100%;
        border-right: 1px solid #d2cbc0;
        padding-top: 30px;
        min-height: 100%;
    }

    .partners_page .right {
        padding-top: 30px;
        float: none;
        width: 100%;
        border: none !important;
        min-height: 100%;
    }


    .partners_page .up-form .notice {
        margin-top: 15px;
        margin-right: 0;
        padding-right: 0;
        text-align: center;
    }

    .support-page {
        padding: 13px 0px 0 8px;
        margin-bottom: 50px;
    }

    .support-page h1 {
        font-size: 26px;
        color: #4c4c4c;
        text-transform: uppercase;
        font-family: 'helveticaneuecyrbold', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        margin-bottom: 21px;
        font-weight: 700;
    }

    .support-page .info {
        padding-top: 18px;
        background: url(../img/dashed.gif) repeat-x 0 0;
        margin-bottom: 53px;
    }

    .support-page .info .dashed {
        margin-top: 19px;
    }

    .support-page .s-c-one {
        width: 100%;
        height: auto;
        float: none;
        background: none;
    }

    .support-page .s-c-two {
        width: 100%;
        height: auto;
        padding: 30px 0;
        float: none;
        background: none;
    }

    .support-page .s-c-three {
        width: 100%;
        height: auto;
        float: none;
        padding: 0;
    }

    .support-page h2 {
        font-size: 18px;
        color: #4c4c4c;
        text-transform: uppercase;
        font-family: 'helveticaneuecyrbold', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        margin-bottom: 22px;
        font-weight: 700;
    }

    .support-page .s-c-one textarea {
        width: 100%;
        height: 116px;
        padding-top: 18px;
        padding-left: 18px;
        text-transform: none;
        margin-bottom: 13px;
        font-family: 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        font-weight: 400;
    }

    .support-page .s-c-one input.inp2 {
        text-transform: none;
        margin-bottom: 13px;
        font-family: 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        width: 100%;
        height: 33px;
        padding: 0 19px;
        font-weight: 400;
        margin-bottom: 9px;
    }

    .support-page .s-c-one .btn1 {
        width: 229px;
    }

    .support-page .s-c-two h2 {
        margin-bottom: 16px;
    }

    .support-page .s-c-two .ph {
        line-height: 30px;
    }

    .support-page .s-c-two .dashed {
        width: 159px;
        margin-left: 3px;
        margin-bottom: 13px;
        margin-top: 15px;
    }

    .text_l .left-menu li {
        display: block;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border-bottom: 1px solid #cdc8bc;
        position: relative;
    }

    .text_l .left-menu li a {
        display: block;
        margin: 0;
        padding: 8px 0;
        height: auto;
        width: 100%;
        line-height: 1.2;
        /*color: #969593;*/
        color: #000000;
        font-size: 16px;
        border-top: 0;
        text-shadow: none;
        filter: dropshadow(color=#ffffff, offx=0, offy=1);
        text-decoration: none;
        background: none;
    }

    .text_l .left-menu li a:hover {
        background-color: #eceae5;
    }

    .text_l .left-menu .active a {
        color: #262526;
        background: none;
    }

    .text_l .left-menu .active span {
        display: block;
        width: 10px;
        height: 14px;
        background: url(../img/left-menu-active.png) no-repeat;
        position: absolute;
        top: 23px;
        right: -2px;
    }

    .mob .but {
        background: #3e3e3e;
        display: inline-flex;
        color: white;
        padding: 10px 30px;
        margin: 20px;
        width: auto;
    }

    .burger-menu {
        background: silver;
        color: white;
        padding: 0px 0;
    }

    .burger-menu ul {
        margin: 0;
        padding: 0;
    }

    .burger-menu ul li {
        list-style: none;
        margin: 0;
    }

    .burger-menu ul li a {
        text-decoration: none;
        font-size: 18px;
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #9a9a9a;
    }

    span.mob.mob-cart img {
        width: 32px;
        display: inline-block;
        margin-right: 0px
    }

    header .minicart .empty {
        margin-left: -10px;
        line-height: 1.3
    }

    .product-pics {
        margin-top: 20px;
        margin-bottom: 4px;
        position: relative;
        padding-left: 0;
        min-height: auto;
    }

    .product-pics #big-pic {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        line-height: 1;
        text-align: center;
        margin-bottom: 10px;
    }

    .product-pics #big-pic img {
        max-width: 100%;
        max-height: 100%;
    }

    .product-pics .pics {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .product-pics .pics li {
        display: inline-block;
        margin: 0 5px 10px 0;
        padding: 0;
        width: auto;
        height: auto;
        text-align: center;
        line-height: 1;
    }

    .product-pics .pics li:nth-child(2n+2) {
        margin-right: 0;
    }

    .product-pics .pics li a {
        display: block;
        width: 100%;
        height: auto;
        border: 3px solid transparent;
        border-radius: 5px;
    }

    .product-pics .pics .active a {
        border: 3px solid #e00506;
        border-radius: 5px;
    }

    .product-pics .pics li a img {
        max-width: 150px;
        max-height: 100px;
    }

    #product-page .tabs li a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #727271;
        width: auto;
        height: auto;
        text-align: center;
        line-height: 1.2;
        text-decoration: none;
    }

    #desc table tr {
        display: flex;
        flex-wrap: wrap;
    }

    #desc table tr td {
        display: block;
        width: 100%;

    }

    #desc table tr td img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    #product-page .tabs {
        display: flex;
        align-items: center;
    }

    .product-pics .info .price {
        font-size: 22px;
        background: none;
    }

    #product-page .tabs li {
        width: auto;
        height: auto;
        min-height: 65px;
        padding: 10px;
        display: inline-flex;
    }

    .bread ul {
        margin: 0;
        padding: 0;
        color: #727271;
        font-size: 14px;
    }

    .bread ul li {
        display: inline-block;
        margin: 0 5px 0 5px;
        padding: 0;
        color: #727271;
        font-size: 14px;
    }

    .bread ul li:first-child {
        margin-left: 0px;
    }

    .bread ul li a {
        color: #acacab;
        font-size: 14px;
        text-decoration: none;
    }

    div#orderform table tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    div#orderform table tr td {
        display: block;
        width: auto;
        padding: 0 10px;
    }

    .basket-page .t-head {
        display: none;
    }

    .basket-page table {
        width: 100%;
    }

    .basket-page .price-td {
        display: flex !important;
        align-items: center;
    }

    .basket-page table .title {
        font-size: 14px;
    }

    .order-block-h .caption {
        display: none;
    }

    .basket-page table .count {
        border-radius: 5px;
        color: black;
        width: 50px;
    }

    .basket-page table .price {
        font-size: 16px;
    }

    .basket-page table .pic img {
        max-width: 80px;
        max-height: 100%;
    }

    .basket-page table .pic {
        padding: 5px;
        width: auto;
        height: auto;
        line-height: 1;
    }

    .for-btn1 {}

    .basket-page .b-more .btn1 {
        width: 200px;
        height: 32px;
    }

    #order-page #main {
        background-image: none;
        border-bottom: 1px solid #e6e4df;
    }

    #order-page .order-block-h {
        background: none;
        height: auto;
        border-top: 1px solid #d1ccc2;
        border-bottom: 1px solid #ccc7bb;
    }

    #order-page .order-block-h .inner {
        height: 399px;
        background: url(../img/order-hr.png) no-repeat 0 84px;
    }

    #orderform .arrow {
        position: absolute;
        left: 50%;
        bottom: -1px;
        margin-left: -9px;
        width: 18px;
        height: 9px;
        background: url(../img/order-arrow.jpg) no-repeat;
        z-index: 2;
        display: none;
    }

    #order-page .order-block-f {
        background: none;
        height: auto;
    }

    #order-page .order-block-f .inner {
        height: 89px;
    }

    #order-page .left {
        width: 100%;
        float: none;
    }

    #order-page .center {
        width: 100%;
        float: none;
    }

    #order-page .right {
        width: 100%;
        float: none;
    }

    #order-page h2.caption {
        font-size: 22px;
        height: 83px;
        line-height: 87px;
        font-weight: 400;
    }

    #order-page .left h2.caption {
        font-size: 22px;
        padding-left: 17px;
    }

    #order-page .c-info {
        padding-left: 0;
        padding-top: 16px;
    }

    #order-page label {
        font-size: 12px;
        color: #151515;
        padding-left: 0;
        display: block;
        margin-bottom: 5px !important;
    }

    #order-page label span {
        color: #c8010d;
    }

    #order-page .c-info textarea {
        width: 100%;
        height: 100px;
        resize: none;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: -2px;
    }

    #order-page .pseudo-select {
        margin-bottom: 13px;
    }

    #order-page .notice-black {
        padding-left: 16px;
        font-size: 10px;
        font-style: italic;
        color: #151515;
        margin-bottom: 16px;
    }

    #order-page .notice-red {
        padding-left: 10px;
        font-size: 12px;
        font-style: italic;
        color: #c8010d;
        font-style: "helveticaneuecyrlight_italic", 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    }

    #order-page .c-data {
        padding-top: 16px;
        margin-left: 0;
    }

    #order-page .c-data .inp1 {
        height: 34px;
        display: block;
        margin-bottom: 12px;
        width: 100%;
        border-radius: 12px;
    }

    #order-page .c-data label {
        margin-bottom: 3px;
    }

    #order-page .c-delivery {
        padding-left: 0px;
        padding-top: 24px;
    }

    #order-page .c-delivery .for-radio .radio {
        float: left;
        width: 11px;
        height: 11px;
        margin-right: 4px;
        background: url(../img/radio.png);
        margin-right: 13px;
        position: relative;
        top: -4px;
    }

    #order-page .c-delivery .for-radio .active {
        background-position: -11px 0;
    }

    #order-page .c-delivery .for-radio .value {
        color: #7e7971;
        text-transform: uppercase;
        float: left;
        margin-top: -8px;
    }

    #order-page .c-delivery .for-radio .price {
        color: #c90808;
        float: right;
        margin-top: -9px;
    }

    #order-page .c-delivery .for-radio .notice {
        color: #151515;
        font-style: italic;
        font-size: 10px;
        line-height: 18px;
        margin-top: 5px;
        margin-bottom: 23px;
    }

    #order-page .c-delivery .for-radio .r1 {
        margin-bottom: 35px;
    }

    #order-page .c-delivery .for-radio .r2 {
        margin-bottom: 38px;
    }

    #order-page .c-delivery .for-radio .r4 .notice {
        margin-top: 7px;
    }

    #order-page .order-block-f .itog {
        color: #7e7971;
        font-size: 20px;
        font-weight: 700;
        font-family: 'helveticaneuecyrultraLtIt', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        text-shadow: 0px 1px 0px #ffffff;
        filter: dropshadow(color=#ffffff, offx=0, offy=1);
        display: inline-block;
        height: auto;
        line-height: 1.5;
        margin-left: 0;
        margin-top: 30px;
    }

    #order-page .order-block-f .itog .old {
        font-style: normal;
        text-decoration: line-through;
        padding-right: 4px;
    }

    #order-page .order-block-f .itog i {
        font-style: normal;
    }

    #order-page .order-block-f .itog b {
        font-weight: 700;
        font-family: 'helveticaneuecyrultraLtIt', 'helveticaneuecyrroman', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    }

    #order-page .order-block-f .itog span {
        color: #e70506;
        font-size: 22px;
    }

    #order-page .order-block-f .for-btn1 {
        margin-top: 27px;
        display: block;
        float: none;
    }

    #order-page .order-block-f .for-btn1 .btn-red {
        width: 100%;
        letter-spacing: 0px;
    }

    #order-page #o-two {
        display: none;
    }

    .for-radio .item {
        cursor: pointer;
    }

    .n-text {
        position: absolute;
        right: 250px;
        top: 27px;
        font-size: 12px;
        color: #252325;
    }

    .text_r .photo-list li a {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 1;
        outline: none;
    }

    .text_r .photo-list li {
        display: block;
        margin: 0 0px 30px 0;
        padding: 0;
    }

    .text_r .photo-list li a img {
        max-width: 100%;
        max-height: 300px;
        width: 100%;
        display: block;
    }

    .post-header #oneclick {
        top: 91px;
        left: -19px;
    }

    .filter-top form fieldset {
        margin-right: 0;
        margin-left: 0;
    }

    .fl form {

        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .fl h4 {
        margin-bottom: 10px;
    }

    .fl .search {
        margin-bottom: 20px;
    }

.search.search2 {
    margin:0 0 10px
}

.search {
    margin:0 0 5px !important
}

.search input {
    width:195px
}

    .post-header #oneclick .for-btn1 {
        top: 0;
        left: 0;
    }
    
    /* Мобильная адаптация поиска и фильтра */
    header .inner.fl {
        flex-direction: column;
        align-items: stretch;
        padding: 10px 15px;
    }
    
    .fl .search {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .fl .search h4 {
        margin-bottom: 8px;
        font-size: 14px;
        text-align: center;
    }
    
    #carSearchForm {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .select2-container {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    
    .select2-container .select2-selection--multiple {
        min-height: 44px;
        border-radius: 8px;
        border: 2px solid #ddd;
        padding: 5px;
    }
    
    #carSearchForm button {
        width: 100%;
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 8px;
        background: #ea1307;
        color: white;
        border: none;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    
    #carSearchForm button:hover {
        background: #c90e02;
    }
    
    .search.search2 {
        width: 100%;
        margin: 0 0 15px 0;
    }
    
    .search.search2 form {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .search.search2 button {
        width: 100%;
        padding: 12px;
        border-radius: 8px;
        background: #ea1307;
        color: white;
        border: none;
        cursor: pointer;
    }
    
    .search.search2 button:hover {
        background: #c90e02;
    }
    
    .select2-dropdown {
        border-radius: 8px;
        border: 2px solid #ddd;
        z-index: 9999;
    }
    
    .select2-results__option {
        padding: 12px 15px;
        font-size: 16px;
        line-height: 1.4;
    }
    
    .select2-results__option--highlighted {
        background-color: #ea1307;
        color: white;
    }
    
    .select2-selection__choice {
        background-color: #ea1307 !important;
        border: 1px solid #ea1307 !important;
        color: white !important;
        padding: 6px 12px !important;
        margin: 3px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
    }
    
    .select2-selection__choice__remove {
        color: white !important;
        margin-right: 8px !important;
        font-size: 16px !important;
    }
    
    .select2-selection__choice__remove:hover {
        color: #ffcccc !important;
    }
    
    .select2-selection__placeholder {
        color: #999 !important;
        font-size: 14px !important;
    }
    
    .select2-search__field {
        min-height: 40px !important;
        font-size: 12px !important;
        padding: 10px 4px !important;
    }
    
    /* Скрываем крестик очистки в мобильной версии */
    .select2-selection__clear {
        display: none !important;
    }

    /* Отступы по бокам для корзины */
    .basket-page {
        padding-left: 10px;
        padding-right: 10px;
    }
    .basket-page table {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    /* Цена всегда в одну строку */
    .basket-page .price {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    /* Убрать отступ снизу у кнопки 'Оформить заказ' */
    .basket-page .b-more {
        margin-bottom: 0;
    }
    /* Скрыть кнопку 'Скрыть форму' на мобильных */
    .hide-order-form, #hide-order-form {
        display: none !important;
    }

    .car-search-header {
        padding: 10px 0;
        background: #f8f9fa;
    }
    .car-search-form {
        padding: 0;
        margin: 0;
        box-shadow: none;
        background: none;
    }
    .car-search-row {
        display: flex;
        gap: 8px;
        margin-bottom: 10px;
    }
    .car-search-row:last-child {
        margin-bottom: 0;
    }
    .car-search-row select,
    .car-search-row input {
        flex: 1 1 0;
        min-width: 0;
        font-size: 15px;
        height: 36px;
        border-radius: 6px;
        border: 1px solid #ddd;
        padding: 0 8px;
        background: #fff;
    }
    .car-search-row .search-button {
        width: 40px;
        min-width: 40px;
        height: 36px;
        padding: 0;
        border-radius: 6px;
        background: #e70506;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }
    .car-search-row .search-text {
        display: none;
    }
    .car-search-row .search-icon {
        display: block;
        line-height: 0;
    }
    .car-search-row .search-icon svg {
        width: 20px;
        height: 20px;
        display: block;
    }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
    header .inner.fl {
        padding: 8px 10px;
    }
    
    .fl .search h4 {
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    #carSearchForm {
        gap: 8px;
    }
    
    .select2-container .select2-selection--multiple {
        min-height: 40px;
        padding: 3px;
    }
    
    #carSearchForm button,
    .search.search2 input[type="text"] {
        padding: 10px 12px;
        font-size: 15px;
    }
    
    .search.search2 button {
        min-width: 45px;
        padding: 10px;
    }
    
    .select2-results__option {
        padding: 10px 12px;
        font-size: 15px;
    }
    
    .select2-selection__choice {
        padding: 4px 8px !important;
        margin: 2px !important;
        font-size: 13px !important;
    }
}

/* Стили для ландшафтной ориентации на мобильных */
@media (max-width: 767px) and (orientation: landscape) {
    header .inner.fl {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .fl .search {
        flex: 1;
        min-width: 200px;
    }
    
    #carSearchForm {
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }
    
    .select2-container {
        flex: 1;
        margin-bottom: 0;
    }
    
    #carSearchForm button {
        width: auto;
        min-width: 60px;
        padding: 8px 12px;
    }
}
/* Адаптивность для нового баннера */
@media (max-width: 768px) {
    .main-banner {
        height: 400px;
        text-align: center;
    }

    .main-banner .banner-content {
        max-width: 100%;
        padding: 0 15px;
    }

    .main-banner .banner-title {
        font-size: 36px;
    }

    .main-banner .banner-subtitle {
        font-size: 16px;
    }
    
    .main-banner .banner-buttons .btn {
        margin: 10px 5px 0;
    }
}


/* ===========================================
   МОБИЛЬНАЯ АДАПТАЦИЯ ПОИСКА И ФИЛЬТРА
   =========================================== */

/* Растягиваем форму на всю ширину */
.car-search-form {
    flex-direction: column;
    padding: 10px;
}

.car-search-form .form-group {
    width: 100%;
    margin-bottom: 10px;
}

/* Кнопка поиска */
.car-search-form .search-button-wrapper {
    width: 100%;
}

.car-search-form .btn-search {
    width: 100%;
    font-size: 0; /* Скрываем текст "Найти" */
    padding: 10px;
    position: relative;
}

/* Иконка лупы для кнопки */
.car-search-form .btn-search:before {
    content: '\\f002'; /* Код иконки лупы из Font Awesome */
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ===== МОБИЛЬНАЯ ОПТИМИЗАЦИЯ КОРЗИНЫ MINISHOP2 (минимальная) ===== */
@media (max-width: 767px) {
  .basket-page table {
    font-size: 14px;
  }
  .basket-page .count {
    height: 36px;
    font-size: 16px;
  }
  .basket-page .b-more .btn1 {
    width: 100%;
    font-size: 16px;
    height: 48px;
  }
  .basket-page .price {
    font-size: 18px;
  }
  .basket-page .pic {
    width: 60px;
    height: 60px;
  }
  .basket-page .title a {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .inner.fl {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
  }
  .search,
  .search2 {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .carSearchForm,
  .search-form {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
  }
  .carSearchForm select,
  .search-form input[type="text"] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 15px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 0 8px;
    background: #fff;
    margin: 0;
  }
  .carSearchForm button,
  .search-form button {
    width: 48px;
    min-width: 48px;
    height: 40px;
    padding: 0;
    border-radius: 8px;
    background: #e70506;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0;
  }
  .carSearchForm button .search-text,
  .search-form button .search-text {
    display: none;
  }
  .carSearchForm button .search-icon,
  .search-form button .search-icon {
    display: block !important;
    line-height: 0;
  }
  .carSearchForm button .search-icon svg,
  .search-form button .search-icon svg {
    width: 22px;
    height: 22px;
    display: block;
  }
  /* Убираем лишние вертикальные отступы между формами */
  .search + .search2 {
    margin-top: 0;
  }
  .carSearchForm,
  .search-form {
    margin-bottom: 8px;
  }
}