/* For Mobile
   ------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .home-slide-block {
        position: relative;
    }

    .slide-text-block {
        /*position: absolute;
        max-width: 270px;
        height: 100%;
        padding: 45px 5px 0 10px;
        background: rgba(239, 239, 239, 0.5);*/
        display: none;
    }

    .slide-img-block {
        width: 100%;
    }

    .slide-img-block img {
        width: 100%;
    }

    .product-card_characteristics-block {
        margin: 0 0 15px;
    }

    .img-block {
        margin: 0;
    }
    .home-slider .slick-dots {
        left: 2px;
    }
}

@media screen and (max-width: 800px) {
    .fast-view-img-wrap {
        max-width: 290px;
    }
    .fast-view-first-img-wrap {
        height: auto;
    }
    .fast-view-info-wrap {
        max-width: calc(100% - 290px);
    }
    .dialog-window .cart {
        max-width: 720px;
    }

    .h-authorization-wrap {
        padding: 0 10px 0 0;
        margin-top: -11px;
    }
    .fa.fa-microphone.vs-button{
        right: 30px !important;
    }
    .h-content-wrap {
        position: relative;
    }

    .h-content-block {
        display: block;
        margin: 0 auto;
    }

    .h-counters-wrap {
        width: auto;
    }

    .h-counters-wrap > * {
        display: block;
        width: 100%;
        margin: 0 auto 5px;
        text-align: center;
    }

    .top-brands-wrap {
        text-align: center;
    }

    .brand-block {
        display: inline-block;
        float: none;
    }

    .brand-block + .brand-block {
        margin-left: 0;
    }

    .brand-block img {
        width: 155px;
    }

    .first-block,
    .product-block,
    .wish-product-block,
    .catalog-product-wrap,
    .end-text-block {
        padding: 0 10px;
    }

    .footer .site-size {
        padding: 0 10px;
    }

    .f-top-wrap,
    .f-middle-wrap,
    .f-bottom-wrap {
        padding: 0 0 0 25px;
    }

    .f-top-wrap {
        padding-top: 20px;
        margin: 0 0 15px;
    }

    .f-top-block {
        width: auto;
        margin: 0 30px 15px 0;
    }

    .f-top-block:nth-child(3) {
        margin: 0 0 20px;
    }

    .f-bottom-wrap {
        width: 100%;
        padding: 0;
    }

    .copyright {
        width: 45%;
        margin: 0 auto;
        font: 14px/16px 'ubuntumedium', sans-serif;
        text-align: center;
    }

    .copyright::before {
        vertical-align: middle;
    }

    .filter-wrap {
        padding-left: 10px;
    }

    .title-site {
        margin: 0 10px 15px 0;
        vertical-align: text-top;
    }

    .product-item-counter {
        display: none;
    }

    .clear-filter {
        display: none;
    }

    .product-item-wrap {
        width: 50%;
        max-width: 50%;
        height: 380px;
        margin: 0 0 20px 0;
    }

    .special-label-wrap {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .special-label {
        font-size: 16px;
    }

    .label-new {

    }








    .entry-counter {
        width: calc(100% - 200px);
    }

    .pagination-block {
        /*max-width: 170px;*/
        padding: 5px 0 0;
        text-align: center;
    }

    /*.viewed-product-wrap {*/
    /*display: none;*/
    /*}*/
    .product-img-block {
        max-width: 385px;
        margin: 0 15px 0 0;
    }

    .product-card_gallery-img {
        max-width: 90px;
    }

    .product-info-block {
        max-width: calc(100% - 400px);
    }

    .social-share-wrap {
        margin: 0;
    }

    .product-card_buy-butt-wrap {
        margin: 0;
    }

    .product-card_characteristics-block {
        margin: 0 0 25px;
    }

    .product-card_advantages-wrap {
        max-width: 205px;
        padding: 0;
    }

    .content-tab {
        padding: 0 25px;
    }

    .tab-description-img {
        width: 370px;
    }

    .tab-description-info {
        max-width: calc(100% - 375px);
        padding: 0 0 0 10px;
    }

    .wish-product-block .product-item-wrap {
        width: 33.33%;
        height: 375px;
        margin: 0 0 20px 0;
    }

    .wish-product-block + .viewed-product-wrap {
        display: block;
    }

    .slider-arrows-wrap {
        padding: 5px 0 0;
        vertical-align: text-top;
    }

    .prod-price-block {
        display: inline-block;
        float: none;
    }

    .old-price,
    .price {
        display: block;
    }

    .price {
        font-size: 16px;
    }

    .blog-news-wrap {
        padding: 0 25px;
    }

    .block-entry-blog {
        width: 50%;
    }

    .blog-news-wrap + .pagination-wrap {
        margin: 0 10px;
    }

    .shares-baner-wrap {
        padding: 0 10px;
        margin: 0 0 20px;
    }

    .shares-baner-block {
        width: 430px;
    }

    .shares-baner-info-wrap {
        width: calc(100% - 430px);
    }

    .shares-baner-title {
        margin: 0 0 15px;
    }

    .shares-baner-info-text {
        margin: 0 0 5px;
    }

    .shares-time-left-wrap {
        width: 70%;
        padding: 15px 0;
        margin: 0 auto;
    }

    .cart-wrap {
        padding: 25px 10px;
    }

    .cart-ordering {
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .viewed-product-wrap .product-item-block{
        min-width: auto;
    }
    .prod-img-wrap {
        min-height: 145px;
    }
    .product-card_first-img-wrap img{
        max-height: 300px;
        max-width: 100%;
    }
    .product-card_first-img-wrap{
        padding-right: 0;
    }
    .category-brands-wrap .category-wrap-block{
        max-height: 265px;
        overflow: hidden;
    }
    .category-brands-wrap {
        max-height: 10000px;
    }
    .category-brands-wrap.active .category-wrap-block{
        max-height: 10000px;
        overflow: hidden;
    }
    .prod-name {
        font: 11px 'ubuntumedium', sans-serif;
    }
    .show_more_category{
        margin-top: 10px;
    }
    .dialog-window .cart{
        width: 95%;
    }
    .dialog-window .fast-view-img-wrap{
        width: 100%;
        min-width: auto;
    }
    .dialog-window .fast-view-info-wrap{
        width: 100%;
        min-width: 100%;
        max-width: auto;
        padding: 0;
    }

    .header {
        padding: 0;
    }

    .h-top-wrap {
        background: #efefef;
    }

    .h-top-menu {
        display: none;
    }

    .mobile-full-site {
        display: inline-block;
        padding: 0 0 0 10px;
        color: #4b4b4b;
        font: 12px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .h-content-block {
        float: none;
    }

    .h-content-block + .h-content-block {
        margin-left: auto;
    }

    .h-logo-wrap {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }
    .safari {
        width: 100%;
        float: none;
        height: auto;
    }

    .h-search-wrap {
        display: none;
        max-width: 80%;
        padding: 0;
        margin: 10px auto;
    }
    .ssearch-wrapper{
        max-width: 80%;
        padding: 0;
        margin: 10px auto;
        display: none;
    }
    .h-content-wrap .ssearch-wrapper .select-box-label span{
        display: block;
        margin-top: -5px;
    }

    .h-info-wrap {
        display: none;
        width: 220px;
        margin: 0 auto;
        position: fixed;
        background: #FFF;
        left: calc(50% - 110px);
        z-index: 11;
        border-radius: 5px;
        padding-top: 20px;
    }

    .mobile-contact {
        position: relative;
        display: block;
        width: 220px;
        padding: 0 0 0 25px;
        margin: 0 auto 10px;
        color: #4b4b4b;
        font: 13px 'ubuntumedium', sans-serif;
    }

    .contact-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 20px;
        height: 25px;
        background: url(/wa-data/public/site/themes/servicio/img/phone-ico.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
    }

    .h-counters-wrap {
        display: none;
    }

    .h-menu-wrap {
        position: relative;
        padding: 0 10px;
        line-height: 25px;
        background: #efefef;
    }
    .header.fix .h-menu-wrap{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .header.fix .h-logo-wrap{
        margin-bottom: 38px;
    }

    .burger-button {
        position: relative;
        display: inline-block;
        padding: 7px 0 8px 35px;
        color: #4b4b4b;
        font: 18px 'ubuntumedium', sans-serif;
    }

    .burger-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(/wa-data/public/site/themes/servicio/img/burger-button.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
        transition: .15s linear 0s;
    }

    .burger-open {
        transform: translateY(-50%) rotate(100grad);
    }

    .h-menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        width: 100%;
        z-index: 10000;
        background: #ddd;
        height: 500px;
        overflow: auto;
        border-bottom: 5px solid #efefef;
    }

    .h-menu-item {
        position: relative;
        display: block;
        float: none;
        text-align: start;
    }

    .sub-menu-switch::after {
        content: '\f054';
        position: absolute;
        /*top: 9px;*/
        right: 15px;
        color: #e0584b;
        font: 18px 'fontawesome', sans-serif;
        transition: all .15s linear 0s;
    }

    .sub-menu-switch.sub-menu-opened::after {
        transform: rotate(100grad);
    }

    .h-menu-item + .h-menu-item {
        margin: auto;
    }

    .h-menu-item-ico {
        display: none;
    }

    .h-submenu-wrap {
        position: relative;
        top: auto;
        max-width: 100%;
        width: 100%;
    }

    .h-submenu {
        position: relative;
        top: auto;
        max-width: 100%;
        width: 100%;
    }

    .h-menu-wrap_buttons-wrap {
        display: inline-block;
        max-width: 160px;
        width: 100%;
        float: right;
    }

    .h-menu-wrap_buttons-wrap > * {
        margin: 0 0 0 5px !important;
    }

    .contact-mobile-button {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #efefef url(/wa-data/public/site/themes/servicio/img/phone.svg) no-repeat center center;
        background-size: contain;
    }

    .search-mobile-button {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #efefef url(/wa-data/public/site/themes/servicio/img/magnifier-4.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-favorite-quantity {
        max-width: 26px;
        height: 25px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/favorite-2.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-cart-quantity {
        max-width: 29px;
        height: 30px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/basket.svg) no-repeat center center;
        background-size: contain;
    }

    .header::after {
        display: none;
    }

    .content {
        padding: 0 0 20px;
    }

    .home-slider .slick-dots {
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-categories-wrap {
        margin: 0 0 10px;
    }

    .home-cat-block {
        display: inline-block;
        width: 33.33%;
        margin: 0 0 10px;
    }

    .slick-slider.product-block {
        margin: 0;
    }

    .slick-slider .product-item-block,
    .slick-slider .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .slick-slider .price {
        font-size: 14px;
    }

    .footer {
        padding: 0 0 10px;
    }

    .footer::before {
        display: none;
    }

    .footer .site-size {
        padding: 0;
    }

    .form-wrap {
        max-width: 100%;
        overflow: hidden;
    }

    .f-form-subscribe {
        padding: 20px 55px;
    }

    .form-title {
        margin: 0 0 5px;
        font-size: 16px;
    }

    .f-top-wrap {
        display: block;
        width: 100%;
        padding: 20px 35px 0;
    }

    .f-top-block {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .f-soc-block {
        display: inline-block;
        float: none;
    }

    .f-middle-wrap {
        display: block;
        width: 100%;
        padding: 0 35px;
        margin: 0;
    }

    .f-text-block {
        text-align: center;
    }

    .f-text {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
        font: 15px 'ubuntubold', sans-serif;
    }

    .copyright {
        position: relative;
        display: block;
        padding: 0 30px;
    }

    .copyright::before {
        position: absolute;
        top: 50%;
        left: 5px;
        margin: 0;
        transform: translateY(-50%);
    }

    .breadcrumb-wrap {
        margin: 0 0 15px;
    }

    .left-sidebar-wrap {
        position: absolute;
        top: 0;
        display: none;
        max-width: 80%;
        margin: 0;
        background: #fff;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
        z-index: 40;
    }

    .close-filter i.fa {
        color: #d54e4e;
        /*font-size: 20px;*/
        font-size: 35px;
    }

    .filter-wrap {
        padding: 10px 0;
        margin: 0 auto;
    }

    .right-content-wrap {
        display: block;
        width: 100%;
    }

    .category-wrap-block {
        display: block;
    }

    .category-item {
        display: inline-block;
        width: 33.333%;
        margin: 0 0 10px;
        float: left;
        text-align: center;
    }

    .category-link {
        color: #ffa200;
        font: 14px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .top-sorting-wrap {
        max-width: 100%;
        margin: 0 0 15px;
    }

    .sorting-block {
        display: inline-block;
        width: 49%;
    }

    .sorting-select {
        max-width: none;
    }


    .filter-open-but {
        display: inline-block;
        width: 49%;
        height: 25px;
        border-radius: 4px;
        float: right;
        text-align: center;
        background: #efefef;
    }

    .filter-open-but::after {
        content: '\25BC';
        display: inline;
        margin: 0 0 0 5px;
        vertical-align: top;
        font-size: 9px;
    }

    .catalog-product-wrap {
        padding: 0 5px;
        margin: 0;
    }

    .slick-slider .product-item-wrap {
        height: 340px;
        margin: 10px !important;
    }


    .product-item-block,
    .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .cat-prod-left-block {
        display: none;
    }

    .fast-view-wrap {
        display: none;
    }

    .prod-not-available {
        padding: 5px 3px;
        font: 10px/12px 'ubuntumedium', sans-serif;
    }


    .pagination-wrap.product-pagination {
        height: 70px;
        max-height: 70px;
        margin: 0 5px 25px;
    }

    .pagination-wrap {
        height: auto;
        max-height: none;
        line-height: 22px;
    }

    .entry-counter {
        display: block;
        width: 100%;
        float: left;
    }

    .pagination-block {
        display: block;
        width: 100%;
        max-height: none;
        float: none;
        margin: 0 auto;
    }

    .product-text-bottom {
        padding: 0 5px;
        margin: 0;
    }

    .product-card-wrap {
        margin: 0 0 15px;
    }

    .product-img-block {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0 0 15px 0;
    }

    .product-card_first-img-wrap {
        max-width: none;
        max-height: none;
    }

    .product-card_first-img-wrap > * {
        margin: 0 auto;
    }

    .product-card_gallery-img {
        max-width: 75px;
    }

    .product-info-block {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
        margin: 0 0 20px;
        float: none;
    }

    .product-card_title {
        max-width: none;
        margin: 0 auto 5px;
        font-size: 18px;
        text-align: center;
    }

    .product-card_subtitle-info {
        text-align: center;
    }

    .social-share-wrap {
        display: none;
    }

    .product-card_price-wrap {
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }

    .product-card_buy-butt-wrap {
        display: block;
        width: 100%;
        text-align: center;
    }

    .product-card_advantages-wrap {
        display: none;
    }

    .tab a {
        padding: 0 10px;
    }

    .tab-review-counter {
        top: -5px;
    }

    .tab-description-img {
        width: 100%;
    }

    .tab-description-info {
        max-width: 100%;
        padding: 0;
    }

    .bargain-block_total-price-wrap {
        width: 100%;
        text-align: center;
    }

    .viewed-product-wrap {
        display: block;
    }

    .shares-baner-img-wrap {
        display: none;
    }

    .shares-baner-info-wrap {
        width: 100%;
        padding: 0;
    }

    .shares-baner-title {
        font: 25px/25px 'ubuntumedium', sans-serif;
    }

    .shares-baner-info-text {
        margin: 0 0 10px;
    }

    .shares-time-left-wrap {
        width: 85%;
    }

    .footer .f-middle-wrap {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    .cart-wrap {
        padding: 25px 10px;
    }

    .cart-ordering {
        max-width: none;
    }

    .cart-products-wrap {
        display: block;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 640px) {
    .header {
        padding: 0;
    }


    .h-top-wrap {
        background: #efefef;
    }

    .h-top-menu {
        display: none;
    }

    .mobile-full-site {
        display: inline-block;
        padding: 0 0 0 10px;
        color: #4b4b4b;
        font: 12px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .h-content-block {
        float: none;
    }

    .h-content-block + .h-content-block {
        margin-left: auto;
    }

    .h-logo-wrap {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }

    .h-search-wrap {
        display: none;
        max-width: 450px;
        padding: 0;
        margin: 10px auto;
    }

    .h-info-wrap {
        display: none;
        width: 220px;
        margin: 0 auto;
        position: fixed;
        background: #FFF;
        left: calc(50% - 110px);
        z-index: 11;
        border-radius: 5px;
        padding-top: 20px;
    }
    .h-info-wrap i.fa-times {
        display: block;
        content: "\f00d";
        position: absolute;
        right: 5px;
        top:5px;
        color: #d54e4e;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
    }
    .clearfix::before, .clearfix::after{
        display: none;
    }
    .mobile-contact {
        position: relative;
        display: block;
        width: 220px;
        padding: 0 0 0 25px;
        margin: 0 auto 10px;
        color: #4b4b4b;
        font: 13px 'ubuntumedium', sans-serif;
    }

    .contact-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 20px;
        height: 25px;
        background: url(/wa-data/public/site/themes/servicio/img/phone-ico.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
    }

    .h-counters-wrap {
        display: none;
    }

    .h-menu-wrap {
        position: relative;
        padding: 0 10px;
        line-height: 25px;
        background: #efefef;
    }

    .burger-button {
        position: relative;
        display: inline-block;
        padding: 7px 0 8px 35px;
        color: #4b4b4b;
        font: 18px 'ubuntumedium', sans-serif;
    }

    .burger-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(/wa-data/public/site/themes/servicio/img/burger-button.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
        transition: .15s linear 0s;
    }

    .burger-open {
        transform: translateY(-50%) rotate(100grad);
    }

    .h-menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        width: 100%;
        z-index: 10000;
        background: #ddd;
        height: 500px;
        overflow: auto;
        border-bottom: 5px solid #efefef;
    }

    .h-menu-item {
        position: relative;
        display: block;
        float: none;
        text-align: start;
    }

    .sub-menu-switch::after {
        content: '\f054';
        position: absolute;
        /*bottom: 9px;*/
        right: 15px;
        color: #e0584b;
        font: 18px 'fontawesome', sans-serif;
        transition: all .15s linear 0s;
    }

    .sub-menu-switch.sub-menu-opened::after {
        transform: rotate(100grad);
    }

    .h-menu-item + .h-menu-item {
        margin: auto;
    }

    .h-menu-item-ico {
        display: none;
    }

    .h-submenu-wrap {
        position: relative;
        top: auto;
        max-width: 100%;
        width: 100%;
    }

    .h-submenu {
        display: inline-block;
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }

    .h-menu-wrap_buttons-wrap {
        display: inline-block;
        width: 100%;
        float: right;
    }

    .contact-mobile-button {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #efefef url(/wa-data/public/site/themes/servicio/img/phone.svg) no-repeat center center;
        background-size: contain;
    }

    .search-mobile-button {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #efefef url(/wa-data/public/site/themes/servicio/img/magnifier-4.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-favorite-quantity {
        max-width: 26px;
        height: 25px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/favorite-2.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-cart-quantity {
        max-width: 29px;
        height: 30px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/basket.svg) no-repeat center center;
        background-size: contain;
    }

    .header::after {
        display: none;
    }

    .content {
        padding: 0 0 20px;
    }

    .slide-text-block {
        max-width: 50%;
        width: 100%;
    }

    .slide-img-block img {
        width: auto;
        height: auto;
    }

    .home-slider .slick-dots {
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-categories-wrap {
        margin: 0 0 10px;
    }

    .home-cat-block {
        display: inline-block;
        width: 33.33%;
        margin: 0 0 10px;
    }

    .slick-slider.product-block {
        margin: 0;
    }

    .slick-slider .product-item-block,
    .slick-slider .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .slick-slider .price {
        font-size: 14px;
    }

    .footer {
        padding: 0 0 10px;
    }

    .footer::before {
        display: none;
    }

    .footer .site-size {
        padding: 0;
    }

    .form-wrap {
        max-width: 100%;
        overflow: hidden;
    }

    .f-form-subscribe {
        padding: 20px 55px;
    }

    .form-title {
        margin: 0 0 5px;
        font-size: 16px;
    }

    .f-top-wrap {
        display: block;
        width: 100%;
        padding: 20px 35px 0;
    }

    .f-top-block {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .f-soc-block {
        display: inline-block;
        float: none;
    }

    .f-middle-wrap {
        display: block;
        width: 100%;
        padding: 0 35px;
        margin: 0;
    }

    .f-text-block {
        text-align: center;
    }

    .f-text {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
        font: 15px 'ubuntubold', sans-serif;
    }

    .copyright {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 30px;
    }

    .copyright::before {
        position: absolute;
        top: 50%;
        left: 5px;
        margin: 0;
        transform: translateY(-50%);
    }

    .block-entry-blog {
        width: 100%;
    }

    .breadcrumb-wrap {
        margin: 0 0 15px;
    }

    .left-sidebar-wrap {
        position: absolute;
        top: 0;
        display: none;
        max-width: 80%;
        margin: 0;
        background: #fff;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
        z-index: 40;
    }

    .close-filter i.fa {
        color: #d54e4e;
        /*font-size: 20px;*/
        font-size: 35px;
    }

    .filter-wrap {
        padding: 10px 0;
        margin: 0 auto;
    }

    .right-content-wrap {
        display: block;
        width: 100%;
    }

    .category-wrap-block {
        display: block;
    }

    .category-item {
        display: inline-block;
        width: 33.333%;
        margin: 0 0 10px;
        float: left;
        text-align: center;
    }

    .category-link {
        color: #ffa200;
        font: 14px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .top-sorting-wrap {
        max-width: 100%;
        margin: 0 0 15px;
    }

    .sorting-block {
        display: inline-block;
        width: 49%;
    }

    .sorting-select {
        max-width: none;
    }


    .filter-open-but {
        display: inline-block;
        width: 49%;
        height: 25px;
        border-radius: 4px;
        float: right;
        text-align: center;
        background: #efefef;
    }

    .filter-open-but::after {
        content: '\25BC';
        display: inline;
        margin: 0 0 0 5px;
        vertical-align: top;
        font-size: 9px;
    }

    .catalog-product-wrap {
        padding: 0 5px;
        margin: 0;
    }

    .product-item-wrap {
        height: 315px;
    }

    .product-item-block,
    .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .cat-prod-left-block {
        display: none;
    }

    .fast-view-wrap {
        display: none;
    }

    .prod-not-available {
        padding: 5px 3px;
        font: 10px/12px 'ubuntumedium', sans-serif;
    }


    .pagination-wrap.product-pagination {
        height: 70px;
        max-height: 70px;
        margin: 20px 5px 25px;
    }

    .pagination-wrap {
        height: auto;
        max-height: none;
        line-height: 22px;
    }

    .entry-counter {
        display: block;
        width: 100%;
        float: left;
    }

    .pagination-block {
        display: block;
        width: 100%;
        max-height: none;
        float: none;
        margin: 0 auto;
    }

    .product-text-bottom {
        padding: 0 5px;
        margin: 0;
    }

    .product-card-wrap {
        margin: 0 0 15px;
    }

    .product-img-block {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0 0 15px 0;
    }

    .product-card_first-img-wrap {
        max-width: none;
        max-height: none;
    }

    .product-card_first-img-wrap > * {
        margin: 0 auto;
    }

    .product-card_gallery-img {
        max-width: 75px;
    }

    .product-info-block {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
        margin: 0 0 20px;
        float: none;
    }

    .product-card_title {
        max-width: none;
        margin: 0 auto 5px;
        font-size: 18px;
        text-align: center;
    }

    .product-card_subtitle-info {
        text-align: center;
    }

    .social-share-wrap {
        display: none;
    }

    .product-card_price-wrap {
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }

    .product-card_buy-butt-wrap {
        display: block;
        width: 100%;
        text-align: center;
    }

    .product-card_advantages-wrap {
        display: none;
    }

    .tab a {
        padding: 0 10px;
    }

    .tab-review-counter {
        top: -5px;
    }

    .tab-description-img {
        width: 100%;
    }

    .tab-description-info {
        max-width: 100%;
        padding: 0;
    }

    .bargain-block_total-price-wrap {
        width: 100%;
        text-align: center;
    }

    .viewed-product-wrap {
        display: block;
    }

    .shares-baner-img-wrap {
        display: none;
    }

    .shares-baner-info-wrap {
        width: 100%;
        padding: 0;
    }

    .shares-baner-title {
        font: 25px/25px 'ubuntumedium', sans-serif;
    }

    .shares-baner-info-text {
        margin: 0 0 10px;
    }

    .shares-time-left-wrap {
        width: 85%;
    }
}

@media screen and (max-width: 568px) {
    .wish-product-block .product-item-wrap {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .slide-text-block {
        display: none;
    }

    .category-item {
        width: 50%;
    }
    div#product-gallery{
        max-width: 320px!important;
    }
}

@media screen and (max-width: 320px) {
    .header {
        padding: 0;
    }

    .h-top-wrap {
        background: #efefef;
    }

    .h-top-menu {
        display: none;
    }

    .mobile-full-site {
        display: inline-block;
        padding: 0 0 0 10px;
        color: #4b4b4b;
        font: 12px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .h-content-block {
        float: none;
    }

    .h-content-block + .h-content-block {
        margin-left: auto;
    }

    .h-logo-wrap {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }

    .h-search-wrap {
        display: none;
        max-width: 300px;
        padding: 0;
        margin: 10px auto;
    }

    .h-info-wrap {
        width: 220px;
        margin: 0 auto;
    }

    .mobile-contact {
        position: relative;
        display: block;
        width: 220px;
        padding: 0 0 0 25px;
        margin: 0 auto 10px;
        color: #4b4b4b;
        font: 13px 'ubuntumedium', sans-serif;
    }

    .contact-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 20px;
        height: 25px;
        background: url(/wa-data/public/site/themes/servicio/img/phone-ico.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
    }

    .h-counters-wrap {
        display: none;
    }

    .h-menu-wrap {
        position: relative;
        padding: 0 10px;
        line-height: 25px;
        background: #efefef;
    }

    .burger-button {
        position: relative;
        display: inline-block;
        padding: 7px 0 8px 35px;
        color: #4b4b4b;
        font: 18px 'ubuntumedium', sans-serif;
    }

    .burger-ico {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(/wa-data/public/site/themes/servicio/img/burger-button.png) no-repeat center center;
        background-size: cover;
        transform: translateY(-50%);
        transition: .15s linear 0s;
    }

    .burger-open {
        transform: translateY(-50%) rotate(100grad);
    }

    .h-menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        width: 100%;
        z-index: 11;
        background: #ddd;
    }

    .h-menu-item {
        position: relative;
        display: block;
        float: none;
        text-align: start;
    }

    .h-menu-item + .h-menu-item {
        margin: auto;
    }

    .h-menu-item-ico {
        display: none;
    }

    .h-submenu-wrap {
        position: relative;
        top: auto;
        max-width: 100%;
        width: 100%;
    }

    .h-submenu {
        display: inline-block;
        width: 100%;
        margin: 0 0 10px;
    }

    .h-menu-wrap_buttons-wrap {
        display: inline-block;
        width: 100%;
        float: right;
    }

    .search-mobile-button {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #efefef url(/wa-data/public/site/themes/servicio/img/magnifier-4.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-favorite-quantity {
        max-width: 26px;
        height: 25px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/favorite-2.svg) no-repeat center center;
        background-size: contain;
    }

    .h-menu-wrap_buttons-wrap .h-cart-quantity {
        max-width: 29px;
        height: 30px;
        margin: 0 0 0 5px;
        background: url(/wa-data/public/site/themes/servicio/img/basket.svg) no-repeat center center;
        background-size: contain;
    }

    .header::after {
        display: none;
    }

    .content {
        padding: 0 0 20px;
    }

    .slide-text-block {
        display: none;
    }

    .slide-img-block img {
        width: auto;
        height: auto;
    }

    .home-slider .slick-dots {
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .title-site {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        font-size: 18px;
        text-align: center;
    }

    .home-categories-wrap {
        margin: 0 0 10px;
    }

    .home-cat-block {
        display: inline-block;
        width: 33.33%;
        margin: 0 0 10px;
    }

    .popular-product-wrap,
    .new-product-wrap {
        margin: 0 0 30px;
    }

    .slick-slider.product-block {
        margin: 0;
    }

    .title-site {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }

    .slider-arrows-wrap {
        display: none;
    }

    .slick-slider .product-item-wrap {
        height: 365px;
    }

    .slick-slider .product-item-block,
    .slick-slider .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .slick-slider .price {
        font-size: 14px;
    }

    .footer {
        padding: 0 0 10px;
    }

    .footer::before {
        display: none;
    }

    .footer .site-size {
        padding: 0;
    }

    .form-wrap {
        max-width: 100%;
        overflow: hidden;
    }

    .f-form-subscribe {
        padding: 20px 55px;
    }

    .form-title {
        margin: 0 0 5px;
        font-size: 16px;
    }

    .f-top-wrap {
        display: block;
        width: 100%;
        padding: 20px 35px 0;
    }

    .f-top-block:nth-child(3) {
        margin: 20px 0;
    }

    .f-middle-wrap {
        display: block;
        width: 100%;
        padding: 0 35px;
        margin: 0;
    }

    .f-text-block {
        text-align: center;
    }

    .f-text {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
        font: 15px 'ubuntubold', sans-serif;
    }

    .copyright {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 30px;
    }

    .copyright::before {
        position: absolute;
        top: 50%;
        left: 5px;
        margin: 0;
        transform: translateY(-50%);
    }

    .breadcrumb-wrap {
        margin: 0 0 15px;
    }

    .left-sidebar-wrap {
        position: absolute;
        top: 0;
        display: none;
        max-width: 100%;
        margin: 0;
        background: #fff;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
        z-index: 40;
    }

    .close-filter i.fa {
        color: #d54e4e;
        /*font-size: 20px;*/
        font-size: 35px;
    }

    .filter-wrap {
        padding: 10px 0;
        margin: 0 auto;
    }

    .right-content-wrap {
        display: block;
        width: 100%;
    }

    .category-wrap-block {
        display: block;
    }

    .category-item {
        display: inline-block;
        width: 49%;
        margin: 0 0 10px;
    }

    .category-link {
        color: #ffa200;
        font: 14px 'ubuntumedium', sans-serif;
        text-decoration: none;
    }

    .top-sorting-wrap {
        max-width: 100%;
        margin: 0 0 15px;
    }

    .sorting-block {
        display: inline-block;
        width: 49%;
    }


    .filter-open-but {
        display: inline-block;
        width: 49%;
        height: 25px;
        border-radius: 4px;
        float: right;
        text-align: center;
        background: #efefef;
    }

    .filter-open-but::after {
        content: '\25BC';
        display: inline;
        margin: 0 0 0 5px;
        vertical-align: top;
        font-size: 9px;
    }

    .catalog-product-wrap {
        padding: 0 5px;
        margin: 0;
    }

    .product-item-wrap {
        height: 315px;
    }

    .product-item-block,
    .product-item-wrap:hover .product-item-block {
        padding: 8px;
    }

    .cat-prod-left-block {
        display: none;
    }

    .fast-view-wrap {
        display: none;
    }

    .prod-not-available {
        padding: 5px 3px;
        font: 10px/12px 'ubuntumedium', sans-serif;
    }

    .wish-product-block .product-item-wrap {
        width: 100%;
        max-width: none;
    }


    .pagination-wrap.product-pagination {
        height: 80px;
        max-height: 80px;
        margin: 0 5px 25px;
    }

    .entry-counter {
        display: block;
        width: 100%;
        float: left;
    }

    .pagination-block {
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .product-text-bottom {
        padding: 0 5px;
        margin: 0;
    }

    .product-card-wrap {
        margin: 0 0 15px;
    }

    .product-img-block {
        display: block;
        width: 100%;
    }

    .product-card_gallery-img {
        max-width: 75px;
    }

    .product-info-block {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
        margin: 0 0 20px;
        float: none;
    }

    .product-card_title {
        font-size: 18px;
        text-align: center;
    }

    .social-share-wrap {
        display: none;
    }

    .product-card_price-wrap {
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }

    .product-card_buy-butt-wrap {
        display: block;
        width: 100%;
        text-align: center;
    }

    .product-card_color-option-wrap {
        display: none;
    }

    .product-card_advantages-wrap {
        display: none;
    }

    .tab a {
        padding: 0 10px;
    }

    .tab-review-counter {
        top: -5px;
    }

    .tab-description-img {
        width: 100%;
    }

    .tab-description-info {
        max-width: 100%;
        padding: 0;
    }

    .bargain-block_total-price-wrap {
        width: 100%;
        text-align: center;
    }

    .viewed-product-wrap {
        display: block;
    }

    .shares-baner-img-wrap {
        display: none;
    }

    .shares-baner-info-wrap {
        width: 100%;
        padding: 0;
    }

    .shares-baner-title {
        font: 25px/25px 'ubuntumedium', sans-serif;
    }

    .shares-baner-info-text {
        margin: 0 0 10px;
    }

    .shares-time-left-wrap {
        width: 85%;
    }

    .cart-block {
        margin: 0 0 25px;
    }

    .discount-coupon-wrap {
        width: 100%;
        text-align: center;
    }

    .discount-coupon-block {
        max-width: 202px;
        margin: 0 0 10px;
    }
}

.mobile-catalog-overlay,
.mobile-catalog-drawer {
    display: none;
}

@media screen and (max-width: 768px) {
    body.mobile-catalog-open {
        overflow: hidden;
    }

    .h-menu-wrap.mobile-drawer-ready .h-menu {
        display: none !important;
    }

    .mobile-catalog-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10040;
        visibility: hidden;
        opacity: 0;
        background: rgba(0, 0, 0, .48);
        transition: opacity .18s linear, visibility .18s linear;
        pointer-events: none;
    }

    .mobile-catalog-overlay.open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .mobile-catalog-drawer {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 10050;
        display: flex;
        flex-direction: column;
        width: 88vw;
        max-width: 430px;
        min-width: 300px;
        background: #fff;
        box-shadow: 8px 0 26px rgba(0, 0, 0, .22);
        transform: translateX(-105%);
        transition: transform .22s ease;
    }

    .mobile-catalog-drawer.open {
        transform: translateX(0);
    }

    .mobile-catalog-head {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 54px;
        border-bottom: 1px solid #e0e0e0;
        background: #fff;
    }

    .mobile-catalog-title {
        flex: 1 1 auto;
        padding: 0 8px;
        color: #202020;
        font: 18px/22px 'ubuntumedium', sans-serif;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-catalog-back,
    .mobile-catalog-close {
        position: relative;
        flex: 0 0 50px;
        width: 50px;
        height: 54px;
        padding: 0;
        border: 0;
        color: #222;
        background: transparent;
        cursor: pointer;
    }

    .mobile-catalog-back {
        visibility: hidden;
    }

    .mobile-catalog-drawer.child-open .mobile-catalog-back {
        visibility: visible;
    }

    .mobile-catalog-back:before,
    .mobile-catalog-close:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font: 30px/1 Arial, sans-serif;
    }

    .mobile-catalog-back:before {
        content: "\2039";
        font-size: 38px;
    }

    .mobile-catalog-close:before {
        content: "\00d7";
    }

    .mobile-catalog-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        background: #fff;
    }

    .mobile-catalog-view {
        display: none;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-catalog-drawer:not(.child-open) .mobile-catalog-root,
    .mobile-catalog-drawer.child-open .mobile-catalog-child {
        display: block;
    }

    .mobile-catalog-list {
        margin: 0;
        padding: 8px 0 18px;
    }

    .mobile-catalog-row {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 56px;
        padding: 8px 48px 8px 14px;
        border: 0;
        border-bottom: 1px solid #ededed;
        color: #292929 !important;
        background: #fff;
        font: 17px/21px 'ubunturegular', sans-serif;
        text-align: left;
        text-decoration: none !important;
        cursor: pointer;
    }

    .mobile-catalog-row:visited {
        color: #292929 !important;
    }

    .mobile-catalog-row:hover,
    .mobile-catalog-row:active {
        color: #b85d19 !important;
        background: #fff7ec;
    }

    .mobile-catalog-row.has-children:after {
        content: "\203a";
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        color: #222;
        font: 34px/1 Arial, sans-serif;
    }

    .mobile-catalog-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin: 0 13px 0 0;
    }

    .mobile-catalog-icon img {
        display: block;
        max-width: 36px;
        max-height: 36px;
    }

    .mobile-catalog-name {
        display: block;
        min-width: 0;
    }
}

@media screen and (max-width: 768px) {
    .h-top-wrap {
        position: relative;
        min-height: 28px;
        padding: 0;
        box-sizing: border-box;
    }

    .h-top-wrap .site-size {
        position: relative;
        display: block;
        min-height: 28px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .h-top-menu {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .h-top-menu-link:not(.lang) {
        display: none;
    }

    .h-top-menu-link.lang {
        display: inline-block;
        margin: 0;
        padding: 3px 2px;
        font-size: 12px;
        line-height: 14px;
    }

    .h-top-menu-link.lang + .h-top-menu-link.lang {
        margin-left: 4px;
    }

    .header .h-authorization-wrap {
        float: none;
        position: absolute;
        top: 6px;
        right: 10px;
        margin: 0;
        padding: 0;
        text-align: right;
        z-index: 55;
    }

    .h-top-wrap .h-authorization-wrap {
        top: 50%;
        transform: translateY(-50%);
    }

    .header .authorization-block,
    .header .authorization-block > a {
        margin: 0;
        line-height: 16px;
        white-space: nowrap;
    }
}