@media (max-width: 1500px) {
    header.site_header .site_navbar .navbar_items .menu_items ul.site_menu {
        gap: 32px;
    }
    .site_container,
    .woocommerce-order,
    .single-product .woocommerce-tabs.wc-tabs-wrapper,
    #customer_login {
        padding: 0 50px;
    }
    nav.woocommerce-MyAccount-navigation {
        padding-left: 50px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-right: 50px;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        padding-left: 50px;
    }
    .single-product .summary.entry-summary {
        padding-right: 50px;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout {
        padding: 80px 50px;
    }
    .wp-block-woocommerce-empty-cart-block {
        padding: 0 50px;
    }
    .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block {
        padding: 0 50px;
    }
    .product_slider_block .block_heading {
        padding-left: 50px;
    }
    .product_slider_block .btn_area {
        padding-right: 50px;
    }
    .product_slider_block .slider_block {
        padding: 0 50px;
    }
    .home_banner_slider .owl-dots {
        left: 50px;
    }
    footer .site_row .logo_txt_block,
    footer .site_row .newsletter_block {
        width: 250px;
    }
    footer .site_row .links_block {
        width: calc(100% - 520px);
    }
    p.woocommerce-result-count {
        padding-left: 50px;
    }
    form.woocommerce-ordering {
        padding-right: 50px;
    }
    ul.products.columns-4 {
        padding: 0 50px;
    }
}

