m






        /* Footer Styles */
        .payment-shipping-logos {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            /* default: left aligned */
            gap: 16px;
            flex-wrap: wrap;
            margin-top: 10px;
        }

        @media (max-width: 768px) {
            .payment-shipping-logos {
                justify-content: center;
                /* center only on mobile */
            }
        }


        .payment-shipping-logos .payment-icon {
            height: 32px;
            width: auto;
            flex-shrink: 0;
        }

        footer {
            background: #1a2b4a !important;
            color: #ecf0f1;
            padding: 60px 0 20px;
            position: relative;
            overflow: hidden;
            margin-top: auto;
        }

        footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #3498db, #0fabd4, #3498db);
        }

        /* Section Headers */
        footer h3 {
            color: #5dade2;
            font-weight: 600;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 15px;
        }

        footer h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #0fabd4;
            border-radius: 2px;
        }

        /* Company Info */
        .company-info {
            margin-bottom: 30px;
        }

        .company-info p {
            color: #bdc3c7;
            margin-bottom: 10px;
            line-height: 1.6;
            transition: all 0.3s ease;
        }

        .company-info .org-number {
            color: #95a5a6;
        }

        .company-info strong {
            color: #ecf0f1;
            font-weight: 600;
        }

        /* Trustpilot Box */
        .trustpilot-box-footer {
            display: flex;
            justify-content: flex-start;
            margin-bottom: 20px;
        }

        .trustpilot-widget {
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

 /* KAMPANJ - 20% rabatt */

.promo-discount {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  width: 100%;
  min-height: 72px;
  padding: 11px 14px;
  box-sizing: border-box;

  border-radius: 10px;
  background: linear-gradient(135deg, #f53127 0%, #de251b 48%, #bf1d15 100%);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 6px 14px rgba(191, 29, 21, 0.14);

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.promo-discount__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo-discount__check {
  width: 32px;
  height: 32px;

  border-radius: 50%;
  background: #ffffff;
  color: #c12418;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 21px;
  font-weight: 900;
  line-height: 1;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.promo-discount__content {
  flex: 1 1 auto;
  min-width: 0;
}

.promo-discount__title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.promo-discount__subtitle {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15;
}

/* Mobil - extra smala skärmar */
@media (max-width: 380px) {
  .promo-discount {
    gap: 10px;
    min-height: 68px;
    padding: 10px 12px;
  }

  .promo-discount__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }

  .promo-discount__check {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }

  .promo-discount__title {
    font-size: 17px;
  }

  .promo-discount__subtitle {
    margin-top: 3px;
    font-size: 12px;
 }
 }

/* VECKANS PRODUKT */

.vp-modern {
      background: #111;
      color: #fff;
      border-radius: 8px;
      margin-top: 10px;
      padding: 12px 20px;
      width: 420px;
      max-width: 100%;
    }

    .vp-content {
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .vp-discount {
      font-size: 40px;
      font-weight: 900;
      color: #ff3b30;
      line-height: 1;
    }

    .vp-info {
      display: flex;
      flex-direction: column;
    }

    .vp-info strong {
      font-size: 16px;
      font-weight: 700;
    }

    .vp-info span {
      font-size: 13px;
      opacity: 0.8;
      margin-top: 4px;
    }

    @media (max-width: 600px) {
      .vp-discount {
        font-size: 32px;
      }

      .vp-info strong {
        font-size: 14px;
      }

      .vp-info span {
        font-size: 12px;
      }
    }


        /* Newsletter Section */


        .newsletter-section h3 {
            margin-bottom: 15px;
        }

        .newsletter-section p {
            color: #bdc3c7;
            margin-bottom: 20px;
        }

        /* Divider */
        hr.gradient-divider {
            border: none;
            height: 1px;
            background: linear-gradient(90deg, transparent, #0fabd4, transparent);
            margin: 20px 0 10px;
            opacity: 0.6;
        }

        /* Copyright Section */
        .copyright-info {
            text-align: center;
            color: #95a5a6;
            padding-top: 20px;
        }

        .copyright-info p {
            margin-bottom: 10px;
        }

        .poweredby {
            opacity: 0.7;
            transition: all 0.3s ease;
        }

        .poweredby:hover {
            opacity: 1;
            color: #3498db;
        }

        /* Accessibility Improvements */
        a {
            color: #3498db;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .indiv-product-title-text a {
            color: #3b3b3b !important;
        }

        a:hover,
        a:focus {
            color: #0fabd4;
            text-decoration: underline;
        }

        a:focus {
            outline: 2px solid #3498db;
            outline-offset: 2px;
        }

        /* Loading Animation for Klaviyo */
        .klaviyo-form-Xfy3v8:empty::before {
            content: 'Laddar nyhetsbrev...';
            display: block;
            text-align: center;
            color: #bdc3c7;
            padding: 60px 20px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 10px;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {

            0%,
            100% {
                opacity: 0.7;
            }

            50% {
                opacity: 1;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            footer {
                padding: 40px 0 20px;
            }

            footer h3 {
                text-align: center;
            }

            footer h3::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .company-info {
                text-align: center;
                margin-bottom: 40px;
            }

            .trustpilot-box-footer {
                justify-content: center;
                margin-bottom: 30px;
            }

            .newsletter-section {
                margin-top: 20px;
                padding: 20px;
            }

            .copyright-info {
                padding-top: 30px;
            }
        }

        @media (max-width: 576px) {
            footer {
                padding: 30px 0 15px;
            }

            .trustpilot-widget {
                max-width: 100%;
            }

            .newsletter-section {
                padding: 15px;
            }

            footer h3 {
                margin-bottom: 20px;
            }
        }

        /* Reduced motion support */
        @media (prefers-reduced-motion: reduce) {

            *,
            *::before,
            *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* Glassmorphism effects */


        /* Hover effects for interactive elements */
        .interactive-hover {
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .interactive-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

        /* Klaviyo Form Specific Styles */
        .klaviyo-form-Xfy3v8 form>.needsclick.kl-private-reset-css-Xuajs1 {
            min-height: 150px !important;
        }

.ribbon.ribbon--rectangle.ribbon--left.ribbon8889 {
    overflow: visible !important;
        z-index: 99999;
}

/* Override the styles for the ribbon text */
.ribbon.ribbon--cirle.ribbon--left.ribbon8889 span {
  top: 50px!important;
  left: 25px!important;
  background: linear-gradient(#f70505 0%, #f70505 100%)!important;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.ribbon.ribbon--rectangle.ribbon--left.ribbon8889 span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 10px !important;
    text-decoration: none !important;
    color: white !important;
    transition: var(--transition) !important;
    position: absolute !important;
    text-align: center !important;
    line-height: 20px !important;
    width: 100% !important;
    top: 28px !important;
    left: 30px !important;
    background: linear-gradient(#f70505 0%, #f70505 100%)!important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-radius: 4px !important;
    margin-left: 0px !important;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
    
}
@media (max-width: 768px) {
  .ribbon.ribbon--rectangle.ribbon--left.ribbon8889 span {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 4px 8px !important;
    top: 28px !important;
    left: 17px !important;
    width: auto !important;
    max-width: 90% !important;
    white-space: normal !important;
  }
  .ribbon.ribbon--cirle.ribbon--left.ribbon8889 span {
  top: 50px!important;
  left: 10px!important;
  background: linear-gradient(#f70505 0%, #f70505 100%)!important;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
}
@media only screen and (max-width: 600px) {
    header#site-header {
        position: fixed !important;
        width: 100%;
            z-index: 99999 !important;
    }
}

/* Base styles for cart sidebar */
       #page-layout {
  display: block; 
  background: linear-gradient(135deg, #ecf7fa 0%, #dcf3f9 100%);
}

@media (max-width: 991px) {
  #page-layout {
    display: none;
  }
}
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
@media (max-width: 767px) {
  #page-layout {
    display: none;
  }
  #main {
	        padding-top: 70px;
	    }
}


   #site-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            backdrop-filter: blur(10px);
        }

        .mobile-header {
            background: linear-gradient(135deg, #ecf7fa 0%, #dcf3f9 100%);
            padding: 0px 0;
            min-height: 70px;
            display: flex;
            align-items: center;
            border-top: 10px solid #203769;
        }

        .mobile-header .row {
            margin: 0;
            display: flex;
            align-items: center;
            min-height: 60px;
        }



        /* Enhanced Menu Button */
        #responsive-menu-button {
            border-radius: 12px;
            padding: 12px;
            color: #203769!important;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(10px);
            min-width: 48px;
            min-height: 48px;
        }

        #responsive-menu-button:hover,
        #responsive-menu-button:focus {
            background: rgba(255,255,255,0.3);
            border-color: rgba(255,255,255,0.5);
            transform: scale(1.05);
            color: white;
            text-decoration: none;
            outline: none;
        }

        #responsive-menu-button:active {
            transform: scale(0.95);
        }

        #responsive-menu-button i {
            font-size: 18px;
            color: #203769 !important;
        }

        /* Enhanced Logo Section */
        .mobile-search-container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
        }

        .mobile-logo {
            margin-bottom: 8px;
            transition: transform 0.3s ease;
            max-width: 140px;
        }

        .mobile-logo:hover {
            transform: scale(1.02);
        }

        .mobile-logo a {
            text-decoration: none;
            display: block;
        }

        .mobile-logo img {
            max-width: 100%;
            height: auto;
            max-height: 40px;
        }

        .logo_text {
            color: white;
            font-size: 22px;
            font-weight: 700;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
            letter-spacing: -0.5px;
            display: block;
        }

        /* Enhanced Search Button */
        .new-search-icon-button {
            background: transparent;
            border: transparent;
            border-radius: 50%;
            padding: 10px;
            color: #203769!important;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(10px);
            min-width: 40px;
            min-height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .new-search-icon-button:hover,
        .new-search-icon-button:focus {
            background: transparent;
            border-color: rgba(255,255,255,0.5);
            transform: scale(1.1);
            outline: none;
        }

        .new-search-icon-button:active {
            transform: scale(0.9);
        }

        /* Enhanced Search Form */
        .new-mobile-search-form {
            position: fixed;
            top: 100%;
            left: 0px;
            right: 0px;
            background: white;
            padding: 16px;
            border-radius: 0 0 16px 16px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.15);
            transform: translateY(-20px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1000;
            backdrop-filter: blur(20px);
        }

        .new-mobile-search-form.active {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }

        .new-mobile-search-form .new-search_text {
            width: calc(100% - 60px);
            padding: 10px 10px;
            border: 1px solid #e1e8ed;
            border-radius: 5px;
            font-size: 16px;
            outline: none;
            transition: all 0.3s ease;
            background: #f8f9fa;
            float: left;
            color: #3b3b3b;
        }

        .new-mobile-search-form .new-search_text:focus {
            border-color: #667eea;
            background: white;
            box-shadow: 0 0 0 4px rgba(102,126,234,0.1);
        }

        .new-mobile-search-form .new-search_submit {
            background: linear-gradient(135deg, #ecf7fa 0%, #dcf3f9 100%);
            border: none;
            padding: 10px;
            color: #203769!important;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 48px;
            min-height: 48px;
            float: right;
            margin-left: 12px;
        }

        .new-mobile-search-form .new-search_submit:hover {
            transform: scale(1.05);
        }

        /* Enhanced Cart Button */
        .mobile-cart-icon {

            padding: 12px;
            color: #203769!important;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(10px);
            min-width: 48px;
            min-height: 48px;
            position: relative;
        }

        .mobile-cart-icon:hover,
        .mobile-cart-icon:focus {
            background: rgba(255,255,255,0.3);
            border-color: rgba(255,255,255,0.5);
            transform: scale(1.05);
            color: white;
            text-decoration: none;
            outline: none;
        }

        .mobile-cart-icon:active {
            transform: scale(0.95);
        }

        .mobile-cart-icon i {
            font-size: 18px;
        }





        /* Desktop Header Enhancements */
        .header-top {
            color: white;
        }

        .header-top-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .header-top-left {
            font-size: 12px;
            color: rgba(255,255,255,0.9);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .trust-badges {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .trust-badge {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: rgba(255,255,255,0.9);
            font-weight: 500;
        }

        .trust-icon {
            flex-shrink: 0;
            color: #10b981;
        }

        /* Responsive Adjustments */
        @media (max-width: 767px) {
            .mobile-header .container {
                padding: 0 15px;
            }

            .mobile-logo {
                max-width: 240px;
            }

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

        @media (max-width: 480px) {
            .mobile-logo {
                max-width: 240px;
            }

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

        
        
.search-autocomplete-list {
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 90;
    background: #FFF;
    width: 101%;
    height: 196px;
    border: 1px solid #eee;
    /* box-shadow: 1px 1px 1px #eee; */
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px 6px;
    line-height: 22px;
    font-size: 12px;
    color: #000;
    height: auto;
    max-height: 196px;
}
@media (max-width: 767px) {
  .search-autocomplete-list {
    top: 80px !important;
  }
      .search-autocomplete-form {
        position: fixed !important;
    }
}
    .search-autocomplete-form {
        position: relative !important;
        width: 100%;
        top: 100%!important;
        left: 0;
        background: #FFF;
        z-index: 89;
    }


        /* Header Styles */
        #page-layout {
            position: relative;
            background: linear-gradient(135deg, #ecf7fa 0%, #dcf3f9 100%);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .header-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 80px;
        }

        /* Logo Styles */
        .logo {
            flex-shrink: 0;
            z-index: 10;
        }

        .logo a {
            text-decoration: none;
            display: inline-block;
            transition: transform 0.3s ease;
        }

        .logo img {
            width: auto;
            filter: brightness(1.1);

    display: block;
    margin-left: 0px;
    margin-right: auto;
    width: 220px;
    max-width: 100%;
}

        .logo_text {
            font-size: 2rem;
            font-weight: 700;
            color: #333;
            letter-spacing: -0.5px;
        }

        /* Providers Section */
        .providers-section {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            margin: 0 40px;
        }

        /* Hide providers on mobile */
        @media (max-width: 768px) {
            .providers-section {
                display: none;
            }
        }

        /* Header Actions */
        .header-actions {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-shrink: 0;
        }

        /* Hide header actions on mobile */
        @media (max-width: 768px) {
            .header-actions {
                display: none;
            }
        }

        .header-link {
            color: #333;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.9rem;
            padding: 8px 16px;
            border-radius: 25px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(0, 0, 0, 0.03);
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        .header-link:hover {
            background: rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .header-link i {
            font-size: 1rem;
        }

        .cart-link {

            font-weight: 600 !important;
        }


        .tax-indicator {
            background: rgba(0, 0, 0, 0.05);
            color: #333;
            font-weight: 600;
        }

        .tax-indicator:hover {
            background: rgba(0, 0, 0, 0.1);
            color: #000;
        }

        /* Mobile Styles */
        @media (max-width: 768px) {
            .header-row {
                justify-content: center;
                padding: 10px 0;
            }

            .logo_text {
                font-size: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .header-container {
                padding: 0 15px;
            }
        }

#navigation.mm-menu_offcanvas {
    width: 80%!important;
    max-width: 100vw !important;
    min-width: 0 !important;
}
.mm-menu_offcanvas {
    width: 100%;
    min-width: 140px;
    max-width: 445px;
}
.qs-cart-message {
  margin-top: 10px;
  padding: 10px 15px!important;
  font-size: 14px!important;
  font-weight: 500;
  text-align: center;
}
.sidr-logo img {
  height: 64px;
  max-width: 220px;
  object-fit: contain;
}
.sidr-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 40px 5px 5px;
  background-color: #fff;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {

    transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {

      transform: translate(-100vw, 0)!important;
  }
}

/* Close button */
.slide-menu {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #2a2a2a;
  text-decoration: none;
}
.shipping-info-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 12px 30px;
  margin: 15px 0;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  gap: 10px;
}


.shipping-info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.shipping-info-item svg {
  color: #555;
  flex-shrink: 0;
}

.shipping-info-item span {
  font-weight: 500;
}
/* Responsive adjustments to ensure one line */
@media (max-width: 380px) {
  .shipping-info-banner {
    padding: 12px 30px;
  }
  
  .shipping-info-item {
    gap: 5px;
  }
  
  .shipping-info-item svg {
    width: 14px;
    height: 14px;
  }
  
  .shipping-info-item span {
    font-size: 12px;
  }
}
@media (min-width: 420px) {
  .shipping-info-banner {
    flex-direction: row;
    justify-content: space-between;
  }
}

.cart-sidebar__related-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px !important;
}


.cart-sidebar__related-title svg {
  color: #ff6b6b;
}
.cart-sidebar__footer {
  padding-top: 20px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.quantity-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0px;
}



/* Cart table styles */
.table {
  width: 100%;
  border-collapse: collapse;
}

.product-column {
  width: 220px;
  text-align: left;
}

.price-column {
  width: 130px;
  text-align: right;
}

.cartTotal {
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
}

.product-info {
  text-align: left;
}

.qs-cart-image {
  width: 45px;
  height: auto;
}

.qs-cart-qty {
  width: 60px!important;
  min-width: 60px!important;
  max-width: 60px!important;
  text-align: center;
  padding: 6px 8px!important;
  box-sizing: border-box!important;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-shrink: 0;
}

.qs-cart-delete {
  color: #888;
  font-size: 16px;
  transition: color 0.2s ease-in-out;
}

.qs-cart-delete:hover {
  color: #000;
}

/* Empty cart message */
.cart-empty-message {
  padding: 28px;
  font-weight: 600;
  margin: 0;
}

/* Checkout button */
.btn-buy {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #28a745!important;
  color: white!important;
  text-align: center;
  border: none;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  font-size: 18px;
}

/* Continue shopping link */
.continue-shopping {
  font-weight: 600;
  color: #2a2a2a;
  margin-top: 10px;
  display: inline-block;
}

.cart-sidebar__related-products {
  display: flex;
  flex-direction: column;

}

.cart-sidebar__related-item.boxed-style {
 display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid #eee;
  background-color: #fafafa;

}

.cart-sidebar__related-image.boxed-image {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.cart-sidebar__related-details.boxed-details {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
    text-align: left;
}
.cart-sidebar__related-name a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  display: block;
  white-space: normal;
}

.cart-sidebar__related-price {
  font-size: 14px;
  color: #444;
}
.cart-sidebar__related-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-sidebar__related-action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boxed-btn {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 12px;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  display: inline-block;
}

.product-variant {
  font-size: 13px;
  color: #444;
  margin-bottom: 6px;
}

.cart-sidebar__related-price {
  font-size: 15px;
  color: #000;
}

.cart-sidebar__related-action {
  margin-left: 15px;
}

.boxed-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.boxed-btn:hover {
  background-color: #333;
}

/* Limit displayed related products */
.cart-sidebar__related-products .cart-sidebar__related-item:nth-child(n+4) {
  display: none;
}

/* Responsive styles */

@media (max-width: 380px) {


  .cart-sidebar__related-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 10px;
  }

  .cart-sidebar__related-details {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .cart-sidebar__related-name {
    white-space: normal;
    font-size: 14px;
    line-height: 1.3;
  }

  .cart-sidebar__related-action {

    margin-top: 8px;
  }


}


body{
    font-family: 'Open Sans', sans-serif !important;
 	background-color: #ffffff !important;
	color: #000000 !important;
	font-size: 13px !important;
}


.rabatten-box {
    background: var(--success-bg-color);
    color: var(--success-text-color);
    padding: 0.75em 0rem 0.75rem 1rem;
    text-align: center;
    border-radius: 0.5rem;
    position: relative;
    font-weight: 300;
    margin: 0.75rem 0;
    text-align: left;
    transition: var(--tr);
    opacity: 1;
    border: 0.15rem solid var(--success-border-color);
    box-shadow: 0 0 0.1rem 0 #1a1f4360;
}


:root {
    --transition: all 0.3s ease-in-out;
    --success-bg-color: #f8332f;
    --success-text-color: #fff;
    --success-border-color: #f8332f;
}


 .rabatten-box h3 {
    font-size: 1.1rem;
    margin: 0;
    line-height: 1.35rem;
    font-weight: 600;
    position: relative;
    color: var(--success-text-color);
}
formatmall för användaragent
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.rabatten-box p {
    position: relative;
    font-size: 0.8rem;
    z-index: 1;
    margin: 0.25rem 0 0;
    color: var(--success-text-color);
    line-height: 1.3rem;
}
formatmall för användaragent
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.lSSlideOuter .lSPager.lSGallery li {
            overflow: hidden;
            -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
            transition: border-radius .12s linear 0s .35s linear 0s;
            cursor: pointer;
            opacity: 0.4;
            transition: opacity 0.3s, border 0.3s;
        }
        .lSSlideOuter .lSPager.lSGallery li.active {
            border: 2px solid #0eabd630;
            opacity: 1;
        }
.sod_list_wrapper {
    width: 100% !important;
}
.sod_select.custom:after {
    border-left: medium none;
    content: "▼";
    font-size: 14px;
    right: 8px;
    top: 13px;
}
.sod_select.custom.custom {
    background: #ffffff;
    border-radius: 8px !important;
    box-shadow: inset 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: grey;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    outline: 0;
    outline-offset: -2px;
    padding: 13px 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%;
    display: flex;
    justify-content: flex-start; /* Align text to the left */
    align-items: center;         /* Center text vertically */
    text-align: left;            /* Ensure text is aligned to the left */
    padding-left: 10px;          /* Add some left padding for spacing */
}
.selectric {
  background: #ffffff;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: grey;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  outline-offset: -2px;
  position: relative;
  text-align: left;
  text-transform: none;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;

}
input#purchase {
    border: 0 none;
    margin-bottom: 20px;
    margin-top: 0.4rem;
    padding: 10px 60px;
    font-weight: bold;
    background: linear-gradient(#FF312E 0%, #DB3A34 100%);
    color: #fff;
    width: 75%;    /* Ensure the button takes the full width of the container */
    box-sizing: border-box; /* Ensure padding is included in the width and height */
    border-radius: 4px!important;
}
.quantity__input1 {
  width: 20%; /* 40% width */
  margin-top: 0.4rem;
  text-align: center;
  background-color: rgb(var(--color-background-input));
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px!important;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500; /* medium weight */
  color: rgb(var(--color-foreground));
      margin-bottom: 20px;
}
.addCart1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.breadcrumb
{
    margin-top: -10px;
    margin-bottom: -10px;
    padding-left: 0;
}        
   .flex-container {
        display: flex;
        align-items: center;

    }
    .custom-font {
        margin: 0;
        padding: 2px;
    }
    .h5-padding {
        margin-right: 10px; /* Adjust the value as needed */
    }
input#purchase{
	border: 0 none;
    margin-bottom: 20px;
    padding: 10px 60px;
    font-weight: bold;
    background: linear-gradient(#FF312E 0%, #DB3A34 100%);
    color: #fff;
}

input#purchase:hover{
    background: #00000;
}
.paymentmethods2 {
    display: flex;
    align-items: center;
    gap: 2px; /* Add space between the images if needed */
}

.icon-payment {
    width: 50px;
    height: 20px; /* Ensuring a uniform height */
    object-fit: contain; /* Keeps aspect ratio */
    padding: 0 4px; /* Similar to px-2 */
    margin: 8px 2px; /* Similar to my-2 */
}
.deliveryContainer{
    font-size: 11px;

  margin-right:25px;
   margin-left: 5px;
  padding-top:0px;

  border-color: #919191;
  
}
.deliveryContainer2{
    display: flex;
    background-color: #f9f9f9; /* Change this to your desired background color */
    padding: 10px; /* Adjust padding as needed */
    margin-bottom: 10px;
    margin-top: 0px;
    border-radius: 8px;
}        
.offer {
    font-size: 12px;
    padding-right: 7px;
}

@media (max-width: 356px) {
    .offer {
        padding-right: 4px;
    }

}

.deliveryContainer {
    font-size: 12px;
}
.deliveryContainer span{
  font-size:12px;
}
.nextDeliveryDate{
    font-size: small !important;
}

table.redTable {
  border: 2px solid #0D3373;
  background-color: #1EA9D7;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.redTable td, table.redTable th {
  border: 1px solid #FFFFFF;
  padding: 3px 1px;
}
table.redTable tbody td {
  font-size: 14px;
  color: #FFFFFF;
}
table.redTable thead {
  background: #0D3373;
}
table.redTable thead th {
  font-size: 16px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  
}
table.redTable thead th:first-child {
  border-left: none;
}


 
   .slippers-size-tips {
    border-radius: 15px;   
    font-size: 13px;
    background: #f3f3f3;
    padding: 10px 10px 10px 10px;

    margin-bottom: 10px;
 }

a{
	color: #197fb3;
	outline: 0 !important;
}
a:hover,
a:focus{
	color: #197fb3;
}

strong, b{
	font-weight: bold;
}

em, i{
	font-style: italic;
}

h1, h2, h3, h4, h5, h6, .custom-font{
	font-family: 'Source Sans Pro', sans-serif;
}
h1
{
    font-size: 18px;
}
h2
{
    font-size: 16px;
    font-weight: 500;
}
h3
{
    font-size: 14px;
}

.home-title {
    margin: 20px 0 10px 0px;
    font-size: 28px;
    text-align: left;
}

.section-title {
    margin: 20px 0 10px 0px;
    font-size: 20px;
    line-height: normal;
    text-align: left;
}



hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 4px solid #0fabd4;
}

.blackfriday-box {
    background: #f8332f;
    border-radius: 8px;
    color: #ffffff;
    padding: 0px 0px 10px 10px;
    margin-top: 10px;
}

.product-offer-box {
    background: #d6ffd6;
    padding: 6px 0px 6px 26px;
    margin-bottom: 5px;
    border-radius: 8px;
 }
.product-offer-box .offer-label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.product-offer-box .col-xs-4 {
    padding: 0px 0px 0px 16px;
}

.product-offer-box .offer {
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
}

.product-offer-box-info {
    font-size: 11px;
    background: #ffffff;
    padding: 10px 10px 10px 10px;
    border: 1px solid;
    border-top: 10px solid;
    border-color: #8ab835;
    border-radius: 8px;
}

.usp-och-lank {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 18px 22px;
  max-width: 520px;
  font-size: 15.5px;
  line-height: 1.6;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  margin-top: 20px;
}

.usp-och-lank .usp-lankrad {
  margin: 0 0 10px;
}

.usp-och-lank .usp-lankrad a {
  text-decoration: none;
  color: #0059b2;
  font-weight: 600;
  font-size: 15px;
}

.usp-och-lank .usp-info {
  font-size: 14px;
  color: #555;
  margin: 0;
}

.clear{
	clear: both;
}
.cconverter_element{
    display: inline-block;
}
.right {
    text-align: right;
}
.languages
{
    display: inline-block;
}
.languages .language {
  display: inline-block;
}

#languageModal button.close {
    position: absolute;
    top: 0;
    right: 6px;
}

header#site-header a:hover, header#site-header a:focus{
	text-decoration:none;
}
.top-bar{
    background-color:#000000;
    color: #fdfdfd;
    font-size: 12px;
    line-height: 30px;
}
.selectric .button:after {
    /*border-top-color: #fdfdfd;*/
}
.top-bar a{
     color: #fdfdfd !important;
}
.top-bar .cconverter_element .selectric .label, .top-bar .cconverter_element .selectric .button:after {
    color: #fdfdfd;
}
.top-bar .selectric ,.top-bar .selectric .button{
    background: transparent;
}
.selectric-items li.highlighted,.selectric-items li,.selectric-items li:hover{
    background-color:#fff;
    text-align:left;
}
#mobile-header,
#mobile-navigation{
	display: none;
}

/* @end */ 

.cb_qb
{
    width: 101% !important;
}
/* @group Homepage */
.sod_select.custom.custom
{
    box-shadow: none;
    background: none repeat scroll 0 0 #FFFFFF;
}
.sod_select span {
    font-weight: 400;
}
.sod_select.custom.custom {
    border-radius: 0px;
}


#customer-top-header{
	background-color: #333333;
    color: #FFFFFF;
    padding: 10px 0;
    text-transform: uppercase;
}

#customer-top-header ul{
	margin-bottom: 0px;
}

#customer-top-header ul li{
	display: inline;
	margin-right: 20px;
}

#customer-top-header h4{
	font-size: 12px;
    color: #FFFFFF;
	display: inline;
}

