@media all and (max-width: 1440px) {
    header .main-navbar .desktop-menu .nav-right .search-section {
        width: 300px;
    }
}

@media all and (max-width:1399px) {
    #checkout-section #order_review #checkout-table td.product-box {
        width: 350px;
    }
}

@media all and (max-width: 1220px) {

    header .main-navbar .desktop-menu {
        /* Tighter row, same gutter as the rest of the page. */
        padding-block: 12px;
    }

    header .main-navbar .desktop-menu .nav-right .search-bar {
        width: 200px;
    }

    main .cards .card-container .landing-logo img {
        width: 250px !important;
    }

}

@media all and (max-width:1099px) {
    #checkout-section #order_review #checkout-table td.product-box {
        width: 300px;
    }
}

@media all and (max-width:1024px) {
    .bottom-nav {
        display: block;
    }

    /* desktop Menu */
    header .main-navbar .desktop-menu {
        display: none;
    }

    /* The category row belongs to the desktop header; phones and tablets get
       the same categories inside the off-canvas menu instead. */
    header .shop-nav {
        display: none;
    }

    header .main-navbar .mobile-menu {
        display: block;
        /* Same gutter as the rest of the page. */
        padding-inline: var(--hebd-gutter);
    }

    header li.new-box-tag {
        display: flex;
        align-items: center;
    }

    header li.new-box-tag span.menu-label.menu-label-secondary {
        margin-left: 0;
    }


    .improve-text {
        color: #333;
        font-family: var(--hebd-font-body);
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
    }

    .service-first {
        font-family: var(--hebd-font-body);
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }

    .service-second {
        font-family: var(--hebd-font-body);
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
    }

    /* footer css  */
    footer .footer-container .footer-content {
        padding: 40px var(--hebd-gutter) 0 !important;
    }

    footer .footer-container .footer-copyright:nth-child(2) {
        padding-bottom: 50px;
    }



    .filter-btn {
        width: 100%;
    }

    .loved-product__title {
        font-size: 22px;
        margin-bottom: 14px;
    }

    /* product css */
    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery {
        flex-direction: column;
    }

    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery .flex-viewport,
    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
        max-width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a {
        height: 100%;
    }

    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
        display: flex;
        margin: 20px 0 0;
        width: 100%;
        max-height: none;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
    }

    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
        flex: 0 0 auto;
        width: 90px;
        height: 90px;
        margin-bottom: 0;
        margin-right: 10px;
    }

    main #product-section .product-content-wrapper .product-images .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li:nth-last-child(1) {
        margin-right: 0;
    }

    /* wishlist css  */
    main .wish-container .wish-content .wish-error {
        font-size: 42px;
        font-weight: 600;
        line-height: 50px;
    }

    main .wish-container .wish-content .wish-btn {
        padding: 15px 40px;
    }

    main .healthy-image-content .cash-on-delevery {
        max-width: 524px;
        height: 120px;
    }

    main .healthy-image-content .cash-on-delevery img {
        width: 407px;
        height: 82px;
    }

    main .card-section .card-container .card-content {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

    main .card-section .card-container .card-content .card-items img {
        height: 70%;
        width: 70%;
    }

    .absolute-card {
        top: 0 !important;
    }

    main .card-section .card-container {
        padding: 0px 0px !important;
    }
}

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

    /* navbar css start  */
    header .navigation .midium-small-navbar {
        padding: 5px 0;
    }

    .cart-badge {
        right: 35% !important;
    }

    /* checkout css start  */
    main .checkout-section .checkout-container .order-details {
        flex-direction: column;
        align-items: center;
    }

    main .checkout-section .checkout-container .order-detail-item {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    main .checkout-section .checkout-container .checkout-header {
        display: none;
    }

    main.custom-button {
        background-color: #276B41;
        font-family: var(--hebd-font-body);
        font-size: 22px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.6px;
        border-radius: 5px 5px 5px 5px;
        padding: 16px 36px 16px 36px;
    }

    #checkout-section #order_review #checkout-table td.product-box {
        min-width: 500px;
    }

    #login-register-section #customer_login .form-box {
        padding-right: 0;
        border: 0;
    }

    #login-register-section #customer_login .mobile-divider {
        display: flex;
    }
}

