@media all and (min-width: 1280px) {
    .container {
        max-width: 1310px;
    }
}

@media all and (max-width: 1200px) {
    body {
        font-size: 16px;
    }
    h1.page-title, h1.entry-title,
    h2 {
        font-size: 37px;
    }
    .branding {
        width: 135px;
    }
    .navbar-expand-md .navbar-nav {
        gap: 30px;
    }
    .fs-text h1 {
        font-size: 64px;
    }
    .fs-text {
        width: 500px;
        min-width: 500px;
    }
    .fs-pic {
        margin-left: -50px;
    }
    .product-carousel .slick-arrow, .prof-carousel .slick-arrow,
    .slider-nav a {
        width: 60px;
        height: 60px;
    }
    .cat-item a {
        font-size: 16px;
    }
    .cat-item img {
        max-width: 125px;
        height: auto;
    }
    .cat-item a {
        width: 140px;
    }
    .product-carousel {
        padding: 0px 80px;
    }
    .product-name {
        font-size: 18px;
    }
    .products-block .show-more,
    #products .show-more {
        padding-top: 20px;
    }
    .about-pic {
        width: 400px;
        min-width: 400px;
    }
    .prof-carousel {
        padding: 0px 60px;
    }
    .how-pic {
        width: 375px;
        min-width: 375px;
    }
    #footer-blocks .container {
        flex-wrap: wrap;
    }
    .fb-item_1 {
        order: 2;
    }
    .fb-item_2 {
        order: 3;
    }
    .fb-item_3 {
        order: 4;
    }
    .fb-item:last-child {
        margin-bottom: 30px;
        width: 100%;
    }
    .fb-form {
        width: 100%;
    }
    .wpcf7 {
        max-width: unset;
    }
    .form-policy label {
        align-items: center;
    }
    #facts {
        padding-top: 60px;
    }
    #about-wrapper {
        padding-top: 150px;
        padding-bottom: 20px;
    }
    .prod-inner_wrapper .product-item {
        width: 50%;
    }
    #addonify-quick-view-modal {
        max-width: calc(100% - 15px) !important;
    }
    .modal-title {
        font-size: 28px;
    }
}