#customer-top-header a{
	color: #fbfbfb;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
    color: #AAB1B4;
    text-decoration: none;
    text-transform: uppercase;
}


#site-header .text-center .fa
{
    padding-left: 15px;
}
header nav.navbar
{
    min-height: auto !important;
}
.dropdown-menu{
	background-color: #d5f1ff;
	border-radius: 0px;
	margin-top:0;
	padding:0;
	border:none;
	min-width: 12rem;
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown-menu>li>a
{
    color: #2a2a2a;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus
{
    background:  !important;
    color:  !important;
}
 span.dropdown-toggle{
     color:#ffffff;
 }
.dropdown-toggle:hover .dropdown-menu {
    display: block;
}
#responsive-menu-button{
	color: #fbfbfb !important;
	outline: 0;
	display: inline-block;
	padding-top: 12px;
}
.mobile-cart-icon .fa-shopping-cart
{
    margin-top: 8px;
}

.fa-shopping-cart {
    font-size: 18px;
}

 .cart_link_count{
    padding-left: 0;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header#site-header a{
	color: #fbfbfb;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
}

header#site-header ul.dropdown-menu a{
	padding-left: 20px;
}

.cconverter_element {
    color: #000;
    border-radius: 0px;
    margin: 0px 5px;
}
.cconverter_element form{
    width: 78px;
}