@media all and (max-width:800px) {

    main .custom-button {
        padding: 12px 24px 12px 24px;
    }
}

@media all and (max-width: 776px) {
    footer .footer-container .footer-content {
        padding: 20px var(--hebd-gutter);
        overflow: hidden;
    }

    footer .footer-container .footer-content .links-content {
        display: flex;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0px 20px !important;
    }

}

@media all and (max-width:768px) {

    #cart-section form.woocommerce-cart-form table thead,
    #cart-section form.woocommerce-cart-form table tbody tr td::before {
        display: none;
    }

    #cart-section form.woocommerce-cart-form table tbody tr {
        border-bottom: 2px solid rgba(0, 0, 0, 0.105);
    }

    #cart-section form.woocommerce-cart-form table tbody tr td {
        border-top: none !important;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.105) !important;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td .mobile-title {
        display: block;
        color: #777;
        font-family: var(--hebd-font-heading);
        font-weight: 500;
        font-size: 14px;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td:nth-last-child(1) {
        border-bottom: none !important;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper button.btn,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper .quantity input {
        padding: 5px !important;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper .quantity input {
        font-size: 12px;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td.copun-box .coupon {
        border: 2px dashed rgba(0, 0, 0, 0.105) !important;
    }

    #cart-section form.woocommerce-cart-form table tbody tr td.copun-box .coupon input {
        border: 2px solid rgba(0, 0, 0, 0.105);
    }

    #cart-section form table tbody .product-remove {
        display: none;
        border-bottom: none !important;
        border-top: none !important;
    }

    #cart-section form table tbody .product-name,
    #cart-section form table tbody .product-price,
    #cart-section form table tbody .product-subtotal,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper.cart-product-quantity {
        display: flex;
        justify-content: space-between;
    }

    #cart-section form table tbody .product-price,
    #cart-section form table tbody .product-subtotal,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper.cart-product-quantity {
        align-items: center;
    }

    #cart-section form table tbody .product-name a:not(.remove) {
        color: #000 !important;
    }

    #cart-section form table tbody .product-name .mobile-title a {
        font-size: 30px;
    }

    #cart-section form table tbody tr td.product-thumbnail {
        display: block !important;
        position: absolute;
        padding: 0;
        width: 100px;
        height: 100px;
        border-bottom: none !important;
        border-top: none !important;
    }

    #cart-section form table tbody tr td.product-thumbnail a {
        padding: 0;
    }

    #cart-section form table tbody tr td.product-thumbnail img {
        height: 100% !important;
        width: 100% !important;
    }

    #cart-section form table tbody .product-name,
    #cart-section form table tbody .product-price,
    #cart-section form table tbody .product-subtotal,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper.cart-product-quantity {
        max-width: 80%;
        margin-left: auto;
    }

    #cart-section form table tbody tr.copun-box {
        margin: 40px 0;
        border: 2px dashed rgba(0, 0, 0, 0.105);
    }

    #cart-section form table tbody tr.copun-box .coupon {
        flex-direction: column;
        width: 100%;
        padding: 20px;
    }

    #cart-section form table tbody tr.copun-box .coupon input,
    #cart-section form table tbody tr.copun-box .coupon button {
        width: 100% !important;
    }

    #cart-section form table tbody tr.copun-box .coupon input {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    #checkout-section #order_review #checkout-table td.product-box {
        min-width: 400px;
    }

    #thankyou-section .woocommerce-order ul.order_details {
        flex-direction: column;
    }

    #thankyou-section .woocommerce-order ul.order_details li {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.105);
    }

    #thankyou-section .woocommerce-order p.woocommerce-notice {
        font-size: 22px;
        margin-bottom: 32px;
    }

    #thankyou-section .woocommerce-order ul.order_details li p.description {
        font-size: 18px;
        word-break: break-word;
    }

    .woocommerce-order-details h2.woocommerce-order-details__title,
    .woocommerce-customer-details .woocommerce-column__title {
        font-size: 25px !important;
    }

    .woocommerce-order-details table.shop_table.order_details thead th {
        font-size: 17px;
    }

    .woocommerce-order-details table.shop_table.order_details tbody tr td,
    .woocommerce-order-details table.shop_table.order_details tbody tr td a,
    .woocommerce-order-details table.shop_table.order_details tfoot tr th,
    .woocommerce-order-details table.shop_table.order_details tfoot tr td {
        font-size: 16px;
    }

    #wishlist-page-wrapper .no-product {
        max-width: 100%;
    }

    #wishlist-page-wrapper .no-product svg {
        height: 100px;
        width: 100px;
        margin-bottom: 20px;
    }

    #wishlist-page-wrapper .no-product h1 {
        font-size: 32px;
    }
}

