@media (max-width: 767px) {

    .catalog-product-list-wrapper {
        display: grid;
    }

    button#button_open_filter {
        display: inline-block;
        width: 50px !important;
        height: 50px !important;
        background: none;
        border: none;
        position: absolute !important;
        right: 0;
        top: 30px !important;
    }

    button#button_open_filter i {
        color: #676767;
        font-size: 24px;
    }

    .col-lg-3 {
        position: relative;
    }

    div#sidebar {
        width: 100%;
        position: fixed;
        z-index: 106;
        top: 45px;
        padding-bottom: 100px;
        background: #fff;
        margin: 0;
        left: 0;
        height: calc(100vh - 80px) !important;
        overflow: scroll;
        border-radius: 0;
    }

    li#block-7 {
        order: 1;
    }

    body.wpc_show_open_close_button .wpc-filters-main-wrap .wpc-filters-widget-content:not(.wpc-opened) {
        display: none !important;
    }

    body.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-widget-content.wpc-filters-widget-opened {
        top: 0 !important;
        height: calc(100vh - 45px - env(safe-area-inset-bottom)) !important;
        width: 100vw;
        border-radius: 0 !important;
        display: block !important;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-wrapper {
        padding-top: 0;
        margin-top: 0;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {
        height: calc(100vh - 205px) !important;
    }

    .wpc-filters-scroll-container {
        overflow: auto !important;
        height: 100% !important;
    }

    body.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-widget-content.wpc-closed {
        display: none !important;
    }

    body.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-widget-content.wpc-closed.wpc-filters-widget-opened {
        display: block !important;
    }

    .widget_wpc_filters_widget {
        list-style: none;
    }

    .wpc-filters-widget-content {
        display: none !important;
    }

    .wpc-filters-widget-content.wpc-opened {
        display: block !important;
    }

    .wpc-filters-widget-top-container.wpc-show-on-desktop {
        margin: 0;
    }

    .wp-block-woocommerce-product-categories {
        border-top: 1px solid #ccc;
        border-bottom: none !important;
        padding-top: 1em;
    }

    .parallax_h.open-sidebar {
        overflow: hidden;
    }

    button#button_open_filter {
        display: inline-block;
        width: 50px !important;
        height: 50px !important;
        background: none;
        border: none;
        position: absolute !important;
        right: 0;
        top: 30px !important;
    }

    button#button_open_filter i {
        color: #676767;
        font-size: 24px;
    }

    .col-lg-3 {
        position: relative;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop) {
        max-width: 100vw;
        overflow: hidden;
    }

    .wpc_show_bottom_widget .wpc-spinner.is-active, .wpc_show_bottom_widget .wpc-widget-close-container, html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
        max-width: calc(100vw - 40px);
    }

    .wpc-overlay-visible body .parallax_h, html.wpc-overlay-visible .parallax_h {
        overflow: hidden;
    }

    .parallax_h.open-sidebar {
        overflow: hidden;
    }

    .filters-reset .wpc-custom-selected-terms {
        display: block !important;
    }

    body .filters-reset ul.wpc-filter-chips-list {
        display: flex;
        flex-wrap: wrap;
    }

    .close-sidebar-menu {
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 6px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 10;
        text-align: center;
        line-height: 40px;
    }

    .close-sidebar-menu svg {
        vertical-align: middle;
    }

    .close-sidebar-menu i {
        font-size: 29px;
    }

    :root {
        --size-padding: 2rem;
        --radius-10: 10px;
        --radius-20: 20px
    }

    .page-container .prm-brands-list {
        grid-template-columns: 1fr 1fr;
    }

    .mobile_show {
        display: block !important
    }

    .mobile_hide {
        display: none !important
    }

    body {
        overflow: hidden;
        height: 100vh;
        display: inline-block;
    }

    .parallax_h {
        top: 70px;
        height: calc(100vh - 70px);
        padding-bottom: 70px;
    }

    header {
        height: 70px
    }

    #header .navbar {
        padding: .5rem 15px
    }

    .logo {
        height: 50px
    }

    .cart .count {
        left: -10px;
        right: inherit
    }

    #home_page .bg_top {
        height: auto;
        padding-top: 20px
    }

    .slider_home {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: auto;
        padding-bottom: 0
    }

    .slider_home .swiper-pager {
        display: flex;
        height: 0;
        justify-content: space-between;
        position: absolute;
        top: calc(50% + 15px);
        width: 100%
    }

    .slider_home .swiper-pager .swiper-button-next, .slider_home .swiper-pager .swiper-button-prev {
        height: 30px;
        width: 30px
    }

    .slider_home .swiper-pager .swiper-button-next:after, .slider_home .swiper-pager .swiper-button-prev:after {
        font-size: 15px
    }

    .swiper-homeslider .swiper-slide {
        background-color: #fff;
        border-radius: 0;
        padding: 0
    }

    .swiper-homeslider .swiper-homeslider-slide {
        min-height: 170px
    }

    #home_slider_sales {
        grid-template-areas:
        "slider_home__title"
        "slider_home__content"
        "slider_home__footer";
    }

    .grid_slider_home {
        grid-template-areas:"slider_home__title" "slider_home__content" "slider_home__footer"
    }

    .grid_slider_home__title {
        grid-area: slider_home__title
    }

    .grid_slider_home__content {
        grid-area: slider_home__content
    }

    .grid_slider_home__footer {
        grid-area: slider_home__footer
    }

    #home_slider_brands, #home_slider_new, #home_slider_sales, #home_slider_topsales {
        gap: 10px;
        grid-template-columns:100%;
        margin: 2rem 0;
        text-align: center
    }

    .grid_slider_home__content .swiper {
        padding-bottom: 1rem !important
    }

    .custom_pagination {
        align-items: center;
        flex-direction: row;
        gap: 5px;
        justify-content: center;
        width: 100% !important
    }

    .menu_top .nav-item {
        display: none
    }

    .menu_top .nav-item.nav-item-block {
        display: block
    }

    .title_block_category {
        display: flex;
        flex-direction: column;
        gap: 30px
    }

    .category_products {
        grid-template-columns:1fr
    }

    .page-container {
        border-radius: 0;
        margin-top: 0;
        padding: 15px
    }

    main.py-4 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .bg_top {
        display: none
    }

    #brands {
        flex-wrap: wrap;
        gap: 20px;
        grid-template-columns:1fr 1fr
    }

    #brands .nav-link {
        padding: 0
    }

    #brand {
        margin-bottom: 1rem;
        margin-top: 2rem
    }

    #opt .pd-40 {
        padding: 0 !important
    }

    .products {
        gap: 5px;
        grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    }

    .products.columns-4,
    .products.columns-3 {
        grid-template-columns: 1fr 1fr;
    }

    .card_product__right .card_product__right_prices {
        flex-wrap: wrap;
        margin-top: 1rem
    }

    .card_product__right .card_product__right_prices .card_product_price {
        margin-left: 0;
        margin-top: 1rem
    }

    .card-footer {
        padding: .5rem
    }

    .product_capacity {
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 5px
    }

    .product_capacity span {
        min-width: 52px;
        padding: 5px;
        width: auto
    }

    .grid_product_card {
        display: grid;
        grid-template-rows:180px auto auto;
        height: 100%
    }

    .product_card .card .card-header {
        padding-bottom: 20px
    }

    .product_card .card .card-header img {
        height: 140px;
        width: auto
    }

    select.form-control {
        width: 100%
    }

    #home_page .container-slider {
        padding-left: 0;
        padding-right: 0
    }

    #home_page .container-slider .bg_top {
        display: block;
        padding-top: 0
    }

    .home_catalog {
        padding-top: 4rem
    }

    .home_catalog .section-title.h2, .home_catalog h2.section-title {
        padding-bottom: 1rem !important
    }

    #page-catalog .h1, #page-catalog h1 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .catalog {
        display: grid;
        gap: 20px;
        grid-template-columns:1fr 1fr
    }

    .catalog .catalog_item > a {
        font-size: .9rem;
        line-height: 1rem;
        min-height: 156px;
        padding: 10px
    }

    .catalog .catalog_item > a img {
        height: 107px;
        position: relative;
        top: -40px;
        transition: .5s
    }

    .popup {
        align-items: flex-start !important;
        z-index: 99999 !important
    }

    .popup .popup_body {
        border-radius: 0 !important;
        max-height: 100vh !important;
        width: 100% !important
    }

    .popup .popup_body .close_popup {
        right: 10px !important;
        top: 10px !important
    }

    .popup .popup_body .info_popup {
        display: grid !important;
        grid-template-rows:210px 1fr
    }

    .popup .popup_body .info_popup .info_popup_left {
        border-right: none !important;
        display: flex;
        justify-content: center;
        min-height: 220px !important;
        padding: 20px !important;
        width: 100% !important
    }

    .popup .popup_body .info_popup .info_popup_left .info_popup_left_top .h2, .popup .popup_body .info_popup .info_popup_left .info_popup_left_top h2 {
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase
    }

    .popup .popup_body .info_popup .info_popup_left .info_popup_left_top .h2 + .mt-4, .popup .popup_body .info_popup .info_popup_left .info_popup_left_top h2 + .mt-4 {
        margin-top: 1rem !important
    }

    .popup .popup_body .info_popup .info_popup_left .info_popup_left_top .h2 + .mt-4 .h4, .popup .popup_body .info_popup .info_popup_left .info_popup_left_top .h2 + .mt-4 h4, .popup .popup_body .info_popup .info_popup_left .info_popup_left_top h2 + .mt-4 .h4, .popup .popup_body .info_popup .info_popup_left .info_popup_left_top h2 + .mt-4 h4 {
        font-size: 15px
    }

    .popup .popup_body .info_popup .info_popup_right {
        height: calc(100vh - 243px) !important;
        margin: 0 !important;
        max-height: calc(100vh - 243px) !important;
        padding: 10px !important;
        width: 100% !important
    }

    .card_product {
        flex-direction: column !important;
        margin: 1rem 0 !important;
        padding: 10px 0 !important
    }

    .card_product, .card_product .h6, .card_product h6 {
        font-size: .8rem
    }

    .card_product .card_product__left {
        display: flex;
        justify-content: center
    }

    .card_product .card_product__left .card_product__left_image {
        border-right: none !important
    }

    .card_product .card_product__left .card_product__left_image img {
        height: 200px
    }

    .order {
        display: grid;
        grid-template-areas:"check" "orderinfo"
    }

    .order .order_info {
        grid-area: orderinfo
    }

    .order .order_info .block_ul .h2, .order .order_info .block_ul h2 {
        margin-bottom: 1rem !important;
        margin-top: 2rem !important
    }

    .order .check {
        grid-area: check
    }

    .product_single {
        flex-wrap: wrap
    }

    .product_single .product_single_left, .product_single .product_single_right {
        width: 100%
    }

    .product_single .product_single_right .product_single_right__item {
        display: flex;
        flex-direction: row
    }

    .product_single .product_single_right .product_single_right__item.product_price {
        padding: 0
    }

    .product_single .product_single_right .product_single_right__item .product_capacity {
        flex-wrap: nowrap
    }

    .product_single .product_single_right .product_single_right__item .box-count-and-addtocart .box-count-and-addtocart__count {
        flex-direction: column
    }

    .product_media {
        flex-direction: column-reverse
    }

    .product_media .product_gallery {
        flex-direction: revert;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .products_line {
        gap: 5px;
        grid-template-columns:1fr 1fr
    }

    .product_image img {
        height: auto;
        max-height: 100%;
        width: 100%
    }

    .rich_content_2, .rich_content_3 {
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 15px !important
    }

    .rich_content_30_70 {
        gap: 15px;
        grid-template-columns:100%;
        margin-top: 15px !important
    }

    .rich_content_2 .rich_content_item {
        min-height: 350px
    }

    .category_products__left_sitebar .sitebar {
        display: none
    }

    .triggers {
        font-size: .9rem;
        gap: 15px;
        line-height: 1.2rem
    }

    .woocommerce-products-header h1 {
        margin-top: 2rem;
        width: 95%;
    }

    #sidebar {
        display: none;
        margin-top: 2rem;
    }

    #button_open_filter.open + #sidebar {
        display: flex;
        flex-direction: column;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: .8em;
    }

    .woocommerce ul.products li.product .button {
        font-size: .7rem;
    }

    body.auth header {
        top: 45px;
    }

    .auth .fancybox__toolbar {
        top: 46px;
    }

    footer {
        margin-bottom: 115px;
    }

    footer .container {
        display: flex;
        flex-direction: column
    }

    footer .col-footer {
        width: 100%
    }

    footer .col-footer .h2, footer .col-footer h2 {
        margin-bottom: 2rem;
        margin-top: 3rem
    }

    footer .col-footer .h4, footer .col-footer h4 {
        font-size: 1.2rem;
        margin-bottom: 2rem
    }
}

@media (max-width: 414px) {
    body {
        font-size: 13px;
        line-height: 1.1rem
    }

    .product_price {
        font-size: 1rem;
        padding: 1rem 0
    }

    .product_card .card .card-header img {
        height: 90px;
        width: auto
    }

    .product_card .card .card-body {
        line-height: 1rem;
        min-height: 60px;
        position: relative
    }

    .product_card .card .card-body .card-title {
        padding-top: 10px
    }

    .product_card .card .card-body .product_namebrend {
        align-items: center;
        display: flex;
        font-size: .7rem;
        height: 33px;
        letter-spacing: 0;
        line-height: 11px;
        padding: 2px 8px;
        top: -17px
    }
}

@media (max-width: 375px) {
    body {
        font-size: 13px;
        line-height: 1.1rem
    }

    .catalog .catalog_item > a span.title_category {
        font-size: 1.1rem;
        font-weight: 500
    }
}