header#site-header a.taxlink {
    padding: 0;
    margin: 0px 5px;
    font-size: 12px;
}

header#site-header .languages-mobile {
    margin-right: 56px;
}

a.cart-link {
    font-size: 14px;
    padding-left: 6px;
    display: inline-block;
    color: #222;
    vertical-align: middle;
}

.top_pointers .top_pointer {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: 500;
    margin: 0px 2px;
    padding-left: 14px;
}

.top_pointers .top_pointer .fa {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
}

.product-description-wrapper .fa
{
    color: #0d3373;
    font-size: 20px;
    margin: 2px;
}

.product-description-wrapper a {
    color:#2969b0;
    font-weight: bold;
      text-decoration: underline;
}

.top_pointers {text-align:right;vertical-align: top;}

.limited-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

div#site-title{
    text-align: center;
    font: normal 48px/1.0 ;
    color: #1e1e1e;
    padding: 35px 0px;
    margin-left: auto;
    margin-right: auto;
}

#site-title a{
	text-decoration: none;
	color: #000000;
	font-size: 56px;
}
.top_right_content
{
    text-align: right;
}
.top_left_content
{
    text-align: left;
}
.page-head
{
    position: relative;
}
.mobile-cart-icon
{
    font-size: 25px;
}
.page-head .left
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.page-head .right
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}
.paymentmethods
{
    text-align: center;
}
.page-head .paymentmethods img
{
    margin-right: 5px;
    max-width: 30px;
}
.paymentmethods-header .paymentmethods {
    text-align: end;
}
.paymentmethods-footer {
    margin-top: 30px;
    margin-bottom: -50px;
}
#site-title img {
    max-width: 55%;
}
.qs-cart a.wishlist-btn.wishlist-add {
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
}
.qs-cart a.wishlist-btn.wishlist-add:hover {
    text-decoration: none;
    opacity: 0.8;
}
.qs-cart a.wishlist-btn.wishlist-add:last-child {
    margin-bottom: 0;
}
.poweredby
{
    font-family: Arial;
    font-size: 10px;
    margin: 10px 0px;
    opacity: 0.3;
}
.poweredby a { text-decoration: none; }

