/* web-and-mobile */
@media all {

  body {
    font-size: 14px !important;
    font-family: 'Sofia Sans', sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    font-display: swap;
  }

  input[type="text"],
  input[type="password"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  textarea, select {
    /* height: 44px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 10px;
    vertical-align: middle;*/
    font-family: 'Sofia Sans', sans-serif;
    font-size: 16px;
    color: #333;
  }

  .footer-logo img {
    max-height: 40px !important;
  }

  input[type="button"], input[type="submit"], button {
    border: 0;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    transition: .2s ease;
    cursor: pointer;
  }

  .cart a, .data-table a, .compare-products-table a, .forums-table-section a {
    font-size: 14px !important;
    color: #333;
  }

  input[type="button"],
  input[type="submit"],
  button /**/ {
    font-family: 'Sofia Sans', sans-serif;
  }

  /*hide meta-english titles in blog content*/
  div.post-body > p:has(s), div.blog-search-results-page > p:has(s) {
    display: none;
  }

  /* .tawk-min-container .tawk-button-circle.tawk-button-large {
    width: 45px !important;
    height: 45px !important;
  }
 */

  .cart, .data-table, .compare-products-table, .forums-table-section table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    background-color: #f8f9fa;
    padding: 0 20px;
    border-color: none;
    color: black;
  }

    .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
      min-width: 50px;
      border-top: none;
      padding: 20px 15px;
    }

  /*.cart tr:not(:first-child) td,
    .data-table tr:not(:first-child) td,
    .compare-products-table tr:not(:first-child) td,
    .forums-table-section tr:not(:first-child) td {
      border-top: 1px solid #eee;
    }*/ /*jkartcode: looks like older or emporium styling come up*/

  @font-face {
    font-family: 'jainkart-icons';
    src: url('../fonts/jainkart-icons.eot?hte2b');
    src: url('../fonts/jainkart-icons.eot?hte2b#iefix') format('embedded-opentype'), url('../fonts/jainkart-icons.ttf?hte2b') format('truetype'), url('../fonts/jainkart-icons.woff?hte2b') format('woff'), url('../fonts/jainkart-icons.svg?hte2b#jainkart-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    /*font-display: optional;*/
    font-display: swap;
  }

  div.login-page div.register-block {
    display: none;
  }

  .pending-payments-panel {
    font-size: 14px;
    color: black;
    margin: 0px 5px 10px 5px;
    background-color: lightcyan;
    border: 1px dotted cyan;
    padding: 25px;
  }

  .product-ribbon {
    background: none;
  }

  .breadcrumb a, .breadcrumb strong {
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
  }

  .re-order-button {
    margin: 10px 0px !important;
    padding: 10px !important;
  }

  .page-title h1, .home-page h1.title, .home-page .title h2, .home-page .title strong, .product-grid .title strong, .product-list .title strong {
    font-size: 32px;
    /*font-weight: 400*/
  }

  .sub-category-item .title a {
    /*display: flex;
    align-items: center;
    column-gap: 12px;
    height: 100%;
    padding: 5px 20px;
    text-align: left;*/
    font-size: 18px;
  }

  .item-box .product-title {
    flex-grow: 1;
    font-size: 14px;
  }

  .item-box .old-price + .actual-price, .prices div ~ .product-price, .tier-prices .item-price {
    color: #DC770E;
  }

  .overview {
    /* position: relative;
    border-radius: 6px;
    background-color: #fff;
    color: #333; */
    font-size: 14px;
  }

    .overview .product-name h1 {
      font-size: 20px;
      font-weight: 600;
      color: black;
    }

    .overview .short-description {
      margin: 13px 0;
      border-top: 1px solid #eee;
      padding-top: 13px;
      line-height: 20px;
      color: #111;
    }

    input[type="checkbox"]:checked ~ label:before, .terms-of-service .read, .category-description a, .manufacturer-description a, .vendor-description a, .full-description a, .topic-page a, .custom-tab a, .topic-html-content a, .post-body a, .news-body a, .cart a:hover, .data-table a:hover, .compare-products-table a:hover, .forums-table-section a:hover, .cart .edit-item a, .cart .product-subtotal, .footable-toggle:after, .footable-detail-show .footable-toggle:after, .eu-cookie-bar-notification .learn-more, .search-box .search-box-button, .mini-shopping-cart .price, .mini-shopping-cart .totals strong, .buttons .cart-button:not(:only-child), .footer-block .list a:hover, .poll-total-votes, .block .listbox a:hover, .block .listbox .active > a, .block .view-all a, .product-selectors .product-viewmode .selected, .item-box .actual-price, .item-box button:before, .pager a:hover, .pager span, .pager a:hover:before, .product-no-reviews a:hover, .product-review-links a:hover, .overview .value a, .variant-overview .value a, .download-sample, .prices .product-price, .overview-buttons button:before, .availability .subscribe-button, .delivery > div:first-child:before, .product-estimate-shipping .shipping-price, .product-tags-list li, .product-reviews-page h1 a, .product-review-item .review-info a, .product-review-helpfulness .vote, .wishlist-actions .share-info a, .update-wishlist-button:before, .email-a-friend-wishlist-button:before, .compare-products-page .clear-list:before, .compare-products-table .product-price td, .email-a-friend-page .title a, #check-availability-button, .accept-privacy-policy .read, .login-page .forgot-password, .password-recovery-page .buttons a, .block-account-navigation a:before, .add-more-external-records a, .edit-address-button:before, .delete-address-button:before, .order-details-button:before, .return-items-button:before, .retry-recurring-order-button:before, .cancel-recurring-order-button:before, .section.recurring-payments a, .return-request-list-page .info a, .get-download-button:before, .download-license-link:before, .remove-discount-button, .remove-gift-card-button, .update-cart-button:before, .clear-cart-button:before, .keep-shopping-button:before, .estimate-shipping-button, .estimate-shipping-button:before, .cart-total .order-total span, .order-completed .details a, .order-details-page .view-details a, .order-details-page .download a, .sitemap-page .entity-body a, .post-date, .news-date, .post-comments:before, .news-comments:before, .blogpost-page .tags a, .comment-info a.username, .news-list-homepage .view-all, .private-messages .inputs a, .private-messages-page .pm-unread, .responsive-nav-wrapper .button, .cart .add-to-cart label, .cart .subtotal .td-title, .sub-category-list a:hover, .productAddedToCartWindowDescription a:hover, .productAddedToCartWindowDescription .price, .clearFilterOptions:hover, .clearPriceRangeFilter:hover, .productsPerPage, .allProductsReturned, .instant-search-item .price, .mega-menu .title a:hover, .drop-menu .title a:hover, .mega-menu .subcategories a:hover, .drop-menu .subcategories a:hover, .mega-menu .subcategories .view-all, .drop-menu .subcategories .view-all, .quickView .links-panel a:after, .quickView .links-panel a:hover, .quickView .right button:before, .rich-blog-widget .view-all, .post-relations li a, .post-navigation a:hover, .blog-search-results a:hover, .search-term-highlighter, .sale-of-the-day-offer .actual-price, .sale-of-the-day-offer .view-product, .spc-categories .product-box-add-to-cart-button, .spc-categories .category-details a:hover {
      color: #DC770E;
    }

  .post-date, .news-date {
    font-size: 12px;
    font-weight: 400;
  }

  .post-title, .news-title {
    font-size: 15px;
    color: #000 !important;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }

  .post-body, .news-body {
    flex-grow: 1;
    max-height: 106px;
    overflow: hidden;
    margin-top: 15px;
    line-height: 20px;
    color: #060505;
    font-size: 13px;
    margin-bottom: 15px;
    padding-top: 5px;
  }

    .post-body > p {
      line-height: 20px;
    }

  .post-footer {
    margin-top: 15px;
    position: relative;
  }

  .post-relations {
    position: absolute;
    bottom: 3px;
    position: absolute;
    color: black;
    font-size: 12px;
    /* height: 30px; */
    display: flex;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    margin-bottom: 0px !important;
  }

    .post-relations label {
      display: none !important;
    }

    .post-relations li a {
      color: black !important;
    }

  .post-actions {
    display: flex;
    align-items: center;
    /*jkartcode: [Rishi] commented below line, originally alignment was on left which looks good*/
    /*justify-content: end !important;*/
    margin-top: 15px;
  }

  .post-buttons {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 15px;
  }

  .center-2 {
    margin-bottom: 10px !important;
  }


  .blog-posts .read-more, .news-items .read-more {
    right: 0px;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    column-gap: 10px;
    /*border-radius: 3px;*/
    background-color: #fff2f2;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .2s ease;
    color: black;
    /*border: 1px solid grey;*/
  }

    .blog-posts .read-more:after, .news-items .read-more:after {
      content: unset !important;
      font-size: unset !important;
    }

  .full-description strong {
    color: unset;
  }

  .overview .full-description {
    margin: 25px 10px;
    /*line-height: 24px;*/
    color: #1c1c1c;
    text-align: justify;
    font-size: 14px;
  }
  /*anywhere sliders*/
  .anywhere-slider:before {
    border: 2px solid #DC770E !important;
  }

  .anywhere-slider .slick-active button {
    background-color: #DC770E !important;
  }

  .rich-blog-widget .view-all {
    color: #4e30a4
  }

  .post-content .post-body h5 {
    font-size: 14px;
    font-weight: 600;
    color: #DC770E;
  }

  /* blog search results from [richblog.css]*/

  .blog-search-results {
    display: flex;
    flex-flow: column;
    row-gap: 10px;
  }

    .blog-search-results li {
      border-radius: 6px;
      background-color: #fff;
      padding: 20px 15px;
    }

    .blog-search-results p {
      font-size: 12px;
    }

    .blog-search-results a {
      display: table;
      margin-bottom: 5px;
      font-size: 16px !important;
      color: black !important;
      font-weight: 600;
    }

      .blog-search-results a:hover {
        color: #dc770e;
      }

  .search-term-highlighter {
    font-weight: 700;
    color: #dc770e !important;
  }

  /*for library below */
  @keyframes heartPump {
    0% {
      transform: scale(1);
    }

    25% {
      transform: scale(1.1);
    }

    50% {
      transform: scale(1);
    }

    75% {
      transform: scale(1.1);
    }

    100% {
      transform: scale(1);
    }
  }

  .btn-custom {
    display: inline-flex;
    padding: 8px 9px 4px 9px;
    font-size: 20px;
    background-color: ghostwhite;
    color: red;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
    z-index: 0;
    float: right;
    animation: heartPump 1s ease-in-out infinite;
  }


  .btn-custom-liked {
    display: inline-flex;
    padding: 8px 9px 4px 9px;
    font-size: 20px;
    background-color: #b30000;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    z-index: 0;
    float: right;
  }

  .btn-custom .icon-rating_empty {
    margin-right: 8px;
  }

  .btn-custom.clicked {
    background-color: #780606; /* Darker shade */
    color: white;
    transform: scale(0.97);
  }

  .btn-custom:active {
    transform: scale(0.95);
  }

  .icon-wishlist:before {
    content: "\e904";
  }

  .icon-heart:before {
    content: "\e9da";
  }

  .diary-like-login-message, .ui-dialog-titlebar {
    font-size: 19px;
    color: #000;
    /* margin: 0 5px 10px 5px; */
    background-color: #fdf3f3;
    padding: 11px;
  }

  .fieldset .title, .section .title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #333;
  }

  /*---*/

  #categoryGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }



  .category-block {
    cursor: pointer;
    height: 150px;
    position: relative;
    background: #eee;
    flex: 1 1 calc(50% - 15px);
    max-width: 160px !important; /* optional upper limit for desktop */
    min-width: 120px; /* prevents shrinking too much */
    box-sizing: border-box;
    border-radius: 6px !important;
    overflow: hidden;
  }

    .category-block .category-text {
      position: absolute;
      bottom: 0;
      z-index: 1;
      transition: 0.2s ease;
      color: white;
      font-size: 12px;
      height: 30px;
      display: flex;
      align-items: center; /* vertical alignment */
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    }

    .category-block .category-title {
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.4);
      padding-left: 5px;
    }

    .category-block .category-count {
      right: 5px;
      left: auto;
      padding: 3px;
    }



  .category-bg {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
  }

  @media (min-width: 768px) {
    .category-block {
      flex: 1 1 180px; /* your desired desktop size */
    }
  }

  .login-modal {
    position: relative;
    background: #fff;
    padding: 30px 5px;
    border-radius: 8px;
  }

  .login-popup .login-skip {
    position: absolute;
    bottom: 0px;
    right: 15px;
  }

    .login-popup .login-skip a {
      font-size: 12px;
      text-decoration: none;
      color: #555;
    }

      .login-popup .login-skip a:hover {
        text-decoration: underline;
      }

  .login-popup .login-title {
    text-align: center;
    display: inline-block;
    margin: -7px 0 30px 0;
    color: black;
    font-size: medium;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }

  .login-popup .login-message {
    border: 1px dashed #ccc;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    min-height: 20px;
    margin: -15px 10px 12px 10px;
  }

    .login-popup .login-message.success {
      background: rgba(0, 255, 0, 0.1);
      border-color: green;
      color: black;
    }

    .login-popup .login-message.error {
      background: rgba(255, 0, 0, 0.1);
      border-color: red;
      color: black;
    }

  .login-popup .login-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px;
  }

  .login-popup .login-label {
    font-size: 14px;
    color: black;
    text-align: left;
    padding: 0;
    font-weight: 700 !important;
  }

  .login-popup .login-input {
    padding: 18px 10px;
    font-size: 14px !important;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 100%;
    color: black !important;
  }

  .login-popup .login-button {
    padding: 8px 15px;
    font-size: 14px !important;
    font-weight: normal;
    background-color: #0d353d;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    letter-spacing: 0.7px;
    display: table;
    margin: 20px auto 5px;
    /*padding: 10px 20px;*/
    /*font-size: 16px;*/
  }

    .login-popup .login-button:hover {
      background: #ddd;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

  .login-popup .otp-area {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .login-popup .ui-dialog-titlebar-close {
    display: none;
  }

  .login-popup .ui-dialog-content {
    text-align: left;
  }

  .login-popup .diary-like-login-message,
  .login-popup .ui-dialog-titlebar {
    font-size: 15px;
    color: #000;
    background-color: #fdf3f3;
    padding: 11px;
  }

  .login-popup .login-resend {
    margin-top: -5px;
    text-align: right;
  }

    .login-popup .login-resend a {
      font-size: 12px;
      text-decoration: none;
      color: #555;
      display: inline-block;
    }

      .login-popup .login-resend a:hover {
        text-decoration: none;
      }

  .slider-wrapper {
    margin-bottom: 10px;
  }

  .rich-blog-widget span.post-date {
    position: relative !important;
    left: 0px !important;
    padding: 16px 3px 12px !important;
  }

  .blog-page .page-title {
    margin-top: 0px !important;
  }


  .blogpost-page .page-title {
    margin-top: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }



  .blog-page .block .listbox, .blogpost-page {
    padding: 6px 0 5px !important;
  }

  .blog-search-box span.k-clear-value {
    background: unset !important;
    margin-right: 6px !important;
  }

  .instant-search-item .price {
    color: #dc770e !important;
  }

  /*[C18]: remove clear cart button to avoid accidental clearing of cart*/
  .clear-cart-button {
    display: none;
  }

  .jk-pending-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #fffaf0 0%, #ffffff 100%);
    border: 1px solid #fed7aa;
    border-radius: 8px;
    padding: 16px 24px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(255, 219, 176, 0.6);
    font-family: inherit;
  }

  /* The home page pulls its first block up with margin-top: -20px on
     .upper-homepage-wrapper, which exactly cancels the margin-bottom above and
     leaves the banner touching this alert. Undone only when the alert is
     actually on the page, and with a plain sibling selector rather than :has()
     - the Android app runs the storefront in a WebView. */
  .jk-pending-alert ~ * .upper-homepage-wrapper {
    margin-top: 0;
  }

  /* the Retry button is a form submit now, not a link - the form must not become a layout of
     its own inside the flex row */
  .jk-pending-form {
    margin: 0;
    display: flex;
  }

  .jk-pending-content {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .jk-pending-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffedd5;
    color: #ea580c;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
  }

    .jk-pending-icon svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
    }

  .jk-pending-text {
    font-size: 15px;
    color: #431407;
    margin: 0;
    line-height: 1.4;
  }

    .jk-pending-text strong {
      color: #ea580c;
      font-weight: 700;
    }

  .jk-pending-btn {
    background-color: #ea580c;
    color: #ffffff !important;
    text-decoration: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
    border: none;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 2px 4px rgba(234, 88, 12, 0.3);
  }

    .jk-pending-btn:hover {
      background-color: #c2410c;
      text-decoration: none;
      box-shadow: 0 4px 8px rgba(234, 88, 12, 0.4);
    }
}

