@media only screen and (min-width: 320px) and (max-width: 991px) {
    header.header{float: left;width: 75%;position: fixed;height: -webkit-fill-available;left:0;z-index: 10000;transform: translateX(-100%);transition: transform 0.3s ease-in-out;overflow-y: auto;}
    .header.active {transform: translateX(0);}
    .content-wrapper{float: left;width: 100%;position: relative;}
    .cancel{display: block;}
    .open{display: block;z-index: 1;}
    .header-content{padding: 5px 20px 15px 20px;display: flex;justify-content: space-between;gap:100px;}
    .site-tagline{text-align: right;}
    #wpadminbar{
        position: fixed;
    }

    #cssmenu > ul > li > a > span{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .cancel #cancel, .open #responsive{
        width: 80px;
        height: 80px;
    }
    .cancel #cancel span, .open #responsive span{
        font-size: 75px;
        width: 75px;
        height: 75px;
    }
    header .logo-area{
        height: 550px;
    }
    .social{
        flex-wrap: wrap;
    }
    .social a svg {
        width: 75px;
        height: 75px;
    }
    .social a.imo-icon svg {
        width: 55px;
        height: 55px;
        margin-top: 10px;
    }
    .sidbar-contact .sidebar-contact-des {line-height: 45px;}
    .sidbar-contact .sidebar-contact-title, header.header .sidebar-map-title{
    font-size: 45px;margin-bottom: 35px;}
    .content-wrapper .open{display: block;}
    body, p, .form-control, .btn, header .action-menu #cssmenu a, header .credit-line, aside .widget ul li, #wp-calendar caption, #wp-calendar tfoot #next a, #wp-calendar tfoot #prev a, #wp-calendar thead th, #wp-calendar tfoot #next, #wp-calendar tfoot #prev, .single-post-wrapper .post .post-content .meta p, .single-post-wrapper .post .post-content .meta p span.title, .single-post-wrapper .post .post-content .meta p span.info, .single-post-wrapper .post .post-content .entry, .comments, .comments .submit, .logged-in-as, .site-tagline, .sidbar-contact, .post-pagination, footer, .woocommerce-breadcrumb, .woocommerce .woocommerce-result-count, .woocommerce-loop-product__title, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce-message,.woocommerce-info,.woocommerce-error, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce-checkout .wc-block-components-title.wc-block-components-title, .woocommerce-checkout .wc-block-components-checkout-step__description, .woocommerce-checkout .wc-block-components-text-input input, .woocommerce-checkout.wc-blocks-components-select__select, .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text, .woocommerce-checkout .wc-block-components-order-summary-item__description, .woocommerce-checkout .wc-block-components-order-summary-item__total-price, .product-info-right .woocommerce-product-details__short-description p, .woocommerce div.product form.cart div.quantity .qty-label, .woocommerce.before-category-label, .woo-shop-single .product_meta, .woocommerce div.product .product_title, .product-info-right p.price, .single_variation_wrap .woocommerce-variation .price, .custom-description-area .description-heading, .custom-description-area .accordion-content p, .custom-description-area .accordion-content, .product-reviews-section .comments h3, .product-reviews-section .comment-content, .product-reviews-section .comment-content p, .product-cat a, .error-heading, .error-description, .custom-size-list .size-item, .woocommerce .quantity .qty, .shop_table .actions .coupon_code, .quantity-title, .before-category-label, .product-reviews-section .woocommerce-Reviews-title, .product-reviews-section .woocommerce-Reviews-title:after, .product-sku {
        font-size: 40px !important;
        line-height: 60px;
    }
    .single-post-wrapper .post .post-content .post-info h3 a{
        font-size: 32px;
    }
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce ul.products li.product a{
        float: left;
        width: 100%;
    }
    .woocommerce ul.products li.product .button, .post-wrapper .post .post-content .post-info a{
        width: auto;
        padding: 8px 41px 8px 41px;
    }
    .woocommerce ul.products li.product .button::before{
        font-size: 30px;
    }
    .form-control{
        height: 74px !important;
    }
    .woocommerce #review_form #respond textarea{
        height: 200px !important;
        margin-left:1px;
    }
    .woocommerce span.onsale {
        max-width: 75px !important;
        min-width: 75px !important;
        max-height: 75px !important;
        min-height: 75px !important;
        font-size: 25px !important;
        line-height: 75px;
    }
    .product-image-wrap{
        height: 555px;
    }
    .custom-size-list .size-item{
        width: 135px;
        height: 70px;
        line-height: 60px;
        border-radius: 37px !important;
    }
    .woocommerce .quantity .qty, .shop_table .actions .coupon_code{
        width: 250px;
        height: 60px;
    }
    .custom-description-area .description-heading, .product-reviews-section .comments h3{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    input[type="radio"], input[type="checkbox"]{
        width: 30px;
        height: 30px;
    }
    .product-reviews-section .comments h3{
        margin-bottom: 60px;
    }
    .related.products h2, h2, h3{
        font-size: 48px;
    }


    /* 1. Basic Mobile Setup (from previous fix) */
    .woocommerce table.shop_table thead {
        display: none;
    }
    .woocommerce table.shop_table tr {
        display: flex; /* <-- Key Change: Use Flexbox on the row */
        flex-wrap: wrap; /* Allows children to wrap to the next line */
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid #ddd;
        position: relative;
    }
    .woocommerce table.shop_table td {
        display: block;
        width: 100%;
        text-align: left !important;
        padding: 5px 0;
        border: none;
    }
    .woocommerce table.shop_table td:before {
        content: attr(data-title);
        font-weight: bold;
        margin-right: 10px;
        min-width: 80px;
        display: inline-block;
    }
    
    .woocommerce-cart .woocommerce table.shop_table .product-thumbnail,
    .woocommerce-cart .woocommerce table.shop_table .product-name {
        order: 1; 
        width: 75%; 
        text-align: left !important;
        margin-right: 25px;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-thumbnail {
        padding-top: 0;
        text-align: left !important;
        padding-left: 0 !important;
        width: 110px;
        margin-right: 25px;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-thumbnail:before,
    .woocommerce-cart .woocommerce table.shop_table .product-name:before {
        content: none; 
    }
    .woocommerce-cart .woocommerce table.shop_table .product-thumbnail img {
        max-width: 100%; 
        height: auto;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-name {
        font-size: 1em;
        font-weight: bold;
        border-bottom: none;
        padding-bottom: 0;
    }
    .woocommerce-cart .product-title-area .product-title{
        font-size:40px;
    }
    .woocommerce-cart .woocommerce a.remove{
        font-size: 50px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: 40px;
        right: 15px !important;
        position: absolute;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-quantity{
        order: 2; 
        width: 100%; 
        text-align: right !important; 
        border-left: none;
        padding-left: 10px;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-price,
    .woocommerce-cart .woocommerce table.shop_table .product-subtotal {
        order: 3; 
        width: 100%; 
        text-align: right !important; 
        border-left: none;
        padding-left: 10px;
    }
    
    .woocommerce-cart .woocommerce table.shop_table .product-price:before,
    .woocommerce-cart .woocommerce table.shop_table .product-quantity:before,
    .woocommerce-cart .woocommerce table.shop_table .product-subtotal:before {
        float: left; 
        min-width: 60px;
    }
    .woocommerce-cart .woocommerce table.shop_table .product-remove {
        position: absolute;
        top: 5px;
        right: 5px;
        width: auto;
        padding: 0;
        order: 3;
    }
    

    .woocommerce table.shop_table tr.actions {
        width: 100%;
        display: block;
    }
    .woocommerce table.shop_table tr.actions td {
        display: block;
        width: 100%;
        text-align: center !important;
        padding: 15px;
    }

    .woocommerce table.shop_table tr.actions {
        width: 100%;
        display: block;
        border: 1px solid #ddd;
    }
    .woocommerce table.shop_table tr.actions td {
        display: block;
        width: 100%;
        padding: 15px;
        border: none; 
        text-align: left !important; 
    }

    .woocommerce-checkout .woocommerce table.shop_table tr.cart_item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .woocommerce-checkout .woocommerce table.shop_table td.product-name{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 75%;
    }
    .woocommerce-checkout .woocommerce table.shop_table td.product-name::before{
        content:none;
    }
    .woocommerce-checkout .woocommerce .chck-product-image{
        margin-top:10px;
    }
    .woocommerce-checkout .woocommerce .chck-product-image img {
        width: 65px;
        height: 65px;
    }
    .woocommerce-checkout .woocommerce table.shop_table td.product-total{
        width:175px;
        text-align: right !important;
    }

    .woocommerce-checkout .woocommerce table.shop_table tr.cart-subtotal, .woocommerce-checkout .woocommerce table.shop_table tr.order-total{
        display: flex;
        justify-content: space-between;
    }

    .woocommerce-checkout .woocommerce table.shop_table tr.cart-subtotal td, .woocommerce-checkout .woocommerce table.shop_table tr.order-total td, .woocommerce-checkout .woocommerce table.shop_table tr.cart-subtotal th, .woocommerce-checkout .woocommerce table.shop_table tr.order-total th{
        width:auto;
        border-top:none;
    }

    :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button{
        float: right !important;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text{
        width: 310px;
        height: 90px;
    }
    .custom-cart-layout .cart_totals h2{
        font-size: 40px;
    }
    .cart_totals .cart-subtotal th, .cart_totals .order-total th{
        display: none;
    }
    .custom-cart-layout .cart_totals .checkout-button{
        width: 580px;
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
        width: 100%;
    }

    .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
        width: 100%;
    }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
    .woocommerce form .form-row .input-text, .woocommerce form .form-row select{
        height: 65px;
        font-size: 40px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation{
        width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li{
        float:left;
        font-size: 32px;
        border:1px solid #ccc;
        padding-left:25px;
        padding-right:25px;
    }
    .select2-container .select2-dropdown, .select2-container .select2-selection{
        height: 65px;
    }
    .custom-cart-layout .cart_totals{
        width:100%;
    }

    .woocommerce-order-overview.order_details {
        display: block; 
        width: 100%;
        padding: 0;
        border: 1px solid #e0e0e0; 
    }

    .woocommerce-order-overview.order_details li {
        width: 100%;
        display: block;
        float: none; 
        padding: 15px 20px !important;
        border-right: none; 
        border-bottom: 1px solid #e0e0e0; 
        text-align: left;
        font-size: 32px;
    }

    .woocommerce-order-overview.order_details li:last-child {
        border-bottom: none;
    }

    .woocommerce-order-overview.order_details li strong {
        display: block; 
        margin-top: 4px;
    }
    .woocommerce-column__title{
        font-size: 32px;
    }
    .comments h3{
        font-size: 36px;
    }
    .comments .form-control.comments-textarea{
        height: 300px !important;
    }
    
}
@media only screen and (max-width: 575px) {
    .site-tagline{padding-left: 0;}
    .woocommerce .products ul, .woocommerce ul.products{display: grid;grid-template-columns: auto !important;}
    .woocommerce .products ul::before,
    .woocommerce ul.products::before {content: none !important;display: none !important;}
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 100% !important;}
    .woocommerce div.product div.images .flex-control-thumbs li{margin-right: 10px;margin-bottom:10px;}
    .woocommerce div.product div.images .flex-control-thumbs li{width: 20%;padding: 5px;}
    .woocommerce-checkout form.checkout.woocommerce-checkout{flex-direction: column;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    
    header.header{float: left;width: 40%;position: fixed;z-index: 100;height: -webkit-fill-available;left:0;z-index: 1000;transform: translateX(-100%);transition: transform 0.3s ease-in-out;overflow-y: auto;}
    .header.active {transform: translateX(0);}
    .content-wrapper{float: left;width: 100%;position: relative;}
    .header-content{padding: 5px 20px 15px 17px;}
    .content-wrapper .open{display: block;}
    .site-tagline{padding-left: 0;}
    .woocommerce .products ul, .woocommerce ul.products{display: grid;grid-template-columns: auto !important;}
    .woocommerce .products ul::before,
    .woocommerce ul.products::before {content: none !important;display: none !important;}
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 100% !important;}
    .woocommerce-checkout form.checkout.woocommerce-checkout{flex-direction: column;}
}
@media only screen and (min-width: 768px)  and (max-width: 991px) {

    header{float: left;}
    /* .content-wrapper{float: left;width: 60% !important;} */
    .woocommerce .products ul, .woocommerce ul.products{
        display: grid;
        grid-template-columns: auto !important;
    }
    .woocommerce .products ul::before,
    .woocommerce ul.products::before {
        content: none !important;
        display: none !important;
    }
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        width: 100% !important;
    }
    .woocommerce-checkout form.checkout.woocommerce-checkout{flex-direction: column;}
} 
@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .content-wrapper{float: left;width: 80%;}
    header{width: 30% !important;}
    .content-wrapper{width:70% !important;}
    .header-content{padding: 5px 17px 15px 12px;}
    .woocommerce .products ul, .woocommerce ul.products{
        display: grid;
        grid-template-columns: auto !important;
    }
    .woocommerce .products ul::before,
    .woocommerce ul.products::before {
        content: none !important;
        display: none !important;
    }
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        width: 100% !important;
    }
    .woocommerce-checkout form.checkout.woocommerce-checkout{flex-direction: column;}
}

@media only screen and (min-width: 1201px)  and (max-width: 1400px) {
    /* header{width: 25% !important;}
    .content-wrapper{width:75% !important;} */
    header .cancel{display: none;}
    .header-content{padding: 5px 30px 15px 30px;}
    .category-wrapper{padding: 15px 30px;}
    .content-wrapper .open{display: none;}
    .woocommerce .products ul, .woocommerce ul.products{
        display: grid;
        grid-template-columns: auto auto auto;
    }
    .woocommerce .products ul::before,
    .woocommerce ul.products::before {
        content: none !important;
        display: none !important;
    }
    .woocommerce .products ul, .woocommerce ul.products::before{}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        width: 100% !important;
        max-width: 100% !important;
    }
}