.add-link-list-config{
	border-bottom: 1px dotted #999999;
    border-top: 1px dotted #999999;
    color: #999999;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0;
    padding: 20px 0;
    text-align: center;
}

.navbar{
	margin-bottom: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus{
	background: none !important;
}

.dropdown-menu{
	font-size: 12px;
}

#site-header .nav .caret{
	border-bottom-color: #AAB1B4;
	border-top-color: #AAB1B4;	
}

.navbar-toggle{
	background: #fff;
}

.navbar-toggle .icon-bar{
	background: #AAB1B4;
}

.maincontent.info-page {
    float: left;
    width: 100%;
}

.maincontent, #single_product {
   
    padding: 0px 5px;
}

.maincontent.start-page, .maincontent.category-page, .maincontent.product-page {
    border: 0;
    padding: 0;
}

.maincontent .mt-3:first-child {
    margin-top: 0 !important;
}

.related_products {
    margin-top: 30px;
}

ul.featured-products li{
	list-style-type: none;
	margin-bottom: 20px;
}

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

/* @end */ 

/* @group Cart */

.cartHeader {
    margin: 16px 0px !important;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.loginlink
{
    padding: 0 12px 0 6px;
}
.taxlink
{
    padding: 10px;
    text-align: right;
}
.taxlink .fa-sort-desc:before {
    content: "";
}
.paymentmethods
{
    padding: 18px 6px;
    text-align: center;
    margin: 0px 0px;
}
#cart-brief{
	text-align: right;
}
div#cart-brief a {
   color: #222;
   text-decoration: none;
}
.cart-item-count,
.cart-item-price{
	font-size: 50px;
    line-height: 70px;
    padding: 10px;
}

