/*
  Responsive Stylesheet
  This file contains all media queries and responsive adjustments
  to ensure optimal layout and usability across different screen sizes.
*/


@media screen and (max-width: 1300px) {
    .woocommerce .cart-item .right {
        flex: 0 0 150px;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-statistics {
        flex-wrap: wrap;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-statistics .item {
        width: 48%;
    }
}

@media screen and (max-width: 1200px) {

    .header .bottom, .header .header-one .middle {
        padding: 16px 24px !important;
    }

    .archive-container,
    .categories.archive-page ,
    .product-container ,
    .product-contents ,
    .related-products-container ,
    .related-blogs-container ,
    .breadcrumb,
    .woocommerce .woocommerce-breadcrumb,
    .product-contents,
    .blog-details,
    .comments-container,
    .search-results-container ,
    form.woocommerce-cart-form,
    form.checkout.woocommerce-checkout,
    .woocommerce-order,
    .woocommerce-notices-wrapper,
    .woocommerce-form-login-toggle,
    .woocommerce-form-coupon-toggle,
    .woocommerce form.checkout_coupon,
    .account-container,
    .wc-empty-cart-message, .return-to-shop,
    article.page ,
    .footer {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }

    .archive-container .archive-sidebar .widgets,
    .blog-details .sidebar .categories {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .archive-blogs .blogs {
        margin: 0 !important;
        justify-content: center;
    }

    .related-blogs .blogs {
        margin: 0 !important;
    }

    .best-selling-products .best-selling-products-slider {
        width: calc(100% - 270px);
    }

    .woocommerce ul.order_details {
        flex-wrap: wrap;
        justify-content: center;
    }

    .woocommerce ul.order_details li {
        width: 45%;
    }

    .woocommerce-account .account-container {
        width: calc(100% - 48px);
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        padding: 24px 0 24px 0;
        border-left: none;
        border-bottom: 1px solid #f4f4f7;
        display: none;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    .show-account-navigation-btn {
        border: none;
        display: block;
        padding: 12px 16px;
        border-radius: 8px;
        background: #ff0078;
        color: white;
        margin-top: 32px;
    }

    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals,
    .woocommerce .cart-items, .woocommerce-page .cart-items,
    .woocommerce div#customer_details .checkout-billing,
    .woocommerce div#customer_details div#order-review {
        width: 100%;
    }

    form.woocommerce-cart-form,
    .woocommerce div#customer_details {
        flex-wrap: wrap;
        gap: 24px;
    }
}

@media screen and (max-width: 991px) {
    .header .header-one .bottom .nav-container ul.nav {
        display: none;
    }

    .header .header-two .bottom {
        margin: 0;
    }

    .header .header-two .bottom .right .nav,
    .header .header-two .bottom .right .mega-menu-box {
        display: none;
    }

    .product-content {
        width: 100%;
    }

    .product-sidebar {
        width: 0;
        display: none;
    }

    .header .header-one .bottom .nav-container ul.nav {
        display: none;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .footer .footer-top {
        justify-content: center;
        gap: 16px;
        flex-direction: column-reverse;
    }

    .blog-details .sidebar {
        right: -500px;
        position: absolute;
        transition: all 0.3s;
        width: 0;
    }

    .blog-details .sidebar.open {
        right: 1px;
        position: fixed;
        z-index: 12;
        top: 0;
        border-radius: 0;
        width: 300px;
        background: white;
        justify-content: start;
        height: 100vh;
        overflow-y: auto;
        padding-top: 20px;
    }

    .blog-details .content {
        width: 100%;
    }

    .archive-sidebar .widgets .widget,
    .archive-sidebar .search-container {
        box-shadow: unset !important;
    }

    .archive-container .archive-blogs {
        width: 100% !important;
    }

    .archive-container .toggle-blog-archive-sidebar {
        display: flex !important;
    }

    .header .header-one .right .nav {
        display: none !important;
    }
}

@media screen and (max-width: 800px) {
    .footer-widgets {
        flex-wrap: wrap;
    }

    .footer-widget {
        width: 100% !important;
    }

    .services {
        flex-wrap: wrap;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: space-around !important;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .footer-bottom p {
        text-align: center;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-orders {
        flex-wrap: wrap;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-orders .item-order {
        width: 48%;
    }
}

@media screen and (max-width: 768px) {
    .archive-products-sidebar {
        width: 100%;
        margin-bottom: 20px;
    }

    .product-card.card-four {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .product-card.card-four img {
        width: 100px;
        height: 100px;
    }

    .product-card.card-four .product-price, .product.on-sale .product-card.card-four .product-price {
        width: auto !important;
        text-align: center;
    }

    .product-card.card-four h3 {
        justify-content: center;
        margin-bottom: 16px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        width: 100%;
        flex-direction: column;
        margin: 0 4px;
        justify-content: center;
        align-items: center;
    }

    .product-container .product-meta-action {
        flex-direction: row;
    }

    .product-container .product-actions {
        width: 100%;
        margin-top: 48px;
    }

    .woocommerce div.product div.summary {
        width: 100%;
        margin-top: 48px;
    }

    .rate {
        flex-wrap: wrap;
    }

    .product-actions .offer {
        justify-content: center;
        align-items: center;
    }

    .product-container .additional-attributes .attribute {
        flex-direction: column;
        align-items: start;
    }

    .product-container .product-price {
        flex-direction: column;
        gap: 16px;
        margin: 16px 0;
    }

    .product-actions .offer img {
        display: none;
    }

    .product-container .additional-info {
        max-width: unset;
    }

    .comments-container {
        flex-direction: column;
    }

    .nav-content .comments-sidebar {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
        gap: 4px;
        width: 100%;
        position: unset !important;
        top: unset !important;
    }

    .nav-content .comments-content {
        width: 100%;
    }

    .nav-content .comments-content .comments {
        margin: 0 !important;
    }

    .nav-content .comments-content .comments .comment-item {
        padding: 12px 8px;
        margin: 0;
    }

    .woosw-popup .woosw-items .woosw-item .woosw-item-inner {
        flex-direction: column;
        gap: 8px;
    }

    .woosw-item:not(:last-child) {
        border-bottom: solid 1px #ebeef1;
    }

    .woocommerce-cart .cart-item {
        flex-direction: column;
    }

    .woocommerce .cart-item .left {
        align-items: center;
        width: 100%;
    }

    .checkout_coupon.woocommerce-form-coupon {
        flex-direction: column;
        display: flex;
    }

    #woocommerce-checkout-form-coupon p {
        width: 100% !important;
    }

    .product-card.card-two {
        min-width: unset !important;
    }

    .product-card.card-two {
        flex-wrap: wrap !important;
    }

    .product-card.card-two .left,
    .product-card.card-two .right {
        width: 100% !important;
    }

    .product-card.card-two h3 {
        justify-content: center;
        text-align: center;
    }

    .header .header-one .bottom {
        display: none !important;
    }

    .header .header-one .middle {
        padding: 16px !important;
    }

    .shop-loop-toolbar {
        flex-direction: column;
        align-items: end;
        gap: 20px
    }

    .archive-products form.woocommerce-ordering {
        width: 100%;
    }

    .woocommerce table.shop_attributes tr, .woocommerce-page table.shop_attributes tr {
        display: flex !important;
    }
}

@media screen and (max-width: 700px) {
    body {
        padding-bottom: 60px;
    }

    .amazing-products {
        flex-direction: column !important;
    }

    .amazing-products-controller {
        display: none !important;
    }

    .amazing-products-controller-mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .amazing-products-controller-mobile .countdown {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 8px;
    }

    .amazing-products-controller-mobile .countdown img {
        width: 100px;
        height: 20px;
    }

    .amazing-products-controller-mobile .link .text,
    .amazing-products-controller-mobile .icon {
        color: white !important;
    }

    .amazing-products-slider {
        width: calc(100% - 12px) !important;
    }

    .amazing-slider .item {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .banners {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 32px;
    }

    .banners .banner {
        width: 100% !important;
    }

    .woocommerce .cart-coupon {
        flex-direction: column;
        gap: 16px;
    }

    form.woocommerce-cart-form {
        padding: 12px !important;
    }

    .cart-process {
        width: 90%;
    }
}

@media screen and (max-width: 600px) {
    .owl-carousel.slider-main .owl-item img {
        height: 120px;
    }

    .header .right {
        display: block
    }

    .best-selling-products {
        flex-wrap: wrap !important;
    }

    .best-selling-products .best-selling-products-slider {
        width: 100% !important;
    }

    .best-sell-product,
    .best-sell-product .product-card {
        width: 100% !important;
    }

    .best-selling-products-slider .item {
        margin: 0 !important;
    }

    .related-products ul.products li.product {
        width: 100% !important;
        float: unset !important;

    }

    .woocommerce .cart-item .cart-item-action {
        flex-direction: column;
    }

    .woocommerce .cart-item .cart-item-action div {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-statistics .item {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content .user-orders .item-order {
        width: 100%;
    }

    .floating-contact.hide-mobile {
        display: none !important;
    }

    .header .middle {
        height: auto;
        flex-direction: column;
        gap: 16px;
    }

    .header .left {
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header .header-one .left {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    .archive-blogs .blogs .item {
        width: calc(100% - 24px);
    }

    .amazing-products-controller-mobile {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }

    .bottom-navigation li a .text {
        display: none;
    }

    .bottom-navigation li a .icon {
        font-size: 20px;
    }

    .users-comments .comment-item .comment-header {
        flex-direction: column;
        gap: 16px;
    }

    .users-comments .comment-item .comment-header h3 {
        text-align: center;
    }

    .archive-products .products .product {
        width: 100% !important;
    }

    .archive-products.style1 .products .product {
        border-left: none;
        width: 100% !important;
    }

    .woocommerce .cart-coupon .coupon button {
        position: relative !important;
        left: unset !important;
    }

    .woocommerce .cart-coupon input {
        padding: 16px 16px 16px 16px !important;
        width: 100%;
    }

    .woocommerce .order_details:not(table.order_details) a {
        width: calc(100%);
        gap: 16px;
    }

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .woocommerce form.login, .woocommerce form.register , .customer_lost_password_form form.woocommerce-ResetPassword.lost_reset_password {
        margin: 2em 24px !important;
    }

    .woocommerce table.shop_attributes tr {
        display: flex;
        flex-direction: column;
    }

}

@media screen and (max-width: 400px) {
    .product-card.card-two .product-card-bottom {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }

    .product-card.card-two .product-price {
        width: 100%;
        justify-content: center;
    }

    .brands-slider .owl-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-container .offer {
        flex-direction: column;
        gap: 8px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        padding: 0;
    }
}

@media screen and (max-width: 350px) {

    .header .header-two .bottom {
        gap: 8px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header .header-two .left {

        display: block
    }

    .header .header-two .right {
        display: block
    }

    .countdown {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }

    .product-card.card-four .bottom .rate {
        display: none;
    }

    .product-card.card-four .bottom .divider {
        display: none;
    }

    .archive-products.style2 .products .product {
        width: calc(100%) !important;
    }
}

@media screen and (min-width: 701px) {
}

@media screen and (min-width: 992px) {
    .floating-contact.hide-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 991px) {
    .floating-contact.hide-tablet {
        display: none !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 1100px) {

    .related-products ul.products li.product {
        width: 48% !important;
        margin: 0 0 16px 0;
    }

    .related-products ul.products li.product:not(:nth-child(2n)) {
        margin: 0 0 16px 2% !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 1400px) {
    .archive-products.style2 .products .product {
        width: calc(33.33%) !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 768px) {

    .archive-products.style1 .products .product {
        width: 50% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(2n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {

    .archive-products.style1 .products .product {
        width: 33.33% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(3n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (max-width: 991px) {

    .bottom-navigation-bar {
        display: flex;
    }

    .archive-container .archive-sidebar ,
    .archive-container .archive-products-sidebar {
        right: -500px;
        position: absolute;
        transition: right 0.3s;
        width: 0;
    }

    .archive-container .archive-sidebar.open,
    .archive-container .archive-products-sidebar.open
    {
        right: 1px;
        position: fixed;
        z-index: 100;
        top: 0;
        border-radius: 0;
        width: 300px;
        background: white;
        height: 100vh;
        justify-content: start;
        overflow-y: auto;
        border-left: 1px solid #eee;
    }

    .recently-viewed-block , .custom-shop-filter {
        box-shadow: none;
    }

    .archive-sidebar .widgets .widget,
    .archive-sidebar .search-container {
        box-shadow: unset !important;
    }

    .archive-container .archive-products {
        width: 100% !important;
    }

    .archive-container .toggle-archive-sidebar {
        display: flex !important;
        z-index: 101;
    }

    .archive-sidebar .search-container {
        border: 1px solid #eee !important;
    }
}

@media screen and (min-width: 351px) and (max-width: 500px) {

    .archive-products.style2 .products .product {
        width: calc(50%) !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 1100px) {

    .woocommerce .order_details:not(table.order_details) a {
        width: calc(50% - 16px)
    }

}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .archive-products.style1 .products .product {
        width: 50% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(2n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1500px) {
    .archive-products.style1 .products .product {
        width: 33.33% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(3n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1650px) {
    .archive-products.style1 .products .product {
        width: 25% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(4n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1500px) {
    .woocommerce div.product div.images.woocommerce-product-gallery {
        width: 30%;
    }

    .product-container .product-actions {
        width: 25%;
    }

    .woocommerce div.product div.summary {
        width: 45%;
    }

    .product-container .quantity {
        padding: 8px 5px;
        /*width: 100%;*/
    }


    .product-container .additional-info {
        padding: 8px;
    }

    .product-container .additional-info p {
        font-size: 10px;
    }

    .product-container .product-price {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .product-container .additional-attributes .attribute {
        flex-wrap: wrap;
        align-items: start;
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {

    .archive-blogs .blogs .item {
        width: calc(33.33 - 24px);
    }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
    .archive-blogs .blogs .item {
        width: calc(50% - 24px);
    }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
    .woocommerce div.product div.images.woocommerce-product-gallery {
        width: 50%;
        margin: unset;
    }

    .product-container .product-actions {
        width: 100%;
        margin-top: 16px;
    }

    .woocommerce div.product div.summary {
        width: 50%;
        margin: unset;
        border-left: unset;
    }

    .product-container .additional-info {
        padding: 8px;
    }

    .product-container .additional-info p {
        font-size: 10px;
    }

    .product-container .additional-attributes {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1101px) {
    .related-products ul.products li.product:not(:last-child) {
        margin: 0 0 16px 2%;
    }
}

@media screen and (min-width: 1501px) {
    .product-container .additional-attributes .attribute {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .product-container h1 {
        font-size: 20px;
    }

    .product-container .product-title-en {
        font-size: 15px;
    }

    .blogs .item .date {
        font-size: 12px;
    }
}

@media screen and (min-width: 1651px) {
    .archive-products.style1 .products .product {
        width: 20% !important;
    }

    .archive-products.style1 .products .product:not(:nth-child(5n)) {
        border-left: solid 1px #ebeef1;
    }
}

@media screen and (min-width: 1801px) {
    .woocommerce div.product div.images.woocommerce-product-gallery .product-img {
        width: auto;
        height: 320px;
    }

    .archive-blogs .blogs .item {
        width: calc(20% - 24px);
    }
}

@media screen and (min-width: 2001px) {
    body {
        width: 2000px;
        max-width: 2000px;
        margin: 0 auto;
    }

}