@media all and (max-width: 960px) {
    #header .container {
        flex-wrap: wrap;
    }
    .branding {
        padding-bottom: 15px;
    }
    .navbar {
        margin: 0px;
    }
    .sidebar {
        display: none;
    }
    .category-content .woof_fs_product_cat {
        display: block !important;
    }
    .woof_container_inner h4 {
        display: block;
        cursor: pointer;
        background: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.5" cy="24.5" r="24.5" fill="%23E9F7FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.2859 26.9926C33.2879 26.9926 34.9166 28.6131 34.9166 30.6046C34.9166 32.5961 33.2879 34.2166 31.2859 34.2166C29.2827 34.2166 27.6529 32.5961 27.6529 30.6046C27.6529 28.6131 29.2827 26.9926 31.2859 26.9926ZM31.2859 28.7426C30.2476 28.7426 29.4029 29.578 29.4029 30.6046C29.4029 31.6325 30.2476 32.4666 31.2859 32.4666C32.3231 32.4666 33.1666 31.6325 33.1666 30.6046C33.1666 29.578 32.3231 28.7426 31.2859 28.7426ZM22.7604 29.7749C23.2434 29.7749 23.6354 30.1669 23.6354 30.6499C23.6354 31.1329 23.2434 31.5249 22.7604 31.5249H15.4092C14.9262 31.5249 14.5342 31.1329 14.5342 30.6499C14.5342 30.1669 14.9262 29.7749 15.4092 29.7749H22.7604ZM18.1318 15.6666C20.135 15.6666 21.7637 17.2883 21.7637 19.2798C21.7637 21.2713 20.135 22.8906 18.1318 22.8906C16.1298 22.8906 14.5 21.2713 14.5 19.2798C14.5 17.2883 16.1298 15.6666 18.1318 15.6666ZM18.1318 17.4166C17.0947 17.4166 16.25 18.252 16.25 19.2798C16.25 20.3065 17.0947 21.1406 18.1318 21.1406C19.1702 21.1406 20.0137 20.3065 20.0137 19.2798C20.0137 18.252 19.1702 17.4166 18.1318 17.4166ZM33.3896 18.4671C33.8726 18.4671 34.2646 18.8591 34.2646 19.3421C34.2646 19.8251 33.8726 20.2171 33.3896 20.2171H26.0396C25.5566 20.2171 25.1646 19.8251 25.1646 19.3421C25.1646 18.8591 25.5566 18.4671 26.0396 18.4671H33.3896Z" fill="%231078BA"/></svg>') center center no-repeat;
        width: 49px;
        height: 49px;
        background-size: contain;
        min-width: 49px;
        overflow: hidden;
        text-indent: -1000px;
    }
    .woof_container_inner h4.active {
        background: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.5" cy="24.5" r="24.5" fill="%231078BA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.2859 26.9926C33.2879 26.9926 34.9166 28.6131 34.9166 30.6046C34.9166 32.5961 33.2879 34.2166 31.2859 34.2166C29.2827 34.2166 27.6529 32.5961 27.6529 30.6046C27.6529 28.6131 29.2827 26.9926 31.2859 26.9926ZM31.2859 28.7426C30.2476 28.7426 29.4029 29.578 29.4029 30.6046C29.4029 31.6325 30.2476 32.4666 31.2859 32.4666C32.3231 32.4666 33.1666 31.6325 33.1666 30.6046C33.1666 29.578 32.3231 28.7426 31.2859 28.7426ZM22.7604 29.7749C23.2434 29.7749 23.6354 30.1669 23.6354 30.6499C23.6354 31.1329 23.2434 31.5249 22.7604 31.5249H15.4092C14.9262 31.5249 14.5342 31.1329 14.5342 30.6499C14.5342 30.1669 14.9262 29.7749 15.4092 29.7749H22.7604ZM18.1318 15.6666C20.135 15.6666 21.7637 17.2883 21.7637 19.2798C21.7637 21.2713 20.135 22.8906 18.1318 22.8906C16.1298 22.8906 14.5 21.2713 14.5 19.2798C14.5 17.2883 16.1298 15.6666 18.1318 15.6666ZM18.1318 17.4166C17.0947 17.4166 16.25 18.252 16.25 19.2798C16.25 20.3065 17.0947 21.1406 18.1318 21.1406C19.1702 21.1406 20.0137 20.3065 20.0137 19.2798C20.0137 18.252 19.1702 17.4166 18.1318 17.4166ZM33.3896 18.4671C33.8726 18.4671 34.2646 18.8591 34.2646 19.3421C34.2646 19.8251 33.8726 20.2171 33.3896 20.2171H26.0396C25.5566 20.2171 25.1646 19.8251 25.1646 19.3421C25.1646 18.8591 25.5566 18.4671 26.0396 18.4671H33.3896Z" fill="%23fff"/></svg>') center center no-repeat;
    }
    .woof_container_inner_ {
        position: unset;
    }
    .woof_fs_product_cat .woof_block_html_items {
        position: absolute;
        background: #fff;
        z-index: 10;
        width: 100%;
        padding: 15px;
        display: none;
        box-shadow: 0px 4px 14px 0px rgba(186, 167, 167, 0.25);
        left: 0px;
    }
    .woof_redraw_zone {
        position: relative;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .woof_fs_pa_ves {
        width: 100%;
    }
    .woof_list_label {
        flex-wrap: nowrap;
        overflow: auto;
    }
    #footer .container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .policy-link {
        margin: 0px;
        padding-left: 0px;
        border: 0px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        width: 100%;
        padding: 15px 0px;
        margin-bottom: 15px;
    }
    .row-modal {
        flex-direction: column;
    }
    .modal-pic {
        width: 100%;
        max-height: 500px;
    }
    .modal-text {
        padding: 30px;
        width: 100%;
        background: #50a6da;
    }
    #addonify-quick-view-modal-wrapper #addonify-quick-view-modal-close {
        background: url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_263_10710)"><path d="M26 0C11.6398 0 0 11.6398 0 26C0 40.3602 11.6398 52 26 52C40.3585 52 52 40.3585 52 26C52 11.6415 40.3602 0 26 0ZM35.1926 32.8948C35.828 33.5302 35.828 34.5588 35.1926 35.1926C34.5571 35.828 33.5286 35.828 32.8948 35.1926L26.0098 28.3075L19.0775 35.2398C18.4372 35.8784 17.4005 35.8784 16.7618 35.2398C16.1216 34.5995 16.1216 33.5628 16.7618 32.9241L23.6941 25.9918L16.8089 19.1067C16.1735 18.4713 16.1735 17.4427 16.8089 16.809C17.4443 16.1736 18.4729 16.1736 19.1066 16.809L25.9918 23.6942L32.9745 16.7115C33.6147 16.0713 34.6514 16.0713 35.2901 16.7115C35.9303 17.3518 35.9303 18.3885 35.2901 19.0272L28.3074 26.0099L35.1926 32.8948Z" fill="%232A92D1"/></g><defs><clipPath id="clip0_263_10710"><rect width="52" height="52" fill="white"/></clipPath></defs></svg>') center center no-repeat !important;
    }
    .fs-text h1 {
        font-size: 54px;
    }
    .fs-text p {
        font-size: 32px;
    }
    .fs-pic {
        margin-left: -160px;
    }
    .fs-pic img {
        height: 345px;
    }
    #front-category .container {
        flex-wrap: wrap;
        gap: 25px;
    }
    #front-category {
        padding: 50px 0px;
    }
    .cat-item {
        width: calc(33.333% - 50px);
    }
    .cat-item a {
        width: 100%;
        gap: 20px;
    }
    #facts .container, #about .container {
        flex-direction: column;
        gap: 25px;
    }
    .products-block,
    #products {
        padding: 70px 0px;
    }
    #about-wrapper {
        padding-top: 100px;
    }
    #about-wrapper::before {
        background-size: 900px;
        height: 200px;
    }
    #how .container {
        flex-direction: column;
    }
    .how-pic {
        min-width: unset;
        width: 100%;
        margin: 25px 0px 0px 0px;
        order: 2;
    }
    .how-text {
        padding-top: 0px;
    }
    #footer-blocks {
        padding-bottom: 70px;
    }
}