.cart-item-count-text,
.cart-item-price-text{
	font-style: italic;
	padding: 0 10px;
	color: #999;
}

.view-cart-mini{
	position: absolute;
    bottom: 10px;
    right: 10px;
}

.view-cart-mini a{
    margin-bottom: 0px;	
}

.cart-link div{
	margin: 0px;
}

#cartform thead th{
	text-align: center;
}
div#collections-main {
    position: relative;
}
.cart-bottom-box{
	margin-top: 20px;
	margin-bottom: 10px;
}
.logo
{
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.d-inline-block {
    display: inline-block;
}

.logo img {
  max-height: 56px;
  max-width: 100%;
}
.logo_text
{
    font-size: 45px;
}
.logo a {
    text-decoration: none;
    color: #000000;
}
.paymentmethods img {
    width: 40px;
    margin-right: 10px;
}
.paymentmethods img.x1 {
    width: 58px;
}
.paymentmethods img.x15 {
    width: 50px;
}
.paymentmethods img.x2 {
    width: 120px;
}
#customer-login{
	margin-bottom: 20px;
}

#cartform table{
	width: 100%;
}

#cartform thead{
	color: #777777;
	font-size: 12px;
	text-transform: uppercase;
}

#cartform table tr{
	height: 50px;
}

#cartform table tr td{
	vertical-align: middle;
}

#cartform table input{
	margin: 0;
	max-width: 40px;
	text-align: center;
	display: inline;
}

#cartform thead tr th{
	padding: 10px 0;
}

#cartform thead tr th.product-title{
	text-align: left;
}

#cartform a.delete-button{
	background: url('../img/delete.png');
	width: 24px;
	height: 24px;
	display: block;
	text-decoration: none;
	background-position: 0 24px;
}

#cartform a.delete-button:hover{
	background-position: 0 0;
}

.empty-cart{
	color: #999999;
	font-size: 14px;
	font-style: italic;
	padding: 30px 0;
	text-align: center;
}

h1.cart-header{
	color: #999999;
	font-size: 30px;
	padding: 10px 0;
	text-transform: uppercase;
}

#checkout-buttons{
	text-align: right;
}

.cart-table-price,
.cart-table-quantity,
.cart-table-line-price{
	text-align: center;
}

#cart-total-header{
	background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: inline;
    float: right;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;	
}

#cart-total-final-price{
	background: none repeat scroll 0 0 #FFFFFF;
	clear: left;
	display: inline;
	float: right;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
}

.slide-menu{
	outline: 0 !important;
}

.qs-cart-qty
{
    display: inline !important;
    vertical-align: top;
    height: auto;
    background: #FFF !important;
}
table#CARTITEMS {
    color: #2a2a2a;
}

.qs-cart-item-productlink {
    font-size: 14px;
    vertical-align: top;
}
.qs-cart-item td {
    padding: 10px 0;
    text-align: right;
}

.qs-cart-item a {
    color: #2a2a2a;
}

a.qs-cart-delete {
    padding-left: 7px;
}
.qs-cart-image {
    float: left;
    vertical-align: top;
    padding-bottom: 10px;
    margin-right: 10px;
}

/* @end */

/* @group Product Grid */

ul.product-grid{
	margin-top: 20px;
}

ul.featured-products img,
ul.product-grid img{
	max-width: 100%;
}

.indiv-product {
    box-shadow: 0px 0px 1px #c5c5c5;
    border-top: 12px solid;
    border-bottom: 2px solid;
    border-top-color: #0D3373;
    border-right-color: #1ea9d738;
    border-left-color: #1ea9d738;
    border-bottom-color: #1ea9d738;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-bottom: 6px;
    background: transparent;
}
.indiv-product a {
    color: #000000;
}
.content_product_desc .btn
{
    font-size: 12px;
    padding: 9px 9px;
    border: none;
}
.content_product_desc .btn.list-buybtn {
    color: #ffffff!important;
    border-radius: 3px;
    min-width: 90px;
}
.content_product_desc .btn.read_more_btn {
    min-width: 90px;
}
.btn.read_more_btn
{
    background: #0d3373;
    color: #ffffff !important;
    border-color: #ffffff;
    border-radius: 3px;
}
.btn.read_more_btn:hover{
    background: #0b2c63;
    color: #ffffff !important;
    border-color: #ffffff;
}
.btn-info:hover, .btn-info:focus
{
    background: #0b2c63;
    color: #ffffff !important;
    border-color: #ffffff;
}
.list-buybtn
{
    background: #e53731;
    color: #ffffff !important;
    border: none;
}
.list-buybtn:hover, .list-buybtn:focus
{
    background: #db3a34;
    opacity: 1;
}
.indiv-product .indiv-product-title-text
{
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 3px 0 0px 0;
    text-align: center;
}

ul.featured-products div.hp-title,
ul.product-grid div.hp-title{
	font-size: 13.3px;
	line-height: 17px;
	text-align: center;
	
}

ul.featured-products div.hp-title a,
ul.product-grid div.hp-title a{
	text-decoration: none;
}

ul#product-nav{
	display: inline-block;
	z-index: 50;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 12px;
	padding: 0 10px;
	text-align: center;
}

ul#product-nav li{
	display: inline;
	margin: 0 20px;
}
	
ul#product-nav a{
	color: #252525;
	padding: 12px 0 8px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#product-nav a:hover{
	color: #AAB1B4;
}

ul#product-nav li ul{
	z-index: 10000;
}

ul#product-nav li ul li{
	margin-left: 0px;
}

ul#product-nav li ul li a{
	background-color: #fff;
	font-size: 12px;
	display: block;
	padding: 10px;
}
.nav-pills{
    line-height: 19px;
    background: #0d3373;
    margin-top: 9px;
    line-height: 14px;
    padding: 6px 0px 6px 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 4px solid;
    border-bottom-color: #12abd6;
}
.nav-pills li{
     padding: 10px 0px 10px 10px;
}
.nav a {
    font-weight: 400;
}
.nav-pills>li>a {
    font-size: 14px;
    color: #ffffff;
    padding: 10px 24px 10px 0px;
    text-decoration:none
}
#product-nav-wrapper .nav-pills > li {
    float: none;
    display: inline-block;
}
#product-nav-wrapper li.dropdown {
    text-align: left;
}
#product-nav-wrapper li.dropdown .caret {
    border-bottom-color: #AAB1B4;
    border-top-color: #AAB1B4;
}

.categories-wrapper {
    margin-top: 10px;
}
.categories-wrapper ul {
    padding: 0;
}
.categories-wrapper ul li {
    list-style-type: none;
    padding-left: 9px;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3;
}
.categories-wrapper ul li a {
    padding: 9px 0px;
    width: 100%;
    display: block;
    text-decoration: none;
}
.categories-wrapper ul li.headmenu
{
    background: #0d3373;
}
.categories-wrapper ul li.headmenu a
{
    color: #effaff;
}
.categories-wrapper ul li.submenu
{
    background: #ffffff;
}
.categories-wrapper ul li.submenu a
{
    color: #2a2a2a;
}
.other-wrapper img {
    width: 100%;
}


.title-bar{
	position: relative;
	padding: 0px 0 0 0;
	margin-bottom: 20px;
	margin-top: 20px;
}

.title-bar h1, .title-bar h2 {
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 0 0 2px 0;
	display: inline;
	float: left;
	clear: left;
	margin: 0;
	color: #000000;			
}