@media (max-width: 1400px) {
    header.site_header .site_navbar .navbar_items .menu_items ul.site_menu {
        gap: 20px;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__main {
        width: calc((100% - 40px) * 0.6);
    }
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__sidebar {
        width: calc((100% - 40px) * 0.4);
    }
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__main,
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__sidebar {
        padding: 20px;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        flex-direction: column !important;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images
        ol.flex-control-nav.flex-control-thumbs {
        flex-direction: row;
        height: 110px;
        padding: 0 0 10px 0;
        overflow-x: auto;
        order: 2;
        width: 100%;
        overflow-y: hidden;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images
        ol.flex-control-nav.flex-control-thumbs
        li {
        width: 100px;
        height: 100px;
        aspect-ratio: 1 / 1;
        float: none;
        clear: both;
        flex: 0 0 auto;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images
        .flex-viewport {
        width: 100%;
        order: 1;
    }
}

@media (max-width: 1299px) {
    footer .site_row .links_block .inner_row .colm {
        width: calc((100% - 10px) / 2) !important;
    }
    footer .site_row .links_block .inner_row {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        row-gap: 40px;
    }
    footer .site_row .logo_txt_block,
    footer .site_row .newsletter_block {
        width: 350px;
    }
    footer .site_row .links_block {
        width: calc(100% - 720px);
    }
}

@media (max-width: 1199px) {
    .site_container,
    .woocommerce-order,
    .single-product .woocommerce-tabs.wc-tabs-wrapper,
    #customer_login {
        padding: 0 20px;
    }
    nav.woocommerce-MyAccount-navigation {
        padding-left: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-right: 20px;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        padding-left: 20px;
    }
    .single-product .summary.entry-summary {
        padding-right: 20px;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout {
        padding: 80px 20px;
    }
    .wp-block-woocommerce-empty-cart-block {
        padding: 0 20px;
    }
    .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block {
        padding: 0 20px;
    }
    .about .site_row {
        gap: 40px;
    }
    .about .site_row .colm {
        width: calc((100% - 40px) / 2);
    }
    .product_slider_block .block_heading {
        padding-left: 20px;
    }
    .product_slider_block .btn_area {
        padding-right: 20px;
    }
    .product_slider_block .slider_block {
        padding: 0 20px;
    }
    .home_banner_slider .owl-dots {
        left: 20px;
    }
    header.site_header .site_navbar .navbar_items .menu_items {
        position: fixed;
        right: -500px;
        top: 0;
        max-width: 400px;
        width: 100%;
        height: 100vh;
        background: var(--white);
        z-index: 999;
        padding: 20px;
        gap: 30px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        transition: 0.3s all;
        transition-delay: 0.3s;
    }
    header.site_header .site_navbar .navbar_items .menu_items span.menu_close {
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 2;
        left: -30px;
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
    }
    header.site_header .site_navbar .navbar_items .menu_items.nav_show {
        right: 0 !important;
    }
    header.site_header .site_navbar .navbar_items .menu_items ul.site_menu {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    header.site_header .site_navbar .navbar_items .menu_items .right_panel {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    header.site_header .site_navbar .navbar_items .menu_items .right_panel .search_bar {
        max-width: 100%;
    }
    header.site_header .site_navbar .navbar_items .site_brand {
        position: absolute;
        width: 100px;
        height: 100px;
        background: var(--white);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        top: -15px;
        transform: none;
        padding: 10px;
    }
    header.site_header .site_navbar .navbar_items .site_brand a img {
        width: 100%;
    }
    .product_slider_block .slider_block .owl-dots {
        position: absolute;
        left: 136px;
        width: calc(100% - 200px);
        display: flex;
        margin-top: 70px;
    }
    .nav_toggler {
        display: flex;
        width: 30px;
        height: 18px;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-left: auto;
    }
    .nav_toggler.toggled span {
        left: -5px !important;
    }
    .nav_toggler.toggled span::before,
    .nav_toggler.toggled span::after {
        left: 5px !important;
    }
    .nav_toggler span {
        width: 100%;
        height: 2px;
        background: var(--primary-color);
        transition: 0.3s all;
    }
    .nav_toggler span::before,
    .nav_toggler span::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: var(--dark-blue);
        left: 0;
        transition: 0.3s all;
    }
    .nav_toggler span::before {
        top: 0;
    }
    .nav_toggler span::after {
        bottom: 0;
    }
    p.woocommerce-result-count {
        padding-left: 20px;
    }
    form.woocommerce-ordering {
        padding-right: 20px;
    }
    ul.products.columns-4 {
        padding: 0 20px;
    }
    .keep_contact {
        background-attachment: unset;
        height: auto;
    }
    .keep_contacttext {
        padding: 80px 0;
        position: relative;
    }
}

@media (max-width: 1099px) {
    footer .site_row .logo_txt_block,
    footer .site_row .newsletter_block {
        width: calc((100% - 10px) / 2);
    }
    footer .site_row .logo_txt_block {
        order: 1;
    }
    footer .site_row .newsletter_block {
        order: 2;
    }
    footer .site_row {
        row-gap: 30px;
    }
    footer .site_row .links_block {
        width: 100%;
        order: 3;
    }
    footer .site_row .links_block .inner_row .colm {
        width: calc((100% - 30px) / 4) !important;
    }
    .category_block .category_grid .inner_row .left_part {
        width: 100%;
    }
    .category_block .category_grid .inner_row .left_part .cat_item.cat_1 {
        aspect-ratio: 2/1;
    }
    .category_block .category_grid .inner_row .right_part {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .site_container,
    .woocommerce-order,
    .single-product .woocommerce-tabs.wc-tabs-wrapper,
    #customer_login {
        padding: 0 15px;
    }
    nav.woocommerce-MyAccount-navigation {
        padding-left: 15px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-right: 15px;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        padding-left: 15px;
    }
    .single-product .summary.entry-summary {
        padding-right: 15px;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout {
        padding: 60px 15px;
    }
    .wp-block-woocommerce-empty-cart-block {
        padding: 0 15px;
    }
    .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block {
        padding: 0 15px;
    }
    .product_slider_block .block_heading {
        padding-left: 15px;
    }
    .product_slider_block .btn_area {
        padding-right: 15px;
    }
    .product_slider_block .slider_block {
        padding: 0 15px;
    }
    .home_banner_slider .owl-dots {
        left: 15px;
    }
    footer .site_row .links_block .inner_row .colm {
        width: calc((100% - 10px) / 2) !important;
    }
    .latest_product_block .site_row .colm {
        width: calc((100% - 28px) / 2);
    }
    .benefit_block .site_row .item {
        width: calc((100% - var(--this-gap) * 1) / 2);
    }
    p.woocommerce-result-count {
        padding-left: 15px;
    }
    form.woocommerce-ordering {
        padding-right: 15px;
    }
    ul.products.columns-4 {
        padding: 0 15px;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__main,
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__sidebar {
        width: calc((100% - 40px) * 0.5);
    }
}

@media (max-width: 800px) {
    .best_deal_block .site_row .colm {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
    .single-product .summary.entry-summary {
        padding: 0 15px;
    }
    .single-product
        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        margin-top: 50px;
    }
    nav.woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 0 15px;
    }
    nav.woocommerce-MyAccount-navigation{
        position: relative;
    }
}

@media (max-width: 767px) {
    .category_block .category_grid .inner_row .right_part .top_part .cat_row .cat_item {
        width: calc((100% - var(--grid-gap) * 1) / 2);
        height: 100%;
    }
    .category_block .category_grid .inner_row .right_part,
    .category_block .category_grid .inner_row .right_part .right_inner,
    .category_block .category_grid .inner_row .right_part .bottom_part {
        height: auto;
    }
    .category_block .category_grid .inner_row .right_part .top_part .cat_row .cat_item:last-child,
    .category_block .category_grid .inner_row .right_part .bottom_part .cat_row .cat_item.cat_3,
    .category_block .category_grid .inner_row .right_part .bottom_part .cat_row .cat_item.cat_2 {
        width: 100%;
        aspect-ratio: 2/1;
    }
    ul.products.columns-4 li {
        width: calc((100% - 60px) / 3) !important;
    }
    .about img {
        aspect-ratio: 4/3;
        object-fit: none;
    }
    .about .site_row .colm {
        width: 100%;
    }
    .values .column {
        width: calc((100% - 40px) / 3);
    }
    .inner_banner,
    .inner_banner img {
        min-height: 40vh;
    }
    .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li {
        width: calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2) !important;
    }
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__main,
    .wc-block-components-sidebar-layout.wc-block-checkout .wc-block-checkout__sidebar {
        width: 100%;
    }
    .content-area {
        margin-top: 50px;
    }
}

@media (max-width: 576px) {
    .values .column {
        width: calc((100% - 20px) / 2);
    }
    footer .site_row .logo_txt_block,
    footer .site_row .newsletter_block {
        width: 100%;
    }
    footer .site_row .newsletter_block {
        order: 1;
        padding-left: 0;
    }
    footer .site_row .links_block {
        order: 2;
    }
    footer .site_row .logo_txt_block {
        order: 3;
        padding-right: 0;
    }
    footer .site_row .logo_txt_block .inner {
        text-align: center;
    }
    footer .site_row .logo_txt_block ul.social_links {
        justify-content: center;
    }
    .benefit_block .site_row .item,
    .latest_product_block .site_row .colm,
    .best_deal_block .site_row .colm {
        width: 100%;
    }
    .latest_product_block .lp_item {
        aspect-ratio: 1/1;
        overflow: hidden;
    }
    .category_block .category_grid .inner_row .left_part {
        width: 100%;
    }
    .category_block .category_grid .inner_row .right_part {
        width: 100%;
        height: auto;
    }
    .category_block .category_grid .inner_row .left_part .cat_item.cat_1 {
        aspect-ratio: 1/1;
    }
    .category_block .category_grid .inner_row .right_part .top_part,
    .category_block .category_grid .inner_row .right_part .right_inner {
        height: auto;
    }
    .category_block .category_grid .inner_row .right_part .top_part .cat_row .cat_item {
        width: 100%;
    }
    .category_block .category_grid .inner_row .right_part .top_part .cat_row .cat_item {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden;
    }
    .category_block .category_grid .inner_row .right_part .bottom_part .cat_row .cat_item.cat_2,
    .category_block .category_grid .inner_row .right_part .bottom_part .cat_row .cat_item.cat_3 {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }
    .category_block .category_grid .inner_row .right_part .bottom_part .cat_row .cat_item.cat_3 .txt_layer .txts span {
        font-size: 38px;
        line-height: 48px;
    }
    .product_slider_block .btn_area {
        order: 3;
        padding: 0 15px;
        margin-top: 140px;
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .product_slider_block .slider_block .prod_item {
        max-width: 100%;
    }
    form.woocommerce-ordering {
        clear: both;
        width: 100%;
        padding-left: 15px;
    }
    form.woocommerce-ordering select {
        width: 100%;
    }
    ul.products.columns-4 li {
        width: calc((100% - 30px) / 2) !important;
    }
    .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li {
        width: 100%;
        max-width: 100% !important;
    }
}
@media (max-width: 450px) {
    footer .site_row .links_block .inner_row .colm {
        width: 100% !important;
    }
    header.site_header .site_navbar .navbar_items .menu_items {
        max-width: 90%;
    }
    ul.products.columns-4 li {
        width: 100% !important;
    }
    .values .column {
        width: 100%;
    }
}