@media all and (max-width: 660px) {
    #checkout-section form.checkout_coupon.woocommerce-form-coupon {
        flex-direction: column;
    }

    #checkout-section form.checkout_coupon.woocommerce-form-coupon p,
    #checkout-section form.checkout_coupon.woocommerce-form-coupon input,
    #checkout-section form.checkout_coupon.woocommerce-form-coupon button {
        width: 100% !important;
    }

    #checkout-section #order_review #checkout-table td.product-box {
        min-width: 350px;
    }
}

@media all and (max-width:576px) {

    #checkout-section #order_review #checkout-table td.product-box .product-info .product-mobile-price {
        display: block;
    }

    #checkout-section #order_review #checkout-table thead th.right,
    #checkout-section #order_review #checkout-table tbody td.product-d-price {
        display: none;
    }

    #checkout-section #order_review #checkout-table thead th,
    #checkout-section #order_review #checkout-table tfoot ul#shipping_method,
    #checkout-section #order_review #checkout-table td.product-box {
        min-width: 100%;
        width: 100%;
    }

    #checkout-section #order_review #checkout-table tfoot tr {
        display: flex;
        height: 100%;
    }

    #checkout-section #order_review #checkout-table tfoot tr th,
    #checkout-section #order_review #checkout-table tfoot td {
        display: inline-block;
        width: 100%;
    }

    #checkout-section #order_review #checkout-table tfoot tr th {
        display: flex;
        align-items: center;
    }
}

/* Single product price on phones. */
@media all and (max-width: 767.98px) {

    #product-section .product-content-wrapper .product-summary .product-price .price {
        margin: 8px 0 16px;
        font-size: 24px;
    }

    #product-section .product-content-wrapper .product-summary .product-price .price del {
        font-size: 16px;
    }
}

/* Product carousels on phones (Swiper shows two cards below 576px): swiping
   and the dots move the row, so the arrows go, and so does the side padding
   that only made room for them. The cards line up with the page gutter. */
@media all and (max-width: 575.98px) {

    .slider-products .swiper-button-next,
    .slider-products .swiper-button-prev {
        display: none;
    }

    .slider-products.px-4 {
        padding-inline: 0 !important;
    }
}

@media all and (max-width:550px) {

    #cart-section form table tbody .product-name,
    #cart-section form table tbody .product-price,
    #cart-section form table tbody .product-subtotal,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper.cart-product-quantity {
        max-width: 70%;
    }
}

@media all and (max-width:512px) {}

@media all and (max-width:496px) {}

@media all and (max-width:424px) {}

@media all and (max-width:400px) {

    #cart-section form table tbody .product-name,
    #cart-section form table tbody .product-price,
    #cart-section form table tbody .product-subtotal,
    #cart-section form.woocommerce-cart-form table tbody tr td.product-quantity.quantity-wrapper.cart-product-quantity {
        max-width: 60%;
    }

    #checkout-section #order_review #checkout-table tfoot tr th {
        width: 100px;
    }
}

@media all and (max-width:360px) {}