.title-bar-sub{
	color: #000000;
	display: inline;
	float: left;
	font-size: 13.3px;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0;
	padding: 0 10px 2px 20px;
}

.title-bar-sub-blog{
    color: #000000;
    display: inline;
    float: left;
    font-size: 13.3px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0;
    padding: 0 10px 2px 20px;
}

.title-bar-sub a{
	color: #fff;
	text-decoration: none;
}

.money-styling{
	color: #000000;
	display: block;
	font-size: 14px;
    padding: 0px 0;
	text-align: center;
	margin-bottom: 12px;
	width: 100%;
}

.compare-at-price{
	color: #898989;
	text-decoration: line-through;
	margin-top: 2px;
	margin-bottom: 4px;
}

/* @end */

#hp-one-promobox,
#hp-two-promoboxs,
#hp-three-promoboxs,
#hp-four-promoboxs{
	margin-bottom: 20px;
}

.form-control
{
	box-shadow: none !important;
	border-radius: 3px;
	/*border-color: #e3e3e3;*/
}

footer
{
    background-color: #ffffff;
    border-top: 1px solid #e3e3e3;
    margin-top: 70px;
    color: #000000;
}
.copyline, .copyline a
{
    color: #9C9C9C !important;
    font-size: 11px;
}
.custom-footer-text
{
    color: #000000;
    margin-bottom: 55px;
}
.footer-menu
{
    margin-top: 20px;
    margin-bottom: 11px;
}
footer a,
.bottom-footer a{
	color: #95a5a6;
	text-decoration: underline;
}

.bottom-footer{
	background-color: #ffffff;
	padding: 10px 0;
	color: #000000;
	font-size: 12px;
}

.bottom-footer .omega{
	text-align: right;
}

#site-header .top-menu{
	text-align: left;
}

#site-header .top-menu ul li{
	line-height: 44px;
}
#main_menu
{
	margin-bottom: 12px;
}
.links-footer ul{
	padding-left: 0px;
}

.links-footer ul li{
	list-style-type: none;
	padding-bottom: 7px;
}

#newsletter-signup .btn-default{
	margin-top: 10px;
}

#footer-payment-methods img{
	margin-bottom: 5px;
	margin-right: 5px;
}

.bottom-footer .col-lg-3{
	text-align: right;
}

.collection-promo-box img{
	max-width: 100%;
	margin-bottom: 10px;
}

#hp-three-promoboxs,
#hp-two-promoboxs,
#hp-one-promobox,
#hp-four-promoboxs
{
	text-align: center;
}

/* @end */

/* @group Search */

form#search{
	width: 100%;
	text-align: right;
	margin-bottom: 0px;
}


.search-wrapper{
    position: relative;
	display: inline-block;
	font-size: 12px;
	padding: 0px 0;
	width: 100%;
	background: #FFF;
}
.search-input-wrapper {
    position: relative;
}
.search_text {
    display: inline-block;
    margin-bottom: 0px;
    color: #AAB1B4;
    height: 37px;
    background:none;
    border: 0;
    width: 100%;
    padding-right: 40px; /* Adjust this value based on the width of your button */
    background: #fff;
    border-radius: 8px !important;
    box-shadow: inset 0 .1rem .2rem rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    color: grey;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    outline: 0;
    outline-offset: -2px;
    padding: 13px 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-left: 10px
}
@media only screen and (max-width: 991px) {
  .search_submit {
    color: #cdcdcd !important;
  }
  a.cart-link {
    font-size: 14px;
    padding-left: 6px;
    display: inline-block;
    color: #222;
    vertical-align: middle;
}
  .search-input-wrapper {
  position: relative;
  padding: 5px;
}

}

.search_submit {
    margin-bottom: 0px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    color: #AAB1B4;
    background: none;
        position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: none;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footertext
{
    margin: 20px 0px;
}

#search_results .product-grid .page a{
	text-decoration: none;
}

#search_results .product-grid .page span{
	font-size: 30px;
	line-height: 32px;
}

#search_results .product-grid .page h5{
	font-size: 12px;
	line-height: 16px;
}

#search_results .product-grid .product a{
	text-decoration: none;
	text-align: center;
}

#search_results .product-grid .product span{
    font-size: 16px;
	line-height: 24px;
}

#search_results .product-grid .product h5{
    font-size: 12px;
	line-height: 16px;
}

#product-nav-wrapper ul.dropdown-menu li a,
#site-header ul.dropdown-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration:none;
}

.hp-title{
	padding-top: 20px;
}

ul.product-grid{
	padding-left: 0px;
}

ul.product-grid li{
	list-style-type: none;
	margin-bottom: 30px;
}

.related_products ul.product-grid{
	margin-bottom: 0px;
}

.product-grid-page-label{
	background: none repeat scroll 0 0 #EBEBEB;
	font-size: 11px;
    padding: 3px;
    position: absolute;
    right: -15px;
    text-transform: uppercase;
    top: -15px;
}

.no-results{
	color: #999999;
	font-size: 14px;
    font-style: italic;
    padding: 30px 0;
    text-align: center;
}

.no-products-found{
	text-align: center;
	padding: 30px 0;
}

input#search_submit[type="submit"] {
    font-family: FontAwesome;
}

/* @end */

/* @group Contact */

ul#contact-form input[type="text"],
ul#contact-form input[type="email"],
ul#contact-form textarea{
	width: 80%;
}

.contact-form ul.error-list li{
	background-color: #F9E5E6;
	border-color: #F7C7C9;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #B3696C;
    font-style: italic;
    padding: 10px;
    width: 80%;
}

.contact-form p.success-msg{
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E3EBC6;
    border-color: #C2D288;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #8FA442;
	display: block;
    padding: 10px;
}
.contact-form form[role=form] div {
    margin-bottom: 15px;
}


/* @end */

/* @group Pagination */

.pagination{
	text-align: center;
	width: 100%;
}

.pagination .pagination-num-showing{
	font-size: 12px;
	font-style: italic;
	color: #999;
	line-height: 30px;
}

.pagination .pagination-number,
.pagination .pagination-arrow{
	display: inline-block;
}

.pagination .active a,
.pagination .pagination-number a:hover,
.pagination .pagination-arrow a:hover{
	background-color: #eee !important;
}

.pagination .pagination-number a{
	background-color: #f8f8f8;
    color: #888 !important;
    font-family: helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.pagination .pagination-arrow a{
	background-color: #f8f8f8;
    color: #888 !important;
    font-family: helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
}


.pagination .disabled{
	display:none;
}

.pagination ul{
	margin: 0;
	padding: 0;
}

#paginate{
	padding: 20px 0;
}

/* @end */

/* @group Error 404 */

.error-404-sorry{
	color: #999999;
	font-size: 14px;
    font-style: italic;
    padding: 30px 0;
    text-align: center;
}

/* @end */

/* @group Floats */

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* @end */

/* @group Breadcrumb */

.breadcrumb{
	background: none;
	color: #A1A1A1;
	font-size: 12px;	
}

.breadcrumb span{
	font-size: 12px;
	margin-bottom: 0;
	padding-left: 0;
	display: inline;	
}
.breadcrumb a {
    color: #000000;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover
{
    border-radius: none;
    opacity: 0.8;
}
/* @end */

/* @group Page */

.page ul{
}

.page ul li,
.post ul li,
.product ul li{
	list-style-position: inside;
	list-style-type: disc;
}

.page ol li,
.post ol li,
.product ol li{
	list-style-position: inside;
}

.page ol,
.post ol,
.product ol{
	margin-left: 0px;
}

.page table,
.post table,
#customer_orders table,
.product table{
    width: 100%;
}
.page table thead,
.post table thead,
#customer_orders table thead,
.product table thead{
    background: none repeat scroll 0 0 #EBEBEB;
}
.page table th,
.post table th,
#customer_orders table th,
.product table th{
    padding: 10px;
}
.page table td,
.post table td,
#customer_orders table td,
.product table td{
    border-bottom: 1px dotted #999999;
    padding: 10px;
}

.product .entry-content .eight{
	margin-bottom: 10px;
}

/* @end */

/* @group Alerts */

.alert{
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: capitalize;
	text-align: center;
}

.alert-danger, .alert-error{
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48 !important;
}

.alert-success{
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.alert-error h5,
.alert-error strong{
    color: #B94A48;	
}

/* @end */

/* @group Product Detail */

#product_images .product-main-image{
	max-width: 100%;
	text-align: center;
}

.product-out-of-stock{
	color: #999999;
	font-size: 14px;
	font-style: italic;
	padding: 20px 0;
	margin: 20px 0;
	text-align: center;
	border-bottom: 1px dotted #999999;
    border-top: 1px dotted #999999;	
}

#product-thumbnails{
	margin-top: 20px;
}

