@media (max-width: 1899.98px) {
    .h1 {
        font-size: 88px;
    }

    .h2 {
        font-size: 59px;
    }

    .h3 {
        font-size: 46px;
    }

    .h4 {
        font-size: 42px;
    }

    .h5 {
        font-size: 34px;
    }

    .h6 {
        font-size: 28px;
    }

    .font-56 {
        font-size: 54px;
        line-height: normal;
    }

    .font-28 {
        font-size: 26px;
        line-height: normal;
    }

    .font-24 {
        /* font-size: 22px; change font size */
        font-size: 20px;
        line-height: normal;
    }

    .font-22 {
        font-size: 20px;
        line-height: normal;
    }

    .font-20 {
        font-size: 18px;
        line-height: normal;
    }

    .font-18 {
        font-size: 16px;
        line-height: normal;
    }

    .font-16 {
        font-size: 15px;
        line-height: normal;
    }

    .font-15 {
        font-size: 14px;
        line-height: normal;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn_22,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        font-size: 20px;
    }

    .btn_24 {
        font-size: 22px;
    }

    .btn_30 {
        font-size: 28px;
    }
}

@media (max-width: 1799.98px) {
    .custom-container {
        max-width: 1670px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main .navbar-container {
        max-width: 1670px;
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 22px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        padding: 20px 20px;
    }
}

@media (max-width: 1699.98px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 84px;
    }

    .h2 {
        font-size: 56px;
    }

    .btn_lg {
        min-width: 274px;
    }

    .custom-container {
        max-width: 1580px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main .navbar-container {
        max-width: 1580px;
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 20px;
        margin-left: 30px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        padding: 18px 20px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn {
        margin-left: 38px;
    }

    .header-logo .custom-logo-link .custom-logo {
        max-width: 220px;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-sec .contact-title {
        font-size: 84px;
    }

    .contact-info-main .contact-info-wrapper {
        width: 720px;
    }

    .contact-info-sec .contact-info-card-wrapper {
        padding: 20px 26px;
    }

    .contact-info-main .git-form-wrapper {
        width: calc((100% - 720px) - 80px);
    }

    .contact-info-card .contact-card .contact-info-text {
        font-size: 18px;
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer .footer .footer-left {
        width: 570px;
    }

    .main-footer .footer {
        gap: 190px;
    }

    .main-footer .footer .footer-right {
        width: calc((100% - 570px) - 190px);
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 1320px;
    }
}

@media (max-width: 1599.98px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 82px;
    }

    .h2 {
        /* font-size: 54px; change font Size*/
        font-size: 50px;
    }

    .h3 {
        /* font-size: 45px; change font Size */
        font-size: 38px;

    }

    .h4 {
        font-size: 42px;
    }

    .h6 {
        font-size: 25px;
    }

    .font-56 {
        font-size: 50px;
    }

    .font-24 {
        font-size: 18px;
    }

    .font-22 {
        font-size: 18px;
    }

    /* 11 : Form & Input Style BOF
  ==================================================== */

    .form-label,
    .myaccount-page #customer_login form.login .form-row label,
    .myaccount-page #customer_login form.register .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label,
    .my-account-page .lost_reset_password .form-row label {
        font-size: 21px;
    }

    .form-control,
    .form-select,
    .myaccount-page #customer_login form.login .form-row .woocommerce-Input,
    .myaccount-page #customer_login form.register .form-row .woocommerce-Input,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container .select2-selection__rendered,
    .my-account-page .lost_reset_password .form-row .input-text {
        font-size: 18px;
        padding: 15px 11px;
        height: 65px;
    }

    textarea.form-control {
        padding: 15px 11px;
        height: 136px;
    }

    /** Placeholder CSS BOF **/
    .form-control::placeholder {
        font-size: 18px;
    }

    .form-control::-moz-placeholder {
        font-size: 18px;
    }

    .form-control:-ms-input-placeholder {
        font-size: 18px;
    }

    .form-control::-webkit-input-placeholder {
        font-size: 18px;
    }

    .form-control::-o-input-placeholder {
        font-size: 18px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn_lg {
        min-width: 264px;
    }

    .btn_22,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        font-size: 18px;
    }

    .btn_30 {
        font-size: 25px;
    }

    .btn,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        padding: 16px 14px;
    }

    /* ARROW ICON BUTTON  */
    .outline-arrow-btn {
        gap: 35px;
        padding: 18px 28px;
        min-width: 210px;
    }

    /* ICON BUTTON */

    .icon-btn .icon {
        width: 56px;
        height: 56px;
    }

    /* GRADIENT ICON BUTTON */

    .gradient-btn {
        min-width: 215px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 100px 0;
    }

    .common-padding-t120 {
        padding-top: 100px;
    }

    .common-padding-b120 {
        padding-bottom: 100px;
    }

    .common-padding-t70 {
        padding-top: 60px;
    }

    .common-padding-t60 {
        padding-top: 50px;
    }

    .common-padding-b60 {
        padding-bottom: 50px;
    }

    .header_padding,
    .myaccount-page,
    .cart-page {
        padding-top: 190px;
    }

    .custom-container {
        max-width: 1430px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main {
        padding-top: 24px;
    }

    .header-main .header-inner-main .navbar-container {
        max-width: 1430px;
    }

    .header-logo .custom-logo-link .custom-logo {
        max-width: 200px;
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 18px;
        margin-left: 20px;
        padding: 20px 0;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn {
        margin-left: 25px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        padding: 18px 16px;
        min-width: 145px;
    }

    /* ===============================================
==================================================
            GET IN TOUCH SECTION
==================================================
=============================================== */

    .get-in-touch-sec {
        margin-top: 34px;
    }

    .get-in-touch-wrapper .support-content-wrapper {
        padding: 140px 420px 110px 0;
    }

    .support-img-wrapper {
        max-width: 520px;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-sec {
        padding: 75px 0;
    }

    .contact-info-main {
        gap: 60px;
    }

    .contact-info-sec .contact-title {
        font-size: 80px;
    }

    .contact-info-main .contact-info-wrapper {
        width: 680px;
    }

    .contact-info-sec .contact-info-card-wrapper {
        padding: 20px 26px;
    }

    .contact-info-main .git-form-wrapper {
        width: calc((100% - 680px) - 60px);
    }

    .contact-info-card .contact-card .contact-info-text {
        font-size: 17px;
    }

    .contact-info-card .contact-card {
        padding: 20px 14px;
    }

    /* ===============================================
==================================================
              LOGO BRAND SLIDER SECTION
==================================================
=============================================== */

    .logo-brand-sec {
        padding: 22px 0;
    }

    .BrandLogo-wrapper {
        max-height: 50px;
    }

    .BrandLogo-wrapper .BrandLogo {
        max-height: 50px;
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 100px 0 90px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 1220px;
    }

    .main-footer .footer {
        gap: 120px;
    }

    .main-footer .footer .footer-left {
        width: 525px;
    }

    .main-footer .footer .footer-left .footer-content {
        line-height: 140%;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-store-icon {
        max-width: 220px;
    }

    .main-footer .footer .footer-right {
        width: calc((100% - 525px) - 120px);
    }

    .footer-right .subscribe-wrapper .subscribe-input .subcribe-btn {
        max-width: 75px;
        min-width: 75px;
        max-height: 65px;
    }

    .link-follow-us-wrapper {
        gap: 40px;
        padding-top: 80px;
    }

    .link-follow-us-wrapper .footer-link {
        width: calc((100% - 450px) - 40px);
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 450px;
    }

    .folow-us-wrapper .social-icons-wrapper .social-icons {
        width: 58px;
        height: 58px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page .entry-title,
    .cart-page .entry-title {
        font-size: 44px;
        line-height: 48px;
    }

    .myaccount-page #customer_login h2 {
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 1399.98px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 72px;
    }

    .h2 {
        /* font-size: 50px; change font Size*/
        font-size: 46px;
    }

    .h3 {
        /* font-size: 42px; Change Font Size */
        font-size: 34px;
    }

    .h4 {
        font-size: 38px;
    }

    .h5 {
        font-size: 32px;
    }

    .h6 {
        font-size: 22px;
    }

    .font-18 {
        font-size: 17px;
    }

    .font-20 {
        font-size: 17px;
    }

    .font-24 {
        font-size: 18px;
    }

    .font-28 {
        font-size: 24px;
    }

    .font-56 {
        font-size: 44px;
    }

    /* COMMON PADDING */
    .header_padding,
    .myaccount-page,
    .cart-page {
        padding-top: 177px;
    }

    /* COMMON ARC VECTOR  */

    .bg-arc-vector {
        position: absolute;
        top: -177px;
        max-width: 800px;
        max-height: 800px;
        left: -500px;
        z-index: -1;
    }

    /* 11 : Form & Input Style BOF
  ==================================================== */

    .form-label,
    .myaccount-page #customer_login form.login .form-row label,
    .myaccount-page #customer_login form.register .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label,
    .my-account-page .lost_reset_password .form-row label {
        font-size: 19px;
    }

    .form-control,
    .form-select,
    .myaccount-page #customer_login form.login .form-row .woocommerce-Input,
    .myaccount-page #customer_login form.register .form-row .woocommerce-Input,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container .select2-selection__rendered,
    .my-account-page .lost_reset_password .form-row .input-text {
        font-size: 16px;
        height: 62px;
        border-radius: 16px;
    }

    /** Placeholder CSS BOF **/
    .form-control::placeholder {
        font-size: 16px;
    }

    .form-control::-moz-placeholder {
        font-size: 16px;
    }

    .form-control:-ms-input-placeholder {
        font-size: 16px;
    }

    .form-control::-webkit-input-placeholder {
        font-size: 16px;
    }

    .form-control::-o-input-placeholder {
        font-size: 16px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn_lg {
        min-width: 240px;
        padding: 16px 24px;
    }

    .btn_22,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        font-size: 17px;
    }

    .btn_30 {
        font-size: 22px;
    }

    .btn,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        padding: 16px 12px;
        font-size: 18px;
    }

    /* ARROW ICON BUTTON  */
    .outline-arrow-btn {
        gap: 24px;
        padding: 16px 24px;
        min-width: 200px;
    }

    /* ICON BUTTON */

    .icon-btn .icon {
        width: 52px;
        height: 52px;
    }

    /* GRADIENT ICON BUTTON */

    .gradient-btn {
        min-width: 200px;
    }

    .custom-container {
        max-width: 1230px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main .navbar-container {
        max-width: 1230px;
    }

    .header-logo .custom-logo-link .custom-logo {
        max-width: 180px;
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 18px;
        margin-left: 18px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn {
        margin-left: 22px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        min-width: 136px;
        gap: 16px;
        font-size: 18px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn svg {
        max-width: 18px;
    }

    .cart-contents svg {
        width: 22px !important;
        height: 22px !important;
    }

    .cart-contents .cart-count-number {
        width: 15px;
        min-width: 15px !important;
        height: 15px;
        font-size: 10px !important;
    }

    /* ===============================================
==================================================
            GET IN TOUCH SECTION
==================================================
=============================================== */
    .get-in-touch-wrapper .support-content-wrapper {
        padding: 110px 371px 95px 0;
    }

    .support-img-wrapper {
        max-width: 440px;
    }

    /* ===============================================
==================================================
              INKTURE BLOG SECTION
==================================================
=============================================== */

    .blog-card .blog-card-body {
        padding: 26px 16px;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-main .diamon-vector {
        bottom: -90px;
        left: -236px;
        max-height: 495px;
    }

    .contact-info-main {
        gap: 50px;
    }

    .contact-info-sec .contact-title {
        font-size: 70px;
    }

    .contact-info-main .contact-info-wrapper {
        width: 590px;
    }

    .contact-info-sec .contact-info-card-wrapper {
        padding: 18px 22px;
    }

    .contact-info-sec .contact-info-card-wrapper .contact-info-card,
    .contactUs-information .contact-info-card {
        gap: 25px;
    }

    .contact-info-card .contact-card-row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 20px;
    }

    .contact-info-card .contact-card {
        padding: 20px 18px;
    }

    .contact-info-card .contact-card .contact-icon {
        max-width: 20px;
    }

    .contact-info-card .contact-card .contact-info-text {
        font-size: 16px;
    }

    .contact-info-main .git-form-wrapper {
        width: calc((100% - 590px) - 50px);
        padding: 32px 18px;
        gap: 25px;
    }

    .contact-info-main .git-form-wrapper .git-form {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 25px;
    }

    /* ===============================================
==================================================
              LOGO BRAND SLIDER SECTION
==================================================
=============================================== */

    .logoSlider {
        gap: 65px;
    }

    .logoSlider-track {
        gap: 65px;
    }

    .BrandLogo-wrapper {
        max-height: 44px;
    }

    .BrandLogo-wrapper .BrandLogo {
        max-height: 44px;
    }

    @-webkit-keyframes scroll {

        /* Safari fallback */
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 65px));
        }
    }

    @keyframes scroll {

        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 65px));
        }
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 90px 0 80px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 1000px;
    }

    .main-footer .footer {
        gap: 80px;
    }

    .main-footer .footer .footer-left {
        width: 456px;
    }

    .main-footer .footer .footer-left .footer-logo {
        max-width: 250px;
    }

    .main-footer .footer .footer-left .footer-content {
        line-height: 140%;
        padding-top: 20px;
        margin-top: 34px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-store-icon {
        max-width: 195px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-qr-code {
        max-width: 140px;
    }

    .main-footer .footer .footer-right {
        width: calc((100% - 456px) - 80px);
    }

    .footer-right .subscribe-wrapper .subscribe-input .subcribe-btn {
        max-width: 64px;
        min-width: 64px;
        max-height: 62px;
    }

    .link-follow-us-wrapper {
        padding-top: 70px;
    }

    .link-follow-us-wrapper .footer-link {
        width: calc((100% - 400px) - 40px);
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 400px;
    }

    .folow-us-wrapper .social-icons-wrapper .social-icons {
        width: 46px;
        height: 46px;
        padding: 10px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page .entry-title,
    .cart-page .entry-title {
        font-size: 38px;
        line-height: 42px;
    }

    .myaccount-page .entry-content {
        padding: 42px 0;
    }

    .myaccount-page #customer_login h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .myaccount-page #customer_login form.register p {
        font-size: 16px;
    }

    .myaccount-page #customer_login form.login .form-row.form-row-wide,
    .myaccount-page #customer_login form.register .form-row.form-row-wide {
        margin-bottom: 20px;
    }

    .myaccount-page #customer_login form.register .woocommerce-privacy-policy-text {
        padding: 16px 0;
    }

    /* ===============================================
==================================================
              MY profile PAGE SECTION
==================================================
=============================================== */

    .my-account-page .woocommerce-MyAccount-navigation ul {
        gap: 16px;
    }

    .my-account-page .woocommerce-MyAccount-navigation ul li a {
        font-size: 16px;
    }

    /* DASHBOARD  */
    .my-account-page .woocommerce-MyAccount-content p,
    .my-account-page .lost_reset_password p {
        font-size: 16px;
        padding-bottom: 14px;
    }

    /* ORDER DETAILS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title {
        font-size: 28px;
        line-height: 32px;
    }

    /* ADDRESS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title {
        font-size: 28px;
        line-height: 32px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column address {
        font-size: 16px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
        margin-bottom: 24px;
    }

    .my-account-page .woocommerce-MyAccount-content form h2 {
        font-size: 26px;
        line-height: 30px;
    }

    /* ACCOUNT DETAILS  */

    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row,
    .my-account-page .lost_reset_password .form-row {
        margin-bottom: 24px;
    }

    /* ===============================================
==================================================
               CART PAGE
==================================================
=============================================== */

    .cart-page .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button {
        min-width: 115px;
    }
}

@media (max-width: 1199.98px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 67px;
    }

    .h2 {
        /* font-size: 45px; change font Size*/
        font-size: 42px;
    }

    .h4 {
        font-size: 32px;
    }

    .h5 {
        font-size: 30px;
    }

    .h6 {
        font-size: 19px;
    }

    .font-20 {
        font-size: 16px;
    }

    .font-22 {
        font-size: 16px;
    }

    .font-24 {
        font-size: 16px;
    }

    .font-16 {
        font-size: 15px;
    }

    .font-56 {
        font-size: 38px;
    }

    /* 11 : Form & Input Style BOF
  ==================================================== */

    .form-label,
    .myaccount-page #customer_login form.login .form-row label,
    .myaccount-page #customer_login form.register .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label,
    .my-account-page .lost_reset_password .form-row label {
        font-size: 17px;
        margin-bottom: 7px;
    }

    .form-control,
    .form-select,
    .myaccount-page #customer_login form.login .form-row .woocommerce-Input,
    .myaccount-page #customer_login form.register .form-row .woocommerce-Input,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container .select2-selection__rendered,
    .my-account-page .lost_reset_password .form-row .input-text {
        height: 58px;
        border-radius: 14px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn_lg {
        min-width: 220px;
        padding: 14px 20px;
    }

    .btn_24 {
        font-size: 19px;
    }

    .btn_30 {
        font-size: 20px;
    }

    .btn_22,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        font-size: 16px;
    }

    .btn,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        padding: 14px 12px;
    }

    /* ARROW ICON BUTTON  */
    .outline-arrow-btn {
        min-width: 175px;
    }

    .outline-arrow-btn svg {
        max-width: 24px;
        max-height: 24px;
    }

    /* ICON BUTTON */

    .icon-btn {
        padding: 5px 8px 5px 14px !important;
        gap: 20px;
    }

    .icon-btn .icon {
        width: 46px;
        height: 46px;
        padding: 11px;
    }

    /* GRADIENT ICON BUTTON */

    .gradient-btn {
        min-width: 180px;
    }

    /* COMMON BORDER RADIUS */

    .border-r-20 {
        border-radius: 15px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 80px 0;
    }

    .common-padding-t120 {
        padding-top: 80px;
    }

    .common-padding-b120 {
        padding-bottom: 80px;
    }

    .common-padding-t70 {
        padding-top: 50px;
    }

    .common-padding-t60 {
        padding-top: 40px;
    }

    .common-padding-b60 {
        padding-bottom: 40px;
    }

    .header_padding,
    .myaccount-page,
    .cart-page {
        padding-top: 147px;
    }

    .custom-container {
        max-width: 1100px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main {
        padding-top: 18px;
    }

    .header-main .header-inner-main .navbar-container {
        max-width: 1100px;
    }

    .header-main .header-inner-main nav.navbar {
        padding: 10px;
    }

    .header-logo .custom-logo-link .custom-logo {
        max-width: 160px;
    }

    .header-main .header-inner-main .header-inner {
        padding-left: 24px;
    }

    .header-menu .header-menu-inner ul li a {
        font-size: 16px;
        margin-left: 12px;
        padding: 17px 0;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn {
        margin-left: 20px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        min-width: 116px;
        gap: 14px;
        font-size: 16px;
        padding: 12px 17px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn svg {
        max-width: 16px;
    }

    /* ===============================================
==================================================
            GET IN TOUCH SECTION
==================================================
=============================================== */

    .get-in-touch-sec {
        margin-top: 25px;
    }

    .get-in-touch-wrapper .support-content-wrapper {
        padding: 85px 300px 70px 0;
    }

    .support-img-wrapper {
        max-width: 380px;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-sec {
        padding: 65px 0;
    }

    .contact-info-main .diamon-vector {
        bottom: -21px;
        left: -141px;
        max-height: 500px;
    }

    .contact-info-main {
        gap: 40px;
    }

    .contact-info-sec .contact-title {
        font-size: 55px;
    }

    .contact-info-main .contact-info-wrapper {
        width: 450px;
    }

    .contact-info-sec .contact-info-card-wrapper {
        padding: 18px 20px;
    }

    .contact-info-sec .contact-info-card-wrapper .contact-info-card,
    .contactUs-information .contact-info-card {
        gap: 15px;
    }

    .contact-info-card .contact-card-row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 15px;
    }

    .contact-info-card .contact-card {
        padding: 18px 18px;
    }

    .contact-info-card .contact-card .contact-info-text {
        font-size: 16px;
    }

    .contact-info-main .git-form-wrapper {
        width: calc((100% - 450px) - 40px);
        padding: 25px 18px;
        gap: 20px;
    }

    .contact-info-main .git-form-wrapper .git-form {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 15px;
    }

    /* ===============================================
==================================================
              LOGO BRAND SLIDER SECTION
==================================================
=============================================== */

    .logo-brand-sec {
        padding: 20px 0;
    }

    .logoSlider {
        gap: 55px;
    }

    .logoSlider-track {
        gap: 55px;
    }

    .BrandLogo-wrapper {
        max-height: 42px;
    }

    .BrandLogo-wrapper .BrandLogo {
        max-height: 42px;
    }

    @-webkit-keyframes scroll {

        /* Safari fallback */
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 55px));
        }
    }

    @keyframes scroll {

        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 55px));
        }
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 90px 0 80px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 800px;
    }

    .main-footer .footer {
        gap: 80px;
    }

    .main-footer .footer .footer-left {
        width: 352px;
    }

    .main-footer .footer .footer-left .footer-logo {
        max-width: 210px;
    }

    .main-footer .footer .footer-left .footer-content {
        line-height: 128%;
        padding-top: 20px;
        margin-top: 30px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-store-icon {
        max-width: 160px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-qr-code {
        max-width: 120px;
    }

    .main-footer .footer .footer-right {
        width: calc((100% - 352px) - 80px);
    }

    .footer-right .subscribe-wrapper .subscribe-input .subcribe-btn {
        max-width: 54px;
        min-width: 54px;
        padding: 15px;
        max-height: 58px;
    }

    .link-follow-us-wrapper {
        padding-top: 60px;
        gap: 20px;
    }

    .link-follow-us-wrapper .footer-link {
        width: calc((100% - 350px) - 20px);
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 350px;
    }

    .folow-us-wrapper .social-icons-wrapper {
        padding: 36px 0;
        margin-bottom: 36px;
    }

    .folow-us-wrapper .social-icons-wrapper .social-icons {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 12px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page .entry-title,
    .cart-page .entry-title {
        font-size: 34px;
        line-height: 39px;
    }

    .myaccount-page #customer_login h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .myaccount-page #customer_login form.login,
    .myaccount-page #customer_login form.register {
        margin: 1.2em 0 2em;
    }

    /* ===============================================
==================================================
              MY profile PAGE SECTION
==================================================
=============================================== */

    /* ORDER SECTION  */
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table thead tr th,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr th,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details thead tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tbody tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tbody tr td,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr td {
        font-size: 14px;
        padding: 14px 12px;
    }

    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr th a,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tbody tr td a {
        font-size: 14px;
    }

    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button {
        height: 35px;
        font-size: 14px;
        border-radius: 10px;
    }

    /* ORDER DETAILS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title {
        font-size: 24px;
        line-height: 28px;
    }

    /* ADDRESS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title {
        font-size: 24px;
        line-height: 28px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {
        font-size: 14px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column address {
        font-size: 15px;
    }

    /* ACCOUNT DETAILS  */

    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend {
        font-size: 22px;
        line-height: 26px;
        padding: 12px 0;
    }


    .cart-page .wc-block-grid__products li {
        flex: 1 0 50% !important;
        margin: 0 0 24px;
        max-width: 50% !important;
    }
}

@media (max-width: 991.98px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 58px;
    }

    .h2 {
        font-size: 36px;
    }

    .h3 {
        /* font-size: 34px; Change Font Size */
        font-size: 30px;
    }

    .h4 {
        font-size: 28px;
    }

    .h6 {
        font-size: 17px;
    }

    .font-24 {
        font-size: 16px;
    }

    .font-28 {
        font-size: 22px;
    }

    .font-22 {
        font-size: 14px;
    }

    .header_padding,
    .myaccount-page,
    .cart-page {
        padding-top: 140px;
    }


    /* COMMON ARC VECTOR  */

    .bg-arc-vector {
        top: -150px;
        max-width: 700px;
        max-height: 600px;
        left: -400px;
    }

    /* 11 : Form & Input Style BOF
  ==================================================== */

    .form-label,
    .myaccount-page #customer_login form.login .form-row label,
    .myaccount-page #customer_login form.register .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label,
    .my-account-page .lost_reset_password .form-row label {
        font-size: 17px;
        margin-bottom: 7px;
    }

    .form-control,
    .form-select,
    .myaccount-page #customer_login form.login .form-row .woocommerce-Input,
    .myaccount-page #customer_login form.register .form-row .woocommerce-Input,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .input-text,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row .select2-container .select2-selection__rendered,
    .my-account-page .lost_reset_password .form-row .input-text {
        height: 52px;
    }

    textarea.form-control {
        height: 120px;
    }

    /* COMMON BORDER RADIUS */

    .border-r-15 {
        border-radius: 12px;
    }

    /*** Buttton Varilation CSS BOF ***/
    .btn,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        border-radius: 12px;
    }

    .btn_lg {
        min-width: 200px;
        padding: 14px 20px;
    }

    .btn_24 {
        font-size: 17px;
    }

    .btn_30 {
        font-size: 17px;
    }

    /* ARROW ICON BUTTON  */
    .outline-arrow-btn {
        gap: 16px;
        padding: 14px 20px;
        min-width: 150px;
    }

    .outline-arrow-btn svg {
        max-width: 20px;
        max-height: 20px;
    }

    /* ICON BUTTON */

    .icon-btn {
        gap: 15px;
    }

    .icon-btn .icon {
        width: 38px;
        height: 38px;
        padding: 7px;
    }

    .icon-btn .icon .icon-img {
        max-width: 21px;
    }

    /* GRADIENT ICON BUTTON */

    .gradient-btn {
        min-width: 160px;
    }

    .custom-container {
        max-width: 100%;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main .header-inner-main .navbar-container {
        max-width: 100%;
    }

    .header-main .header-inner-main .header-inner {
        padding: 0;
    }

    /* MOBILE VIEW DESIGN ADD BY -- HIMANI  */
    .header-menu .header-menu-inner {
        display: inline-block;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li a.cart-contents {
        display: inline-block;
        width: auto;
    }

    .header-right .cart-contents .cart-count-number {
        top: -10px !important;
    }

    .header-right .cart-contents,
    .header-right .cart-contents:hover {
        padding: 0 !important;
        color: #fff;
    }

    .header-main .header-inner-main .header-inner .header-menu .header-menu-inner {
        position: fixed;
        top: 86px;
        left: 20px;
        border-radius: 16px;
        right: 20px;
        width: calc(100% - 40px);
        background-color: var(--black-shade70);
        z-index: 777;
        height: calc(100svh - 140px);
        overflow: auto;
        transition: all 400ms ease;
        transform: translateY(-20px);
        visibility: hidden;
        opacity: 0;
    }

    .header-main .header-inner-main .header-inner .header-menu .header-menu-inner::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: transparent;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 16px;
    }

    .header-main .header-inner-main .header-inner .header-menu.show .header-menu-inner {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .header-main button.navbar-toggler:focus {
        box-shadow: none;
    }

    .header-main .header-inner-main nav.navbar {
        padding: 12px 16px;
        border-radius: 16px;
    }

    .header-main .header-inner-main .header-inner .header-menu ul {
        padding: 16px 0;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li.nav-item {
        padding: 0 16px;
    }

    .header-main .header-inner-main .header-inner .header-menu ul li.nav-item.cart-btn-item {
        display: none;
    }


    .header-main .header-inner-main .header-inner .header-menu ul li a {
        margin: 0;
        width: 100%;
        font-size: 16px;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn {
        margin: 20px 0;
    }

    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        max-width: auto;
    }

    /* ===============================================
==================================================
            GET IN TOUCH SECTION
==================================================
=============================================== */

    .get-in-touch-wrapper .support-content-wrapper {
        padding: 60px 255px 63px 0;
    }

    .support-img-wrapper {
        max-width: 322px;
    }

    /* ===============================================
==================================================
              INKTURE BLOG SECTION
==================================================
=============================================== */
    .blog-card .blog-img-wrapper .blog-img {
        min-height: 240px;
        max-height: 240px;
    }

    .blog-card .blog-card-body {
        padding: 20px 16px;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-main {
        gap: 30px;
    }

    .contact-info-sec .contact-title {
        font-size: 45px;
    }

    .contact-info-main .contact-info-wrapper {
        width: 320px;
    }

    .contact-info-sec .contact-info-card-wrapper {
        padding: 18px 16px;
        margin-top: 60px;
    }

    .contact-info-card .contact-card {
        padding: 18px 14px;
    }

    .contact-info-card .contact-card .contact-icon {
        max-width: 18px;
    }

    .contact-info-card .contact-card .contact-info-text {
        font-size: 16px;
    }

    .contact-info-main .git-form-wrapper {
        width: calc((100% - 320px) - 30px);
        padding: 25px 18px;
        gap: 20px;
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 70px 0 60px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 700px;
    }

    .main-footer .footer {
        gap: 80px;
    }

    .main-footer .footer .footer-left {
        width: 100%;
    }

    .main-footer .footer .footer-left .footer-content {
        letter-spacing: 0;
    }

    .main-footer .footer .footer-right {
        width: 100%;
    }

    .link-follow-us-wrapper {
        padding-top: 50px;
    }

    .link-follow-us-wrapper .footer-link {
        width: calc((100% - 500px) - 40px);
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 500px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page #customer_login .u-column1,
    .myaccount-page #customer_login .u-column2 {
        float: none;
        width: 100%;
    }

    .footer-right .subscribe-wrapper .subscribe-input .subcribe-btn {
        max-height: 52px;
    }

    /* ===============================================
==================================================
              MY profile PAGE SECTION
==================================================
=============================================== */

    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left !important;
        width: 30% !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: right !important;
        width: 68% !important;
    }

    .my-account-page .woocommerce-MyAccount-navigation ul {
        gap: 12px;
    }

    .my-account-page .woocommerce-MyAccount-navigation ul li a {
        font-size: 15px;
    }

    /* DASHBOARD  */
    .my-account-page .woocommerce-MyAccount-content p,
    .my-account-page .lost_reset_password p {
        font-size: 15px;
        padding-bottom: 12px;
    }

    /* ORDER SECTION  */
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table thead tr th,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr th,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details thead tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tbody tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tbody tr td,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr th,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr td {
        font-size: 14px;
        padding: 10px 8px;
    }

    /* ADDRESS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column {
        padding: 12px;
    }

    /* ORDER DETAILS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title {
        font-size: 20px;
        line-height: 24px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title {
        font-size: 20px;
        line-height: 24px;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses .woocommerce-column address {
        font-size: 14px;
    }

    .my-account-page .woocommerce-MyAccount-content form h2 {
        font-size: 22px;
        line-height: 26px;
    }

    /* ===============================================
==================================================
               CART PAGE
==================================================
=============================================== */

    .cart-page .wc-block-cart {
        padding-top: 35px !important;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items thead tr th,
    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody tr td {
        padding: 16px 14px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items thead tr th {
        font-size: 15px;
    }

    .cart-page .wc-block-components-product-name {
        font-size: 18px;
        padding: 0px 0 12px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata p {
        font-size: 15px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__total {
        font-size: 17px;
    }

    .cart-page .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-totals-coupon__form .wc-block-components-button {
        min-width: 80px;
    }

    .cart-page .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 16px;
    }

}

@media (max-width: 767px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 52px;
    }

    .h2 {
        /* font-size: 34px; change font Size*/
        font-size: 30px;
    }

    .h3 {
        /* font-size: 32px; Change Font Size*/
        font-size: 26px;
    }

    .h5 {
        font-size: 26px;
    }

    .font-28 {
        font-size: 20px;
    }

    .font-24,
    .font-20 {
        font-size: 16px;
    }

    .font-16 {
        font-size: 14px;
    }

    .font-18 {
        font-size: 16px;
    }

    .font-56 {
        font-size: 36px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn {
        padding: 12px 12px;
    }

    /* ICON BUTTON */

    .icon-btn {
        gap: 10px;
    }

    /* COMMON PADDING */
    .common-padding {
        padding: 60px 0;
    }

    .common-padding-t120 {
        padding-top: 60px;
    }

    .common-padding-b120 {
        padding-bottom: 60px;
    }

    .common-padding-t70 {
        padding-top: 40px;
    }

    .common-padding-t60 {
        padding-top: 30px;
    }

    .common-padding-b60 {
        padding-bottom: 30px;
    }

    /* ===============================================
==================================================
            GET IN TOUCH SECTION
==================================================
=============================================== */

    .get-in-touch-sec {
        margin-top: 0;
    }

    .get-in-touch-wrapper .support-content-wrapper {
        padding: 40px 0px 310px 0;
    }

    .support-img-wrapper {
        max-width: 280px;
        margin: auto;
        left: 0;
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-sec {
        padding: 55px 0;
    }

    .contact-info-main .contact-info-wrapper {
        width: 100%;
    }

    .contact-info-sec .contact-info-card-wrapper {
        margin-top: 40px;
    }

    .contact-info-main .git-form-wrapper {
        width: 100%;
    }

    /* ===============================================
==================================================
              LOGO BRAND SLIDER SECTION
==================================================
=============================================== */

    .logo-brand-sec {
        padding: 16px 0;
    }

    .logoSlider {
        gap: 28px;
    }

    .logoSlider-track {
        gap: 28px;
    }

    .BrandLogo-wrapper {
        max-height: 36px;
    }

    .BrandLogo-wrapper .BrandLogo {
        max-height: 36px;
    }

    @-webkit-keyframes scroll {

        /* Safari fallback */
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 28px));
        }
    }

    @keyframes scroll {

        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 28px));
        }
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 70px 0 60px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 550px;
    }

    .main-footer .footer {
        gap: 70px;
    }

    .main-footer .footer .footer-left .footer-logo {
        max-width: 180px;
    }

    .main-footer .footer .footer-left .footer-content {
        line-height: 128%;
        padding-top: 16px;
        margin-top: 24px;
    }

    .link-follow-us-wrapper .footer-link {
        width: calc((100% - 340px) - 40px);
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 340px;
    }

    .link-follow-us-wrapper {
        padding-top: 40px;
    }

    .folow-us-wrapper .social-icons-wrapper {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page .entry-title,
    .cart-page .entry-title {
        font-size: 28px;
        line-height: 32px;
    }

    .myaccount-page #customer_login form.login,
    .myaccount-page #customer_login form.register {
        padding: 20px 16px;
    }

    .myaccount-page #customer_login form.register p {
        font-size: 14px;
    }

    .myaccount-page #customer_login form.register .woocommerce-privacy-policy-text {
        padding: 12px 0;
    }

    /* ===============================================
==================================================
              MY profile PAGE SECTION
==================================================
=============================================== */

    .myaccount-page .entry-content {
        padding: 25px 0 42px;
    }

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding-top: 48px;
    }

    /* ORDER SECTION  */
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table {
        border-color: transparent;
    }

    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr {
        margin-bottom: 22px;
    }

    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button {
        max-width: 160px;
        margin: 0 0 0 auto;
    }

    /* ADDRESS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-Addresses,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-customer-details .addresses {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ===============================================
==================================================
               CART PAGE
==================================================
=============================================== */

    .cart-page .wc-block-cart .wc-block-components-main {
        width: 100%;
        padding-right: 0;
    }

    .cart-page .wc-block-cart .wc-block-components-sidebar {
        width: 100%;
        padding-left: 0;
    }





    .header-menu .header-menu-inner ul li.sign-in-btn .btn {
        max-width: auto;
    }

}