/* only-mobile */
@media all and (max-width: 1024px) {

  .page-title h1, .home-page h1.title, .home-page .title h2, .home-page .title strong, .product-grid .title strong, .product-list .title strong {
    font-size: 20px;
    font-weight: 600;
    color: #000;
  }

  .jk-only-web {
    display: none !important;
  }

  .jk-only-mobile {
    display: inline-block !important;
  }

  .jk-only-mobile-inline {
    display: inline;
  }

  .responsive-nav-wrapper {
    border-bottom: none;
    /*box-shadow: 0 2px 25px rgb(255 224 201/56%) !important;*/
    -webkit-box-shadow: 0px 2px 5px 0px rgba(255,219,176,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(255,219,176,1);
    box-shadow: 0px 2px 5px 0px rgba(255,219,176,1);
  }

  .footer-logo {
    margin: 15px 0px;
  }

    .footer-logo img {
      max-height: 40px !important;
    }

  .jk-homesliders {
    padding: 15px 10px !important;
  }

  #loading-div {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('pwa-loader.gif') 50% 50% no-repeat rgba(0,0,0,0.0);*/
    background: url('pwa-loader.svg') 50% 50% no-repeat rgba(0,0,0,0.0);
  }

  .pending-payments-panel {
    font-size: 13px;
    color: black;
    margin: 0px 5px 10px 5px;
    background-color: lightcyan;
    border: 1px dotted cyan;
    padding: 5px;
  }



  .responsive-nav-wrapper > div.menu-button:before {
    content: "\67";
    display: inline-block;
    font-family: "jainkart-icons";
    font-size: 18px;
    color: #000 !important;
    font-weight: 500;
  }

  .responsive-nav-wrapper > div.personal-button:before {
    content: "\e005";
    font-family: jainkart-icons;
    color: black;
    padding-left: 15px;
  }

  .responsive-nav-wrapper > div.cart-button > a:before {
    content: "\64";
    font-family: jainkart-icons;
    color: black;
  }

  .responsive-nav-wrapper > div.search-button:before {
    content: "\65";
    font-family: jainkart-icons;
    color: black;
  }

  .responsive-nav-wrapper .cart-button .cart-qty {
    position: absolute;
    width: 16px;
    height: 16px;
    padding-left: 1px;
    padding-top: 1px;
    margin: -4px 0 0 -6px;
    border-radius: 51%;
    background-color: #DC770E;
    font-size: 11px;
    color: #fff;
  }

  .header-menu ul {
    flex-flow: column;
    padding: 10px 0px;
  }

  .header-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    font-size: 16px;
    color: #333;
  }

    .header-menu li:nth-child(1) {
      padding: 18px 10px;
    }

  li.has-sublist, li.prabhavana {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .header-menu > ul li > a, .header-menu > ul li > span, .profile-menu-box > a, .header-form-holder > a {
    display: block;
    position: relative;
    z-index: 0;
    padding: 16px 18px !important;
    font-size: 13px;
    line-height: 17px;
    color: #4a6572;
    font-weight: 500;
    text-transform: uppercase;
  }

  .header-menu .back-button {
    justify-content: flex-start;
    column-gap: 10px;
    margin: 0px -20px 15px;
    border-bottom: 1px solid #ddd;
    padding: 15px 30px;
    color: #888;
  }

  ul.mega-menu-responsive a:before, div.language-selector div.current-language-selector:before {
    margin-right: 10px;
    font-size: 21px;
    vertical-align: bottom;
    font-family: "jainkart-icons";
    color: #c97300;
    text-transform: none;
    transition: all .2s ease;
    display: inline-block;
  }

  ul.mega-menu-responsive > li:nth-child(1) {
  }

  ul.mega-menu-responsive > li.search > a:before {
    display: inline-block;
    content: "\65";
    font-family: "emporium-icons";
  }

  ul.mega-menu-responsive > li.samayik > a:before {
    display: inline-block;
    content: "\a0005";
  }

  ul.mega-menu-responsive > li.mandirji > a:before {
    display: inline-block;
    content: "\a0001";
  }

  ul.mega-menu-responsive > li.maharaj-sahab > a:before {
    display: inline-block;
    content: "\aa001";
  }

  ul.mega-menu-responsive > li.pujan-samagri > a:before {
    display: inline-block;
    content: "\aa13";
  }

  ul.mega-menu-responsive > li.gallery-gifts > a:before {
    display: inline-block;
    content: "\aa5";
  }

  ul.mega-menu-responsive > li.prabhavana > a:before {
    display: inline-block;
    content: "\aa6";
  }

  ul.mega-menu-responsive > li.books > a:before {
    display: inline-block;
    content: "\e910";
  }

  ul.mega-menu-responsive > li.pooja-jod > a:before {
    display: inline-block;
    content: "\e925";
  }

  ul.mega-menu-responsive > li.food-products > a:before {
    display: inline-block;
    content: "\e920";
  }

  ul.mega-menu-responsive > li.pathshala > a:before {
    display: inline-block;
    content: "\e94c";
  }

  ul.mega-menu-responsive > li.sell-on-jainkart > a:before {
    display: inline-block;
    content: "\e909";
  }

  ul.mega-menu-responsive > li.my-account > a:before {
    display: inline-block;
    content: "\e005";
  }

  ul.mega-menu-responsive > li.my-wishlist > a:before {
    display: inline-block;
    content: "\e901";
  }

  ul.mega-menu-responsive > li.make-a-payment > a:before {
    display: inline-block;
    content: "\e912";
  }

  ul.mega-menu-responsive > li.blogs > a:before {
    display: inline-block;
    content: "\e94b";
  }

  ul.mega-menu-responsive > li.mobile-application > a:before {
    display: inline-block;
    content: "\e947";
  }

  ul.mega-menu-responsive li.blogs, li.sell-on-jainkart, ul.mega-menu-responsive li.my-account, ul.mega-menu-responsive li.my-wishlist, ul.mega-menu-responsive li.make-a-payment, ul.mega-menu-responsive li.mobile-application {
    background: #fff5f5;
    background: linear-gradient(90deg,rgba(255,245,245,.8603816526610644) 0%,rgb(255 138 33 / 33%) 100%);
    /*linear-gradient(90deg,rgba(255,245,245,.8603816526610644) 0%,rgb(255 138 33 / 79%) 100%);*/
  }

  /* .responsive-nav-wrapper {
    border-bottom: none;
    box-shadow: 0 1px 2px 0 rgba(148,150,159,.3);
  }*/
  /*.product-details-page-body .overview .add-to-cart-panel  {
    position: fixed !important;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 1039 !important;
    padding: 0px;
    border-radius: 0px;
    display: block;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
    height: 49px;
    background-color: #F9A934;
    max-width: unset;
  }*/

  .wapp_share {
    position: fixed;
    top: 50vh;
    right: 0;
    border-radius: 8px 0 0 8px;
    z-index: 99;
    /*background: #25d167 url(https://static.toiimg.com/photo/82704670.cms) no-repeat -6px -13px;*/
    background: #25d167 url(/plugins/misc.jainkart/assets/images/whatsapp.svg) no-repeat -6px -13px;
    box-shadow: -5px 4px 10px 0 rgba(0,0,0,0.5); /* not supported in current bundler and minifier:: rgb(0 0 0 / 20%);*/
    width: 51px;
    height: 44px;
    text-indent: -9999px;
  }

  .product-details-page .overview .add-to-cart-qty-wrapper + .add-to-cart-button {
    max-width: 100%;
  }

  .product-details-page .overview .add-to-cart {
    display: block;
  }

  /*.product-details-page-body .overview .add-to-cart-panel .add-to-cart-button,*/
  .confirm-order-next-step-button, .checkout-button, .payment-method-next-step-button, .order-completed-continue-button {
    position: fixed !important;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 1039 !important;
    padding: 0px;
    border-radius: 0px;
    display: none;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
    height: 49px;
    /*background-color: #F9A934;*/
    max-width: unset;
  }

  /*.product-details-page-body .overview .add-to-cart-panel .add-to-cart-button,*/
  .confirm-order-next-step-button, .checkout-button, .payment-method-next-step-button, .order-completed-continue-button {
    position: fixed !important;
    bottom: 45px;
    width: 100%;
    left: 0;
    z-index: 1039 !important;
    padding: 0;
    border-radius: 0;
    display: block;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    height: 49px;
    max-width: unset;
  }

  /*color-overrides*/
  .flyout-nav .nav-close, .cart .add-to-cart label, .block-account-navigation .title {
    background-color: #DC770E;
  }

  /*hide footer: shows for .html-category-page .footer,*/
  .product-details-page-body .footer, .html-wishlist-page .footer, .html-account-page .footer,
  .html-vendorinfo-page .footer,
  .html-shipment-details-page .footer,
  .html-order-details-page .footer,
  .html-order-list-page .footer,
  .html-reward-points-page .footer,
  .html-registration-page .footer,
  /*.html-login-page .footer,*/
  .html-change-password-page .footer,
  .html-address-list-page .footer,
  .html-address-edit-page .footer,
  .html-checkout-page .footer,
  .html-shopping-cart-page .footer,
  .html-search-page .footer,
  .html-category-page .footer {
    display: none !important;
  }

  .bar-notification {
    bottom: 60px !important;
  }

  .write-review .button-1, .new-comment .button-1 {
    min-width: 150px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid black;
    background-color: white;
    color: black;
  }

  .page-title, .home-page .title, .product-grid .title, .product-list .title {
    margin-top: 10px;
  }
  /*sale of the day widget*/
  .center-2 .sale-of-the-day-offer > .title strong, .center-2 .spc-header strong, .center-2 .carousel-title strong {
    font-size: 20px !important;
    font-weight: 600 !important;
  }

  .sale-of-the-day-offer .product-name {
    max-height: 50px !important;
  }

  .blog-search-box span.search-box-text {
    padding-right: 5px;
  }

  #rich-blog-searchterms {
    height: 35px;
    border-radius: 17px;
    font-size: 14px;
    border: 1px solid #480202 !important;
  }

  .blog-search-box .search-box-button {
    width: 30px !important;
    min-width: 20px !important;
    height: 30px !important;
    background-color: white !important;
    color: #480202 !important;
    font-size: 0;
  }

  .blog-search-box {
    padding: 5px 15px !important;
  }

  .page.blog-page .block.blog-search-box {
    margin-bottom: 10px;
  }

  .master-wrapper-content {
    padding-top: 10px
  }

  .page .blog-page .page-title {
    margin-top: 0;
  }
  /*sale of the day widgets*/
  .sale-of-the-day-offer .product-name h2 {
    font-size: 14px !important;
  }

  .sale-of-the-day-offer .prices {
    font-size: 16px;
  }

  .page:not(.home-page) .sale-of-the-day-offer {
    margin: 10px 0 !important;
  }

  .nop-jcarousel .slick-active > button {
    width: 20px;
    background-color: #dc770e !important;
  }

  .blogpost-page .post-content,
  .news-item-page .news-content {
    max-width: 860px;
    margin: auto;
    color: #1c1c1c;
    text-align: justify;
    font-size: 14px;
  }

  .sale-of-the-day-offer .view-product, .spc-categories .product-box-add-to-cart-button {
    color: white !important;
    background-color: #0d353d !important;
    padding: 8px 15px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    transition: box-shadow .2s ease,transform .2s ease !important;
    letter-spacing: .7px !important;
    font-weight: normal !important;
  }

  .sale-of-the-day-offer .actual-price,
  .sale-item .old-price + .actual-price {
    color: #dc770e !important;
  }

  .rich-blog-widget .view-all {
    color: #0d353d !important
  }

  .spc .mobile-navigation select {
    background-color: #0d353d !important;
  }

  .spc .slick-prev:hover, .spc .slick-next:hover, .nop-jcarousel .slick-prev:hover, .nop-jcarousel .slick-next:hover {
    background: #0d353d !important;
  }
  /*comments*/
  .fieldset .title, .section .title {
    font-size: 18px !important;
  }

    .fieldset .title strong, .section .title strong {
      font-weight: 600;
    }

  #AddNewComment_CommentText {
    min-height: 60px !important; /* Set your desired minimum height here */
  }

  .block .title {
    font-size: 16px;
  }

    .block .title strong {
      font-weight: 700;
    }

  .master-wrapper-content {
    padding-top: 10px;
  }
  /* make blog search component always expanded in mobile view */
  .blog-search-box .listbox {
    display: block !important;
  }

  /* prevent the title from acting clickable (JS is toggling it) */
  .blog-search-box .title {
    cursor: default !important;
  }

    /* remove toggle icon for the pseudo-element :after */
    .blog-search-box .title::after {
      display: none !important;
    }

  .jk-bottom-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    z-index: 999999;
    box-shadow: 0 -2px 5px 0 rgba(255,219,176,1);
  }

  .jk-bottom-navbar-nav-item {
    flex: 1;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    padding: 5px 0;
  }

  .jk-bottom-navbar-icon {
    font-family: 'jainkart-icons';
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
  }

  .page-title h6 {
    font-size: 14px;
  }

  .slider-wrapper {
    padding: 0 10px;
  }

  .account-buttons {
    margin-bottom: 45px;
  }

  .discount-deals .title {
    font-size: 14px;
  }

  .discount-deals .hint {
    font-size: 12px;
  }

  .cart-footer .totals {
    margin-bottom: 70px;
  }

  .breadcrumb {
    margin-bottom: 2px;
  }

  .cart .attributes, .cart .rental-info, .cart .recurring-info, .data-table .attributes, .data-table .rental-info, .data-table .recurring-info {
    font-size: 12px;
  }

  .cart .add-to-cart label {
    background-color: #ffff !important;
  }

  .wishlist-content .td-title {
    margin-bottom: 0;
  }

  .cart a {
    font-weight: 700;
  }

  .message-error {
    font-size: 12px;
  }

  .instantSearch .k-list-scroller {
    height: 220% !important;
  }

  .qty-wrapper {
    height: 43px !important;
  }

  .jk-pending-alert {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
  }

  .jk-pending-form {
    width: 100%;
  }

  .jk-pending-btn {
    width: 100%;
    text-align: center;
    padding: 12px;
  }
}

/*only-web*/
@media all and (min-width: 1025px) {

  .post-body, .news-body {
    font-size: 16px;
    line-height: 1.6;
  }

    .post-body > p {
      line-height: 1.6;
    }

  .jk-only-web {
    display: block !important;
  }

  .jk-only-mobile {
    display: none !important;
  }

  div.login-page {
    max-width: 500px;
    margin: auto;
  }

  div.login-mobile-div {
    margin-top: 50px;
  }

  .header-logo img {
    max-width: 60%;
    /*max-height: 36px;*/
  }

  .jk-homesliders {
    padding: 5px 10px !important;
  }

  div.search-box > div.nav-panel {
    border: 1px solid grey;
    border-radius: 5px;
  }

  .header-menu .drop-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 15%;
    min-width: 200px;
    margin-top: -5px;
    border-radius: 6px 6px 0 0;
    background-color: #7C3501;
    cursor: default;
  }

  /*color-overrides*/
  .header-cart .ico-cart:before, .header-menu, .block-account-navigation .active > a {
    background-color: #DC770E !important;
  }

  .page-title h6 {
    font-size: 18px;
  }

  .mobile-nav {
    display: none;
  }
}