#product-thumbnails li img{
	max-width: 100%;
}

.form-group
{
    margin-bottom: 5px;
}
 
.product-images ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.product-images li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.product-images img {
    display: block;
    height: auto;
    max-width: 100%;
}
.product-images .cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.fb-comments, .fb-comments iframe[style], .fb-comments span[style] {width: 100% !important;}

.product-main-image:hover{
	cursor: all-scroll;
}

input#purchase{
	border: 0 none;
    padding: 10px 56px;
    background: #e30e06;
    color: #ffffff;
    display:inline-block;
    vertical-align: top;
    font-size:16px;
}

input#purchase:hover{
    background: #e53731;
}



.option-row-custom .option-row-custom-options label {
    border-radius: 0px !important;
    box-shadow: none !important;
}
#price-field {
    margin: -10px 0px 0px 0px;
    font-size: 20px;
    font-weight: 600;
}

#sharing{
	margin-bottom: 20px;
}

#share {
	margin-bottom: 20px;
}

#share .jssocials-shares .jssocials-share-link {
    border-radius: 3px;
}

#single_product form.qs-cart {
    margin-bottom: 0px;
}

.product-info-box {
	margin-bottom: 2px;
}

.product-stock-box {
    margin-bottom: 15px;
    margin-top: -5px;
}

.product-current-stock-status.instock {
    color: #44b944;
    display: inline;
    font-size: 12px;
}
.product-current-stock-status.outofstock {
    color: #ff0000;
}

.qs-product-soldout-wrapper {
    font-weight: bold;
    margin-bottom: 30px;
}

.product-supplier-box.is_empty {
    display: none;
}

.mmnue-cartbox
{
    background: #FFF;
    box-shadow: none;
    border-left: 1px solid #eee;
    text-align: left;
}
/* @end */

/* @group Collection */

#collection-description{
	padding: 8px 8px 8px 0px;
}

#collection-description img{
	padding: 0 30px 0 0;
}

.description-content{
	padding: 10px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#collections-listing .indiv-product img{
	width: 100%;
}

#collections-listing .indiv-product span{
	margin-bottom: 0px;
}

#collections-listing .indiv-product span a{
	color: #252525;
	text-decoration: none;
	text-transform: uppercase;
    display: block;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

#collections-listing .indiv-product small{
	color: #999;
    display: block;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
	font-style: italic;
}
/* proportion-listed product-images start */
.content_box{
    position: relative;
    top:0;
    left:0;
    z-index:5;
    overflow: hidden;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}
.content_product_desc
{
    padding: 5px 3px 0px 3px;
}
.content_product_desc a:hover, .content_product_desc a:focus
{
    text-decoration: none;
    box-shadow: none;
}
.content_box .product-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color 0.1s ease-in-out;
       -moz-transition: background-color 0.1s ease-in-out;
        -ms-transition: background-color 0.1s ease-in-out;
         -o-transition: background-color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out;
    z-index: 999;
}

.content_box .product-overlay a{width: 100%;height: 100%;display: block;}

.image_no_autoheight
{
    height: auto;
}
.content_box .product-image{
    position: relative;
    padding: 0;
    margin-bottom:0px;
}
.content_box .product-image {
    display: table;
    width: 100%;
}
.content_box .product-head {
    display: table-cell;
    vertical-align: middle;
}
.content_box .product-image img {
    max-width: 100%;
    max-height: 100%;
}
.content_box .product-image .product-head{
    position: relative;
    height: 220px;
    text-align: center;
}
.content_box .product-image .product-head > img.rp{
    max-width: 35% !important;
}
.content_box h4  {
    height: 36px;
    overflow-y: hidden;
}

.content_box:hover a{
	color: #000000;
}
/* proportion-listed product-images end */

.product-grid .alpha,
.featured-products .alpha{
	clear: both;
}

#additional-checkout-buttons-label{
	display: block;
    font-size: 12px;
    margin: 20px 0;
    opacity: 0.5;
    text-transform: uppercase;	
}

.sale-badge{
 	background-color: #f26c4f;
    opacity: 0.80;
	filter:alpha(opacity=80);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    padding: 10px 20px;
    text-transform: uppercase;
    z-index: 10000;
	position: absolute;
	top: -10px;
	left: -10px;
}

.product-tags-wrapper{
	position: relative;
	margin: 10px 0;
}

ul#product-thumbnails{
	padding-left: 0px;
}

ul#product-thumbnails li{
	list-style-type: none;
}

.product-description-header{
	margin-top: 0px;
	margin-bottom: 12px;
}

.selector-wrapper select{
	display: block;
	margin-bottom: 20px;
}

.selector-wrapper label{
	color: #AAB1B4;
	text-transform: uppercase;
	font-size: 12px;
	width: 100%;
}

.product-description-wrapper{
	margin: 20px 0 30px 0;
}

.single-option-selector{
	min-width: 50%;
}

#sharing{
	margin-top: 20px;
	padding-bottom: 20px;
}

/* @end */

/* @group Customer Account */

#create-customer .large_form{
	margin-bottom: 20px;
}

#create-customer .action_bottom{
	margin-bottom: 15px;
	text-align: center;
}

.reset-password .form-row{
	margin-bottom: 20px;
}

.reset-password .action_bottom{
	margin-bottom: 15px;
	text-align: center;
}

.label{
	color: #000;
}

/* @end */


/* @group IE Overrides */

.ie body{

}

.ie header{
	background-color: #00ff00 !important;
	height: 60px;
}

.ie #search-wrapper{
	height: 44px;
	display: block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.comment-form{
	clear: both;
}

/* CSS Fix for Max-Width of Ad Styling */

#hp-three-promoboxs img,
#hp-two-promoboxs img,
#hp-one-promobox img,
#hp-four-promoboxs img{ 
  max-width: 100% 
}

.clearcolumn{
	clear: both;
}



/* @end */


/* @group Animation */

#collection-image-anim{
    animation-duration: 1s;
    animation-delay: 0.5s;  
}  

/* @end */

/* @end */

/* @group ii. Responsive Overrides */

/* #Media Queries
================================================== */
@media (min-width: 1200px)
{
    .container{
        max-width: 1200px;
    }
    .maincol.col-lg-3 {
        width: 20%;
        flex: 0 0 20%;
    }
    .maincol.col-lg-9 {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%;
    }
}

	#mobile-product-images,
	#mobile-menu{display:none}

	/* Smaller than standard 960 (devices and browsers) */
	@media (max-width: 1200px)
	{
	    .top_right_content
        {
            font-size: 11px;
        }
        .top_left_content
        {
            font-size: 11px;
        }
	}
	@media only screen and (max-width: 959px) {
        
        a.cart-link {
            background: transparent;
        }
        .search-wrapper
        {
            border: none;
            background: transparent;
        }

        .product-grid .alpha,
        .product-grid .mobile{
        	clear: both;
        }

        #site-title img
        {
            max-width: 31%;
        }
        .page-head .paymentmethods img
        {
            max-width: 28px;
        }
        .search-wrapper
        {
            font-size: 10px;
        }
	}
	
	@media only screen and (max-width: 991px) {
	

        
        .search-wrapper {
               position: relative;
	display: inline-block;
	font-size: 12px;
	padding: 0px 0;
	width: 100%;
	background: #FFF;
            margin-bottom: 6px;
        }
        
        .search_text {
                display: inline-block;
    margin-bottom: 0px;
    color: #AAB1B4;
    height: 37px;
    background:none;
    border: 0;
    width: 100%;
    padding-right: 40px; /* Adjust this value based on the width of your button */
    background: none;
    border-radius: 8px !important;
    box-shadow: inset 0 .1rem .2rem rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    color: grey;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    outline: 0;
    outline-offset: -2px;
    padding: 13px 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-left: 10px
        }
        

        
        .search_submit {
    margin-bottom: 0px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    color: #AAB1B4;
    background: none;
        position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    background: none;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
        }
        
        .logo
	    {
	        float: none;
	        text-align: center;
	        margin: 20px auto;
            display: block;
	    }
	    .logo img
	    {
	        margin: 0 auto;
	    }
        
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 991px) {

		form#search{
			text-align: left;
		}
		
		.search-wrapper {
		    font-size: 12px;
		    margin-top: 0px;
		    border: none;
		    background: none;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
		div#site-title{
			padding: 15px 0px;
		}
		#site-table a{
			font-size: 24px;
		}
	
		.align-items-center {
        -ms-flex-align: center!important;
        align-items: center !important;
        margin-top: -5px;
    }
		
		.product-offer-box .offer {
    display: inline-block;
    margin-right: 4px;
    font-size: 11px;
    border-radius: 8px;
}