@media (max-width: 724px) {

    /* ===============================================
==================================================
               CART PAGE
==================================================
=============================================== */

    .cart-page .wc-block-cart {
        padding-top: 20px !important;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody,
    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody tr.wc-block-cart-items__row {
        border: 0;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody tr td,
    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__total {
        border: 1px solid var(--white-shade-20);
        margin: 0;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody tr td.wc-block-cart-item__product,
    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__total {
        border-left: 0;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
        width: 100px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
        min-width: 25px;
        padding: 2px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
        min-width: 32px;
    }
}

@media (max-width: 575px) {
    /* 03 : Heading Style CSS BOF
  =================================================== */

    .h1 {
        font-size: 46px;
    }

    .h5 {
        font-size: 24px;
    }

    .font-28 {
        font-size: 20px;
    }

    .font-24,
    .font-20 {
        font-size: 15px;
    }

    .font-56 {
        font-size: 30px;
    }

    .header_padding,
    .myaccount-page,
    .cart-page {
        padding-top: 120px;
    }

    /* 11 : Form & Input Style BOF
  ==================================================== */

    .form-label,
    .myaccount-page #customer_login form.login .form-row label,
    .myaccount-page #customer_login form.register .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label,
    .my-account-page .lost_reset_password .form-row label {
        font-size: 15px;
    }

    /* COMMON ARC VECTOR  */

    .bg-arc-vector {
        top: -80px;
        max-width: 500px;
        max-height: 400px;
        left: -300px;
    }

    /*** Buttton Varilation CSS BOF ***/

    .btn,
    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__submit,
    .myaccount-page #customer_login form.register .form-row .woocommerce-form-register__submit,
    .cart-page .wc-block-grid__products li.wc-block-grid__product .add_to_cart_button,
    .custom-add-to-cart-wrapper form.cart .button,
    .my-account-page .woocommerce-MyAccount-content table.account-orders-table tbody tr td .button,
    .my-account-page .woocommerce-MyAccount-content .woocommerce-info .button,
    .my-account-page .woocommerce-MyAccount-content .button,
    .my-account-page .lost_reset_password .form-row .button,
    .cart-page .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit .wc-block-components-button {
        border-radius: 12px;
        padding: 10px 12px;
    }

    .btn_lg {
        min-width: 170px;
        padding: 12px 16px;
    }

    .btn_24 {
        font-size: 16px;
    }

    .btn_30 {
        font-size: 15px;
    }

    /* ICON BUTTON */

    .icon-btn {
        gap: 10px;
        padding: 5px 8px 5px 10px !important;
    }

    .icon-btn .icon {
        width: 36px;
        height: 36px;
        padding: 5px;
    }

    .icon-btn .icon .icon-img {
        max-width: 18px;
    }

    /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

    .container {
        padding: 0 15px;
    }

    /* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

    .header-main {
        padding-top: 12px;
    }

    .header-main .header-inner-main .header-inner .header-menu .header-menu-inner {
        top: 79px;
        left: 15px;
        right: 15px;
        width: calc(100% - 30px);
    }

    /* ===============================================
==================================================
          CONTACT INFORMATION SECTION
==================================================
=============================================== */

    .contact-info-sec .contact-title {
        font-size: 40px;
    }

    /* ===============================================
==================================================
              LOGO BRAND SLIDER SECTION
==================================================
=============================================== */
    .logo-brand-sec {
        padding: 12px 0;
    }

    .logoSlider {
        gap: 20px;
    }

    .logoSlider-track {
        gap: 20px;
    }

    .BrandLogo-wrapper {
        max-height: 30px;
    }

    .BrandLogo-wrapper .BrandLogo {
        max-height: 30px;
    }

    @-webkit-keyframes scroll {

        /* Safari fallback */
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 20px));
        }
    }

    @keyframes scroll {

        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% - 20px));
        }
    }

    /* ===============================================
==================================================
                  FOOTER SECTION
==================================================
=============================================== */

    .main-footer {
        padding: 60px 0 40px;
    }

    .footer-wrapper .footer-bg-logo {
        max-width: 550px;
    }

    .main-footer .footer {
        gap: 40px;
    }

    .main-footer .footer .footer-left .footer-content {
        margin-top: 20px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-store-icon {
        max-width: 140px;
    }

    .main-footer .footer .footer-left .footer-store-wrapper .footer-qr-code {
        max-width: 110px;
    }

    .link-follow-us-wrapper .footer-link {
        width: 100%;
    }

    .link-follow-us-wrapper .folow-us-wrapper {
        width: 100%;
    }

    .link-follow-us-wrapper {
        padding-top: 20px;
        gap: 30px;
    }

    .folow-us-wrapper .social-icons-wrapper {
        padding: 16px 0;
        margin-bottom: 16px;
    }

    .main-footer .footer-wrapper .footer-bottom-text {
        border-top: 0px;
    }

    /* ===============================================
==================================================
                MY ACCOUNT SECTION
==================================================
=============================================== */

    .myaccount-page #customer_login form.login .form-row .woocommerce-form-login__rememberme {
        margin-bottom: 12px;
    }

    /* ===============================================
==================================================
              MY profile PAGE SECTION
==================================================
=============================================== */

    /* ADDRESS  */
    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
        margin-bottom: 16px;
        width: 100%;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row,
    .my-account-page .lost_reset_password .form-row {
        width: 100%;
    }

    .my-account-page .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
        margin-bottom: 14px;
    }

    /* ACCOUNT DETAILS  */

    .my-account-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row,
    .my-account-page .lost_reset_password .form-row {
        margin-bottom: 14px;
    }

    /* ===============================================
==================================================
               CART PAGE
==================================================
=============================================== */

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items thead tr th,
    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items tbody tr td {
        padding: 14px 10px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-metadata p {
        font-size: 12px;
    }

    .cart-page .wc-block-cart .wc-block-components-main table.wc-block-cart-items .wc-block-cart-item__total {
        font-size: 15px;
    }

    /* ===============================================
==================================================
             VIEW  CART PAGE
==================================================
=============================================== */

    .custom-add-to-cart-wrapper .quantity .custom-qty-wrapper button {
        width: 30px;
        height: 40px;
        min-width: 30px;
    }

    .custom-add-to-cart-wrapper .quantity .custom-qty-wrapper .qty {
        padding: 2px !important;
        width: 30px;
        height: 40px;
        min-width: 30px;
    }

    .custom-add-to-cart-wrapper .quantity .custom-qty-wrapper {
        width: 100px;
    }

    .cart-page .wc-block-grid__products li {
        flex: 1 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 375px) {
    /* ===============================================
==================================================
             VIEW  CART PAGE
==================================================
=============================================== */

    .custom-add-to-cart-wrapper .quantity {
        padding-right: 8px;
    }
}