@media all and (max-width: 767px) {
    .branding {
        padding-bottom: 0px;
        width: 95px;
    }
    .lang ul li a {
        padding: 8px 15px;
    }
    .navbar {
        order: 3;
    }
    .lang {
        margin: 0px 15px 0px auto;
    }
    .navbar-toggler {
        padding: 0px;
        border: 0px;
        outline: none !important;
        box-shadow: unset !important;
    }
    .navbar-toggler-icon {
        background: url('data:image/svg+xml,<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.95898" y="29.025" width="25.0833" height="2.86667" fill="%23145E8B"/><rect x="8.95898" y="20.0667" width="25.0833" height="2.86667" fill="%23145E8B"/><rect x="23.291" y="11.1083" width="10.75" height="2.86667" fill="%23145E8B"/></svg>') center center no-repeat;
        width: 43px;
        height: 43px;
    }
    .offcanvas-header .btn-close {
        filter: unset;
    }
    .navbar-expand-md .navbar-nav {
        gap: 10px;
    }
    #first-screen .container {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: 50px;
    }
    .fs-pic {
        margin-left: 0px;
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .cat-item {
        width: calc(50% - 20px);
    }
    h1.page-title, h1.entry-title, h2 {
        font-size: 30px;
    }
     .product-carousel .slick-arrow, .prof-carousel .slick-arrow, .slider-nav a {
        width: 40px;
        height: 40px;
    }
    #slider img {
        min-height: 150px;
        object-fit: cover;
        object-position: center;
    }
    #slider .slider-nav {
        display: none
    }
    ul.slick-dots {
        bottom: 15px;
    }
    ul.slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .product-carousel {
        width: 100%;
        padding: 50px 0px 0px 0px;
    }
    .product-item {
        width: 50%;
    }
    .product-carousel .slick-arrow, .prof-carousel .slick-arrow {
        transform: unset;
        top: 0px;
    }
    .product-meta,
    .product-name {
        font-size: 14px;
    }
    .product-pic {
        height: 150px;
    }
    .product-badge span {
        display: block;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 12px;
    }
    .product-badge {
        top: 10px;
        left: 10px;
    }
    .btn {
        font-size: 14px;
    }
    .product-block {
        padding-bottom: 30px;
    }
    .fact-icon {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
     .about-pic {
        width: 100%;
        min-width: unset;
        margin: 0px;
    }
    .prof-carousel {
        padding: 50px 0px 0px 0px;
    }
    .prof-slide {
        padding: 0px 10px;
    }
    #for-professionals {
        margin-bottom: 60px;
    }
    #how {
        padding-top: 60px;
    }
    .how-text ul li {
        font-size: 14px;
        padding: 10px;
    }
    .how-text ul li::before {
        min-width: 23px;
    }
    .form-flex {
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }
     #footer-blocks {
        padding-bottom: 30px;
        padding-top: 50px;
    }
    .form-title {
        font-size: 20px;
    }
    #how {
        padding-bottom: 50px;
    }
    .fb-item_2 {
        width: 100%;
        padding: 30px 0px;
    }
    #footer .container {
        font-size: 14px;
    }
    #footer a svg {
        max-width: 25px;
        height: auto;
    }
    .fb-label {
        font-size: 20px;
    }
    .fs-text {
        width: 100%;
        min-width: unset;
    }
     .fs-text h1 {
        font-size: 40px;
    }
     .fs-text p {
        font-size: 24px;
    }
    .fs-pic img {
        height: auto;
        width: 700px;
        margin-left: auto;
        display: block;
        height: 300px;
        margin-right: -250px;
    }
    .prod-inner_wrapper {
        padding: 20px;
    }
    .modal-title {
        font-size: 20px;
    }
    .modal-text {
        font-size: 14px;
    }
    #header {
        padding: 17px 0px;
    }
    .offcanvas {
        width: 100% !important;
        max-width: unset;
    }
    .offcanvas-header {
        height: 79px;
        background: rgba(20, 94, 139, 1);
    }
    .offcanvas-header .btn-close {
        width: 34px;
        height: 34px;
        background: url('data:image/svg+xml,<svg width="34" height="36" viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7202 17.7756L27.436 7.17431C27.5821 6.99813 27.4592 6.73047 27.2335 6.73047H24.5839C24.4278 6.73047 24.2784 6.80162 24.1755 6.92359L16.987 15.6682L9.79851 6.92359C9.6989 6.80162 9.54948 6.73047 9.39011 6.73047H6.7405C6.51472 6.73047 6.39187 6.99813 6.53796 7.17431L15.2538 17.7756L6.53796 28.3769C6.50523 28.4161 6.48424 28.4642 6.47747 28.5153C6.4707 28.5663 6.47843 28.6183 6.49976 28.6651C6.52108 28.7118 6.5551 28.7513 6.59777 28.7789C6.64045 28.8065 6.68998 28.821 6.7405 28.8207H9.39011C9.54616 28.8207 9.69558 28.7496 9.79851 28.6276L16.987 19.883L24.1755 28.6276C24.2751 28.7496 24.4245 28.8207 24.5839 28.8207H27.2335C27.4592 28.8207 27.5821 28.5531 27.436 28.3769L18.7202 17.7756Z" fill="white"/></svg>') center center no-repeat;
        opacity: 1;
    }
     .branding {
        position: relative;
        z-index: 10000;
    }
    
}