.product-description-wrapper h1 {
    font-size: 14px;
    font-weight: 600;
}

.product-description-wrapper h2 {
    font-size: 14px;
       font-weight: 600;
}

.product-description-wrapper h3 {
    font-size: 14px;
       font-weight: 600;
}

    #price-field {
        margin-top: -12px;
        margin-bottom: 9px;
        font-size: 20px;
        font-weight: 600;
    }
    
.compare-at-price {
        color: #898989;
        font-size: 20px;
        text-decoration: line-through;
        text-decoration-thickness: 1px;
        margin-top: -16px;
}
		
.breadcrumb{
	background: none;
	color: #A1A1A1;
	font-size: 10px;	
}

.breadcrumb span {
    font-size: 9px;
    margin-bottom: 0;
    padding-left: 0;
    display: inline;
}

.logo img {
    max-height: 40px;
    max-width: 100%;
    margin-top: -15px;
    margin-bottom: -15px;
}		
		.content_box .product-image .product-head
		{
		    text-align: center;
		}
		.search-wrapper
		{
		    font-size: 12px;
		    margin-top: 0px;
		    border: none;
		    background: none;
		}
        .mobile-header
        {
            margin-top: 0px;
            vertical-align: middle;
        }
		#minicart{
			box-shadow: none;
			background-color: #none;
			right: 0px;
		}
		
		#minicart .close-shopping-cart,
		#minicart .three{
			display:none;
		}
		
		#minicart .four,
		#minicart .five{
			text-align: center;
		}
		
		#minicart .four{
			margin: 20px 0;
		}
		
		#minicart .view-cart-mini{
			position: inherit;
		}
		
		.indiv-product{
			margin-bottom: 30px;
		}
		
		form#search{
			text-align: center;
		}
		
		#cartform td,
		#order_details td{
			padding: 0 5px;
		}
		
		#mobile-background{
			background-color: #F6F5F5;
			width: 100%;
			margin-bottom: 20px;
		}
		
		.top-menu,
		#customer-top-header,
		#cart-brief,
		.cart-table-image,
		#cartform thead,
		.cart-table-price,
		#product_images{
			display:none !important;
		}
		
		#mobile-product-images{display: block;}
		
		#minicart{position: relative;}
		
		#mobile-menu-wrapper{text-align: center;}
		#mobile-menu{display: inline-block !important;}
		
		#site-title img{
			max-width: 80%; 
		}
		
		#minicart {
		    height: auto;
		    padding-bottom: 20px;
		    right: 10px;
		    text-align: center;
		    width: 100%;
		}
		
		.pagination-number{
			display: none !important;
		}
		
		#search_text {
		    height: 25px;
		    padding: 5px;
		}
		
		#mobile-header {
			display: block;
		}
		
		.home-title {
            margin: 18px 0 8px 0px;
            font-size: 20px;
        }
        
        .section-title {
            margin: 18px 0 8px 0px;
            font-size: 16px;
            line-height: normal;
        }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    
	      
	
	    .top_left_content
        {
            text-align: center;
            font-size: 11px;
            line-height: 20px;
            margin-bottom: 4px;
        }
        
        .top_pointers {
	        text-align: center;
	        line-height: 20px;
	        margin-bottom: 4px;
	    }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	    

	    
	    .search_text {
    display: inline-block;
    margin-bottom: 0px;
    color: #AAB1B4;
    height: 37px;
    background:none;
    border: 0;
    width: 100%;
    padding-right: 40px; /* Adjust this value based on the width of your button */
    background: none;
    box-shadow: inset 0 .1rem .2rem rgba(0, 0, 0, .1);
    border: 1px solid rgba(121, 117, 117, 0.22);
    color: #e1e1e1;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    outline: 0;
    outline-offset: -2px;
    padding: 13px 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-left: 10px
}
	    
	    header#site-header {
    line-height: 30px;
}

#page-layout {
    margin-top: -15px;
}
	    
	    .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 40%;
    max-width: 33%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 33%;
    max-width: 33%;
}

	   .indiv-product {
    width: 98px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -5px;
    box-shadow: 0px 0px 1px #c5c5c5;
    border-top: 12px solid;
    /* border-bottom: 2px solid; */
    border-top-color: #0D3373;
    border-right-color: #1ea9d738;
    border-left-color: #1ea9d738;
    border-bottom-color: #1ea9d738;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-top: 5px; 
    background: transparent;
}

.indiv-product .indiv-product-title-text {
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    margin: 0;
    padding: 0px 0 0px 0;
    text-align: center;
}

.content_box .product-image {
    display: table;
    width: 100%;
}

.content_box .product-image .product-head {
    position: relative;
    height: 110px;
    text-align: center;
}

.money-styling {
    color: #000000;
    display: block;
    font-size: 14px;
    padding: 0px 0;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%;
}


	   
	    .content_product_desc .btn
	    {
	        font-size: 8px;
	        padding: 2px 2px;
	    }
	    
	    .content_product_desc .btn.list-buybtn {
    color: #ffffff!important;
    border-radius: 3px;
    min-width: 50px;
    margin: 0px;
    font-size: 9.5px;
}
.content_product_desc .btn.read_more_btn {
       min-width: 50px;
    margin-right: 4px;
    margin-left: -4px;
    font-size: 9.5px;
	    
	    .indiv-product .indiv-product-title-text
	    {
	        font-size: 12px;
	    }
	    
	    .top_right_content
        {
            text-align: center;
            font-size: 11px;
        }
        
        .top_left_content
        {
            text-align: center;
            font-size: 11px;
            line-height: 20px;
            margin-bottom: 4px;
        }
        
        .top_pointers {
	        text-align: center;
	        line-height: 20px;
	        margin-bottom: 4px;
	    }
	    
	}
	@media only screen and (max-width: 320px) {
	    .content_product_desc .btn
	    {
            font-size: 9px;
            padding: 5px 3px;
	    }
	}
  


#mobile-product-images img{
	margin-bottom: 10px;
}

#mmnue-cartbox h4{
	color: #999;
}


.selectric {
    background:transparent;
    border-radius: 3px;
}
.selectric-open .selectric {
    border-radius: 3px 3px 0 0;
}

.selectric .label {
    text-align: left;
}
.selectric .button, .selectric .label {
    line-height: 40px;
    background:transparent;
}
.selectric-open .selectric-items {
    border-top: none;
    border-radius: 0 0 3px 3px;
}
.selectric-open .selectric-items li.last {
    border-radius: 0 0 3px 3px;
}

.selectric-open .selectric-items li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 6px 10px;
}

.selectric-open .selectric-items li:hover {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding: 6px 12px;
    font-weight: bold;
}

header#site-header .cconverter_element {
    margin: 3px 0 3px 2px;
}

header#site-header .selectric .button, header#site-header .selectric .label {
    height: 24px;
    line-height: 24px;
}

header#site-header a.taxlink:first-child {
    margin-left: 0;
}

.startslide.lightSlider li{
    display:flex;
    height:100%;
    justify-content:center;
    align-items:center;
    
}
.startslide.lightSlider li img{
    max-height:100% !important;
    max-width: 100%;
}
.btn.focus, .btn:focus{
    box-shadow:none;
}
.mm-listitem .mm-btn_next:before{
    display:none;
}
/* @end */