@media (max-width: 1600px) {
    .category-search .search-results-items {
        width: 108.4%;
    }
}
@media (max-width: 1550px) {
    .category-search .search-results-items {
        width: 108.8%;
    }

    .block7-switcher > li:nth-of-type(2) {
        width: 15%;
    }

    .block7-switcher > li:nth-of-type(3) {
        width: 36%;
    }

    .block7-switcher > li:nth-of-type(4) {
        width: 26%;
    }

    .block6-left {
        width: 55%;
    }

    .nav-container .slick-slide:after {
        right: -1.5rem;
    }

    .services-slider .slick-track {
        margin-right: 40px;
    }

    .block25-card {
        margin: 0 1rem;
    }

    .block19 {
        padding-bottom: 2rem
    }

    .block19-form {
        margin-top: 13rem;
    }
}


@media (max-width: 1380px) {

    .category-search .search-results-items {
        width: 109.8%;
    }

    .block6-left .nav-container {
        width: 150px;
    }

    .services-slider {
        max-width: 500px;
    }

    .block11-card-title::after {
        bottom: -2.313rem;
    }
}
@media (max-width: 1280px) {
    
    .category-search .search-results-items {
        width: 111%;
    }
}

@media (max-width: 768px) {
    .shop_products_search_wrapper {
        display: flex;
        flex-direction: column;
    }
    .search-list-item {
        color: black !important;
    }

    .uk-offcanvas-bar .uk-text-muted {
        color: black !important;
        opacity: 0.5 !important;
    }

    .header {
        display: none;
    }

    .header-mobile {
        position: absolute;
        top: 2.813rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 100;
        width: 100%;
        padding: 0 2rem;
    }

    .mobile-menu-button {
        background-color: white;
        border-radius: 50%;
        width: 3.56rem;
        height: 3.56rem;
    }

    #offcanvas-usage {
        width: 100%;
    }

    #filter-offcanvas {
        width: 100%;
    }

    .uk-offcanvas-bar {
        width: 100%;
        background: rgb(255, 255, 255) !important;
        left: -100%;
    }

    .offcanvas-close {
        border-radius: 50%;
        width: 3.56rem;
        height: 3.56rem;

        background: rgb(246, 245, 238);
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset !important;
    }

    .mobile-menu-head {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 5.5rem;
    }

    .offcanvas-close > svg {
        width: 26px;
        height: 25px;
    }

    .offcanvas-close > svg line {
        stroke: black !important;
        stroke-width: 2;
    }

    .mobile-menu-list li:not(:first-child) {
        margin-top: 2.938rem;
    }

    .mobile-menu-list li a {
        color: rgba(0, 0, 0, 0.45);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.5rem;
        text-align: left;
        text-transform: uppercase;
        padding-left: 3rem;
    }

    .mobile-menu-list li a:hover {
        color: rgba(0, 0, 0, 0.45);
        text-decoration: none;
    }

    .mobile-menu-list li.uk-active > * {
        color: rgba(0, 0, 0, 1);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.5rem;
        text-align: left;
        text-transform: uppercase;
        padding-left: 3rem;
        position: relative;
    }

    .mobile-menu-list li.uk-active > *:before {
        position: absolute;
        content: "";
        height: 2rem;
        width: 3px;
        background-color: rgb(103, 177, 61);
        border-radius: 20%;
        left: 2rem;
        top: -2px;
    }

    .mobile-menu-list > li:last-child {
        margin-bottom: 3rem;
    }

    .mobile-search-bar {
        padding: 0 51px;
    }

    .mobile-search-bar > a {
        display: flex;
        width: 100%;
        justify-content: start;
        padding: 0;
    }

    .mobile-search-bar > a > span {
        display: flex;
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;
    }

    .mobile-search-bar > a > svg {
        margin-right: 3.813rem;
    }

    .mobile-functional {
        display: flex;
        border-top: 0.19rem solid rgb(103, 177, 61, 0.3);
        padding: 3.188rem 51px;
        align-items: center;
    }

    .mobile-functional span {
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;;
    }

    .mobile-functional svg {
        margin-right: 3.813rem;
    }

    .search-input .uk-search-input {
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;
    }

    .search-input .uk-search-input::placeholder {
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;
    }

    .translate-links-mobile {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .translate-links-mobile > li:not(:first-child) {
        margin-left: 2.188rem !important;
    }

    .translate-links-mobile a {
        color: rgba(0, 0, 0, 0.5);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;

    }

    .translate-links-mobile a:hover {
        color: rgba(0, 0, 0, 0.5);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.19rem;
        text-transform: uppercase;

    }

    .block1 {
        background-size: 350%;
        background-position: 65% 0;
        background-color: #F5F4EE;
        height: fit-content;
        padding-bottom: 2rem;
        position: relative;
        z-index: 10;
    }

    .block1:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        width: 100%;
        height: 65%;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6418942577030813) 17%, rgba(255, 255, 255, 0.9220063025210083) 40%, rgba(255, 255, 255, 1) 62%);
        z-index: -1;
    }


    .block1-wrapper {
        align-items: center;
    }

    .block1-title {
        font-size: 3.63rem;
        text-align: center;
        margin-top: 14rem;
    }

    .block1-subtitle {
        text-align: center;
        font-size: 1.5rem;
    }

    .block3-slider {
        margin-top: 3.33rem;
    }

    .block4-grid {
        display: flex;
        flex-direction: column;
        margin-top: 3.33rem;
    }

    .block4-card {
        padding: 0;
    }

    .block4-card:hover {
        box-shadow: none;
    }

    .block2 {
        display: none;
    }

    .block3-button {
        width: unset;
        padding: 1rem 1rem;
    }

    .block5-subtitle {
        line-height: 2rem;
    }

    .block6-wrapper {
        flex-direction: column;
    }

    .block6-left {
        width: 100%;
    }

    /* .block6-left .slick-track > .slick-slide img {
        width: 100%;
        height: 100%;
    } */
    .block6-right {
        width: 100%;
    }

    .slick-initialized .slick-slide {
        display: flex !important;
    }

    .block6-price {
        font-size: 2rem;
    }

    .block6-price span {
        font-size: 1rem;
    }

    .block6-tags {
        flex-direction: column;
        align-items: flex-start;
    }

    .block6-tags > span {
        width: 100%;
        margin: 0;
        margin-top: 1rem;

    }

    .slider-nav {
        display: none !important;
    }


    .block7-switcher {
        flex-direction: column;
    }

    .block7-switcher > li:nth-of-type(1),
    .block7-switcher > li:nth-of-type(2),
    .block7-switcher > li:nth-of-type(3),
    .block7-switcher > li:nth-of-type(4) {
        width: 100%;
    }

    .block7-switcher > li:not(:first-child) {
        margin-top: 1rem;
    }

    .block7-card-wrapper.uk-active {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .block7-cards {
        display: flex;
        flex-direction: column;
    }

    .block7-card {
        width: 100%;
    }

    .block7 {
        margin-top: 4.125rem;
    }

    .block8-filter-letters {
        display: none;
    }

    .block8-top {
        flex-direction: column;
        align-items: flex-start;
        display: contents;
    }

    .block8-top-second {
        flex-direction: column;
        align-items: flex-start;
        display: contents;
    }

    .block8-salary {
        font-size: 2rem;
        order: 3;
        text-align: start;
    }

    .block8-switcher {
        margin-top: 1rem;
        flex-direction: column;
        margin-left: 0;
        width: 100%;
        order: 2;
    }

    .block8-switcher > li:not(:first-child) {
        margin-left: 0;
        margin-top: 1.2rem;
        width: 100%;
    }

    .block8-switcher > li > * {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .block8 .block6-breadcrumbs {
        order: 1;
    }

    .block9-wrapper {
        flex-direction: column;
    }

    .block9-left {
        display: none;
    }

    .block9-right {
        width: 100%;
    }

    .block9-right-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .block9-list-bottom li.uk-active::after {
        top: 0;
    }

    .block10-card-list-mobile {
        display: flex;
        flex-direction: column;
    }

    .block10-card-list-mobile > li:not(:first-child) {
        margin-top: 1rem;
    }

    .uk-offcanvas-bar .block9-left-block:not(:first-child) {
        margin-top: 4rem;
    }

    .block10-card {
        width: 100%;
    }


    .block11-grid {
        display: flex;
        flex-direction: column;
    }

    .block11-grid > .block11-card:not(:first-child) {
        margin-top: 3.5rem;
    }

    .block11-b {
        padding-bottom: 0;
    }

    .block12-title {
        font-size: 2rem;
    }

    .block12-buttons {
        display: flex;
        flex-direction: column;
    }

    .block12-button {
        padding: 1.125rem 0rem;
        width: 100%;
        text-align: center;
    }

    .block12-separator {
        margin: 1.5rem 0;
    }

    .block13-socials {
        flex-direction: column;
    }

    .block13-bottom {
        flex-direction: column;
    }

    .block13-socials-info {
        margin: 1rem 0;
    }

    #block14-switcher {
        display: flex;
        flex-direction: column;
    }

    .block15 {
        min-height: 29rem;
    }

    .block15:before {
        height: 80%;
    }

    .block15-title {
        font-size: 2rem;
        margin-top: 15rem;
    }

    .block16-top {
        flex-direction: column;
    }

    .block16-right {
        width: 100%;
        margin-top: 2rem;
    }

    .block16-left {
        width: 100%;

    }

    .block17-wrapper {
        background-size: 60%;
    }

    .block17-title {
        font-size: 2rem;
        margin-top: 15.188rem;
    }

    .block17-bottom {
        margin-top: 10rem;
    }

    .block18-title {
        font-size: 2rem;
    }

    .block18-subtitle {
        font-size: 1rem;
    }

    .block18-email,
    .block18-phone,
    .block18-address {
        font-size: 1rem;
    }

    .block18-email svg,
    .block18-phone svg,
    .block18-address svg {
        margin-right: 0.2rem;
    }

    .block19 {
        padding-bottom: 1rem;
    }

    .block19-form {
        margin-top: 12rem;
        padding: 2.688rem 1rem;

    }

    .block19-middle {
        flex-direction: column;
    }

    .block19-middle > div:not(:first-child) {
        margin-left: 0 !important;
    }

    .block19-middle > div {
        margin-top: 1rem !important;
    }

    .block19-middle > div {
        width: 100%;
    }

    .block19-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .block20 {
        background-position: 90%;
    }

    .block20-wrapper {
        margin-top: 11rem;
    }

    .block20-name {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .block20-phone,
    .block20-email {
        white-space: nowrap;
        font-size: 1rem;
    }

    .block20-button {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    #user-logout-form {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .block20-button-exit {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .footer-top {
        align-items: center;
        justify-content: center;
    }

    .footer-top .header-logo {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .footer-menu {
        display: none;
    }

    .footer-functional {
        display: none;
    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-oleus {
        margin-top: 1rem;
    }

    .block3-title {
        font-size: 1.8rem;
        line-height: 2.58rem;
    }

    .block5-subtitle {
        font-size: 2rem;
    }

    .block9-filter {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 3rem;
        align-items: center;
    }

    .block9-filter > svg {
        margin-right: 0.5rem;
    }

    .block9-search .uk-form > .uk-grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .block9-search .block19-button {
        width: 100%;
        margin-top: 2rem;
    }

    .block9-search-grid {
        display: flex;
        flex-direction: column;
    }

    .block18 {
        flex-direction: column-reverse;
    }

    .block18-absolute {
        position: static;
        width: 100%;
    }

    .block18-email {
        padding-bottom: 4rem;
    }

    .footer-copyright {
        text-align: center;
    }

    .block9-list-top li a:hover {
        color: rgba(22, 22, 22, 0.5);
        font-size: 1rem;
        font-weight: 400;
        line-height: 150%;
        text-align: left;
    }

    .block24-switcher {
        display: flex;
        flex-direction: column;
    }

    .block24-switcher > li {
        width: 100%;
        display: flex;
    }

    .block24-switcher > li a {
        width: 100%;

    }

    .block24-switcher > li:not(:first-child) {
        margin-top: 2rem;
        margin-left: 0;
    }

    .block25-card {
        padding: 2.63rem 1rem;
    }

    .block25 .uk-slider-container {
        overflow: hidden;
    }

    .block22-middle {
        flex-direction: column;
    }

    .block22-middle > li:not(:first-child) {
        margin-top: 2rem;
        margin-left: 0;
    }

    .block23-wrapper {
        flex-direction: column-reverse;
    }

    .block23-right,
    .block23-left {
        width: 100%;
    }

    .block23-right {
        padding: 0;
    }

    .blind-body .mobile-menu-list li.uk-active > *:before {
        background: black;

    }

    .blind-body .block4-card {
        align-items: center;
    }

    #modal-product-buy-one-click > .uk-modal-dialog {
        width: 100% !important;
    }

    .blind-body .mobile-logo picture img,
    .blind-body .mobile-logo picture {
        display: block !important;
        opacity: 1 !important;
        filter: grayscale(1);
    }

    .blind-body .mobile-functional {
        border-top: 0.19rem solid rgba(0, 0, 0, 0.2);
    }

    .blind-body .mobile-functional svg path {
        stroke: #000000;
    }

    .uk-offcanvas-bar {
        padding: 1 2rem !important;
    }
}