/* Minification failed. Returning unminified contents.
(9560,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19612,57): run-time error CSS1046: Expect comma, found '25'
(19612,63): run-time error CSS1046: Expect comma, found '/'
(21236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22310,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}


code,
kbd,
samp {
  font-family: monospace, monospace; 
  font-size: 1em; 
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
    font-family: "uicons-regular-straight";
    src: url("../../../../Content/assets/fonts/uicons/uicons-regular-straight.eot#iefix") format("embedded-opentype"), url("../../../../Content/assets/fonts/uicons/uicons-regular-straight.woff2") format("woff2"), url("../../../../Content/assets/fonts/uicons/uicons-regular-straight.woff") format("woff");
}

i[class^="fi-rs-"], span[class^="fi-rs-"] {
    line-height: 0 !important;
}

i[class^="fi-rs-"]:before, i[class*=" fi-rs-"]:before, span[class^="fi-rs-"]:before, span[class*="fi-rs-"]:before {
    font-family: uicons-regular-straight !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-rs-add:before {
    content: "\f101";
}
.fi-rs-alarm-clock:before {
    content: "\f102";
}
.fi-rs-align-center:before {
    content: "\f103";
}
.fi-rs-align-justify:before {
    content: "\f104";
}
.fi-rs-align-left:before {
    content: "\f105";
}
.fi-rs-align-right:before {
    content: "\f106";
}
.fi-rs-ambulance:before {
    content: "\f107";
}
.fi-rs-angle-double-left:before {
    content: "\f108";
}
.fi-rs-angle-double-right:before {
    content: "\f109";
}
.fi-rs-angle-double-small-left:before {
    content: "\f10a";
}
.fi-rs-angle-double-small-right:before {
    content: "\f10b";
}
.fi-rs-angle-down:before {
    content: "\f10c";
}
.fi-rs-angle-left:before {
    content: "\f10d";
}
.fi-rs-angle-right:before {
    content: "\f10e";
}
.fi-rs-angle-small-down:before {
    content: "\f10f";
}
.fi-rs-angle-small-left:before {
    content: "\f110";
}
.fi-rs-angle-small-right:before {
    content: "\f111";
}
.fi-rs-angle-small-up:before {
    content: "\f112";
}
.fi-rs-angle-up:before {
    content: "\f113";
}
.fi-rs-apps-add:before {
    content: "\f114";
}
.fi-rs-apps-delete:before {
    content: "\f115";
}
.fi-rs-apps-sort:before {
    content: "\f116";
}
.fi-rs-apps:before {
    content: "\f117";
}
.fi-rs-archive:before {
    content: "\f118";
}
.fi-rs-arrow-down:before {
    content: "\f119";
}
.fi-rs-arrow-left:before {
    content: "\f11a";
}
.fi-rs-arrow-right:before {
    content: "\f11b";
}
.fi-rs-arrow-small-down:before {
    content: "\f11c";
}
.fi-rs-arrow-small-left:before {
    content: "\f11d";
}
.fi-rs-arrow-small-right:before {
    content: "\f11e";
}
.fi-rs-arrow-small-up:before {
    content: "\f11f";
}
.fi-rs-arrow-up:before {
    content: "\f120";
}
.fi-rs-asterisk:before {
    content: "\f121";
}
.fi-rs-backpack:before {
    content: "\f122";
}
.fi-rs-badge:before {
    content: "\f123";
}
.fi-rs-ban:before {
    content: "\f124";
}
.fi-rs-band-aid:before {
    content: "\f125";
}
.fi-rs-bank:before {
    content: "\f126";
}
.fi-rs-barber-shop:before {
    content: "\f127";
}
.fi-rs-baseball:before {
    content: "\f128";
}
.fi-rs-basketball:before {
    content: "\f129";
}
.fi-rs-bell-ring:before {
    content: "\f12a";
}
.fi-rs-bell-school:before {
    content: "\f12b";
}
.fi-rs-bell:before {
    content: "\f12c";
}
.fi-rs-billiard:before {
    content: "\f12d";
}
.fi-rs-bold:before {
    content: "\f12e";
}
.fi-rs-book-alt:before {
    content: "\f12f";
}
.fi-rs-book:before {
    content: "\f130";
}
.fi-rs-bookmark:before {
    content: "\f131";
}
.fi-rs-bowling:before {
    content: "\f132";
}
.fi-rs-box-alt:before {
    content: "\f133";
}
.fi-rs-box:before {
    content: "\f134";
}
.fi-rs-briefcase:before {
    content: "\f135";
}
.fi-rs-broom:before {
    content: "\f136";
}
.fi-rs-browser:before {
    content: "\f137";
}
.fi-rs-brush:before {
    content: "\f138";
}
.fi-rs-bug:before {
    content: "\f139";
}
.fi-rs-building:before {
    content: "\f13a";
}
.fi-rs-bulb:before {
    content: "\f13b";
}
.fi-rs-calculator:before {
    content: "\f13c";
}
.fi-rs-calendar:before {
    content: "\f13d";
}
.fi-rs-camera:before {
    content: "\f13e";
}
.fi-rs-caret-down:before {
    content: "\f13f";
}
.fi-rs-caret-left:before {
    content: "\f140";
}
.fi-rs-caret-right:before {
    content: "\f141";
}
.fi-rs-caret-up:before {
    content: "\f142";
}
.fi-rs-check:before {
    content: "\f143";
}
.fi-rs-checkbox:before {
    content: "\f144";
}
.fi-rs-chess:before {
    content: "\f145";
}
.fi-rs-circle-small:before {
    content: "\f146";
}
.fi-rs-circle:before {
    content: "\f147";
}
.fi-rs-clip:before {
    content: "\f148";
}
.fi-rs-clock:before {
    content: "\f149";
}
.fi-rs-cloud-check:before {
    content: "\f14a";
}
.fi-rs-cloud-disabled:before {
    content: "\f14b";
}
.fi-rs-cloud-download:before {
    content: "\f14c";
}
.fi-rs-cloud-share:before {
    content: "\f14d";
}
.fi-rs-cloud-upload:before {
    content: "\f14e";
}
.fi-rs-cloud:before {
    content: "\f14f";
}
.fi-rs-comment-alt:before {
    content: "\f150";
}
.fi-rs-comment:before {
    content: "\f151";
}
.fi-rs-compress-alt:before {
    content: "\f152";
}
.fi-rs-compress:before {
    content: "\f153";
}
.fi-rs-computer:before {
    content: "\f154";
}
.fi-rs-cookie:before {
    content: "\f155";
}
.fi-rs-copy-alt:before {
    content: "\f156";
}
.fi-rs-copy:before {
    content: "\f157";
}
.fi-rs-copyright:before {
    content: "\f158";
}
.fi-rs-cream:before {
    content: "\f159";
}
.fi-rs-credit-card:before {
    content: "\f15a";
}
.fi-rs-cross-circle:before {
    content: "\f15b";
}
.fi-rs-cross-small:before {
    content: "\f15c";
}
.fi-rs-cross:before {
    content: "\f15d";
}
.fi-rs-crown:before {
    content: "\f15e";
}
.fi-rs-cursor-finger:before {
    content: "\f15f";
}
.fi-rs-cursor-plus:before {
    content: "\f160";
}
.fi-rs-cursor-text-alt:before {
    content: "\f161";
}
.fi-rs-cursor-text:before {
    content: "\f162";
}
.fi-rs-cursor:before {
    content: "\f163";
}
.fi-rs-dart:before {
    content: "\f164";
}
.fi-rs-dashboard:before {
    content: "\f165";
}
.fi-rs-data-transfer:before {
    content: "\f166";
}
.fi-rs-database:before {
    content: "\f167";
}
.fi-rs-delete:before {
    content: "\f168";
}
.fi-rs-diamond:before {
    content: "\f169";
}
.fi-rs-dice:before {
    content: "\f16a";
}
.fi-rs-diploma:before {
    content: "\f16b";
}
.fi-rs-disk:before {
    content: "\f16c";
}
.fi-rs-doctor:before {
    content: "\f16d";
}
.fi-rs-document-signed:before {
    content: "\f16e";
}
.fi-rs-document:before {
    content: "\f16f";
}
.fi-rs-dollar:before {
    content: "\f170";
}
.fi-rs-download:before {
    content: "\f171";
}
.fi-rs-duplicate:before {
    content: "\f172";
}
.fi-rs-e-learning:before {
    content: "\f173";
}
.fi-rs-earnings:before {
    content: "\f174";
}
.fi-rs-edit-alt:before {
    content: "\f175";
}
.fi-rs-edit:before {
    content: "\f176";
}
.fi-rs-envelope:before {
    content: "\f177";
}
.fi-rs-euro:before {
    content: "\f178";
}
.fi-rs-exclamation:before {
    content: "\f179";
}
.fi-rs-expand:before {
    content: "\f17a";
}
.fi-rs-eye-crossed:before {
    content: "\f17b";
}
.fi-rs-eye-dropper:before {
    content: "\f17c";
}
.fi-rs-eye:before {
    content: "\f17d";
}
.fi-rs-feather:before {
    content: "\f17e";
}
.fi-rs-file-add:before {
    content: "\f17f";
}
.fi-rs-file-ai:before {
    content: "\f180";
}
.fi-rs-file-check:before {
    content: "\f181";
}
.fi-rs-file-delete:before {
    content: "\f182";
}
.fi-rs-file-eps:before {
    content: "\f183";
}
.fi-rs-file-gif:before {
    content: "\f184";
}
.fi-rs-file-music:before {
    content: "\f185";
}
.fi-rs-file-psd:before {
    content: "\f186";
}
.fi-rs-file:before {
    content: "\f187";
}
.fi-rs-fill:before {
    content: "\f188";
}
.fi-rs-film:before {
    content: "\f189";
}
.fi-rs-filter:before {
    content: "\f18a";
}
.fi-rs-fingerprint:before {
    content: "\f18b";
}
.fi-rs-flag:before {
    content: "\f18c";
}
.fi-rs-flame:before {
    content: "\f18d";
}
.fi-rs-flip-horizontal:before {
    content: "\f18e";
}
.fi-rs-folder-add:before {
    content: "\f18f";
}
.fi-rs-folder:before {
    content: "\f190";
}
.fi-rs-following:before {
    content: "\f191";
}
.fi-rs-football:before {
    content: "\f192";
}
.fi-rs-form:before {
    content: "\f193";
}
.fi-rs-forward:before {
    content: "\f194";
}
.fi-rs-ftp:before {
    content: "\f195";
}
.fi-rs-gallery:before {
    content: "\f196";
}
.fi-rs-glasses:before {
    content: "\f197";
}
.fi-rs-globe-alt:before {
    content: "\f198";
}
.fi-rs-globe:before {
    content: "\f199";
}
.fi-rs-golf:before {
    content: "\f19a";
}
.fi-rs-graduation-cap:before {
    content: "\f19b";
}
.fi-rs-graphic-tablet:before {
    content: "\f19c";
}
.fi-rs-grid-alt:before {
    content: "\f19d";
}
.fi-rs-grid:before {
    content: "\f19e";
}
.fi-rs-gym:before {
    content: "\f19f";
}
.fi-rs-headphones:before {
    content: "\f1a0";
}
.fi-rs-headset:before {
    content: "\f1a1";
}
.fi-rs-heart:before {
    content: "\f1a2";
}
.fi-rs-home:before {
    content: "\f1a3";
}
.fi-rs-hourglass-end:before {
    content: "\f1a4";
}
.fi-rs-hourglass:before {
    content: "\f1a5";
}
.fi-rs-ice-skate:before {
    content: "\f1a6";
}
.fi-rs-id-badge:before {
    content: "\f1a7";
}
.fi-rs-inbox:before {
    content: "\f1a8";
}
.fi-rs-incognito:before {
    content: "\f1a9";
}
.fi-rs-indent:before {
    content: "\f1aa";
}
.fi-rs-infinity:before {
    content: "\f1ab";
}
.fi-rs-info:before {
    content: "\f1ac";
}
.fi-rs-interactive:before {
    content: "\f1ad";
}
.fi-rs-interlining:before {
    content: "\f1ae";
}
.fi-rs-interrogation:before {
    content: "\f1af";
}
.fi-rs-italic:before {
    content: "\f1b0";
}
.fi-rs-jpg:before {
    content: "\f1b1";
}
.fi-rs-key:before {
    content: "\f1b2";
}
.fi-rs-keyboard:before {
    content: "\f1b3";
}
.fi-rs-label:before {
    content: "\f1b4";
}
.fi-rs-laptop:before {
    content: "\f1b5";
}
.fi-rs-lasso:before {
    content: "\f1b6";
}
.fi-rs-layers:before {
    content: "\f1b7";
}
.fi-rs-layout-fluid:before {
    content: "\f1b8";
}
.fi-rs-letter-case:before {
    content: "\f1b9";
}
.fi-rs-life-ring:before {
    content: "\f1ba";
}
.fi-rs-line-width:before {
    content: "\f1bb";
}
.fi-rs-link:before {
    content: "\f1bc";
}
.fi-rs-lipstick:before {
    content: "\f1bd";
}
.fi-rs-list-check:before {
    content: "\f1be";
}
.fi-rs-list:before {
    content: "\f1bf";
}
.fi-rs-location-alt:before {
    content: "\f1c0";
}
.fi-rs-lock-alt:before {
    content: "\f1c1";
}
.fi-rs-lock:before {
    content: "\f1c2";
}
.fi-rs-magic-wand:before {
    content: "\f1c3";
}
.fi-rs-makeup-brush:before {
    content: "\f1c4";
}
.fi-rs-marker-time:before {
    content: "\f1c5";
}
.fi-rs-marker:before {
    content: "\f1c6";
}
.fi-rs-medicine:before {
    content: "\f1c7";
}
.fi-rs-megaphone:before {
    content: "\f1c8";
}
.fi-rs-menu-burger:before {
    content: "\f1c9";
}
.fi-rs-menu-dots-vertical:before {
    content: "\f1ca";
}
.fi-rs-menu-dots:before {
    content: "\f1cb";
}
.fi-rs-microphone:before {
    content: "\f1cc";
}
.fi-rs-minus-small:before {
    content: "\f1cd";
}
.fi-rs-minus:before {
    content: "\f1ce";
}
.fi-rs-mobile:before {
    content: "\f1cf";
}
.fi-rs-mode-landscape:before {
    content: "\f1d0";
}
.fi-rs-mode-portrait:before {
    content: "\f1d1";
}
.fi-rs-money:before {
    content: "\f1d2";
}
.fi-rs-mouse:before {
    content: "\f1d3";
}
.fi-rs-music-alt:before {
    content: "\f1d4";
}
.fi-rs-music:before {
    content: "\f1d5";
}
.fi-rs-network-cloud:before {
    content: "\f1d6";
}
.fi-rs-network:before {
    content: "\f1d7";
}
.fi-rs-notebook:before {
    content: "\f1d8";
}
.fi-rs-opacity:before {
    content: "\f1d9";
}
.fi-rs-package:before {
    content: "\f1da";
}
.fi-rs-paint-brush:before {
    content: "\f1db";
}
.fi-rs-palette:before {
    content: "\f1dc";
}
.fi-rs-paper-plane:before {
    content: "\f1dd";
}
.fi-rs-password:before {
    content: "\f1de";
}
.fi-rs-pause:before {
    content: "\f1df";
}
.fi-rs-pencil:before {
    content: "\f1e0";
}
.fi-rs-pharmacy:before {
    content: "\f1e1";
}
.fi-rs-physics:before {
    content: "\f1e2";
}
.fi-rs-picture:before {
    content: "\f1e3";
}
.fi-rs-ping-pong:before {
    content: "\f1e4";
}
.fi-rs-play-alt:before {
    content: "\f1e5";
}
.fi-rs-play:before {
    content: "\f1e6";
}
.fi-rs-playing-cards:before {
    content: "\f1e7";
}
.fi-rs-plus-small:before {
    content: "\f1e8";
}
.fi-rs-plus:before {
    content: "\f1e9";
}
.fi-rs-poker-chip:before {
    content: "\f1ea";
}
.fi-rs-portrait:before {
    content: "\f1eb";
}
.fi-rs-pound:before {
    content: "\f1ec";
}
.fi-rs-power:before {
    content: "\f1ed";
}
.fi-rs-presentation:before {
    content: "\f1ee";
}
.fi-rs-print:before {
    content: "\f1ef";
}
.fi-rs-protractor:before {
    content: "\f1f0";
}
.fi-rs-pulse:before {
    content: "\f1f1";
}
.fi-rs-quote-right:before {
    content: "\f1f2";
}
.fi-rs-rec:before {
    content: "\f1f3";
}
.fi-rs-receipt:before {
    content: "\f1f4";
}
.fi-rs-rectangle-horizontal:before {
    content: "\f1f5";
}
.fi-rs-rectangle-panoramic:before {
    content: "\f1f6";
}
.fi-rs-rectangle-vertical:before {
    content: "\f1f7";
}
.fi-rs-redo:before {
    content: "\f1f8";
}
.fi-rs-reflect:before {
    content: "\f1f9";
}
.fi-rs-refresh:before {
    content: "\f1fa";
}
.fi-rs-resize:before {
    content: "\f1fb";
}
.fi-rs-resources:before {
    content: "\f1fc";
}
.fi-rs-rewind:before {
    content: "\f1fd";
}
.fi-rs-rocket:before {
    content: "\f1fe";
}
.fi-rs-rotate-right:before {
    content: "\f1ff";
}
.fi-rs-rugby:before {
    content: "\f200";
}
.fi-rs-scale:before {
    content: "\f201";
}
.fi-rs-school-bus:before {
    content: "\f202";
}
.fi-rs-school:before {
    content: "\f203";
}
.fi-rs-scissors:before {
    content: "\f204";
}
.fi-rs-screen:before {
    content: "\f205";
}
.fi-rs-search-alt:before {
    content: "\f206";
}
.fi-rs-search:before {
    content: "\f207";
}
.fi-rs-settings-sliders:before {
    content: "\f208";
}
.fi-rs-settings:before {
    content: "\f209";
}
.fi-rs-share:before {
    content: "\f20a";
}
.fi-rs-shield-check:before {
    content: "\f20b";
}
.fi-rs-shield-exclamation:before {
    content: "\f20c";
}
.fi-rs-shield-interrogation:before {
    content: "\f20d";
}
.fi-rs-shield-plus:before {
    content: "\f20e";
}
.fi-rs-shield:before {
    content: "\f20f";
}
.fi-rs-shop:before {
    content: "\f210";
}
.fi-rs-shopping-bag-add:before {
    content: "\f211";
}
.fi-rs-shopping-bag:before {
    content: "\f212";
}
.fi-rs-shopping-cart-add:before {
    content: "\f213";
}
.fi-rs-shopping-cart-check:before {
    content: "\f214";
}
.fi-rs-shopping-cart:before {
    content: "\f215";
}
.fi-rs-shuffle:before {
    content: "\f216";
}
.fi-rs-sign-in:before {
    content: "\f217";
}
.fi-rs-sign-out:before {
    content: "\f218";
}
.fi-rs-signal-alt-1:before {
    content: "\f219";
}
.fi-rs-signal-alt-2:before {
    content: "\f21a";
}
.fi-rs-signal-alt:before {
    content: "\f21b";
}
.fi-rs-skateboard:before {
    content: "\f21c";
}
.fi-rs-smartphone:before {
    content: "\f21d";
}
.fi-rs-soap:before {
    content: "\f21e";
}
.fi-rs-spa:before {
    content: "\f21f";
}
.fi-rs-speaker:before {
    content: "\f220";
}
.fi-rs-spinner-alt:before {
    content: "\f221";
}
.fi-rs-spinner:before {
    content: "\f222";
}
.fi-rs-square-root:before {
    content: "\f223";
}
.fi-rs-square:before {
    content: "\f224";
}
.fi-rs-star:before {
    content: "\f225";
}
.fi-rs-stats:before {
    content: "\f226";
}
.fi-rs-stethoscope:before {
    content: "\f227";
}
.fi-rs-sticker:before {
    content: "\f228";
}
.fi-rs-stop:before {
    content: "\f229";
}
.fi-rs-stopwatch:before {
    content: "\f22a";
}
.fi-rs-subtitles:before {
    content: "\f22b";
}
.fi-rs-surfing:before {
    content: "\f22c";
}
.fi-rs-sword:before {
    content: "\f22d";
}
.fi-rs-syringe:before {
    content: "\f22e";
}
.fi-rs-tablet:before {
    content: "\f22f";
}
.fi-rs-target:before {
    content: "\f230";
}
.fi-rs-tennis:before {
    content: "\f231";
}
.fi-rs-test-tube:before {
    content: "\f232";
}
.fi-rs-test:before {
    content: "\f233";
}
.fi-rs-text-check:before {
    content: "\f234";
}
.fi-rs-text:before {
    content: "\f235";
}
.fi-rs-thumbs-down:before {
    content: "\f236";
}
.fi-rs-thumbs-up:before {
    content: "\f237";
}
.fi-rs-ticket:before {
    content: "\f238";
}
.fi-rs-time-add:before {
    content: "\f239";
}
.fi-rs-time-check:before {
    content: "\f23a";
}
.fi-rs-time-delete:before {
    content: "\f23b";
}
.fi-rs-time-fast:before {
    content: "\f23c";
}
.fi-rs-time-forward-sixty:before {
    content: "\f23d";
}
.fi-rs-time-forward-ten:before {
    content: "\f23e";
}
.fi-rs-time-forward:before {
    content: "\f23f";
}
.fi-rs-time-half-past:before {
    content: "\f240";
}
.fi-rs-time-oclock:before {
    content: "\f241";
}
.fi-rs-time-past:before {
    content: "\f242";
}
.fi-rs-time-quarter-past:before {
    content: "\f243";
}
.fi-rs-time-quarter-to:before {
    content: "\f244";
}
.fi-rs-time-twenty-four:before {
    content: "\f245";
}
.fi-rs-tool-crop:before {
    content: "\f246";
}
.fi-rs-tool-marquee:before {
    content: "\f247";
}
.fi-rs-tooth:before {
    content: "\f248";
}
.fi-rs-transform:before {
    content: "\f249";
}
.fi-rs-trash:before {
    content: "\f24a";
}
.fi-rs-treatment:before {
    content: "\f24b";
}
.fi-rs-trophy:before {
    content: "\f24c";
}
.fi-rs-umbrella:before {
    content: "\f24d";
}
.fi-rs-underline:before {
    content: "\f24e";
}
.fi-rs-undo:before {
    content: "\f24f";
}
.fi-rs-unlock:before {
    content: "\f250";
}
.fi-rs-upload:before {
    content: "\f251";
}
.fi-rs-usb-drive:before {
    content: "\f252";
}
.fi-rs-user-add:before {
    content: "\f253";
}
.fi-rs-user-delete:before {
    content: "\f254";
}
.fi-rs-user-remove:before {
    content: "\f255";
}
.fi-rs-user-time:before {
    content: "\f256";
}
.fi-rs-user:before {
    content: "\f257";
}
.fi-rs-users:before {
    content: "\f258";
}
.fi-rs-vector-2:before {
    content: "\f259";
}
.fi-rs-vector-alt:before {
    content: "\f25a";
}
.fi-rs-video-camera:before {
    content: "\f25b";
}
.fi-rs-volleyball:before {
    content: "\f25c";
}
.fi-rs-volume:before {
    content: "\f25d";
}
.fi-rs-wifi-alt:before {
    content: "\f25e";
}
.fi-rs-world:before {
    content: "\f25f";
}
.fi-rs-yen:before {
    content: "\f260";
}
.fi-rs-zoom-in:before {
    content: "\f261";
}
.fi-rs-zoom-out:before {
    content: "\f262";
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}


/*
 
 Slick Slider
 Version: 1.8.1
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}




html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

thead {
    font-weight: 600;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

a {
    color: #2bace0;
}

/*    a:hover {
        color: #fd8bbc;
    }*/

li.hr span {
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    margin: 20px 0;
    display: block;
}

/*--- Common Classes---------------------*/
::-moz-selection {
    background: #fd8bbc;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::selection {
    background: #fd8bbc;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #fd8bbc;
    /* Gecko Browsers */
    color: #fff;
}

::-webkit-input-placeholder {
    color: #838383;
}

:-ms-input-placeholder {
    color: #838383;
}

::-ms-input-placeholder {
    color: #838383;
}

::placeholder {
    color: #838383;
}

.fix {
    overflow: hidden;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.section {
    float: left;
    width: 100%;
}

.f-right {
    float: right;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.bg-img {
    background-position: center center;
    background-size: cover;
}

.position-relative {
    position: relative;
}

.height-100vh {
    height: 100vh !important;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bg-grey-9 {
    background-color: #f4f5f9;
}

.border-radius {
    border-radius: 4px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-10 {
    border-radius: 10px;
}

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

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

.img-hover-scale img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.img-hover-scale:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.hover-up {
    -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

    .hover-up:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
        transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
    }

.text-brand {
    color: #555555 !important;
}

.text-brand-2 {
    color: #fdc040 !important;
}

.text-primary {
    color: #5a97fa !important;
}

.text-warning {
    color: #ff9900 !important;
}

.text-danger {
    color: #fd6e6e !important;
}

.text-success {
    color: #81b13d !important;
}

.text-info {
    color: #2cc1d8 !important;
}

.text-grey-4 {
    color: #adadad !important;
}

.text-muted {
    color: #b6b6b6 !important;
}

.text-7 {
    color: #d77f7a !important;
}

.text-8 {
    color: #63a2c1 !important;
}

.text-white {
    color: #fff !important;
}

.text-grey-5,
.text-grey-5 a,
.text-hover-grey-5:hover {
    color: #a2a2a2 !important;
}

.bg-brand {
    background-color: #3bb77e !important;
}

.bg-primary {
    background-color: #5a97fa !important;
}

.bg-warning {
    background-color: #ff9900 !important;
}

.bg-danger {
    background-color: #fd6e6e !important;
}

.bg-success {
    background-color: #81b13d !important;
}

.bg-info {
    background-color: #2cc1d8 !important;
}

.bg-grey-4 {
    background-color: #adadad !important;
}

.bg-1 {
    background-color: #fddde4 !important;
}

.bg-2 {
    background-color: #cdebbc !important;
}

.bg-3 {
    background-color: #d1e8f2 !important;
}

.bg-4 {
    background-color: #cdd4f8 !important;
}

.bg-5 {
    background-color: #f6dbf6 !important;
}

.bg-6 {
    background-color: #fff2e5 !important;
}

.bg-7 {
    background-color: #d77f7a !important;
}

.bg-8 {
    background-color: #63a2c1 !important;
}

.bg-9 {
    background-color: #f2fce4 !important;
}

.bg-10 {
    background-color: #fffceb !important;
}

.bg-11 {
    background-color: #ecffec !important;
}

.bg-12 {
    background-color: #feefea !important;
}

.bg-13 {
    background-color: #fff3eb !important;
}

.bg-14 {
    background-color: #fff3ff !important;
}

.bg-15 {
    background-color: #f2fce4 !important;
}

.bg-grey-9 {
    background-color: #f4f5f9 !important;
}

.font-xs {
    font-size: 13px;
}

.div-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bg-grey-1 {
    background: #fafbfc;
}

.box-shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flex-horizontal-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.w-36px {
    max-width: 36px;
}

.border {
    border: 1px solid #ececec !important;
}

.box-shadow-outer-6 {
    -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
    box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}

    .box-shadow-outer-6:hover {
        -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
        box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
    }

.box-shadow-outer-7 {
    -webkit-box-shadow: 0 0 11px 0 rgba(78, 42, 222, 0.03), 0 8px 16px 0 rgba(78, 42, 222, 0.08);
    box-shadow: 0 0 11px 0 rgba(78, 42, 222, 0.03), 0 8px 16px 0 rgba(78, 42, 222, 0.08);
}

    .box-shadow-outer-7:hover {
        -webkit-box-shadow: 0 0 14px 0 rgba(78, 42, 222, 0.03), 0 8px 18px 0 rgba(78, 42, 222, 0.09);
        box-shadow: 0 0 14px 0 rgba(78, 42, 222, 0.03), 0 8px 18px 0 rgba(78, 42, 222, 0.09);
    }

.box-shadow-outer-3,
.box-hover-shadow-outer-3:hover {
    -webkit-box-shadow: 0 5px 16px 0 rgba(118, 126, 173, 0.09);
    box-shadow: 0 5px 16px 0 rgba(118, 126, 173, 0.09);
}

/*****************************
*********  BORDER  *****
******************************/
.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-solid {
    border-style: solid !important;
}

.border-double {
    border-style: double !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-brand {
    border-color: #3bb77e !important;
}

.border-muted {
    border-color: #f7f8f9;
}

.section-border {
    border-top: 1px solid #e6e9ec;
    border-bottom: 1px solid #e6e9ec;
}

.border-color-1 {
    border-color: #e0dede;
}

.list-insider li {
    list-style: inside;
}

a,
button,
img,
input,
span,
h4 {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@-webkit-keyframes slideleft {
    10% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        right: 0;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        right: 100%;
    }
}

@keyframes slideleft {
    10% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        right: 0;
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        right: 100%;
    }
}

[data-loader="spinner"] {
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-animation: spinner 1.2s infinite ease-in-out;
    animation: spinner 1.2s infinite ease-in-out;
    background: url(../Content/assets/imgs/favicon.svg);
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
        transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
        transform: perspective(120px) rotateX(-180deg) rotateY(0);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}

@-webkit-keyframes shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.8);
        box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.8);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.8);
        box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.8);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes shadow-pulse-big {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
        box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
        box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.jump {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation: jump 0.5s linear alternate infinite;
    animation: jump 0.5s linear alternate infinite;
}

/*TYPOGRAPHY*/
body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.display-1,
.display-2,
.heading-sm-1 {
    font-family: "Roboto", sans-serif;
    color: #464545;
    font-weight: 700;
    line-height: 1.2;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

.display-1 {
    font-size: 96px;
    line-height: 1;
}

.display-2 {
    font-size: 72px;
    line-height: 1;
}

.heading-sm-1 {
    font-size: 14px;
}

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    color: #7e7e7e;
    margin: 0;
}

.text-heading {
    color: #464545;
}

p:last-child {
    margin-bottom: 0;
}

.font-weight-bold {
    font-weight: 700;
}

a,
button {
    text-decoration: none;
    cursor: pointer;
}

b {
    font-weight: 500;
}

strong,
.fw-600 {
    font-weight: 600;
}

.fw-900 {
    font-weight: 900;
}

.fw-300 {
    font-weight: 300;
}

.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: end;
    margin-bottom: 30px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

    .section-title .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .section-title h3 {
        font-weight: 700;
        font-size: 24px;
        margin-right: 30px;
        color: #464545;
    }

    .section-title a.show-all {
        font-size: 16px;
        color: #7e7e7e;
    }

        .section-title a.show-all:hover {
            color: #3bb77e;
        }

        .section-title a.show-all i {
            font-size: 12px;
            margin-left: 5px;
        }

    .section-title.style-1 {
        position: relative;
        /*border-bottom: 1px solid #ececec;*/
        font-size: 20px;
        margin-bottom: 14px !important;
    }

    .section-title span {
        color: #3bb77e;
    }

h5.widget-title {
    font-size: 18px;
    font-weight: 600;
}

.brand_category {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*gap: 5px 10px;*/
}

    .brand_category div img {
        width: 100%;
        background-color: #fff;
        padding: 0px 0px;
        border-radius: 4px;
        margin-bottom: 5px;
        border: 1px solid #fff;
    }

        .brand_category div img:hover {
            border: 1px solid #99DFFD;
        }

.title.style-3 {
    background-image: url(../Content/assets/imgs/theme/wave.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 25px;
}

.text-body {
    color: #7e7e7e !important;
}

.font-xxs {
    font-size: 12px;
}

.font-xs {
    font-size: 13px;
}

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

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

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

.font-xl {
    font-size: 19px;
}

.font-xxl {
    font-size: 58px;
}

.text-hot {
    color: #f74b81;
}

.text-new {
    color: #55bb90;
}

.text-sale {
    color: #67bcee;
}

.text-best {
    color: #f59758;
}

.text-style-1 {
    position: relative;
}

    .text-style-1::after {
        content: "";
        background-color: #ffdabf;
        height: 20%;
        width: 110%;
        display: block;
        position: absolute;
        bottom: 20%;
        left: -5%;
        z-index: -1;
        opacity: 0.8;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
    }

    .text-style-1:hover::after {
        height: 30%;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
    }

.fw-700 {
    font-weight: 700;
}

/*COMPONENTS -> BUTTONS*/
.btn-default {
    color: #fff;
    background-color: #3bb77e;
    border-radius: 50px;
    padding: 13px 28px;
    font-family: "Roboto", sans-serif;
}

    .btn-default i {
        font-weight: 400;
        font-size: 12px;
        margin-left: 10px;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .btn-default:hover i {
        margin-left: 15px;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

.btn-lg {
    padding: 13px 28px;
    font-size: 16px;
}

.btn-sm {
    padding: 8px 18px !important;
    font-size: 12px;
}

.btn-md {
    padding: 10px 24px !important;
    font-size: 12px;
}

.btn-outline {
    background-color: transparent !important;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn {
    font-family: "Roboto", sans-serif;
}

    .btn:hover {
        color: #fff;
    }

.btn-shadow-brand {
    -webkit-box-shadow: 0 2px 6px 0 rgba(88, 151, 251, 0.16);
    box-shadow: 0 2px 6px 0 rgba(88, 151, 251, 0.16);
    border: 1px solid #f7f8f9;
}

    .btn-shadow-brand:hover {
        border: 1px solid #3bb77e;
    }

.btn-brand {
    background-color: #3bb77e;
    border-color: #3bb77e;
}

.btn-heading,
button.btn-heading[type="submit"] {
    background-color: #253d4e;
    border-color: #253d4e;
    font-weight: 700;
    border: 0;
}

/*button.submit,
button[type="submit"] {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 40px;
    color: #ffffff;
    border: none;
    background-color: #3bb77e;
    border: 1px solid #29a56c;
    border-radius: 10px;
}*/

/*  button.submit:hover,
    button[type="submit"]:hover {
        background-color: #29a56c !important;
    }*/

.btn-brand:hover {
    background-color: #29a56c !important;
}

.btn-login {
    font-weight: 13px;
}

    .btn-login .btn {
        min-width: unset;
    }

    .btn-login li {
        margin: 0px 5px 0;
        display: inline-block;
    }

        .btn-login li a {
            border-radius: 5px;
            padding: 15px 25px;
            color: #fff;
            display: block;
            line-height: 1;
            text-transform: none;
            letter-spacing: 0;
            font-size: 14px;
        }

.btn,
.button {
    display: inline-block;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 40px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid transparent;
    background-color: #2bace0;
    cursor: pointer;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    letter-spacing: 0.5px;
}

    .btn:hover,
    .button:hover {
        opacity: 0.7;
    }

.payable_color {
    color: #555555 !important;
}

.proceed_tocheckout {
    display: inline-block;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 15px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid transparent;
    background-color: #2BACE0;
    cursor: pointer;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 10px;
}

    .proceed_tocheckout:hover {
        opacity: 0.7;
        color: #fff;
    }

.product_name {
    font-size: 14px !important;
    font-weight: 400 !important;
    /*text-transform: lowercase;*/
    width:70%;
}

    .product_name:first-letter {
        /* text-transform: uppercase;*/
    }

    .product_name a:hover {
        text-decoration: none !important;
    }

.product_cost {
    font-size: 17px !important;
    font-weight: 500 !important;
    width: 110px;
    text-align: end;
}

.btn.btn-sm,
.button.btn-sm {
    padding: 8px 18px;
    font-size: 12px;
    text-transform: none;
    line-height: 1.8;
}

.btn.btn-xs,
.button.btn-xs {
    padding: 9px 8px 9px 12px;
    font-size: 12px;
    text-transform: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.3;
}

    .btn.btn-xs i,
    .button.btn-xs i {
        font-size: 14px !important;
        line-height: 0;
    }

.btn.btn-rounded,
.button.btn-rounded {
    border-radius: 50px;
}

.btn.btn-secondary,
.button.btn-secondary {
    background-color: #3e5379;
    border-color: #3e5379;
}

.btn.btn-facebook,
.button.btn-facebook {
    background: #3b5998;
    border-color: #3b5998;
}

.btn.btn-google,
.button.btn-google {
    background: #d85040;
    border-color: #d85040;
}

.btn.btn-brush,
.button.btn-brush {
    background-color: transparent;
    color: #3bb77e;
    border: 0;
    padding: 14px 80px 14px 65px;
    background-repeat: no-repeat;
    font-family: "Roboto", sans-serif;
}

    .btn.btn-brush i,
    .button.btn-brush i {
        margin: 3px 0 0 5px;
    }

    .btn.btn-brush.btn-brush-1,
    .button.btn-brush.btn-brush-1 {
        background-image: url(../Content/assets/imgs/theme/btn-brush-bg-1.png);
    }

    .btn.btn-brush.btn-brush-2,
    .button.btn-brush.btn-brush-2 {
        background-image: url(../Content/assets/imgs/theme/btn-brush-bg-2.png);
    }

    .btn.btn-brush.btn-brush-3,
    .button.btn-brush.btn-brush-3 {
        background-image: url(../Content/assets/imgs/theme/btn-brush-bg-3.png);
    }

.comments-area .btn-reply {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .comments-area .btn-reply i {
        margin-left: 5px;
        font-size: 12px;
    }

.tags .btn,
.tags .button {
    border-radius: 4px;
    float: left;
}

/*COMPONENTS -> FORM*/
input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
}

input {
    border: 1px solid #ececec;
    border-radius: 10px;
    height: 64px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    width: 100%;
}

    input:focus {
        background: transparent;
        border: 1px solid #bce3c9;
    }

    input.square {
        border-radius: 0;
    }

    input.coupon {
        height: 47px;
    }

select {
    width: 100%;
    background: transparent;
    border: 0px solid #ececec;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color: #7e7e7e;
}

.detail-qty select {
    width: 50px;
    cursor: pointer;
}

option {
    background: #fff;
    border: 0px solid #626262;
    font-size: 16px;
    width: 100%;
}

textarea {
    border: 1px solid #ececec;
    border-radius: 10px;
    height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    width: 100%;
    min-height: 200px;
}

    textarea:focus {
        background: #fff;
        border: 1px solid #bce3c9;
    }

.select2-container--default .select2-selection--single {
    background-color: #F7FDFF;
    border-bottom: 3px solid #414648;
    border-radius: 0;
    border-right: 0;
    height: 50px;
    padding-left: 0;
    border-top: 0;
    border-left: 0;
    font-weight: bold;
}

    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
        line-height: 50px;
        font-size: 14px;
        padding: 0;
        font-family: "Roboto", sans-serif;
        color: #253d4e;
    }

    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 12px;
        right: 15px;
        width: 20px;
    }

.custom_select {
    position: relative;
    width: 100%;
}

    .custom_select .select2-container {
        max-width: 155px;
    }

    .custom_select .nice-select {
        width: 100%;
        margin-bottom: 1rem;
    }

    .custom_select .select2-container--default .select2-selection--single {
        border: 1px solid #ececec;
        border-radius: 4px;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        font-size: 14px;
    }

        .custom_select
        .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
            line-height: 50px;
            font-size: 14px;
            padding-left: 0;
        }

        .custom_select
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
            top: 9px;
            right: 14px;
        }

.select2-dropdown {
    border: 1px solid #ececec;
    border-radius: 0 0 4px 4px;
    padding: 15px;
    min-width: 220px;
}

    .select2-dropdown .select2-search--dropdown {
        padding: 0;
    }

        .select2-dropdown .select2-search--dropdown .select2-search__field {
            border: 1px solid #2bace0;
            margin-bottom: 15px;
            border-radius: 5px;
            height: 40px;
            padding-left: 20px;
        }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.select2-results__option {
    padding: 6px 6px 6px 15px;
}

.select2-results__options::-webkit-scrollbar {
    width: 16px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #d1d1d1;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    /*background-color: #ececec;*/
    color: unset;
}

.select2-container {
    max-width: 135px;
}

/*contact form*/
.contact-from-area .contact-form-style button {
    font-size: 17px;
    font-weight: 500;
    padding: 20px 40px;
    color: #ffffff;
    border: none;
    background-color: #253d4e;
    border-radius: 10px;
    font-family: "Roboto", sans-serif;
}

    .contact-from-area .contact-form-style button:hover {
        background-color: #3bb77e !important;
    }

.form-group {
    margin-bottom: 1rem;
}

    .form-group input {
        background: #fff;
        border: 1px solid #ececec;
        height: 64px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 20px;
        font-size: 16px;
        width: 100%;
    }

        .form-group input:focus {
            background: transparent;
            border-color: #bce3c9;
        }

label {
    margin-bottom: 5px;
}

.security-code {
    display: inline-block;
    border-radius: 10px;
    height: 64px;
    line-height: 64px;
    padding: 0 40px;
    font-size: 24px;
    font-weight: bold;
    background: #bce3c9;
}

    .security-code b {
        font-size: 24px;
        font-weight: bold;
    }

.custome-radio .form-check-label,
.custome-checkbox .form-check-label {
    position: relative;
    cursor: pointer;
}

.custome-checkbox .form-check-label {
    position: relative;
    cursor: pointer;
    color: #687188;
    padding: 0;
    vertical-align: middle;
}

    .custome-checkbox .form-check-label::before {
        content: "";
        border: 2px solid #ced4da;
        height: 17px;
        width: 17px;
        margin: 0px 8px 0 0;
        display: inline-block;
        vertical-align: middle;
        border-radius: 2px;
    }

    .custome-checkbox .form-check-label span {
        vertical-align: middle;
    }

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
    opacity: 1;
}

.custome-checkbox input[type="checkbox"] + .form-check-label::after {
    content: "";
    width: 11px;
    position: absolute;
    top: 50%;
    left: 3px;
    opacity: 0;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: translateY(-65%) rotate(-45deg);
    transform: translateY(-65%) rotate(-45deg);
}

.custome-radio .form-check-input,
.custome-checkbox .form-check-input {
    display: none;
}

.login_footer {
    margin-bottom: 20px;
    margin-top: 5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::before {
    background-color: #3bb77e;
    border-color: #3bb77e;
}

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
    opacity: 1;
}

.divider-text-center {
    text-align: center;
    position: relative;
}

    .divider-text-center::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid #ddd;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .divider-text-center span {
        background-color: #fff;
        padding: 0 15px;
        position: relative;
        text-transform: uppercase;
    }

/*comment*/
.comments-area {
    background: transparent;
    border-top: 1px solid #ececec;
    margin-top: 20px;
}

    .comments-area h5 {
        font-size: 16px;
        margin-bottom: 20px;
        color: #464545;
    }

    .comments-area .comment-list {
        padding-bottom: 48px;
    }

        .comments-area .comment-list:last-child {
            padding-bottom: 0px;
        }

        .comments-area .comment-list.left-padding {
            padding-left: 25px;
        }

        .comments-area .comment-list .single-comment {
            margin: 0 0 15px 0;
            /* border: 1px solid #f2f2f2; */
            /* border-radius: 15px; */
            padding: 20px 0px;
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }

            .comments-area .comment-list .single-comment:not(:last-child) {
                border-bottom: 1px solid #DBE9EF;
            }

            .comments-area .comment-list .single-comment img {
                min-width: 80px;
                max-width: 80px;
            }

            .comments-area .comment-list .single-comment .reply {
                opacity: 0;
                -webkit-transition: 0.2s;
                transition: 0.2s;
            }

            .comments-area .comment-list .single-comment:hover {
                -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
                -webkit-transition: 0.2s;
                transition: 0.2s;
            }

                .comments-area .comment-list .single-comment:hover .reply {
                    opacity: 1;
                    -webkit-transition: 0.2s;
                    transition: 0.2s;
                }

    /*    .comments-area p {
        font-size: 16px !important;
    }*/

    .comments-area .thumb {
        margin-right: 20px;
    }

        .comments-area .thumb img {
            width: 70px;
            border-radius: 50%;
        }

    .comments-area .date {
        font-size: 14px;
        color: #999999;
        margin-bottom: 0;
        margin-left: 20px;
    }

    .comments-area .comment {
        margin-bottom: 10px;
        color: #777777;
        font-size: 15px;
    }

    .comments-area .btn-reply {
        background-color: transparent;
        color: #888888;
        padding: 5px 18px;
        font-size: 14px;
        display: block;
        font-weight: 400;
    }

    .comments-area.style-2 {
        border: 0;
        margin-top: 0;
        padding: 25px 0;
    }

    .comments-area h4 {
        margin-bottom: 35px;
        color: #2a2a2a;
        font-size: 18px;
    }

.comment-form .email {
    padding-right: 0px;
}

.form-control {
    border: 1px solid #f0e9ff;
    border-radius: 10px;
    height: 48px;
    padding-left: 18px;
    font-size: 16px;
    background: transparent;
}

.comment-form {
    padding-top: 45px;
    margin-bottom: 20px;
}

    .comment-form .form-group {
        margin-bottom: 20px;
    }

    .comment-form textarea {
        min-height: 200px;
        padding-top: 15px;
    }

        .comment-form textarea:focus {
            background: transparent;
            outline: none !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #bce3c9;
        }

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    font-weight: 300;
    color: #999999;
    color: #777777;
}

.form-control:-ms-input-placeholder {
    font-weight: 300;
    color: #999999;
    color: #777777;
}

.form-control::-ms-input-placeholder {
    font-weight: 300;
    color: #999999;
    color: #777777;
}

.form-control::placeholder {
    font-weight: 300;
    color: #999999;
    color: #777777;
}

.nice-select .list {
    width: 100%;
}

.button-contactForm {
    background: #3bb77e;
    color: #fff;
    border-color: #3bb77e;
    padding: 12px 25px;
}

.search-form form {
    position: relative;
}

    .search-form form input {
        -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .search-form form button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        border: none;
        font-size: 20px;
        height: 100%;
        padding: 0 24px;
        background-color: transparent;
        color: #242424;
    }

        .search-form form button:hover {
            color: #fff;
        }

input.qty-val {
    border: 0;
    border-radius: 0;
    height: unset;
    padding: 0 !important;
    text-align: center;
    color: #555555;
}

/*COMPONENTS -> SLIDER*/
.single-animation-wrap.slick-active .slider-animated-1 h1 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 h2 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 h3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 h4 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 span {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 p {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 a.btn {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1.slider-product-price {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

.single-animation-wrap.slick-active .slider-animated-1 .single-slider-img img {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-animation-wrap.slick-active
.slider-animated-1
.slider-product-offer-wrap,
.single-animation-wrap.slick-active
.slider-animated-1
.slider-product-offer-wrap-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.hero-slider-1 {
    position: relative;
}

    .hero-slider-1 .single-hero-slider {
        height: 538px;
        border-radius: 30px;
        background-size: cover;
        background-position: center center;
    }

        .hero-slider-1 .single-hero-slider img {
            /*height: 538px;*/
            width: 100%;
        }

        .hero-slider-1 .single-hero-slider.rectangle {
            border-radius: 0;
        }

            .hero-slider-1 .single-hero-slider.rectangle .slider-content {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%) translateX(-50%);
                text-align: center;
            }

                .hero-slider-1 .single-hero-slider.rectangle .slider-content form {
                    margin: 0 auto;
                }

    .hero-slider-1 img {
        max-height: 538px;
        border-radius: 16px;
    }

    .hero-slider-1 .slider-content {
        position: absolute;
        top: 50%;
        left: 6%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .hero-slider-1 .slider-content p {
            font-size: 30px;
        }

        .hero-slider-1 .slider-content form {
            background-color: #fff;
            max-width: 450px;
            border-radius: 50px;
        }

            .hero-slider-1 .slider-content form input {
                border: 0;
                border-radius: 50px 0 0 50px;
                padding-left: 58px;
                background: url(../Content/assets/imgs/theme/icons/icon-plane.png) no-repeat 25px center;
            }

            .hero-slider-1 .slider-content form button {
                border: 0;
                border-radius: 50px;
            }

    .hero-slider-1 .single-slider-img-1 {
        height: 538px;
        position: relative;
    }

        .hero-slider-1 .single-slider-img-1 .slider-1-1 {
            position: absolute;
            bottom: 30px;
            right: 0;
        }

        .hero-slider-1 .single-slider-img-1 .slider-1-2 {
            position: absolute;
            bottom: 20px;
            right: 0;
        }

        .hero-slider-1 .single-slider-img-1 .slider-1-3 {
            position: absolute;
            bottom: 30px;
            right: 0;
        }

    .hero-slider-1.style-5 .display-2 {
        font-size: 50px;
    }

    .hero-slider-1.style-5 .slider-content p {
        font-size: 24px;
    }

    .hero-slider-1.style-5 img {
        border-radius: 10px;
    }

    .hero-slider-1.style-5 .single-hero-slider {
        border-radius: 10px;
    }

.dot-style-1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .dot-style-1 ul li {
        margin: 0 3px;
    }

        .dot-style-1 ul li button {
            width: 12px;
            height: 12px;
            border-radius: 30px;
            border: 1px solid;
            padding: 0;
            font-size: 0px;
            border-color: #253d4e;
            background: none;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

        /*    .dot-style-1 ul li button:hover {
                background: #bce3c9;
            }*/

        .dot-style-1 ul li.slick-active button {
            background: #2BACE0;
            border-color: #2BACE0;
        }

.dot-style-1.dot-style-1-position-1 ul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -38px;
}

.dot-style-1.dot-style-1-position-2 ul {
    position: absolute;
    left: 6%;
    bottom: 15px;
}

.dot-style-1.dot-style-1-center ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dot-style-1.dot-style-1-mt1 ul {
    margin-top: 30px;
}

.slider-arrow {
    position: absolute;
    top: 34%;
    -webkit-transform: translateY(-34%);
    transform: translateY(-34%);
    z-index: 2;
    width: 100%;
}

.carausel-4-columns-cover .slider-arrow .slider-btn {
    width: 40px;
    height: 40px;
    top: 25px;
}

    .carausel-4-columns-cover .slider-arrow .slider-btn.slider-prev {
        left: 5px;
    }

    .carausel-4-columns-cover .slider-arrow .slider-btn.slider-next {
        right: 5px;
    }

.slider-arrow .slider-btn:hover {
    background-color: #2BACE0;
    color: #fff;
}

.slider-arrow .slider-btn {
    cursor: pointer;
    background: #ffffff;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 65px;
    display: block;
    z-index: 100;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    color: #2BACE0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slider-arrow .slider-btn.slider-prev {
        left: -65px;
    }

        .slider-arrow .slider-btn.slider-prev i {
            margin-right: 2px;
        }

    .slider-arrow .slider-btn.slider-next {
        right: -70px;
    }

        .slider-arrow .slider-btn.slider-next i {
            margin-left: 2px;
        }

    .slider-arrow .slider-btn:hover {
        color: #fff;
    }

.slider-arrow.slider-arrow-2 .slider-btn {
    width: 40px;
    height: 40px;
    line-height: 44px;
    font-size: 24px;
}

.slider-arrow.slider-arrow-2.flex-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 200px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
}

    .slider-arrow.slider-arrow-2.flex-right .slider-btn {
        position: relative;
        left: unset;
        right: unset;
    }

        .slider-arrow.slider-arrow-2.flex-right .slider-btn.slider-prev {
            margin-right: 10px;
        }

.slider-arrow.slider-arrow-3 .slider-btn {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    margin-top: -15px;
}

.slider-arrow.style-3 .slider-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #dcdeed;
    line-height: 40px;
    font-size: 12px;
    margin-top: -20px;
}

.home-slide-cover {
    position: relative;
    /*background-color: #fff;*/
    height: 100%;
    border-radius: 16px;
}

    .home-slide-cover .slider-arrow {
        left: 0;
    }

    .home-slide-cover .hero-slider-content-2 {
        padding-left: 50px;
    }

/*Carausel*/
.carausel-8-columns-cover .carausel-8-columns {
    overflow: hidden;
    margin: 0 -12px;
}

    .carausel-8-columns-cover .carausel-8-columns .card-1 {
        margin-right: 8px;
        margin-left: 8px;
    }

.carausel-8-columns-cover .product-img {
    border: 1px solid #cce7d0;
}

.carausel-8-columns-cover .slider-arrow {
    top: -80px;
}

    .carausel-8-columns-cover .slider-arrow .slider-btn.slider-next {
        right: 0;
    }

    .carausel-8-columns-cover .slider-arrow .slider-btn.slider-prev {
        right: 48px;
        left: unset;
    }

.carausel-8-columns-cover.arrow-center .slider-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -50px;
}

    .carausel-8-columns-cover.arrow-center .slider-arrow .slider-btn.slider-next {
        right: -30px;
    }

    .carausel-8-columns-cover.arrow-center .slider-arrow .slider-btn.slider-prev {
        left: -30px;
    }

    .carausel-8-columns-cover.arrow-center .slider-arrow.slider-arrow-3 {
        margin-top: 0;
    }

.carausel-10-columns-cover .carausel-10-columns {
    overflow: hidden;
    margin: 0 -12px;
}

    .carausel-10-columns-cover .carausel-10-columns .card-2 {
        margin-right: 12px;
        margin-left: 12px;
    }

.carausel-4-columns-cover .carausel-4-columns {
    overflow: hidden;
    margin: 0 -12px;
}

    .carausel-4-columns-cover .carausel-4-columns .product-cart-wrap {
        margin-right: 12px;
        margin-left: 12px;
    }

.carausel-4-columns-cover .carausel-4-columns-arrow {
    margin-top: -100px;
}

.carausel-4-columns-cover .product-cart-wrap {
    margin-bottom: 20px;
}

    .carausel-4-columns-cover .product-cart-wrap:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    }

.bg-grey-10 {
    background-color: #d0f3ec;
}

.home-slider .slider-arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-slider:hover .slider-arrow {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.home-slider.style-2 {
    background: url(../Content/assets/imgs/banner/banner-12.png) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    padding: 50px 0;
}

.carausel-3-columns-cover {
    position: relative;
}

    .carausel-3-columns-cover .carausel-3-columns {
        overflow: hidden;
        margin: 0 -12px;
    }

        .carausel-3-columns-cover .carausel-3-columns img {
            margin-right: 12px;
            margin-left: 12px;
        }

    .carausel-3-columns-cover #carausel-3-columns-arrows {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        width: 100%;
        z-index: 3;
    }

    .carausel-3-columns-cover .slider-btn {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        line-height: 44px;
        text-align: center;
        background: #f2f3f4;
        font-size: 27px;
        color: #3bb77e;
        position: absolute;
    }

        .carausel-3-columns-cover .slider-btn.slider-prev {
            left: -20px;
        }

        .carausel-3-columns-cover .slider-btn.slider-next {
            right: -20px;
        }

        .carausel-3-columns-cover .slider-btn:hover {
            background: #3bb77e;
            color: #fff;
        }

/*COMPONENTS -> CARD*/
.quickshop_section:hover {
    border: 1px solid #99DFFD;
    /*box-shadow: 0px 0px 12px #0000001A !important;*/
}

.Brands_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0px 50px;
}

.Quick_shop_category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0px 50px;
}

.card-1 {
    position: relative;
    background: #fff;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 30px 10px 15px 10px;
    margin-bottom: 20px;
    min-height: 170px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
}

    .card-1:hover {
        background: #fff;
        -webkit-box-shadow: 0px 0px 6px #00000029;
        box-shadow: 0px 0px 6px #00000029;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

        .card-1:hover .img-hover-scale h6 {
            color: #2BACE0;
        }

    .card-1 figure {
        text-align: center;
        margin-bottom: 10px;
    }

        .card-1 figure a {
            display: block;
        }

        .card-1 figure img {
            border-radius: 10px;
            display: inline-block;
            max-width: 80px;
        }

    .card-1 h6 {
        margin: 0;
        color: #464545;
        font-weight: 500;
    }

        .card-1 h6 a {
            color: #253d4e;
        }

    .card-1:hover a {
        color: #3bb77e;
    }

.card-2 {
    position: relative;
    background: #f4f6fa;
    text-align: center;
    border: 1px solid #f4f6fa;
    border-radius: 10px;
    padding: 20px 0px 18px 0px;
    margin-bottom: 20px;
    min-height: 180px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

    .card-2:hover {
        background: #fff;
        border: 1px solid #bce3c9;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .card-2 figure {
        text-align: center;
        margin-bottom: 10px;
    }

        .card-2 figure img {
            border-radius: 10px;
            display: inline-block;
            max-width: 80px;
        }

    .card-2 h6 {
        margin: 0;
    }

        .card-2 h6 a {
            color: #253d4e;
        }

    .card-2:hover a {
        color: #3bb77e;
    }

.hero-card {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

    .hero-card:hover {
        border: 1px solid #3bb77e;
    }

    .hero-card .hero-card-icon {
        width: 65px;
        height: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .hero-card .hero-card-icon.icon-left {
            width: 135px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .hero-card .hero-card-icon.icon-left-2 {
            width: 265px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .hero-card .hero-card-icon i {
            font-size: 25px;
            color: #6143f7;
        }

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid transparent !important;
    border-radius: 0.25rem;
}

    .card .card-header {
        padding: 1rem;
        margin-bottom: 0;
        background-color: #f7f8f9;
        border-bottom: 1px solid #ececec;
    }

.featured-card {
    padding: 50px 30px;
    border-radius: 15px;
    border: 1px solid #ececec;
    background: #fff;
}

    .featured-card img {
        margin-bottom: 30px;
        width: 100px;
    }

    .featured-card h4 {
        margin-bottom: 30px;
    }

    .featured-card p {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .featured-card a {
        font-size: 16px;
    }

    .featured-card:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    }

.team-card {
    position: relative;
}

    .team-card img {
        border-radius: 15px;
        z-index: 1;
    }

    .team-card:hover .content {
        -webkit-transform: translateY(-95px);
        transform: translateY(-95px);
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .team-card .content {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        border-radius: 15px;
        background: #fff;
        padding: 30px;
        max-width: 80%;
        position: relative;
        z-index: 2;
        -webkit-transform: translateY(-90px);
        transform: translateY(-90px);
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

        .team-card .content span {
            font-size: 17px;
        }

        .team-card .content .social-network a {
            display: inline-block;
            padding: 0 5px;
        }

            .team-card .content .social-network a img {
                max-width: 30px;
                min-width: 20px;
            }

.account .card {
    border: 0;
}

    .account .card .card-header {
        border: 0;
        background: none;
    }

    .account .card table td,
    .account .card table th {
        border: 0;
    }

    .account .card .table > thead {
        font-family: "Roboto", sans-serif;
        font-size: 17px;
    }

.card-login {
    padding: 50px;
    border-radius: 15px;
    border: 1px solid #ececec;
    margin-left: 30px;
}

    .card-login .social-login {
        font-size: 20px;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 15px 25px;
        border-radius: 10px;
        margin-bottom: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .card-login .social-login img {
            min-width: 28px;
            max-width: 28px;
            margin-right: 15px;
        }

        .card-login .social-login.facebook-login {
            background-color: #1877f2;
            color: #fff;
        }

        .card-login .social-login.google-login {
            background-color: #fff;
            color: #7e7e7e;
            border: 1px solid #f2f3f4;
        }

        .card-login .social-login.apple-login {
            background-color: #000000;
            color: #fff;
            margin-bottom: 0;
        }

        .card-login .social-login:hover {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
            -webkit-transition: 0.3s;
            transition: 0.3s;
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        }

/*COMPONENTS -> TABS*/
.nav-tabs {
    border: 0;
    margin-bottom: 4px;
}

    .nav-tabs .nav-link {
        background-color: #eeeeee;
        font-size: 15px;
        margin: 0 10px;
        margin-left: 10px;
        color: #444;
        padding: 10px 24px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        border: 0;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        line-height: 1;
    }

        /*  .nav-tabs .nav-link.active {
            color: #3bb77e;
            background-color: #fde1bd;
        }*/

        /*.nav-tabs .nav-link:hover {
            color: #3bb77e;
            background-color: #fde1bd;
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }*/

        .nav-tabs .nav-link:first-child {
            margin-left: 0 !important;
            margin-right: 0px !important;
        }

    .nav-tabs.links .nav-link {
        padding: 0 10px;
        background: none;
        font-size: 16px;
        color: #253d4e;
    }

        .nav-tabs.links .nav-link:hover,
        .nav-tabs.links .nav-link.active {
            color: #2BACE0;
        }

    .nav-tabs.no-border {
        border: none;
    }

    .nav-tabs.right .nav-item:last-child .nav-link {
        margin-right: 0;
    }

.nav.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.dashboard-menu ul {
    padding: 0;
    margin: 0;
}

    .dashboard-menu ul li {
        position: relative;
        border-radius: 10px;
        border: 1px solid #ececec;
        border-radius: 10px;
    }

        .dashboard-menu ul li a {
            font-size: 16px;
            color: #7e7e7e;
            padding: 15px 30px;
            font-family: "Roboto", sans-serif;
            font-weight: 700;
        }

            .dashboard-menu ul li a i {
                color: #7e7e7e;
                font-size: 19px;
                opacity: 0.6;
            }

            .dashboard-menu ul li a.active {
                color: #fff;
                background-color: #3bb77e;
                border-radius: 10px;
            }

                .dashboard-menu ul li a.active i {
                    color: #fff;
                }

        .dashboard-menu ul li:not(:last-child) {
            margin-bottom: 10px;
        }

.tab-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .tab-header .view-more {
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 2px solid #cce7d0;
        margin-bottom: 20px;
    }

        .tab-header .view-more i {
            margin-left: 5px;
            margin-top: 5px;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .tab-header .view-more:hover i {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

/*COMPONENTS -> MISC*/
/*Countdown*/
.deals-countdown .countdown-section {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    padding: 20px 5px 30px 5px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    margin-bottom: 2rem;
}

    .deals-countdown .countdown-section .countdown-amount {
        display: inline-block;
        color: #3bb77e;
        font-weight: 500;
        font-size: 20px;
        line-height: 1;
        margin-bottom: 15px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-family: "Roboto", sans-serif;
    }

    .deals-countdown .countdown-section .countdown-period {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 10px;
        display: block;
        color: #7e7e7e;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
        font-size: 16px;
        text-transform: capitalize;
    }

.img-grey-hover {
    opacity: 0.5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .img-grey-hover:hover {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

.brand-logo img {
    width: auto;
    display: inline-block;
    padding: 10px 0;
}

/*Heading tab*/
.heading-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*page loading*/
.preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin: 0 auto;
}

    .preloader img.jump {
        max-height: 100px;
    }

/*custom amine*/
.loader,
.bar {
    width: 100px;
    height: 20px;
}

.bar {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bar::before,
    .bar::after {
        content: "";
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        background: #3bb77e;
        opacity: 0;
        border-radius: 10px;
        -webkit-animation: slideleft 3s ease-in-out infinite;
        animation: slideleft 3s ease-in-out infinite;
    }

.bar1::before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.bar1::after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.bar2::before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.bar2::after {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.bar3::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.bar3::after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/*page header*/
.page-header .page-title {
    font-weight: 900;
    font-size: 4rem;
}

.page-header.breadcrumb-wrap {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    font-family: "Roboto", sans-serif;
}

.breadcrumb {
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 600;
    background: none;
    margin: 0;
    border-radius: 0;
}

    .breadcrumb span {
        position: relative;
        text-align: center;
        padding: 0 10px;
    }

/* .breadcrumb span::before {
            content: "\2192";
            font-family: "Roboto", sans-serif;
            display: inline-block;
            font-size: 14px;
        }*/

/*****************************
*********  SOCIAL NETWORKS  **********
******************************/
.text-center.social-icons ul {
    display: inline-block;
}

.social-icons li {
    float: left;
    list-style: none;
}

    .social-icons li a {
        float: left;
        font-size: 16px;
        text-align: center;
        margin: 0 4px 4px 0;
        border-radius: 4px;
        border: 0;
        background: 0 0;
        color: #333;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.dark .social-icons li a {
    color: #fff;
}

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
    color: #fff !important;
    border: 0;
}

.social-icons.social-icons-colored .social-rss a,
.social-icons.social-icons-colored-hover .social-rss a:hover,
.social-icons.social-icons-colored .social-snapchat a,
.social-icons.social-icons-colored-hover .social-snapchat a:hover {
    background-color: #faa33d;
}

.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
    background-color: #5d82d1;
}

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
    background-color: #40bff5;
}

.social-icons.social-icons-colored .social-vimeo a,
.social-icons.social-icons-colored-hover .social-vimeo a:hover {
    background-color: #35c6ea;
}

.social-icons.social-icons-colored .social-myspace a,
.social-icons.social-icons-colored-hover .social-myspace a:hover {
    background-color: #008dde;
}

.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
    background-color: #ef4e41;
}

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
    background-color: #e53d00;
}

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
    background-color: #d68400;
}

.social-icons.social-icons-colored .social-stumbleupon a,
.social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
    background-color: #ff5c30;
}

.social-icons.social-icons-colored .social-lastfm a,
.social-icons.social-icons-colored-hover .social-lastfm a:hover {
    background-color: #f34320;
}

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
    background-color: #e13138;
}

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
    background-color: #eb5e4c;
}

.social-icons.social-icons-colored .social-evernote a,
.social-icons.social-icons-colored-hover .social-evernote a:hover {
    background-color: #9acf4f;
}

.social-icons.social-icons-colored .social-dribbble a,
.social-icons.social-icons-colored-hover .social-dribbble a:hover {
    background-color: #f7659c;
}

.social-icons.social-icons-colored .social-skype a,
.social-icons.social-icons-colored-hover .social-skype a:hover {
    background-color: #13c1f3;
}

.social-icons.social-icons-colored .social-forrst a,
.social-icons.social-icons-colored-hover .social-forrst a:hover {
    background-color: #45ad76;
}

.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
    background-color: #238cc8;
}

.social-icons.social-icons-colored .social-wordpress a,
.social-icons.social-icons-colored-hover .social-wordpress a:hover {
    background-color: #2592c3;
}

.social-icons.social-icons-colored .social-grooveshark a,
.social-icons.social-icons-colored-hover .social-grooveshark a:hover {
    background-color: #ffb21d;
}

.social-icons.social-icons-colored .social-delicious a,
.social-icons.social-icons-colored-hover .social-delicious a:hover {
    background-color: #377bda;
}

.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
    background-color: #1879fd;
}

.social-icons.social-icons-colored .social-dropbox a,
.social-icons.social-icons-colored-hover .social-dropbox a:hover {
    background-color: #17a3eb;
}

.social-icons.social-icons-colored .social-soundcloud a,
.social-icons.social-icons-colored-hover .social-soundcloud a:hover {
    background-color: #ff7e30;
}

.social-icons.social-icons-colored .social-deviantart a,
.social-icons.social-icons-colored-hover .social-deviantart a:hover {
    background-color: #6a8a7b;
}

.social-icons.social-icons-colored .social-yahoo a,
.social-icons.social-icons-colored-hover .social-yahoo a:hover {
    background-color: #ab47ac;
}

.social-icons.social-icons-colored .social-flickr a,
.social-icons.social-icons-colored-hover .social-flickr a:hover {
    background-color: #ff48a3;
}

.social-icons.social-icons-colored .social-digg a,
.social-icons.social-icons-colored-hover .social-digg a:hover {
    background-color: #75788d;
}

.social-icons.social-icons-colored .social-blogger a,
.social-icons.social-icons-colored-hover .social-blogger a:hover {
    background-color: #ff9233;
}

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
    background-color: #426d9b;
}

.social-icons.social-icons-colored .social-quora a,
.social-icons.social-icons-colored-hover .social-quora a:hover {
    background-color: #ea3d23;
}

.social-icons.social-icons-colored .social-github a,
.social-icons.social-icons-colored-hover .social-github a:hover {
    background-color: #3f91cb;
}

.social-icons.social-icons-colored .social-amazon a,
.social-icons.social-icons-colored-hover .social-amazon a:hover {
    background-color: #ff8e2e;
}

.social-icons.social-icons-colored .social-xing a,
.social-icons.social-icons-colored-hover .social-xing a:hover {
    background-color: #1a8e8c;
}

.social-icons.social-icons-colored .social-wikipedia a,
.social-icons.social-icons-colored-hover .social-wikipedia a:hover {
    background-color: #b3b5b8;
}

.social-icons.social-icons-border li a {
    border: 1px solid #d7d7d7;
    background: 0 0;
    color: #333;
}

.dark .social-icons.social-icons-border li a {
    border: 1px solid #333 !important;
}

.dark .social-icons li a .social-icons.social-icons-dark li a {
    background: #888;
    color: #fff;
}

.social-icons.social-icons-light li a {
    background: #fff;
    color: #333;
    border: 1px solid #ececec;
}

.social-icons.social-icons-rounded li a {
    border-radius: 50%;
}

.social-icons.social-icons-square li a {
    border-radius: 0;
}

.social-icons.social-icons-xs li a {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
}

.social-icons.social-icons-sm li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 13px;
}

.social-icons.social-icons-md li a {
    height: 38px;
    width: 38px;
    line-height: 38px;
    font-size: 16px;
}

.social-icons.social-icons-lg li a {
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 18px;
}

.social-icons.social-icons-xl li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
}

.dark
.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover)
li
a:hover {
    background-color: #1f1f1f;
}

.social-icons li:hover i {
    -webkit-animation: toTopFromBottom 0.2s forwards;
    animation: toTopFromBottom 0.2s forwards;
}

/*Map*/
.leaflet-map {
    height: 350px;
    width: 100%;
}

/*table*/
table {
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
    vertical-align: middle;
}

    table td,
    table th {
        padding: 10px 20px;
        border: 1px solid #ececec;
        vertical-align: middle;
    }

    table thead > tr > th {
        vertical-align: middle;
        border-bottom: 0;
    }

    table p {
        margin-bottom: 0;
    }

    table.clean td,
    table.clean th {
        border: 0;
        border-top: 1px solid #ececec;
    }

    table .product-thumbnail img {
        max-width: 60px;
    }

/*divider*/
.divider {
    position: relative;
    overflow: hidden;
    height: 4px;
    z-index: 9;
}

    .divider.center_icon {
        text-align: center;
        height: auto;
    }

    .divider::before,
    .divider::after {
        content: "";
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0px;
        height: 0;
        border-top: 1px solid #ececec;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .divider::before {
        margin-top: -1px;
    }

    .divider::after {
        margin-top: 1px;
    }

    .divider i {
        background-color: #fff;
        color: #aaa;
        position: relative;
        z-index: 1;
        font-size: 20px;
        padding: 0 20px;
        line-height: 1;
    }

.divider-2 {
    width: 100%;
    height: 1px;
    background-color: #ececec;
}

.bg-square {
    position: absolute;
    left: auto;
    top: 150px;
    right: 0%;
    bottom: auto;
    width: 100%;
    height: 100%;
    max-height: 70%;
    max-width: 45%;
    min-width: 300px;
    background-color: #f3fbf5;
    z-index: -1;
    max-height: 1200px;
}

.mobile-promotion {
    display: none;
}

.bg-green {
    background-color: #cee8e0;
}

/*modal*/
.custom-modal .modal-dialog {
    max-width: 845px !important;
    border-radius: 0px;
    overflow: hidden;
    border: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

    .custom-modal .modal-dialog .modal-content {
        border-radius: 16px;
        /*padding: 40px;*/
        border: 1px solid #bce3c9;
    }

    .custom-modal .modal-dialog .btn-close {
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 2;
    }

.zoomContainer,
.zoomWindow {
    /*z-index: 9999;*/
}

.single-product .zoomContainer,
.single-product .zoomWindow {
    z-index: 99;
}

/*COMPONENTS -> BANNERS*/
.banner-left-icon {
    position: relative;
    background: #F4F6FA;
    padding: 35px 10px 35px 10px;
    border-radius: 10px;
    border: 1px solid transparent;
}

    .banner-left-icon:hover {
        /*border: 1px solid #99DFFD;*/
        background: #ddf5ff;
    }

        .banner-left-icon:hover .banner-icon {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    .banner-left-icon .banner-icon {
        width: 26%;
        margin: auto 10px auto auto;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .banner-left-icon .banner-text h3 {
        color: #242424;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .banner-left-icon .banner-text p {
        margin-bottom: 0;
        color: #464545;
        font-size: 14px;
        text-transform:lowercase;
    }

        .banner-left-icon .banner-text p:first-letter{
            text-transform:uppercase;
        }

        .banner-left-icon.style-2 {
            position: relative;
            border: 1px solid #ececec;
            padding: 20px;
        }

.banner-img {
    position: relative;
    clear: both;
    border-radius: 10px;
    overflow: hidden;
}

    .banner-img img {
        border-radius: 10px;
    }

    .banner-img:hover img {
        opacity: 0.9;
    }

    .banner-img.banner-1 .banner-text {
        top: 30%;
    }

    .banner-img.banner-1.home-3 {
        margin-bottom: 24px;
        border-radius: 10px;
        overflow: hidden;
        max-height: 348px;
    }

    .banner-img.banner-2 .banner-text {
        right: 10px;
    }

    .banner-img .banner-text {
        position: absolute;
        top: 50%;
        z-index: 2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 50px 0px 30px;
    }

        .banner-img .banner-text .bestsell_rating {
            display: flex;
            align-items: center;
        }

            .banner-img .banner-text .bestsell_rating img {
                width: 15px;
                margin-right: 5px;
            }

        .banner-img .banner-text span {
            color: #686868;
            font-size: 12px;
        }

        .banner-img .banner-text p {
            color: #2c2c2c;
            font-size: 12px;
            margin: 0;
            font-weight: 500;
        }

        .banner-img .banner-text h4 {
            font-weight: 700;
            margin-bottom: 5px;
            color: #2c2c2c;
        }

        .banner-img .banner-text:hover h4 {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

    .banner-img a i {
        margin-left: 5px;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        font-size: 10px;
    }

    .banner-img a:hover i {
        margin-left: 5px;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .banner-img.style-2 {
        border-radius: 15px;
        overflow: hidden;
        height: 441px;
        background: url(../Content/assets/Images/HealthCareBanner.jpg) no-repeat center bottom;
        background-size: cover;
        width: 100%;
        position: relative;
        transition: all 0.3s ease;
    }

        .banner-img.style-2:hover {
            opacity: 0.9;
        }

.breadcrumb_arrow {
    font-size: 21px;
    color: #464545;
}

.banner-img.style-2 .banner-text .bestsell_rating {
    display: flex;
    align-items: center;
}

    .banner-img.style-2 .banner-text .bestsell_rating img {
        width: 15px;
        margin-right: 5px;
    }

.banner-img.style-2 .banner-text {
    top: 50px;
    -webkit-transform: none;
    transform: none;
    padding: 8px 30px 8px 20px;
    background-color: #fff;
    border-radius: 0px 30px 30px 0px;
}

.banner-img.style-3 {
    border-radius: 15px;
    overflow: hidden;
    height: 355px;
    background: url(../Content/assets/Images/Personal_Care.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .banner-img.style-3 .banner-text .bestsell_rating {
        display: flex;
        align-items: center;
    }

        .banner-img.style-3 .banner-text .bestsell_rating img {
            width: 15px;
            margin-right: 5px;
        }

    .banner-img.style-3 .banner-text {
        top: 50px;
        -webkit-transform: none;
        transform: none;
        padding: 8px 30px 8px 20px;
        background-color: #fff;
        border-radius: 0px 30px 30px 0px;
    }

.banner-img.style-4 {
    border-radius: 15px;
    overflow: hidden;
    height: 355px;
    background: url(../Content/assets/Images/MiHome_Care.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .banner-img.style-4 .banner-text .bestsell_rating {
        display: flex;
        align-items: center;
    }

        .banner-img.style-4 .banner-text .bestsell_rating img {
            width: 15px;
            margin-right: 5px;
        }

    .banner-img.style-4 .banner-text {
        top: 50px;
        -webkit-transform: none;
        transform: none;
        padding: 8px 30px 8px 20px;
        background-color: #fff;
        border-radius: 0px 30px 30px 0px;
    }

.banner-img.style-5 {
    border-radius: 15px;
    overflow: hidden;
    height: 355px;
    background: url(../Content/assets/Images/Food_Beverage.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .banner-img.style-5 .banner-text .bestsell_rating {
        display: flex;
        align-items: center;
    }

        .banner-img.style-5 .banner-text .bestsell_rating img {
            width: 15px;
            margin-right: 5px;
        }

    .banner-img.style-5 .banner-text {
        top: 50px;
        -webkit-transform: none;
        transform: none;
        padding: 8px 30px 8px 20px;
        background-color: #fff;
        border-radius: 0px 30px 30px 0px;
    }

.banner-img.style-6 {
    border-radius: 15px;
    overflow: hidden;
    height: 355px;
    background: url(../Content/assets/Images/Agro_Care.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .banner-img.style-6 .banner-text .bestsell_rating {
        display: flex;
        align-items: center;
    }

        .banner-img.style-6 .banner-text .bestsell_rating img {
            width: 15px;
            margin-right: 5px;
        }

    .banner-img.style-6 .banner-text {
        top: 50px;
        -webkit-transform: none;
        transform: none;
        padding: 8px 30px 8px 20px;
        background-color: #fff;
        border-radius: 0px 30px 30px 0px;
    }

.shop_now {
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    width: 105px;
    margin: auto;
}

.banner-text h2 {
    font-size: 19px;
    color: #464545;
}

.banner-img.style-4 .banner-text h4 {
    font-size: 28px;
}

.banner-big .btn {
    background: #3bb77e !important;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px 22px;
    border: 0;
}

    .banner-big .btn:hover {
        background: #fdc040 !important;
    }

/*Deal banners*/
.deal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #fff;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 420px;
}

    .deal > div {
        width: 100%;
    }

    .deal h2 {
        color: #fd6e6e;
        font-weight: 600;
        font-size: 26px;
        line-height: 1.1;
        margin-bottom: 5px;
    }

    .deal h5 {
        color: #242424;
        font-weight: 400;
        letter-spacing: 0;
        margin-bottom: 20px;
        max-width: 240px;
    }

    .deal .deal-content {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .deal .product-title {
        max-width: 57%;
        margin-bottom: 20px;
        font-size: 45px;
        line-height: 1.23;
    }

        .deal .product-title a {
            color: #253d4e;
        }

    .deal .btn {
        background: #3bb77e;
        border: 0;
        color: #fff;
        border-radius: 4px;
        font-size: 14px;
        padding: 10px 24px;
    }

        .deal .btn i {
            margin-left: 5px;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            font-size: 12px;
        }

        .deal .btn:hover i {
            margin-left: 10px;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    .deal .deal-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

        .deal .deal-bottom .deals-countdown {
            margin-left: -12px;
            margin-bottom: 20px;
        }

            .deal .deal-bottom .deals-countdown .countdown-section {
                border: 2px solid #3bb77e;
                -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
                box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
            }

.banner-bg {
    background-position: center;
    background-size: cover;
    padding: 50px;
}

.banner-features {
    text-align: center;
    padding: 25px 15px;
    border-radius: 4px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
    box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}

    .banner-features:hover {
        -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
        box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
    }

    .banner-features img {
        display: inline-block;
        margin-bottom: 15px;
    }

    .banner-features h4 {
        font-size: 13px;
        font-weight: 700;
        display: inline-block;
        padding: 9px 8px 6px 8px;
        line-height: 1;
        border-radius: 4px;
        color: #3bb77e;
    }

/*Page > About*/
.hero-2 {
    padding: 160px 0 100px;
    min-height: 640px;
}

.hero-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: content;
    flex-basis: content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../Content/assets/imgs/page/home-6-bg.jpg) no-repeat center center;
    background-size: cover;
    height: 330px;
}

    .hero-3 form {
        background-color: #fff;
        max-width: 520px;
        border-radius: 50px;
        -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
        box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    }

        .hero-3 form input {
            border: 0;
            border-radius: 50px 0 0 50px;
            padding-left: 58px;
            background: url(../Content/assets/imgs/theme/icons/icon-search.png) no-repeat 25px center;
        }

        .hero-3 form button {
            border: 0;
            border-radius: 50px;
        }

    .hero-3 .nav-link {
        font-size: 14px !important;
    }

.parallax-wrapper {
    position: absolute;
    z-index: 3;
    width: 100%;
}

    .parallax-wrapper .parallax-img-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2;
        margin: 0 auto;
    }

        .parallax-wrapper .parallax-img-area .parallax-img {
            position: absolute;
            z-index: 2;
            text-align: right;
        }

            .parallax-wrapper .parallax-img-area .parallax-img.img-1 {
                right: 0;
                width: 52%;
                z-index: 2;
                top: 100px;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-2 {
                right: 220px;
                width: 52%;
                top: 40px;
                z-index: 3;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-3 {
                opacity: 0.1 !important;
                left: -210px;
                width: 320px;
                top: 193px;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-4 {
                opacity: 0.08 !important;
                width: 180px;
                left: 50%;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-5 {
                right: 0;
                width: 12%;
                z-index: 2;
                opacity: 0.3;
                bottom: 20%;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-6 {
                width: 25%;
                z-index: 3;
                opacity: 0.2;
                bottom: 0;
                left: -150px;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-7 {
                opacity: 0.2 !important;
                width: 16%;
                top: 10%;
                left: 10%;
            }

            .parallax-wrapper .parallax-img-area .parallax-img.img-8 {
                opacity: 0.2 !important;
                width: 10%;
                bottom: 40%;
                left: 50%;
            }

.hero-content {
    position: absolute;
    z-index: 4;
    width: 100%;
}

    .hero-content h1 {
        line-height: 1.1;
    }

.about-count {
    z-index: 100;
    width: 80%;
    margin: auto;
    position: relative;
    color: #fff;
    /* background: url(../Content/assets/imgs/page/about-9.png) no-repeat center center; */
    border-radius: 15px;
    padding: 20px 0;
    overflow: hidden;
}

    /* .about-count::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #4b675a;
  z-index: 2;
  opacity: 0.8;
} */

    .about-count h1 {
        font-size: 38px;
        color: #464545;
    }

    .about-count h4 {
        color: #a6acb2;
        font-size: 20px;
        font-weight: normal;
    }

    .about-count .text-center {
        z-index: 3;
        position: relative;
    }

.hero-card-icon {
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .hero-card-icon.icon-left {
        width: 165px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

.single-content > ol {
    list-style-type: decimal;
    margin-bottom: 30px;
    padding-left: 1em;
}

    .single-content > ol li:not(:last-child) {
        margin-bottom: 16px;
    }

    .single-content > ol ol {
        list-style-type: lower-alpha;
        margin: 20px 0 30px;
        padding-left: 25px;
    }

        .single-content > ol ol ol {
            list-style-type: lower-roman;
        }

/*page 404*/
.page-404 {
    background-color: #fff;
}

    .page-404 img {
        max-width: 300px;
    }

        .page-404 img.logo {
            max-width: 150px;
        }

    .page-404 .search-form {
        max-width: 400px;
        margin: 0 auto;
    }

/*SHOP*/
.product-cart-wrap {
    position: relative;
    background-color: #F6F6F6;
    border: 1px solid transparent;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    margin-bottom: 12px;
}

    .product-cart-wrap:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        border: 1px solid #99DFFD;
        transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .product-cart-wrap .product-img-action-wrap {
        position: relative;
        background-color: #F6F6F6;
        overflow: hidden;
        max-height: 320px;
        padding: 10px 25px 0 25px;
    }

        .product-cart-wrap .product-img-action-wrap .product-action-1 {
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #bce3c9;
        }

        .product-cart-wrap .product-img-action-wrap .product-img {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
        }

            .product-cart-wrap .product-img-action-wrap .product-img a {
                overflow: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .product-cart-wrap .product-img-action-wrap .product-img a img {
                    width: 100%;
                    height: 210px;
                    object-fit: contain;
                    object-position: center;
                }

                    .product-cart-wrap .product-img-action-wrap .product-img a img.hover-img {
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 2;
                        opacity: 0;
                        visibility: hidden;
                        transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1);
                    }

        .product-cart-wrap .product-img-action-wrap .product-img-zoom a img {
            -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
            transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
        }

    .product-cart-wrap .product-action-1 {
        position: absolute;
        top: 35px;
        right: 15px;
        height: 33px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 9;
        -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
        box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    }

        .product-cart-wrap .product-action-1.show {
            visibility: visible;
            opacity: 1;
            bottom: 26px;
            left: unset;
            right: 20px;
            top: unset;
            -webkit-transform: none;
            transform: none;
        }

        .product-cart-wrap .product-action-1 button,
        .product-cart-wrap .product-action-1 a.action-btn {
            width: 30px;
            height: 30px;
            text-align: center;
            position: relative;
            display: flex;
            align-items:center;
            justify-content:center;
            border-right: 1px solid #bce3c9;
        }

            .quickView_eyeicon{
                width:25px;
                height:25px;
            }

            .product-cart-wrap .product-action-1 button:last-child,
            .product-cart-wrap .product-action-1 a.action-btn:last-child {
                border: none;
            }

            .product-cart-wrap .product-action-1 button.small,
            .product-cart-wrap .product-action-1 a.action-btn.small {
                width: 32px;
                height: 32px;
                line-height: 40px;
            }

                .product-cart-wrap .product-action-1 button.small i,
                .product-cart-wrap .product-action-1 a.action-btn.small i {
                    font-size: 16px;
                }

            .product-cart-wrap .product-action-1 button:after,
            .product-cart-wrap .product-action-1 a.action-btn:after {
                bottom: 100%;
                left: 50%;
                position: absolute;
                white-space: nowrap;
                border-radius: 5px;
                font-size: 11px;
                padding: 7px 10px;
                color: #ffffff;
                background-color: #2BACE0;
                /*content: attr(aria-label);*/
                line-height: 1.3;
                -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
                -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
                box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
                transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
                opacity: 0;
                visibility: hidden;
                -webkit-transform: translateX(-50%) translateY(0px);
                transform: translateX(-50%) translateY(0px);
            }

            .product-cart-wrap .product-action-1 button:before,
            .product-cart-wrap .product-action-1 a.action-btn:before {
                /*content: "";*/
                position: absolute;
                left: calc(50% - 7px);
                bottom: 100%;
                -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
                border: 7px solid transparent;
                border-top-color: #2BACE0;
                z-index: 9;
                margin-bottom: -13px;
                transition-delay: 0.1s;
                transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
                opacity: 0;
                visibility: hidden;
            }

.quickView_heading {
    color: #464545;
}

    .quickView_heading:hover {
        color: #2bace0;
    }

.detail-info {
    padding: 30px 10px 30px 0px;
}

.product-cart-wrap .product-action-1 button:last-child,
.product-cart-wrap .product-action-1 a.action-btn:last-child {
    margin-right: 0;
}

.product-cart-wrap .product-action-1 button i,
.product-cart-wrap .product-action-1 a.action-btn i {
    font-size: 20px;
    margin-left: 1px;
}

.product-cart-wrap .product-action-1 button:hover,
.product-cart-wrap .product-action-1 a.action-btn {
    color: #4C4C4C;
}

    /*.product-cart-wrap .product-action-1 button:hover,
.product-cart-wrap .product-action-1 a.action-btn:hover {
    color: #2BACE0;
}
*/
    .product-cart-wrap .product-action-1 button:hover:after,
    .product-cart-wrap .product-action-1 a.action-btn:hover:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-8px);
        transform: translateX(-50%) translateY(-8px);
    }

    .product-cart-wrap .product-action-1 button:hover:before,
    .product-cart-wrap .product-action-1 a.action-btn:hover:before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .product-cart-wrap .product-action-1 button:hover i,
    .product-cart-wrap .product-action-1 a.action-btn:hover i {
        color: #4C4C4C;
    }

.product-cart-wrap .product-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .product-cart-wrap .product-badges.product-badges-mrg {
        margin: 0 0 10px;
    }

    .product-cart-wrap .product-badges.product-badges-position {
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 9;
    }

    .product-cart-wrap .product-badges span {
        display: inline-block;
        font-size: 12px;
        line-height: 1;
        border-radius: 15px 0 20px 0;
        color: #fff;
        padding: 9px 20px 10px 20px;
    }

        .product-cart-wrap .product-badges span:last-child {
            margin-right: 0px;
        }

        .product-cart-wrap .product-badges span.hot {
            background-color: #f74b81;
        }

        .product-cart-wrap .product-badges span.new {
            background-color: #3bb77e;
        }

        .product-cart-wrap .product-badges span.sale {
            background-color: #67bcee;
        }

        .product-cart-wrap .product-badges span.best {
            background-color: #f59758;
        }

.product-cart-wrap .product-content-wrap {
    padding: 0 20px 20px 20px;
}

    /*       .product-cart-wrap .product-content-wrap .product-category {
            margin-bottom: 5px;
        }*/

    .product-cart-wrap .product-content-wrap .product-category a {
        color: #adadad;
        font-size: 12px;
    }

        .product-cart-wrap .product-content-wrap .product-category a:hover {
            color: #2BACE0;
        }

.adjusting-paddingMobview{
    padding-right:7px;
}

.product-cart-wrap .product-content-wrap h2 {
    font-size: 14px;
    font-weight: 700;
    /*margin-bottom: 5px;*/
    /*margin-top:15px;*/
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    /*text-transform: lowercase;*/
    color: #464545;
}

        /*  .product-cart-wrap .product-content-wrap h2:first-letter {
            text-transform: uppercase;
        }*/

        .product-cart-wrap .product-content-wrap h2 a {
            color: #464545;
        }

            .product-cart-wrap .product-content-wrap h2 a:hover {
                color: #2BACE0;
            }

    .product-cart-wrap .product-content-wrap .product-price {
        padding-top: 5px;
    }

        .product-cart-wrap .product-content-wrap .product-price span {
            font-size: 25px;
            color: #2BACE0;
            font-weight: 600;
        }

            .product-cart-wrap .product-content-wrap .product-price span.new-price {
                color: #2BACE0;
                font-weight: 600;
            }

            .product-cart-wrap .product-content-wrap .product-price span.old-price {
                font-size: 13px;
                color: #adadad;
                font-weight: 400;
                margin: 0 0 0 7px;
                text-decoration: line-through;
            }

.product-price {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.old-price {
    font-size: 13px;
    color: #464545 !important;
}

    .old-price span {
        /*margin-left: 5px;*/
        color: #464545 !important;
        font-size: 13px !important;
    }

.RSP {
    font-size: 12px;
    padding: 3px 8px 3px 6px;
    background-color: #FFDFA3;
    color: #464545;
    font-weight: 500;
    border-radius: 0px 13px 13px 0px;
}

.add-cart .available_puc {
    color: #333333;
    background-color: #FFEAEA;
    border: 1px solid #FFDDDD;
    position: relative;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
}



    .add-cart .available_puc:hover {
        opacity: 0.7;
    }

.product-cart-wrap .product-content-wrap .rating-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .product-cart-wrap .product-content-wrap .rating-result > span {
        display: block;
        overflow: hidden;
        margin-left: 5px;
    }

    .product-cart-wrap .product-content-wrap .rating-result::before {
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        letter-spacing: 2px;
        content: "\f225""\f225""\f225""\f225""\f225";
        color: #ff9900;
    }

.product-cart-wrap .product-content-wrap .add-to-cart {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: center;
    display: block;
    color: #253d4e;
    font-size: 16px;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-weight: 300;
}

    .product-cart-wrap .product-content-wrap .add-to-cart:hover {
        background-color: #3bb77e;
        color: #fff;
    }

    .product-cart-wrap .product-content-wrap .add-to-cart img {
        width: 20px;
        display: inline-block;
        margin-top: 11px;
    }

.product-cart-wrap .product-card-bottom {
    /*    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;*/
    /*margin-top: 5px;*/
}

.add-cart {
    margin-top: 10px;
    cursor: pointer;
}

    .add-cart .add {
        position: relative;
        display: inline-block;
        padding: 10px 20px 10px 20px;
        border-radius: 4px;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        width: 100%;
        color: #646464;
        text-align: center;
        transition: all 0.3s ease;
    }

        .add-cart .add:hover {
            opacity: 0.7;
            color: #fff;
            background-color: #2BACE0;
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        }

.inclusive_taxes {
    font-size: 13px !important;
    color: #6E6F70;
}

.product-cart-wrap .product-stock .status-bar {
    background-color: #ededed;
    margin: 0px 0 10px;
    border-radius: 5px;
}

    .product-cart-wrap .product-stock .status-bar .sold-bar {
        background-image: linear-gradient(235deg, #3bb77e 0%, #77ccfd 100%);
        border-radius: 4px;
        height: 8px;
    }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-33 {
            width: 33.333333333333%;
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-10 {
            width: 10%;
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-40 {
            width: 40%;
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-6 {
            width: 6.6666666666667%;
        }

        .product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-42 {
            width: 42.857142857143%;
        }

.product-cart-wrap .product-stock .product-stock-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product-cart-wrap .product-stock .product-stock-status .sold {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 20px;
    }

    .product-cart-wrap .product-stock .product-stock-status .available {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .product-cart-wrap
    .product-stock
    .product-stock-status
    .stock-status-same-style
    span {
        font-size: 15px;
    }

        .product-cart-wrap
        .product-stock
        .product-stock-status
        .stock-status-same-style
        span.label {
            color: #253d4e;
        }

        .product-cart-wrap
        .product-stock
        .product-stock-status
        .stock-status-same-style
        span.value {
            font-weight: 700;
            color: #333;
        }

.product-cart-wrap .progress {
    height: 5px;
}

.product-cart-wrap:hover .product-img-action-wrap .product-img a img.hover-img {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-action-wrap .product-action-1 {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-zoom a img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
    transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
}

.product-cart-wrap.small {
    border: 0;
    text-align: center;
}

    .product-cart-wrap.small .rating-result {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-cart-wrap.small .product-content-wrap {
        padding: 5px 15px 0 15px;
    }

    .product-cart-wrap.small .product-price {
        padding-top: 0;
    }

    .product-cart-wrap.small:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product-cart-wrap.small h2 {
        border-bottom: 0;
        padding: 0;
        margin-bottom: 0;
    }

    .product-cart-wrap.small .product-badges span {
        font-size: 10px;
    }

.product-cart-wrap.style-2 {
    border: 0;
    padding-bottom: 25px;
}

    .product-cart-wrap.style-2:hover {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product-cart-wrap.style-2 .product-img-action-wrap {
        padding: 0;
        position: relative;
        z-index: 1;
        max-height: unset;
    }

        .product-cart-wrap.style-2 .product-img-action-wrap img {
            border-radius: 15px;
        }

    .product-cart-wrap.style-2 .product-content-wrap {
        position: relative;
        margin-top: -90px;
        z-index: 3;
        padding: 0;
        max-width: 86%;
        margin-left: auto;
        margin-right: auto;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }

        .product-cart-wrap.style-2 .product-content-wrap .deals-content {
            margin: 0 auto;
            background-color: #fff;
            border-radius: 10px;
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            padding: 25px 30px;
        }

        .product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap {
            position: absolute;
            top: -80px;
            width: 100%;
            text-align: center;
        }

    .product-cart-wrap.style-2:hover .product-content-wrap {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }

.product-price {
    font-family: "Roboto", sans-serif;
}

.product-list-small article:not(:last-child) {
    margin-bottom: 20px;
}

.product-list-small h6 a {
    color: #253d4e;
}

    .product-list-small h6 a:hover {
        color: #3bb77e;
    }

.product-list-small figure img {
    border-radius: 10px;
}

.product-list-small .product-price {
    color: #3bb77e;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

    .product-list-small .product-price span.old-price {
        font-size: 14px;
        color: #adadad;
        margin: 0 0 0 7px;
        text-decoration: line-through;
    }

.range .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    background: none;
    border: 0;
}

.range .checkbox {
    font-size: 0.8em;
}

.range .price-filter {
    display: block;
    margin-top: 20px;
}

.range #slider-range {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 4px;
    border-radius: 0px;
    background: #3bb77e;
    color: #3bb77e;
}

    .range #slider-range .ui-slider-range {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #222;
        border-radius: 0px;
        border: none;
    }

.range .ui-slider-handle.ui-state-default.ui-corner-all {
    width: 14px;
    height: 14px;
    line-height: 10px;
    background: #3bb77e;
    border: none;
    border-radius: 100%;
    top: -5px;
}

.range .label-input {
    margin-top: 15px;
}

    .range .label-input span {
        margin-right: 5px;
        color: #282828;
    }

    .range .label-input input {
        border: none;
        margin: 0;
        height: unset;
        font-weight: 600;
        font-size: 14px;
        background: transparent;
        padding-left: 0;
    }

.range .check-box-list {
    margin-top: 15px;
}

    .range .check-box-list li {
        margin-bottom: 5px;
    }

        .range .check-box-list li:last-child {
            margin: 0;
        }

        .range .check-box-list li label {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            cursor: pointer;
        }

            .range .check-box-list li label input {
                display: inline-block;
                margin-right: 6px;
                position: relative;
                top: 1px;
            }

    .range .check-box-list .count {
        margin-left: 5px;
        color: #666;
    }

.btn.btn-small {
    line-height: 1;
    padding: 10px 15px;
    min-width: unset;
    display: table;
    border-radius: 3px;
}

.product-sidebar .single-post {
    position: relative;
}

    .product-sidebar .single-post:not(:last-child) {
        margin-bottom: 10px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
        padding-bottom: 10px;
    }

    .product-sidebar .single-post .content {
        padding-left: 95px;
    }

    .product-sidebar .single-post i {
        font-size: 12px;
    }

.product-sidebar .image {
    height: 80px;
    width: 80px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.shop-product-fillter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px;
}

    .shop-product-fillter.style-2 {
        padding-bottom: 20px;
        border-bottom: 1px solid #ececec;
    }

    .shop-product-fillter .sort-by-product-area {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .shop-product-fillter .sort-by-product-area .sort-by-cover {
            position: relative;
        }

        .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #D6EAF2;
            color: #7e7e7e;
            padding: 9px 16px;
            border-radius: 4px;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            cursor: pointer;
        }

            .shop-product-fillter .sort-by-product-area .sort-by-product-wrap:hover {
                -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
                box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            }

            .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by {
                margin-right: 5px;
            }

                .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
                    margin-right: 10px;
                    font-size: 14px;
                    color: #ababab;
                    position: relative;
                    top: 2px;
                }

                .shop-product-fillter
                .sort-by-product-area
                .sort-by-product-wrap
                .sort-by
                span {
                    font-size: 13px;
                    font-weight: 500;
                }

            .shop-product-fillter
            .sort-by-product-area
            .sort-by-product-wrap
            .sort-by-dropdown-wrap
            span {
                font-size: 13px;
                font-weight: bold;
                color: #464545;
            }

                .shop-product-fillter
                .sort-by-product-area
                .sort-by-product-wrap
                .sort-by-dropdown-wrap
                span
                i {
                    font-size: 15px;
                    color: #7e7e7e;
                    margin-left: 10px;
                    position: relative;
                    top: 2px;
                }

.sort-by-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    right: 0;
    padding: 16px 0px 16px 0px;
    background: #fff;
    border: 0;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    max-height: 205px;
    overflow-y: auto;
    -webkit-box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
    box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
    color: #7e7e7e;
    font-weight: 500;
}

    .sort-by-dropdown.show {
        opacity: 1;
        visibility: visible;
    }

    .sort-by-dropdown ul li {
        display: block;
    }

        .sort-by-dropdown ul li a {
            font-weight: 500;
            font-size: 13px;
            padding: 5px 30px;
            display: block;
            position: relative;
            color: #7e7e7e;
        }

            .sort-by-dropdown ul li a.active::before {
                content: "\2713";
                position: absolute;
                top: 5px;
                left: 10px;
                font-size: 12px;
                color: #464545;
                font-family: "Roboto", sans-serif;
                font-weight: 900;
            }

            .sort-by-dropdown ul li a.active:hover::before {
                color: #464545;
            }

            .sort-by-dropdown ul li a:hover {
                background-color: #d3d3d363;
                color: #464545;
            }

/*Product list*/
.product-list {
    position: relative;
}

    .product-list .product-cart-wrap {
        border: 0;
        border-radius: 0;
        overflow: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .product-list .product-cart-wrap:not(:last-child) {
            margin-bottom: 30px;
        }

        .product-list .product-cart-wrap:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .product-list .product-cart-wrap:hover .product-img {
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
            }

        .product-list .product-cart-wrap .product-badges.product-badges-position {
            left: 0;
            top: 0;
        }

        .product-list .product-cart-wrap .product-img-action-wrap {
            max-width: 28%;
            position: relative;
            padding: 0;
            max-height: unset;
        }

            .product-list .product-cart-wrap .product-img-action-wrap .product-img {
                border: 1px solid #ececec;
                border-radius: 15px;
            }

                .product-list
                .product-cart-wrap
                .product-img-action-wrap
                .product-img
                .product-img-inner {
                    overflow: hidden;
                    padding: 10px;
                }

                    .product-list
                    .product-cart-wrap
                    .product-img-action-wrap
                    .product-img
                    .product-img-inner
                    a
                    img {
                        height: auto;
                    }

        .product-list .product-cart-wrap h2 {
            font-size: 32px;
        }

        .product-list .product-cart-wrap .product-content-wrap .product-category a {
            font-size: 16px;
            margin-top: 15px;
            display: block;
        }

        .product-list .product-cart-wrap .product-content-wrap .product-price span {
            font-size: 32px;
        }

            .product-list
            .product-cart-wrap
            .product-content-wrap
            .product-price
            span.old-price {
                font-size: 20px;
            }

        .product-list .product-cart-wrap .product-content-wrap .product-action-1 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative;
            bottom: unset;
            padding: 0 20px;
            margin-top: 20px;
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        }

            .product-list
            .product-cart-wrap
            .product-content-wrap
            .product-action-1
            a.action-btn {
                border: none;
                width: auto;
                border-radius: 50px;
                background-color: #3bb77e;
                color: #fff;
                text-align: center;
                margin-right: 0;
                position: relative;
                display: inline-block;
                padding: 0px 23px;
                height: 44px;
                font-weight: 500;
            }

                .product-list
                .product-cart-wrap
                .product-content-wrap
                .product-action-1
                a.action-btn
                i {
                    margin-right: 8px;
                    color: #fff;
                }

/*PRODUCT DETAILS*/
.detail-gallery {
    position: relative;
    padding-bottom: 20px;
}

    .detail-gallery .zoom-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2;
        font-size: 22px;
        opacity: 0.6;
    }

.quickView_arrows button.slick-arrow.slick-prev {
    left: 10px !important;
}

.quickView_arrows button.slick-arrow.slick-next {
    right: 10px !important;
}

.slider-nav-thumbnails .slick-list {
    margin: 0 -10px;
}

.slider-nav-thumbnails .slick-slide {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

    .slider-nav-thumbnails .slick-slide img {
        border-radius: 12px;
        width: 85px !important;
        margin: auto !important;
    }

    .slider-nav-thumbnails .slick-slide.slick-current::before {
        border-bottom: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -6px;
        width: 0;
    }

    .slider-nav-thumbnails .slick-slide.slick-current img {
        background-color: #EEF4F7;
    }

.slider-nav-thumbnails div.slick-slide {
    margin: 0 10px;
}

.slider-nav-thumbnails button {
    opacity: 0;
}

    .slider-nav-thumbnails button.slick-arrow {
        margin: 0;
        border: 0;
        background: #f2f3f4;
        border-radius: 40px;
        width: 40px;
        height: 40px;
        line-height: 44px;
        font-size: 24px;
        z-index: 9;
        color: #7e7e7e;
    }

        .slider-nav-thumbnails button.slick-arrow:hover {
            color: #fff;
            background-color: #2BACE0;
        }

        .slider-nav-thumbnails button.slick-arrow.slick-prev {
            left: -20px;
        }

        .slider-nav-thumbnails button.slick-arrow.slick-next {
            right: -20px;
        }

.slider-nav-thumbnails:hover button {
    opacity: 1;
}

.slider-nav-thumbnails .slick-prev,
.slider-nav-thumbnails .slick-next {
    font-size: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-rate {
    background-image: url("../../../Content/assets/imgs/theme/rating-stars.png");
    background-position: 0 -12px;
    background-repeat: repeat-x;
    height: 12px;
    width: 60px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating {
    height: 12px;
    background-repeat: repeat-x;
    background-image: url("../../../Content/assets/imgs/theme/rating-stars.png");
    background-position: 0 0;
}

.list-filter {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-filter li {
        display: inline-block;
    }

        .list-filter li a {
            color: #555;
            display: block;
            min-width: 30px;
            text-align: center;
            position: relative;
            transition: all 0.5s ease-out 0s;
            -webkit-transition: all 0.5s ease-out 0s;
        }

.color-filter.list-filter a span {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 40px;
}

    .color-filter.list-filter a span.product-color-white {
        border: 1px solid #ddd;
    }

.color-filter.list-filter li.active a::before {
    content: "";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: 3px;
    top: -3px;
    background: #4cd964;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.size-filter.list-filter a {
    border-radius: 5px;
    padding: 0 9px;
    background: #fff;
}

.size-filter.list-filter li a {
    color: #7e7e7e;
    height: 32px;
    line-height: 32px;
    min-width: 40px;
    text-align: center;
}

    .size-filter.list-filter li a:hover,
    .size-filter.list-filter li.active a {
        color: #fff;
        background-color: #3bb77e;
        border-color: #3bb77e;
    }

.detail-qty {
    max-width: 80px;
    padding: 9px 20px;
    position: relative;
    width: 100%;
    border-radius: 5px;
}

    .detail-qty > a {
        font-size: 16px;
        position: absolute;
        right: 8px;
        color: #F968A7;
    }

        /*.detail-qty > a:hover {
            color: #29a56c;
        }*/

        .detail-qty > a.qty-up {
            top: 0px;
            width: 22px;
            display: flex;
            height: 40px;
            align-items: center;
            justify-content: center;
            right: 0px;
            background-color: #ebf1f6;
            border-radius: 0px 5px 5px 0px;
        }

        .detail-qty > a.qty-down {
            bottom: -4px;
            left: 0px;
            top: 0px;
            width: 22px;
            display: flex;
            height: 40px;
            align-items: center;
            justify-content: center;
            background-color: #ebf1f6;
            border-radius: 5px 0px 0px 5px;
        }

.attr-detail .select-box select {
    height: 40px;
    width: 100%;
}

.attr-detail.attr-brand {
    margin-top: 23px;
}

    .attr-detail.attr-brand .select-box {
        display: block;
        margin-bottom: 20px;
    }

.attr-detail.attr-color table {
    margin-bottom: 15px;
}

.detail-extralink > div {
    display: inline-block;
    vertical-align: top;
}

.detail-extralink .detail-qty {
    margin: 0 6px 0px 0;
    background: #fff;
    border: 1px solid #BFDCE9 !important;
    font-size: 16px;
    font-weight: 700;
    color: #3bb77e;
    border-radius: 5px;
    padding: 8px 15px 8px 10px;
    max-width: 70px;
    transition: all 0.3s ease;
}

    .detail-extralink .detail-qty:hover {
        border: 1px solid #2BACE0 !important;
    }

.stock-status {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

    .stock-status.in-stock {
        background: #def9ec;
        color: #3bb77e;
    }

    .stock-status.out-stock {
        color: #f74b81;
        background: #fde0e9;
    }

/*.detail-info .product-price-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .detail-info .product-price-cover .product-price {
        line-height: 1;
    }*/

.detail-info .product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0 10px 0;
}

    .detail-info .product-price .current-price {
        font-size: 45px;
        text-decoration: none;
        font-weight: 500;
        color: #2BACE0;
    }

    .detail-info .product-price .old-price {
        text-decoration: line-through;
        color: #6E6F70;
        margin-left: 20px;
        font-size: 16px;
        display: block;
    }

    .detail-info .product-price .save-price {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 6px;
        display: block;
        color: #fdc040;
    }

.detail-info .product-meta {
    border-top: 1px solid #ececec;
    padding-top: 15px;
}

.button.button-add-to-cart {
    padding: 8px 40px;
}

.product-extra-link2 a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    color: #333;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    line-height: 48px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 50px;
    margin: 0 5px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

    /* .product-extra-link2 a:hover {
        background-color: #2BACE0;
        color: #fff;
    }*/

    .product-extra-link2 a:hover i {
        opacity: 1;
    }

    .product-extra-link2 a i {
        font-size: 18px;
        opacity: 0.6;
    }

.product-extra-link2 .button.button-add-to-cart {
    position: relative;
    padding: 0px 20px;
    border-radius: 5px;
    border: 0;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    background-color: #2BACE0 !important;
}

    .product-extra-link2 .button.button-add-to-cart i {
        margin-right: 10px;
    }

.product-info {
    border: 1px solid #ececec;
    border-radius: 15px;
    padding: 20px 25px;
}

.tab-style3 .nav-tabs .nav-item a.active,
.tab-style3 .nav-tabs .nav-item a:hover {
    color: #2BACE0;
    border-bottom: 1px solid #2bace0;
    /*    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);*/
}

.tab-style3 .nav-tabs li.nav-item a {
    display: block;
    padding: 11px 22px !important;
    text-align: center;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    font-size: 16px;
    /*border-radius: 30px;*/
    border-bottom: 1px solid #ececec;
    background: #fff;
    color: #464545;
    margin-right: 10px !important;
}

.tab-content.shop_info_tab {
    margin-top: 20px;
}

.tab-pane .comments-area {
    padding-top: 0;
    border: 0;
}

.product-color-red {
    background: #ff596d;
}

.product-color-yellow {
    background: #ffdb33;
}

.product-color-white {
    background: #ffffff;
}

.product-color-orange {
    background: #ffbb51;
}

.product-color-cyan {
    background: #80e6ff;
}

.product-color-green {
    background: #38cf46;
}

.product-color-purple {
    background: #ff8ff8;
}

.thumbnail_customization li {
    /*padding: 0px 6px;
    border: 1px solid #DBE2EB;*/
    /* border-radius: 6px;
    margin-bottom: 5px;*/
    width: 100%;
    position: relative;
}

.detail-gallery .product-image-slider {
    background-color: #EEF4F7;
    margin: 20px;
    border-radius: 15px;
    overflow: hidden;
}

    .detail-gallery .product-image-slider img {
        opacity: 1;
        border-radius: 16px;
        width: 100%;
        margin: auto;
        height: 100%;
        object-fit: contain;
        padding: 30px;
    }

        .detail-gallery .product-image-slider.slider-nav-thumbnails {
            background: none;
            border-radius: 0;
        }

    .detail-gallery .product-image-slider button.slick-arrow {
        background: none;
        border: 0;
        padding: 0;
        font-size: 14px;
    }

        .detail-gallery .product-image-slider button.slick-arrow i {
            color: #adadad;
        }

.mail-to-friend {
    color: #adadad;
    font-size: 12px;
}

    .mail-to-friend i {
        margin-right: 5px;
    }

.attr-detail div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .attr-detail div:nth-child(2) img {
        width: 18px;
    }

.attr-detail .in_stock {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .attr-detail .in_stock img {
        width: 18px;
    }

    .attr-detail .in_stock p {
        color: #4DB518 !important;
        font-size: 14px;
    }

.attr-detail .outof_stock {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .attr-detail .outof_stock img {
        width: 18px;
    }

    .attr-detail .outof_stock p {
        color: #ff0000 !important;
        font-size: 14px;
    }


.attr-detail div:nth-child(2) p {
    font-size: 14px;
    color: #FF5A5A;
}

.attr-color,
.attr-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.product-detail-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-detail .section-title.style-1 {
    font-size: 22px;
    color: #464545;
}

.product-more-infor {
    padding: 0 0 0px 14px;
}

    .product-more-infor li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px;
        position: relative;
    }

        .product-more-infor li ::before {
            position: absolute;
            left: -14px;
            top: 9px;
            content: "";
            height: 6px;
            width: 6px;
            border-radius: 100%;
            background-color: #9b9b9b;
        }

        .product-more-infor li span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 165px;
            flex: 0 0 165px;
            display: inline-block;
        }

        .product-more-infor li:last-child {
            margin: 0 0 0;
        }

.progress + .progress {
    margin-top: 1rem;
}

.progress span {
    line-height: 16px;
    background: #fff;
    padding-right: 10px;
    width: 45px;
}

.progress-bar {
    background-color: #3bb77e;
}

.shop-filter-toogle {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 30px;
    border: 1px solid #ececec;
    font-size: 17px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
}

    .shop-filter-toogle i {
        margin-left: 5px;
        color: #b6b6b6;
    }

        .shop-filter-toogle i.angle-down {
            opacity: 0;
            visibility: hidden;
            display: none;
        }

    .shop-filter-toogle .fi-rs-filter {
        font-size: 14px;
        color: #b6b6b6;
    }

    .shop-filter-toogle.active i.angle-down {
        opacity: 1;
        visibility: visible;
        display: inline-block;
    }

    .shop-filter-toogle.active i.angle-up {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

.shop-product-fillter-header .card {
    /*border: 1px solid #ececec;*/
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 30px 40px;
    -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
    box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}

.shop-product-fillter-header .categor-list li {
    font-size: 12px;
}

    .shop-product-fillter-header .categor-list li + li {
        border-top: 1px solid #f7f8f9;
        padding-top: 5px;
        margin-top: 5px;
    }

    .shop-product-fillter-header .categor-list li a {
        font-size: 14px;
        color: #7e7e7e;
        margin-right: 10px;
    }

        .shop-product-fillter-header .categor-list li a:hover {
            color: #3bb77e;
        }

.shop-product-fillter-header .color-filter {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop-product-fillter-header .product-rate-cover + .product-rate-cover {
    margin-top: 15px;
}

.allTaxes {
    color: #6E6F70;
    font-size: 12px;
}

.shipping_heading {
    margin-bottom: 5px;
    color: #686868;
    font-size: 18px;
}

.shopping-summery::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.shopping-summery::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.shopping-summery::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2BACE0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

    .shopping-summery::-webkit-scrollbar-thumb:window-inactive {
        background: #2BACE0;
    }

.shopping-summery {
    /*box-shadow: 0px 0px 4px #00000029;*/
    background-color: #fff;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

    /*.shopping-summery table > :not(caption) > * > * {
    padding: 15px 0;
}*/

    .shopping-summery table td,
    .shopping-summery table th,
    .shopping-summery table thead {
        border: 0;
    }

        .shopping-summery table thead th {
            background-color: #ececec;
            padding: 18px 0;
            font-family: "Roboto", sans-serif;
            font-size: 17px;
            font-weight: 700;
            color: #253d4e;
        }

            .shopping-summery table thead th.start {
                border-radius: 20px 0 0 20px;
            }

            .shopping-summery table thead th.end {
                border-radius: 0 20px 20px 0;
            }

    .shopping-summery table tbody tr img {
        /*width: 30px;*/
        border-radius: 15px;
    }

table.no-border td,
table.no-border th,
table.no-border thead {
    border: 0;
}

.no-border {
    border-collapse: separate;
}

.shipping_calculator .custom_select .select2-container {
    max-width: unset;
}

.shipping_calculator
.custom_select
.select2-container--default
.select2-selection--single {
    border-radius: 10px;
    height: 64px;
    line-height: 64px;
}

    .shipping_calculator
    .custom_select
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
        line-height: 64px;
    }

    .shipping_calculator
    .custom_select
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
        top: 50%;
        right: 14px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.shipping_calculator .w-100 .select2-container {
    max-width: unset;
    min-width: 445.5px;
}

.cart-totals {
    /*-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);*/
    padding: 20px 20px;
    box-shadow: 0px 0px 6px #0000001A;
    border-radius: 6px;
    background-color: #F5F5F5;
}

    .cart-totals .table > tbody > tr > td {
        padding: .5rem .5rem !important;
    }

.customer_id {
    color: #464545;
    font-size: 16px;
    font-weight: 500;
}

.tablerow_spacing {
    /*border-collapse: separate !important;*/
    border-spacing: 0 15px !important;
}

.order_review {
    border: 1px solid #ececec;
    padding: 30px;
    border-radius: 10px;
}

.toggle_info {
    padding: 12px 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.login_form .panel-body,
.coupon_form .panel-body {
    border: 1px solid #ececec;
    padding: 30px;
    margin-top: 30px;
    border-radius: 10px;
}

.payment_option .custome-radio {
    margin-bottom: 10px;
}

    .payment_option .custome-radio .form-check-label {
        color: #292b2c;
        font-weight: 600;
    }

.custome-radio .form-check-label::before {
    content: "";
    border: 1px solid #908f8f;
    height: 16px;
    width: 16px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 8px;
}

.custome-radio input[type="radio"] + .form-check-label::after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 3px;
    opacity: 0;
}

.custome-radio input[type="radio"]:checked + .form-check-label::after {
    opacity: 1;
    background-color: #3bb77e;
}

.related-products .product-img-action-wrap {
    padding: 0;
    margin-bottom: 15px;
}

.col-lg-4-5 .product-cart-wrap .product-action-1 a.action-btn {
    width: 30px;
}

.col-lg-4-5 .countdown-section .countdown-amount {
    width: 38px;
}

.zoomWindow {
    border-radius: 15px;
    overflow: hidden;
}

.table-wishlist {
    border: 0;
}

.apply-coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .apply-coupon input {
        height: 51px;
        border-radius: 10px 0 0 10px;
        background-image: url("../imgs/theme/icons/coupon.png");
        background-position: 20px center;
        background-repeat: no-repeat;
        padding-left: 50px;
    }

    .apply-coupon button {
        min-width: 150px;
        height: 51px;
        border-radius: 0 10px 10px 0;
        background-color: #253d4e;
    }

        .apply-coupon button:hover {
            background-color: #3bb77e;
        }

.order_table table .product-thumbnail img {
    max-width: 120px;
    border-radius: 15px;
    border: 1px solid #ececec;
    padding: 5px;
}

.order_table table .w-160 {
    max-width: 160px;
}

.table.table-compare {
    border-radius: 15px;
}

    .table.table-compare > :not(caption) > * > * {
        padding: 30px 0;
    }

.mw-200 {
    min-width: 200px;
}

/*BLOG*/
.category_listing_banner {
    width: 60%;
}

.category_listing_banner_bg {
    height: 280px;
    width: 40%;
}

    .category_listing_banner_bg img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: right;
        border-radius: 0px 12px 12px 0px;
    }

.archive-header {
    border-radius: 12px;
    padding: 50px 0px 50px 80px;
    background-size: cover;
    height: 280px;
    display: flex;
    align-items: center;
    gap: 60px;
    background-color: #E3E9E9;
}

.tags-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: start;
}

    .tags-list li {
        /*display: inline-block;*/
        margin: 0 15px 0 0;
    }

.bread_crumb-name {
    color: #464545;
    transition: all 0.3s ease;
}

    .bread_crumb-name:hover {
        color: #2bace0;
    }

.tags-list li a {
    background-color: #fff;
    display: inline-block;
    border-radius: 30px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    padding: 3px 10px;
    border: 1px solid #ececec;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #464545;
    margin-bottom: 5px;
}

    .tags-list li a.active {
        background-color: #2bace0;
        color: #fff;
    }

    .tags-list li a i {
        color: #b6b6b6;
        font-size: 10px;
    }

.tags-list li.active a {
    color: #253d4e;
}

.post-list article:not(:last-child) {
    margin-bottom: 20px;
}

.post-list .post-thumb {
    max-width: 221px;
    overflow: hidden;
}

    .post-list .post-thumb a {
        margin-bottom: 0;
    }

.post-list .post-title {
    font-weight: 500;
}

    .post-list .post-title a {
        color: #253d4e;
    }

.single-content {
    text-rendering: optimizeLegibility;
    color: #253d4e;
    font-size: 17px;
}

    .single-content h1 {
        font-size: 56px;
        line-height: 72px;
        margin-bottom: 32px;
    }

    .single-content h2 {
        font-size: 48px;
        line-height: 64px;
        margin-bottom: 30px;
    }

    .single-content h3 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 28px;
    }

    .single-content h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 26px;
    }

    .single-content h5 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .single-content h6 {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    .single-content p {
        margin-bottom: 1.2em;
        font-weight: 400;
    }

    .single-content ul {
        list-style: circle;
        padding-left: 1rem;
        font-size: 1rem;
    }

        .single-content ul li {
            position: relative;
            margin-bottom: 7px;
        }

    .single-content ol li {
        font-size: 1rem;
    }

    .single-content .single-excerpt {
        font-size: 24px;
        line-height: 32px;
    }

    .single-content p {
        color: #253d4e;
        font-size: 17px;
    }

    .single-content blockquote {
        background-color: #f4f6fa;
        padding: 40px 60px;
        border-radius: 15px;
        margin: 30px auto;
        font-size: 24px;
        max-width: 80%;
    }

        .single-content blockquote p {
            font-size: 24px;
            line-height: 32px;
            color: #7e7e7e;
            margin-bottom: 0;
        }

.single-header {
    margin-bottom: 30px;
}

    .single-header .entry-meta.meta-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .single-header .single-header-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .single-header .single-header-meta .social-icons ul {
            margin-top: 15px;
        }

.single-thumbnail {
    margin-bottom: 30px;
}

    .single-thumbnail img {
        border-radius: 15px;
        overflow: hidden;
    }

.entry-bottom {
    border-top: 1px solid #ececec;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .entry-bottom .social-icons ul {
        margin-top: 15px;
    }

        .entry-bottom .social-icons ul img {
            width: 20px;
            opacity: 0.6;
        }

.author-bio {
    border-radius: 15px;
    border: 1px solid #ececec;
}

    .author-bio .author-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .author-bio .author-image img {
            margin-right: 10px;
        }

        .author-bio .author-image p {
            font-size: 14px;
        }

/*Entry meta*/
.entry-meta {
    line-height: 1;
}

    .entry-meta.meta-2 .author-img img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .entry-meta.meta-2 .author-name {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        display: inline-block;
        margin-top: 5px;
    }

    .entry-meta.meta-2 a.btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .entry-meta .author-add {
        font-size: 12px;
    }

    .entry-meta.meta-1 span {
        margin-right: 10px;
    }

    .entry-meta.meta-1 a.text-brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .entry-meta.meta-1 a.text-brand i {
            margin-left: 5px;
        }

    .entry-meta.meta-0 span {
        padding: 4px 10px 4px 19px;
        font-size: 11px;
        letter-spacing: 0.8px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 30px;
        position: relative;
        margin-left: -5px;
    }

        .entry-meta.meta-0 span::before {
            content: "";
            width: 6px;
            height: 6px;
            background: none;
            margin-right: 3px;
            border-radius: 5px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 8px;
            margin-top: -3px;
            border: 1px solid #3bb77e;
        }

    .entry-meta .author-avatar img {
        max-width: 30px;
        margin-right: 5px;
    }

span.has-dot {
    position: relative;
    padding-left: 10px;
}

    span.has-dot::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #d2d2d2;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        display: block;
        left: -2px;
    }

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

.post-title a {
    color: #253d4e;
}

    .post-title a:hover {
        color: #3bb77e;
    }

.post-thumb {
    overflow: hidden;
    position: relative;
}

    .post-thumb.border-radius-5 img {
        border-radius: 5px;
    }

    .post-thumb a {
        line-height: 1;
    }

    .post-thumb .entry-meta {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 2;
    }

        .post-thumb .entry-meta a {
            display: inline-block;
            color: #fff !important;
            background-color: #fdc040;
            border-radius: 4px;
            width: 32px;
            height: 32px;
            text-align: center;
            line-height: 35px;
        }

/*Loop Grid*/
.loop-grid {
    position: relative;
}

    .loop-grid article {
        position: relative;
        background: #fff;
        overflow: hidden;
    }

    .loop-grid .entry-content {
        padding: 30px;
    }

    .loop-grid .entry-content-2 {
        padding: 20px 30px;
    }

    .loop-grid.loop-list {
        position: relative;
    }

        .loop-grid.loop-list article {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid #ececec;
            border-radius: 15px;
        }

            .loop-grid.loop-list article:not(:last-child) {
                margin-bottom: 30px;
            }

            .loop-grid.loop-list article .post-thumb {
                min-height: 366px;
                min-width: 438px;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                overflow: hidden;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
            }

.img-hover-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 280px;
    overflow: hidden;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.top-right-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 3;
    color: #fff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -ms-transition: all 0.4s ease;
}

.top-left-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    display: inline-block;
    color: #fff !important;
    background-color: #fdc040;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 35px;
}

.entry-meta.meta-1,
.entry-meta.meta-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .entry-meta.meta-1.meta-3,
    .entry-meta.meta-2.meta-3 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

.entry-meta a.read-more {
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid #abd7ab;
    padding: 10px 15px;
    color: #98ca98;
    font-weight: 600;
    display: inline-block;
}

/** Print **/
@media print {
    .back-top-home {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .invoice-header,
    .invoice-top,
    .invoice-center,
    .invoice-bottom,
    .invoice-banner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        .invoice-top .col-sm-9,
        .invoice-top .col-sm-3 {
            width: 50%;
        }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .text-end {
        text-align: right !important;
    }

    .invoice-1 {
        padding: 0;
        background: #fff;
    }

        .invoice-1 .invoice-inner {
            background: #f8f8f8;
        }

        .invoice-1 .container {
            padding: 0px;
        }

        .invoice-1 .invoice-info {
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: 0px;
        }
}

.invoice-content .invoice-header-1 {
    text-transform: uppercase;
    font-weight: 700;
}

.invoice-content .invoice-header-2 {
    text-transform: uppercase;
    font-weight: 600;
}

.invoice-content .invoice-title-1 {
    font-size: 18px;
}

.invoice-content .invoice-addr-1 {
    font-size: 15px;
    margin-bottom: 20px;
}

.invoice-content .item-desc-1 {
    text-align: left;
}

    .invoice-content .item-desc-1 span {
        display: block;
    }

    .invoice-content .item-desc-1 small {
        display: block;
    }

.invoice-content .important-notes-list-1 {
    font-size: 13px !important;
    padding-left: 15px;
    margin-bottom: 15px;
    list-style: disc;
}

    .invoice-content .important-notes-list-1 li {
        margin-bottom: 5px;
    }

.invoice-content .bank-transfer-list-1 {
    font-size: 13px !important;
    padding-left: 0px;
}

.invoice-content .important-notes {
    font-size: 12px !important;
}

.invoice-content .invoice-btn-section {
    text-align: center;
    margin-top: 30px;
}

.invoice-content .btn-lg {
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 0 35px;
    line-height: 50px;
    border-radius: 3px;
    color: #ffffff;
    border: none;
    margin: 3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-family: "Roboto", sans-serif;
}

.invoice-content .btn-check:focus + .btn,
.invoice-content .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.invoice-content .btn-download {
    background: #3bb77e;
}

    .invoice-content .btn-download:after {
        background: #29a56c;
    }

.invoice-content .btn-print {
    background: #253d4e;
}

    .invoice-content .btn-print:after {
        background: #242424;
    }

.invoice-content .invoice-content .invoice-table th:first-child,
.invoice-content .invoice-content .invoice-table td:first-child {
    text-align: left;
}

.invoice-content .btn-custom {
    border: none;
    z-index: 1;
}

    .invoice-content .btn-custom img {
        max-height: 14px;
        margin-right: 5px;
    }

    .invoice-content .btn-custom:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .invoice-content .btn-custom:hover {
        color: #fff;
    }

        .invoice-content .btn-custom:hover:after {
            left: 0;
            width: 100%;
        }

    .invoice-content .btn-custom:active {
        top: 2px;
    }

.invoice-content table thead {
    font-family: "Roboto", sans-serif;
    color: #253d4e;
    font-weight: 700;
}

.invoice-content .f-w-600 {
    font-weight: 600;
}

.invoice-content .mobile-social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
}

    .invoice-content .mobile-social-icon h6 {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .invoice-content .mobile-social-icon a {
        text-align: center;
        font-size: 14px;
        margin-right: 5px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        height: 30px;
        width: 30px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: #3bb77e;
        border-radius: 30px;
        line-height: 1;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .invoice-content .mobile-social-icon a img {
            max-width: 16px;
        }

            .invoice-content .mobile-social-icon a img:hover {
                opacity: 0.8;
            }

        .invoice-content .mobile-social-icon a:hover {
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            margin-top: -2px;
        }

        .invoice-content .mobile-social-icon a:last-child {
            margin-right: 0;
        }

/** Invoice 1 **/
.invoice {
    padding: 50px 0;
    background: #f2f3f4;
}

    .invoice .invoice-info {
        background: #fff;
        margin-bottom: 30px;
        border-radius: 20px;
        -webkit-box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
        box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
    }

    .invoice .invoice-inner {
        max-width: 1296px;
        margin: 0 auto;
    }

    .invoice .item-desc-1 small {
        font-size: 14px;
    }

    .invoice .item-desc-1 span {
        font-size: 14px;
        font-weight: 600;
    }

    .invoice .invoice-header {
        padding: 80px 150px;
        border-radius: 20px 20px 0 0;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
    }

    .invoice .table-striped > tbody > tr:nth-of-type(odd) {
        --bs-table-accent-bg: rgb(255 255 255 / 5%);
        /*color: var(--bs-table-striped-color);*/
    }

    .invoice .invoice-top {
        padding: 40px 150px 25px 150px;
        font-size: 15px;
        border-bottom: 1px solid #ececec;
        margin-bottom: 50px;
    }

    .invoice .invoice-center {
        padding: 0 150px 40px;
    }

        .invoice .invoice-center .table {
            margin-bottom: 0;
        }

    .invoice .table-section {
        text-align: center;
    }

    .invoice .table > :not(caption) > * > * {
        padding: 15px 20px;
    }

    .invoice .table td {
        font-size: 15px;
        font-weight: 400;
    }

    .invoice table th {
        font-size: 15px;
    }

    .invoice .caption-top {
        caption-side: top;
        text-align: right;
        margin-bottom: 0;
    }

    .invoice .invoice-bottom {
        padding: 0 150px 25px;
    }

        .invoice .invoice-bottom .amount {
            text-align: right;
        }

        .invoice .invoice-bottom h3 {
            margin-bottom: 15px;
        }

    .invoice .bg-active {
        background: #f3f3f3;
        color: #535353 !important;
    }

    .invoice .invoice-contact {
        padding: 70px 150px 40px;
    }

    .invoice .social-list {
        float: left;
    }

        .invoice .social-list span {
            margin-right: 5px;
            font-weight: 500;
            font-size: 16px;
            color: #fff;
        }

        .invoice .social-list a {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            display: inline-block;
            font-size: 17px;
            background: #fff;
            margin: 0 2px 2px 0;
            color: #25cc7e;
            border-radius: 50%;
        }

            .invoice .social-list a:hover {
                background: #fff6f6;
            }

.invoice-top .float-end p {
    margin-bottom: 0;
}

.invoice-1
.invoice-info-buttom
.table
.invoice-1
.invoice-info-buttom
.table
tr,
.table tr {
    border: 1px solid #BFDCE9;
}

.table > :not(caption) > * > * {
    /*background-color: var(--bs-table-bg);*/
    border-bottom-width: 0;
}

.invoice-1 .table td,
.invoice-1 .table th {
    vertical-align: middle;
    border: none !important;
}

.invoice-1 .invoice-header {
    background: rgba(0, 0, 0, 0.04) url(../Content/assets/imgs/invoice/header-bg-1.png) top left repeat;
}

.invoice-2 .invoice-info {
    border-radius: 0;
}

.invoice-2 .invoice-header {
    border-bottom: 1px solid #ececec;
}

.invoice-3 .invoice-header {
    background: url(../Content/assets/imgs/invoice/header-bg-2.jpg) top left no-repeat;
    background-size: cover;
    padding: 50px 150px;
    color: #fff;
}

.invoice-3 .invoice-table thead {
    color: #fff !important;
    background-color: #3bb77e;
}

.invoice-4 .invoice-info {
    border-radius: 5px;
}

.invoice-4 .invoice-header {
    border-bottom: 1px solid #ececec;
    padding: 50px 150px 30px 150px;
    margin-bottom: 50px;
}

.invoice-4 .invoice-bottom .hr {
    width: 100%;
    height: 1px;
    background-color: #ececec;
}

.invoice-5 .invoice-info {
    border-radius: 0;
}

.invoice-5 .invoice-header {
    padding: 50px 150px;
}

.invoice-5 .invoice-banner {
    padding: 0 150px 50px 150px;
}

.invoice-5 .invoice-bottom .hr {
    width: 100%;
    height: 1px;
    background-color: #ececec;
}

.invoice-6.invoice {
    background-color: #fff;
}

.invoice-6 .invoice-info {
    border-radius: 10px;
    border: 1px solid #bce3c9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.invoice-6 .hr {
    width: 100%;
    height: 1px;
    background-color: #3bb77e;
}

.invoice-6 .invoice-header {
    background-color: #f7f8f9;
    padding: 80px 150px 50px 150px;
    margin-bottom: 50px;
    border-radius: 10px 10px 0 0;
}

.invoice-6 .invoice-icon {
    border-radius: 0 10px 0 0;
}

.invoice-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3bb77e;
}

    .invoice-icon img {
        width: 30px;
    }

/*Responsive*/
@media only screen and (max-width: 992px) {
    .invoice .invoice-header {
        padding: 80px 50px;
    }

    .invoice .invoice-top {
        padding: 40px 50px 25px 50px;
    }

    .invoice .invoice-center {
        padding: 0 50px 40px;
    }

    .invoice .invoice-bottom {
        padding: 0 50px 25px;
    }

    .invoice .back-top-home {
        margin-bottom: 30px;
        text-align: center;
    }
}

.vendor-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

    .vendor-wrap:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        border: 1px solid #bce3c9;
        transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .vendor-wrap .vendor-img-action-wrap {
        padding: 25px 25px 0 25px;
    }

        .vendor-wrap .vendor-img-action-wrap img {
            max-width: 144px;
        }

    .vendor-wrap .vendor-content-wrap {
        padding: 20px 20px 30px 20px;
    }

        .vendor-wrap .vendor-content-wrap h4 a {
            color: #253d4e;
        }

            .vendor-wrap .vendor-content-wrap h4 a:hover {
                color: #3bb77e;
            }

        .vendor-wrap .vendor-content-wrap .total-product {
            position: relative;
            display: inline-block;
            padding: 6px 20px 6px 20px;
            border-radius: 4px;
            background-color: #def9ec;
            font-size: 14px;
            font-weight: 700;
            color: #3bb77e;
            min-width: 123px;
        }

    .vendor-wrap .product-badges.product-badges-position {
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 9;
    }

        .vendor-wrap .product-badges.product-badges-position span {
            display: inline-block;
            font-size: 12px;
            line-height: 1;
            border-radius: 0px 10px 0 20px;
            color: #fff;
            padding: 9px 20px 10px 20px;
            background-color: #3bb77e;
        }

            .vendor-wrap .product-badges.product-badges-position span.hot {
                background-color: #f74b81;
            }

            .vendor-wrap .product-badges.product-badges-position span.new {
                background-color: #3bb77e;
            }

            .vendor-wrap .product-badges.product-badges-position span.sale {
                background-color: #67bcee;
            }

            .vendor-wrap .product-badges.product-badges-position span.best {
                background-color: #f59758;
            }

    .vendor-wrap.style-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .vendor-wrap.style-2 .vendor-img-action-wrap {
            position: relative;
            padding: 20px;
        }

            .vendor-wrap.style-2 .vendor-img-action-wrap .total-product {
                position: relative;
                display: inline-block;
                padding: 6px 20px 6px 20px;
                border-radius: 4px;
                background-color: #def9ec;
                font-size: 14px;
                font-weight: 700;
                color: #3bb77e;
                min-width: 123px;
            }

        .vendor-wrap.style-2 .vendor-info .btn {
            min-width: 105px;
            padding: 8px 10px 8px 13px;
        }

.archive-header-2 .search-form input {
    border-radius: 30px;
    padding-left: 30px;
    -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}

.archive-header-3 {
    position: relative;
    border-radius: 20px;
    padding: 50px;
}

    .archive-header-3 .archive-header-3-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

/*LAYOUT -> HEADER STYLE*/
/*Header default*/
.header-top-ptb-1 {
    padding: 7px 0;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    line-height: 1;
}

    .header-top-ptb-1 #news-flash {
        min-width: 400px;
        font-size: 14px;
        line-height: 10px;
        font-weight: 600;
    }

        .header-top-ptb-1 #news-flash li {
            min-height: 14px;
        }

        .header-top-ptb-1 #news-flash i {
            line-height: 6px;
            margin-right: 5px;
        }

.header-info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-info > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .header-info > ul > li {
        margin-right: 20px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .header-info > ul > li:before {
            content: "";
            position: absolute;
            right: -10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
            height: 10px;
            background: #dedfe2;
        }

        .header-info > ul > li:last-child {
            margin-right: 0;
        }

            .header-info > ul > li:last-child:before {
                display: none;
            }

        .header-info > ul > li a {
            color: #7e7e7e;
            font-weight: 500;
        }

            .header-info > ul > li a i {
                font-size: 12px;
                margin-right: 5px;
            }

            .header-info > ul > li a.language-dropdown-active i.fa-chevron-down {
                font-size: 8px;
                margin-left: 5px;
            }

        .header-info > ul > li > ul.language-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 2;
            min-width: 120px;
            background: #fff;
            border-radius: 0 0 4px 4px;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            visibility: hidden;
            opacity: 0;
            padding: 10px 15px;
            -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
            border: 1px solid #ececec;
        }

        .header-info > ul > li > ul li {
            display: block;
        }

            .header-info > ul > li > ul li a {
                display: block;
                color: #696969;
                padding: 5px;
            }

                .header-info > ul > li > ul li a:hover {
                    color: #3bb77e;
                    background-color: none;
                }

                .header-info > ul > li > ul li a img {
                    max-width: 15px;
                    display: inline-block;
                    margin-right: 5px;
                }

        .header-info > ul > li:hover > a {
            color: #333;
        }

        .header-info > ul > li:hover > ul.language-dropdown {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            top: 25px;
        }

.header-info i {
    font-size: 12px;
    margin-right: 5px;
    line-height: 6px;
}

.header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-wrap .header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-wrap.header-space-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header-wrap .header-right {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.logo a {
    display: block;
}

.logo.logo-width-1 {
    margin-right: 35px;
}

    .logo.logo-width-1 a img {
        width: 180px;
        min-width: 180px;
    }

.search-style-1 form {
    width: 370px;
    position: relative;
}

    .search-style-1 form input {
        font-size: 16px;
        height: 48px;
        color: #253d4e;
        border-radius: 26px;
        padding: 3px 50px 3px 20px;
        border: 1px solid #f5f5f5;
        background-color: #f5f5f5;
        -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.header-action .header-action-icon.header-action-mrg-none2 {
    margin-right: 0px;
}

.header-action .header-action-icon:last-child {
    margin-right: 0;
}

.header-action .header-action-icon > a span.pro-count {
    position: absolute;
    right: -5px;
    bottom: -4px;
    color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.header-action-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-action-2 .header-action-icon-2 span.lable {
        font-size: 14px;
        margin: 0px 5px 0 0px;
    }

    .header-action-2 .header-action-icon-2:last-child {
        padding: 0 0px 0 8px;
    }

    .header-action-2 .header-action-icon-2 > a {
        font-size: 14px;
        color: #333;
        line-height: 1;
        display: inline-block;
        position: relative;
    }

        .header-action-2 .header-action-icon-2 > a img {
            width: 100%;
            max-width: 25px;
        }

        .header-action-2 .header-action-icon-2 > a span {
            font-size: 14px;
            color: #464545;
        }

            .header-action-2 .header-action-icon-2 > a span.pro-count {
                position: absolute;
                right: 0px;
                top: -9px;
                color: #ffffff;
                height: 18px;
                width: 18px;
                border-radius: 100%;
                font-weight: 500;
                font-size: 11px;
                text-align: center;
                line-height: 18px;
            }

            .header-action-2 .header-action-icon-2 > a span.wishlist-count {
                position: absolute;
                left: 15px;
                top: -6px;
                color: #ffffff;
                height: 18px;
                width: 18px;
                border-radius: 100%;
                font-weight: 500;
                font-size: 11px;
                text-align: center;
                line-height: 18px;
            }

                .header-action-2 .header-action-icon-2 > a span.wishlist-count.blue {
                    background-color: #2BACE0;
                }

.cart-dropdown-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .cart-dropdown-wrap ul li:last-child {
        margin-bottom: 0px !important;
    }

    .cart-dropdown-wrap ul li a{
        padding:10px 0px;
    }

    .aboutus_widthreduction {
        width: 80%;
        margin: auto;
    }

.cart-dropdown-wrap ul li .shopping-cart-img a {
    display: block;
}

.header-height-2 {
    border-bottom: 1px solid #ececec;
}

.header-height-3 {
    min-height: 132px;
}

.header-height-4 {
    min-height: 120px;
}

.search-popup-wrap.search-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.mobile-header-wrapper-style.sidebar-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mobile-header-wrapper-style
.mobile-header-wrapper-inner
.mobile-header-top
.mobile-header-logo
a {
    display: block;
}

.mobile-header-wrapper-style
.mobile-header-wrapper-inner
.mobile-header-content-area
.mobile-menu-wrap
nav {
    height: 100%;
}

.mobile-header-wrapper-style
.mobile-header-wrapper-inner
.mobile-header-content-area
.main-categori-wrap
a
i {
    margin-right: 15px;
}

.mobile-header-wrapper-style
.mobile-header-wrapper-inner
.mobile-header-content-area
.main-categori-wrap
.categori-dropdown-active-small {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

/*.header-action-right {
    display: none;
}*/

    .header-action-right .search-location {
        display: none;
    }

.search-style-1 {
    margin-right: 28px;
}

    .search-style-1 form input::-moz-input-placeholder {
        color: #253d4e;
        opacity: 1;
    }

    .search-style-1 form input::-webkit-input-placeholder {
        color: #253d4e;
        opacity: 1;
    }

    .search-style-1 form input:focus {
        border: 1px solid #3bb77e;
        background-color: #ffffff;
    }

    .search-style-1 form button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        border: none;
        font-size: 19px;
        height: 100%;
        padding: 0 15px;
        background-color: transparent;
        color: #3bb77e;
    }

        .search-style-1 form button:hover {
            color: #5a97fa;
        }

.header-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-action .header-action-icon {
        margin-right: 28px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .header-action .header-action-icon.header-action-mrg-none {
            margin-right: 13px;
        }

        .header-action .header-action-icon > a {
            font-size: 24px;
            color: #333;
            line-height: 1;
            display: inline-block;
            position: relative;
        }

            .header-action .header-action-icon > a span.pro-count.blue {
                background-color: #3bb77e;
            }

        .header-action .header-action-icon:hover > a {
            color: #3bb77e;
        }

        .header-action .header-action-icon:hover .cart-dropdown-wrap {
            opacity: 1;
            visibility: visible;
            top: calc(100% + 10px);
        }

    .header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2 {
        margin-right: 0px;
    }

    .header-action.header-action-hm3 .header-action-icon:last-child {
        margin-right: 0;
    }

.header-action-2 .header-action-icon-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 10px;
    gap: 5px;
}

    .header-action-2 .header-action-icon-2 > a svg {
        width: 1em;
        height: 1em;
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count.blue {
        background-color: #2BACE0;
    }

    .header-action-2 .header-action-icon-2:hover > a {
        color: #2BACE0;
        fill: #2BACE0;
    }

    .header-action-2 .header-action-icon-2:hover .cart-dropdown-wrap {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 10px);
    }

.header-middle-ptb-1 {
    padding: 25px 0 0 0;
}

.cart-dropdown-wrap {
    position: absolute;
    right: 0;
    top: calc(100% + 20px);
    z-index: 99;
    width: 320px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    padding: 10px 20px 10px 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 10px;
    border: 1px solid #ececec;
}

    .cart-dropdown-wrap.cart-dropdown-hm2 {
        left: -105px;
    }

    .cart-dropdown-wrap.cart-dropdown-hm4 {
        width: 150px !important;
        left: 0px;
    }

    .cart-dropdown-wrap.account-dropdown {
        width: 200px;
    }

        .cart-dropdown-wrap.account-dropdown a {
            color: #253d4e;
        }

            .cart-dropdown-wrap.account-dropdown a:hover {
                color: #2bace0;
            }

    .cart-dropdown-wrap ul li:last-child {
        margin: 0 0 0px;
    }

    .cart-dropdown-wrap ul li .shopping-cart-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        margin-right: 20px;
    }

        .cart-dropdown-wrap ul li .shopping-cart-img a img {
            max-width: 100%;
        }

    .cart-dropdown-wrap ul li .shopping-cart-title {
        margin: 6px 0 0;
    }

        .cart-dropdown-wrap ul li .shopping-cart-title h4 {
            font-size: 16px;
            font-weight: 500;
            line-height: 1;
            margin: 0 0 9px;
        }

            .cart-dropdown-wrap ul li .shopping-cart-title h4 a {
                color: #3bb77e;
            }

                .cart-dropdown-wrap ul li .shopping-cart-title h4 a:hover {
                    color: #253d4e;
                }

        .cart-dropdown-wrap ul li .shopping-cart-title h3 {
            font-size: 18px;
            font-weight: 700;
            line-height: 1;
            margin: 0 0 0px;
            color: #3bb77e;
        }

            .cart-dropdown-wrap ul li .shopping-cart-title h3 span {
                color: #696969;
                font-weight: 400;
                font-size: 16px;
            }

    .cart-dropdown-wrap ul li .shopping-cart-delete {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 100;
        -ms-flex-positive: 100;
        flex-grow: 100;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 6px 0 0;
    }

        .cart-dropdown-wrap ul li .shopping-cart-delete a {
            font-size: 18px;
            color: #696969;
        }

            .cart-dropdown-wrap ul li .shopping-cart-delete a:hover {
                color: #333;
            }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total {
        border-top: 2px solid #f3f3f3;
        margin: 25px 0;
        padding: 17px 0 0;
    }

        .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 {
            color: #9b9b9b;
            font-weight: 700;
            font-size: 16px;
            margin: 0;
        }

            .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 span {
                font-size: 18px;
                float: right;
                color: #3bb77e;
            }

    .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

        .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
            display: inline-block;
            font-size: 14px;
            color: #ffffff;
            border-radius: 4px;
            line-height: 1;
            padding: 10px 20px;
            background-color: #3bb77e;
            font-family: "Roboto", sans-serif;
            border: 2px solid #3bb77e;
        }

            .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline {
                background-color: transparent;
                border: 2px solid #3bb77e;
                color: #3bb77e;
            }

                .cart-dropdown-wrap
                .shopping-cart-footer
                .shopping-cart-button
                a.outline:hover {
                    color: #ffffff;
                }

            .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover {
                background-color: #fdc040;
            }

.sticky-bar.stick {
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /*border-bottom: 2px solid #fdc040;*/
    background: #fff;
}

    .sticky-bar.stick.sticky-white-bg {
        background-color: #fff;
    }

    .sticky-bar.stick.sticky-blue-bg {
        background-color: #3286e0;
    }

.header-height-1 {
    min-height: 133px;
}

.indiashoppe_stores {
    padding: 20px 0px;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 12px;
    margin: 20px 100px 35px 100px;
    position: relative;
}

.manage_address_profile {
    border-radius: 12px;
    margin: 35px 125px;
    position: relative;
}

.indiashoppe_stores_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 10px;
}

.stores_indiashopee {
    border: none !important;
    padding: 10px 10px !important;
}

    .stores_indiashopee .nav-tabs .nav-item {
        border-bottom: 1px solid #E5EFF5;
    }

.store_address {
    border: 1px solid #D0E3EE;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 115px;
    overflow-y: auto;
    background-color: #F0F8FC;
}

    .store_address h6 {
        color: #E23A83;
        font-size: 14px;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

    .store_address div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .store_address div h6 {
            color: #E23A83;
            font-size: 14px;
            margin-bottom: 10px;
            text-transform: capitalize;
        }


    .store_address p {
        color: #464545;
        font-size: 13px;
        line-height: 18px;
        text-transform: lowercase;
    }

        .store_address p:first-letter {
            text-transform: uppercase;
        }

.stores_indiashopee .nav-tabs .nav-link:hover {
    transform: translateY(0px) !important;
}

.stores_indiashopee .tab-style3 .nav-tabs .nav-item a.active, .tab-style3 .nav-tabs .nav-item a:hover {
    color: #2BACE0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.stores_indiashopee .tab-style3 .nav-tabs li.nav-item a {
    border-radius: 0px;
}

.stores_indiashopee .tab-style3 .nav-tabs .nav-item a.active {
    border-bottom: 1px solid #2BACE0;
}

.stores_indiashopee .tab-style3 .nav-tabs li.nav-item a {
    border: none;
}

.indiashoppe_stores_search div h3 {
    font-size: 22px;
    color: #464545;
}

.indiashoppe_stores_search div input {
    height: 40px;
    border: 1px solid #2BACE0;
    border-radius: 20px;
    font-size: 13px;
    width: 280px;
    padding: 2px 10px 2px 50px;
    background-image: url(../Content/assets/Images/svg/search-icon.svg);
    background-repeat: no-repeat;
    background-position: 15px;
}

.search-style-2 {
    width: 100%;
    display: flex;
    justify-content: start;
    position: relative;
    margin: 0px 20px 0px 0px;
}

    .search-style-2 form {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .search-style-2 form select {
            color: #253d4e;
            font-size: 16px;
            font-weight: 700;
            min-height: 50px;
            border: 1px solid #ececec;
            border-right: none;
            width: 140px;
            padding: 3px 35px 3px 20px;
            border-radius: 4px 0 0 4px;
            background-color: #fff;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            -moz-appearance: none;
            -webkit-appearance: none;
            position: relative;
        }

            .search-style-2 form select:focus {
                color: #333;
            }

            .search-style-2 form select::after {
                position: absolute;
            }

        .search-style-2 form input {
            width: 100%;
            /* max-width: 683px; */
            /*max-width: 600px;*/
            font-size: 14px;
            padding-right: 50px;
            padding-left: 0px;
            height: 40px;
            font-size: 14px;
        }

.auto_search {
    position: absolute;
    right: 0px;
    top: 43px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 4px #00000029;
    margin: auto;
    border-radius: 4px;
    z-index: 999;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .auto_search ul li {
        /*border-bottom: 1px solid #BFDCE9;*/
        padding: 0px 10px;
    }

        .auto_search ul li:hover {
            background-color: #ecf5f8db;
        }

        .auto_search ul li a {
            display: block;
            line-height: 14px;
            padding: 8px 0px;
        }

            .auto_search ul li a span {
                font-size: 11px;
            }

            .auto_search ul li a p {
                font-size: 14px;
                margin: 0;
                /*text-transform: lowercase;*/
            }

              /*  .auto_search ul li a p::first-letter {
                    text-transform: uppercase;
                }*/


.auto_search_mob {
    width: 350px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 1px 4px #00000029;
    margin: auto;
    border-radius: 4px;
    z-index: 999;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .auto_search_mob ul li {
        border-bottom: 1px solid #BFDCE9;
        padding: 0px 10px;
    }

        .auto_search_mob ul li:hover {
            background-color: #ecf5f8db;
        }

        .auto_search_mob ul li a {
            display: block;
            line-height: 14px;
            padding: 5px 0px;
        }

            .auto_search_mob ul li a span {
                font-size: 12px;
            }

            .auto_search_mob ul li a p {
                font-size: 14px;
                margin: 0;
            }

.search_btn {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .search_btn svg {
        width: 24px !important;
        height: 24px !important;
        fill: #ffffff;
    }

.search-style-2 form input::-moz-input-placeholder {
    opacity: 1;
}

.search-style-2 form input::-webkit-input-placeholder {
    opacity: 1;
}

.search-style-2 form input:focus {
    border-color: #414648;
    border-width: 0 0 3px 0;
    border-style: solid;
}

.search-style-2 form button {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #2BACE0;
    padding: 0;
    border: none;
    font-size: 20px;
    height: 100%;
    padding: 5px 13px 10px 13px;
}

.header-bottom-shadow {
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
}

.header-bottom .header-action-right a span.pro-count {
    background-color: #E43A84;
    color: #fff;
}

.search-style-3 {
    /* margin-bottom: 10px;*/
}

    .search-style-3 form {
        position: relative;
    }

        .search-style-3 form input {
            font-size: 14px;
            height: 45px;
            color: #464545;
            background-color: #fff;
            border-radius: 5px;
            padding: 3px 50px 3px 20px;
            -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
            border: 1px solid #2BACE0;
        }

            .search-style-3 form input::-moz-input-placeholder {
                color: #253d4e;
                opacity: 1;
            }

            .search-style-3 form input::-webkit-input-placeholder {
                color: #253d4e;
                opacity: 1;
            }

            .search-style-3 form input:focus {
                border: 1px solid #bce3c9;
            }

        .search-style-3 form button {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            border: none;
            font-size: 16px;
            height: 100%;
            padding: 0 14px;
            background-color: transparent;
            color: #333;
        }

            .search-style-3 form button:hover {
                color: #3bb77e;
            }

.search-popup-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: white;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .search-popup-wrap .search-popup-content form input {
        width: 1170px;
        background-color: transparent;
        border: 0;
        border-bottom: 3px solid #3bb77e;
        font-size: 50px;
        padding: 21px 50px 16px 0px;
        color: #919191;
        font-weight: 300;
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out, opacity 0.5s linear;
        transition: all 0.5s ease-in-out, opacity 0.5s linear;
    }

        .search-popup-wrap .search-popup-content form input::-moz-input-placeholder {
            color: #919191;
            opacity: 1;
        }

        .search-popup-wrap .search-popup-content form input::-webkit-input-placeholder {
            color: #919191;
            opacity: 1;
        }

    .search-popup-wrap.search-visible .search-popup-content form input {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

.close-style-wrap {
    position: absolute;
    right: 55px;
    top: 40px;
}

    .close-style-wrap.close-style-position-inherit {
        position: inherit;
    }

    .close-style-wrap .close-style {
        position: relative;
        background-color: transparent;
        padding: 0;
        border: none;
        width: 26px;
        height: 26px;
        background-color: #EFF3F5;
        border-radius: 30px;
    }

        .close-style-wrap .close-style > i {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 1px;
            margin: 0 !important;
            -webkit-transform-origin: center;
            transform-origin: center;
            display: block;
            overflow: hidden;
        }

            .close-style-wrap .close-style > i.icon-top {
                -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
            }

                .close-style-wrap .close-style > i.icon-top::before {
                    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
                    -webkit-transform: scaleX(1) translateZ(0);
                    transform: scaleX(1) translateZ(0);
                    -webkit-transform-origin: right;
                    transform-origin: right;
                }

                .close-style-wrap .close-style > i.icon-top::after {
                    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
                    -webkit-transform: scaleX(0) translateZ(0);
                    transform: scaleX(0) translateZ(0);
                    -webkit-transform-origin: left;
                    transform-origin: left;
                }

            .close-style-wrap .close-style > i.icon-bottom {
                -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
            }

                .close-style-wrap .close-style > i.icon-bottom::before {
                    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
                    -webkit-transform: scaleX(1) translateZ(0);
                    transform: scaleX(1) translateZ(0);
                    -webkit-transform-origin: right;
                    transform-origin: right;
                }

                .close-style-wrap .close-style > i.icon-bottom::after {
                    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
                    -webkit-transform: scaleX(0) translateZ(0);
                    transform: scaleX(0) translateZ(0);
                    -webkit-transform-origin: left;
                    transform-origin: left;
                }

        .close-style-wrap .close-style:hover {
            -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
        }

        .close-style-wrap .close-style > i::before,
        .close-style-wrap .close-style > i::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: #111;
        }

.burger-icon {
    position: relative;
    width: 24px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .burger-icon > span {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
    }

        .burger-icon > span.burger-icon-top {
            top: 2px;
        }

        .burger-icon > span.burger-icon-bottom {
            bottom: 1px;
        }

        .burger-icon > span.burger-icon-mid {
            top: 9px;
        }

        .burger-icon > span::before,
        .burger-icon > span::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: #333;
        }

    .burger-icon.burger-icon-white > span::before,
    .burger-icon.burger-icon-white > span::after {
        background-color: #253d4e;
    }

.body-overlay-1 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    visibility: hidden;
    width: 100%;
    cursor: crosshair;
    z-index: 9999;
}

.mobile-menu-active .body-overlay-1 {
    opacity: 1;
    visibility: visible;
}

.main-wrapper {
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mobile-header-wrapper-style {
    position: fixed;
    top: 0;
    width: 360px;
    min-height: 100vh;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    z-index: 99999;
}

    .mobile-header-wrapper-style .mobile-header-wrapper-inner {
        padding: 0px 0px 10px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 20px 30px;
            background-color: #ffffff;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-top
            .mobile-header-logo
            a
            img {
                width: 100px;
            }

        .mobile-header-wrapper-style
        .mobile-header-wrapper-inner
        .mobile-header-content-area {
            padding: 30px 30px 30px;
        }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-content-area
            .mobile-menu-wrap
            nav
            .mobile-menu
            li {
                display: block;
                position: relative;
                padding: 13px 0;
                border-bottom: 1px solid #ececec;
            }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li:last-child {
                    border-bottom: none;
                }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li.menu-item-has-children
                .menu-expand {
                    right: 0;
                    position: absolute;
                    cursor: pointer;
                    z-index: 9;
                    text-align: center;
                    font-size: 12px;
                    display: block;
                    width: 30px;
                    height: 30px;
                    line-height: 38px;
                    top: 5px;
                    color: #253d4e;
                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-menu-wrap
                    nav
                    .mobile-menu
                    li.menu-item-has-children
                    .menu-expand
                    i {
                        font-size: 14px;
                        font-weight: 300;
                    }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li.menu-item-has-children.active > .menu-expand {
                    background: rgba(255, 255, 255, 0.2);
                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-menu-wrap
                    nav
                    .mobile-menu
                    li.menu-item-has-children.active > .menu-expand
                    i::before {
                        content: "\f112";
                    }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li
                a {
                    font-size: 14px;
                    line-height: 1;
                    text-transform: capitalize;
                    font-weight: 700;
                    position: relative;
                    display: inline-block;
                    color: #253d4e;
                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-menu-wrap
                    nav
                    .mobile-menu
                    li
                    a
                    i {
                        margin-right: 5px;
                    }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li
                ul {
                    padding: 10px 0 0 10px;
                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-menu-wrap
                    nav
                    .mobile-menu
                    li
                    ul
                    li {
                        padding: 10px 0;
                        border-bottom: none;
                    }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-menu-wrap
                        nav
                        .mobile-menu
                        li
                        ul
                        li.menu-item-has-children
                        .menu-expand {
                            top: 0px;
                        }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-menu-wrap
                        nav
                        .mobile-menu
                        li
                        ul
                        li
                        a {
                            font-size: 14px;
                            display: block;
                            font-weight: 500;
                        }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-menu-wrap
                        nav
                        .mobile-menu
                        li
                        ul
                        li
                        ul {
                            margin-top: 0;
                        }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-menu-wrap
                        nav
                        .mobile-menu
                        li
                        ul
                        li.menu-item-has-children.active {
                            padding-bottom: 0;
                        }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-menu-wrap
                nav
                .mobile-menu
                li:hover > a {
                    color: #3bb77e;
                }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-content-area
            .categories-dropdown-wrap
            ul
            li
            a {
                padding: 5px 15px;
            }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-content-area
            .mobile-header-info-wrap {
                padding: 20px;
                border-radius: 5px;
                border: 1px solid #ececec;
                margin: 17px 0 30px 0;
            }

                .mobile-header-wrapper-style
                .mobile-header-wrapper-inner
                .mobile-header-content-area
                .mobile-header-info-wrap
                .single-mobile-header-info {
                    position: relative;
                    margin-bottom: 13px;
                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-header-info-wrap
                    .single-mobile-header-info:last-child {
                        margin-bottom: 0;
                    }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-header-info-wrap
                    .single-mobile-header-info
                    a {
                        font-size: 14px;
                        display: block;
                        font-weight: 500;
                        color: #253d4e;
                    }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-header-info-wrap
                        .single-mobile-header-info
                        a:hover {
                            color: #3bb77e;
                        }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-header-info-wrap
                        .single-mobile-header-info
                        a
                        i {
                            font-size: 14px;
                            color: #3bb77e;
                            margin-right: 8px;
                        }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-header-info-wrap
                    .single-mobile-header-info
                    .lang-curr-dropdown {
                        margin-top: 5px;
                        display: none;
                        background-color: transparent;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        padding: 10px 0 0 0;
                        width: 100%;
                        z-index: 11;
                    }

                        .mobile-header-wrapper-style
                        .mobile-header-wrapper-inner
                        .mobile-header-content-area
                        .mobile-header-info-wrap
                        .single-mobile-header-info
                        .lang-curr-dropdown
                        ul
                        li {
                            padding-bottom: 10px;
                        }

                            .mobile-header-wrapper-style
                            .mobile-header-wrapper-inner
                            .mobile-header-content-area
                            .mobile-header-info-wrap
                            .single-mobile-header-info
                            .lang-curr-dropdown
                            ul
                            li:last-child {
                                padding-bottom: 0px;
                            }

                            .mobile-header-wrapper-style
                            .mobile-header-wrapper-inner
                            .mobile-header-content-area
                            .mobile-header-info-wrap
                            .single-mobile-header-info
                            .lang-curr-dropdown
                            ul
                            li
                            a {
                                font-size: 16px;
                                color: rgba(255, 255, 255, 0.7);
                                font-weight: 400;
                            }

                                .mobile-header-wrapper-style
                                .mobile-header-wrapper-inner
                                .mobile-header-content-area
                                .mobile-header-info-wrap
                                .single-mobile-header-info
                                .lang-curr-dropdown
                                ul
                                li
                                a:hover {
                                    color: #3bb77e;
                                }

                    .mobile-header-wrapper-style
                    .mobile-header-wrapper-inner
                    .mobile-header-content-area
                    .mobile-header-info-wrap
                    .single-mobile-header-info:hover > a {
                        color: #253d4e;
                    }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-content-area
            .mobile-header-border {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-content-area
            .site-copyright {
                font-size: 13px;
                color: #b6b6b6;
            }

.mobile-social-icon a {
    text-align: center;
    font-size: 14px;
    margin-right: 5px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    height: 30px;
    width: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #2BACE0;
    border-radius: 30px;
    line-height: 1;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .mobile-social-icon a img {
        max-width: 16px;
    }

        .mobile-social-icon a img:hover {
            opacity: 0.8;
        }

    .mobile-social-icon a:hover {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        margin-top: -2px;
    }

    .mobile-social-icon a:last-child {
        margin-right: 0;
    }

.mobile-search {
    padding: 0 0 10px 0;
    position: relative;
}

.hotline img {
    min-width: 35px;
    margin-right: 12px;
}

.hotline p {
    color: #2BACE0;
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: block;
    line-height: 1;
}

    .hotline p span {
        font-weight: 500;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        color: #7e7e7e;
        display: block;
    }

/* Header style 1 */
.header-style-1 {
    position: relative;
    overflow-x: clip;
}

    .header-style-1.header-height-2 {
        border-bottom: 0;
    }

    .header-style-1 .header-top-ptb-1 {
        background-image: none;
        padding: 10px 0;
    }

        .header-style-1 .header-top-ptb-1 .language-dropdown a {
            color: #253d4e;
        }

    .header-style-1 .header-middle-ptb-1 {
        padding: 10px 0;
    }

    .header-style-1 .select2-container {
        max-width: unset;
        min-width: 150px;
    }

    .header-style-1 .select2-container--default .select2-selection--single {
        border: 0;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        width: 155px;
        max-width: unset;
        border-radius: 5px 0 0 5px;
    }

        .header-style-1
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
            right: 10px;
        }

            .header-style-1
            .select2-container--default
            .select2-selection--single
            .select2-selection__arrow
            b {
                border: 0;
            }

                .header-style-1
                .select2-container--default
                .select2-selection--single
                .select2-selection__arrow
                b::after {
                    font-family: "Roboto", sans-serif;
                    font-style: normal;
                    font-weight: normal !important;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1 !important;
                    content: "\f10f";
                    position: absolute;
                    top: -4px;
                }

        .header-style-1
        .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
            height: 50px;
            line-height: 50px;
            position: relative;
        }

            .header-style-1
            .select2-container--default
            .select2-selection--single
            .select2-selection__rendered:after {
                content: "";
                height: 20px;
                width: 1px;
                background-color: #cacaca;
                position: absolute;
                right: 0;
                top: 15px;
            }

    .header-style-1
    .search-location
    .select2-container--default
    .select2-selection--single {
        border: 0;
        height: 40px;
        line-height: 40px;
        padding-left: 13px;
        width: 164px;
        max-width: unset;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #ececec;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    }

        .header-style-1
        .search-location
        .select2-container--default
        .select2-selection--single:hover {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }

        .header-style-1
        .search-location
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
            right: 10px;
            top: 7px;
        }

        .header-style-1
        .search-location
        .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
            height: 40px;
            line-height: 35px;
            position: relative;
            color: #3bb77e;
            font-weight: 500;
        }

            .header-style-1
            .search-location
            .select2-container--default
            .select2-selection--single
            .select2-selection__rendered:after {
                content: none;
            }

            .header-style-1
            .search-location
            .select2-container--default
            .select2-selection--single
            .select2-selection__rendered:before {
                font-family: "Roboto", sans-serif;
                content: "\f1c6";
                color: #b6b6b6;
                margin-right: 7px;
                display: inline-block;
            }

    .header-style-1 .search-location .select2-container {
        max-width: unset;
        min-width: 158px;
        max-width: 158px;
        margin-right: 30px;
    }

    .header-style-1 .search-style-2 form {
        border: 1px solid #2BACE05E;
        border-radius: 4px;
        /*max-width: 567px;*/
        background-color: #fff;
    }

        .header-style-1 .search-style-2 form input {
            border-width: 0px;
            border-radius: 4px;
            margin-left: 20px;
            background-color: #fff;
            color: #464545;
        }

    .header-style-1 .header-bottom-bg-color {
        background-color: #edf6ff;
        padding: 10px 5px;
    }

    .header-style-1 .main-categori-wrap > a {
        color: #fff;
        line-height: 70px;
        background: #2bace0;
        padding: 0 30px;
    }

        .header-style-1 .main-categori-wrap > a i.up {
            right: 30px;
        }

        .header-style-1 .main-categori-wrap > a.categories-button-active {
            line-height: 44px;
            border-radius: 5px;
            padding: 0 20px;
            font-family: "Roboto", sans-serif;
            font-size: 16px;
        }

            .header-style-1 .main-categori-wrap > a.categories-button-active i {
                color: #fff;
                margin-left: 12px;
                font-size: 10px;
                margin-bottom: 5px;
            }

        .header-style-1 .main-categori-wrap > a:hover {
            background-color: #2bace0;
        }

    .header-style-1 .main-menu.main-menu-light-white > nav > ul > li > a {
        color: #494949;
    }

    .header-style-1 .stick .main-menu.main-menu-light-white > nav > ul > li > a {
        color: #ffffff !important;
    }

    .header-style-1 .categories-dropdown-active-large {
        top: 100%;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    }

    .header-style-1 .hotline p {
        color: #2BACE0 !important;
    }

    .header-style-1 .main-categori-wrap > a span {
        color: #fff !important;
    }

    .header-style-1.header-style-5 .header-bottom-bg-color {
        background-color: #3bb77e !important;
    }

        .header-style-1.header-style-5 .header-bottom-bg-color .main-categori-wrap > a {
            background: #fdc040;
        }

    .header-style-1.header-style-5 .main-menu > nav > ul > li > a {
        color: #fff;
    }

    .header-style-1.header-style-5 .hotline p {
        color: #fff !important;
    }

        .header-style-1.header-style-5 .hotline p span {
            color: #fff !important;
        }

span.fi-rs-apps {
    font-size: 16px;
}

.hotline i {
    opacity: 0.7;
}

.hotline svg {
    margin-right: 10px;
}
/*LAYOUT -> NAVIGATION STYLE*/
.main-menu.main-menu-mrg-1 {
    margin: 0 0 0 27px;
}

.main-menu > nav > ul > li.hot-deals {
    padding-right: 30px !important;
}

    .main-menu > nav > ul > li.hot-deals img {
        position: relative;
        margin-bottom: -4px;
        margin-right: 8px;
    }

.main-menu > nav > ul > li.position-static {
    position: static;
}

.main-menu > nav > ul > li > a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #464545;
    font-family: "Roboto", sans-serif;
}

    .main-menu > nav > ul > li > a i {
        font-size: 9px;
        position: relative;
        margin-left: 4px;
        color: #00cdff;
    }

    .main-menu > nav > ul > li > a.active {
        color: #2BACE0;
        background-color: #fff;
    }

.main-menu > nav > ul > li ul.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    min-width: 483px;
    padding: 10px 10px;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    border-radius: 10px;
    z-index: 999;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

    .main-menu > nav > ul > li ul.sub-menu li {
        line-height: 1;
        display: block;
        margin-bottom: 5px;
        position: relative;
    }

        .main-menu > nav > ul > li ul.sub-menu li:last-child {
            margin-bottom: 0;
        }

        .main-menu > nav > ul > li ul.sub-menu li ul.level-menu {
            position: absolute;
            left: 100%;
            top: -110px;
            background-color: #ffffff;
            width: 240px;
            padding: 33px 0 35px;
            -webkit-transition: all 0.25s ease 0s;
            transition: all 0.25s ease 0s;
            opacity: 0;
            visibility: hidden;
            border-radius: 10px;
            margin-top: 20px;
            border: 1px solid #ececec;
            -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        }

            .main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
                top: -25px;
            }

        .main-menu > nav > ul > li ul.sub-menu li a i {
            font-size: 9px;
            float: right;
            position: relative;
            top: 4px;
        }

        .main-menu > nav > ul > li ul.sub-menu li:hover > a {
            color: #000;
        }

        .main-menu > nav > ul > li ul.sub-menu li:hover ul.level-menu {
            opacity: 1;
            visibility: visible;
            margin-top: 0px;
        }

.main-menu > nav > ul > li ul.mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    width: 100%;
    padding: 35px 25px 35px 35px;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    border-radius: 0 0 10px 10px;
    z-index: 999;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

    .main-menu > nav > ul > li ul.mega-menu li {
        line-height: 1;
        display: block;
        position: relative;
        float: left;
        padding-right: 10px;
    }

        .main-menu > nav > ul > li ul.mega-menu li:last-child {
            margin-bottom: 0;
        }

        .main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-22 {
            width: 22%;
        }

        .main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-34 {
            width: 34%;
        }

        .main-menu > nav > ul > li ul.mega-menu li a.menu-title {
            font-size: 19px;
            font-weight: 700;
            display: block;
        }

        .main-menu > nav > ul > li ul.mega-menu li ul {
            margin-top: 28px;
        }

            .main-menu > nav > ul > li ul.mega-menu li ul li {
                line-height: 1;
                display: block;
                margin-bottom: 14px;
                float: none;
            }

                .main-menu > nav > ul > li ul.mega-menu li ul li:last-child {
                    margin-bottom: 0;
                }

                .main-menu > nav > ul > li ul.mega-menu li ul li a {
                    font-size: 15px;
                    color: #7e7e7e;
                    display: block;
                    line-height: 1.4;
                }

                    .main-menu > nav > ul > li ul.mega-menu li ul li a:hover {
                        color: #3bb77e;
                    }

        .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap {
            overflow: hidden;
            position: relative;
        }

            .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a {
                display: block;
            }

                .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a img {
                    width: 100%;
                }

            .main-menu > nav > ul > li
            ul.mega-menu
            li
            .menu-banner-wrap
            .menu-banner-content {
                position: absolute;
                top: 32px;
                left: 30px;
            }

                .main-menu > nav > ul > li
                ul.mega-menu
                li
                .menu-banner-wrap
                .menu-banner-content
                h3 {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 1.5;
                    margin: 5px 0 11px;
                }

                .main-menu > nav > ul > li
                ul.mega-menu
                li
                .menu-banner-wrap
                .menu-banner-content
                .menu-banner-price
                span.old-price {
                    font-size: 19px;
                    font-weight: 400;
                    color: #696969;
                    text-decoration: line-through;
                    margin-left: 5px;
                }

                .main-menu > nav > ul > li
                ul.mega-menu
                li
                .menu-banner-wrap
                .menu-banner-content
                .menu-banner-btn
                a {
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 700;
                    color: #ffffff;
                    border-radius: 26px;
                    padding: 12px 22px 14px;
                    background-color: #3bb77e;
                }

            .main-menu > nav > ul > li
            ul.mega-menu
            li
            .menu-banner-wrap
            .menu-banner-discount
            h3
            span {
                display: block;
                line-height: 1;
                font-weight: 700;
                font-size: 20px;
                margin: 0 0 3px;
            }

            .main-menu > nav > ul > li
            ul.mega-menu
            li
            .menu-banner-wrap:hover
            .menu-banner-btn
            a {
                background-color: #fd6e6e;
            }

.main-menu > nav > ul > li:hover > a {
    color: #2bace0;
}

.main-menu > nav > ul > li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 12px;
}

.main-menu > nav > ul > li:hover ul.mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.main-menu.hover-boder > nav > ul > li > a {
    position: relative;
}

    .main-menu.hover-boder > nav > ul > li > a::after {
        content: none;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 34px;
        height: 1px;
        width: 0;
        -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        background: #3bb77e;
    }

.main-menu.hover-boder > nav > ul > li:hover > a::after {
    width: 100%;
    left: 0;
    right: auto;
}

.main-menu.hover-boder.hover-boder-white > nav > ul > li > a::after {
    bottom: 18px;
    background: #ffffff;
}

.main-menu.hover-boder.hover-boder-modify > nav > ul > li > a::after {
    bottom: 28px;
}

.main-menu.main-menu-light-white > nav > ul > li > a {
    color: white;
}

.main-menu.main-menu-padding-1 > nav > ul > li a {
    padding: 10px 20px;
}

.main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 10px;
}

    .main-menu.main-menu-padding-1 > nav > ul > li:first-child {
        padding-left: 0 !important;
    }
/*.main-menu.main-menu-lh-2 > nav > ul > li {
    line-height: 60px;
}*/
.main-menu.main-menu-lh-3 > nav > ul > li {
    line-height: 80px;
}

.main-menu.main-menu-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.main-menu > nav > ul > li {
    display: inline-block;
    position: relative;
}

    .main-menu > nav > ul > li ul.sub-menu li a {
        font-size: 14px;
        color: #7e7e7e;
        display: block;
        padding: 0 0px;
    }

        .main-menu > nav > ul > li ul.sub-menu li a img {
            width: 147px;
            /*border: 1px solid lightgrey;*/
            border-radius: 4px;
        }

        .main-menu > nav > ul > li ul.sub-menu li a:hover {
            color: #3bb77e;
        }

    .main-menu > nav > ul > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-content
    h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        margin: 0;
    }

    .main-menu > nav > ul > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-content
    .menu-banner-price {
        margin: 0 0 28px;
    }

        .main-menu > nav > ul > li
        ul.mega-menu
        li
        .menu-banner-wrap
        .menu-banner-content
        .menu-banner-price
        span.new-price {
            font-size: 24px;
            font-weight: 700;
            color: #fd6e6e;
        }

    .main-menu > nav > ul > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-discount {
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ffd55a;
        position: absolute;
        top: 13%;
        right: 7%;
    }

        .main-menu > nav > ul > li
        ul.mega-menu
        li
        .menu-banner-wrap
        .menu-banner-discount
        h3 {
            color: #333;
            margin: 0;
            text-align: center;
            font-size: 19px;
            font-weight: 600;
            line-height: 1;
        }

.main-menu.main-menu-lh-1 > nav > ul > li {
    line-height: 70px;
}

.main-categori-wrap {
    position: relative;
    margin-right: 35px;
}

    .main-categori-wrap > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
    }

        .main-categori-wrap > a span {
            margin-right: 7px;
            color: #7e7e7e;
        }

        .main-categori-wrap > a > i {
            margin-left: 5px;
            margin-top: 7px;
            color: #999;
        }

            .main-categori-wrap > a > i.up {
                position: absolute;
                top: 40%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                opacity: 0;
                visibility: hidden;
            }

        .main-categori-wrap > a.open > i {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .main-categori-wrap .categori-dropdown-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 200px;
    }

.categories-dropdown-active-large {
    list-style-type: none;
    position: absolute;
    top: 177%;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 15px 15px;
    background: #fff;
    border: 1px solid #dbe9ef;
    border-radius: 10px;
    font-size: 16px;
    min-width: 170px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
    visibility: hidden;
    margin-top: 16px;
}

    .categories-dropdown-active-large.open {
        opacity: 1;
        visibility: visible;
    }

.categori-dropdown-active-small {
    z-index: 9;
    margin: 0;
    padding: 14px 0 23px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    font-size: 16px;
    font-weight: 400;
    display: none;
    width: 100%;
}

.categories-dropdown-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 48px;
    border-radius: 5px;
    border: 1px solid #dbe9ef;
    padding: 9px 18px;
    margin: 0 0px 5px 0;
    height: 50px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

    .categories-dropdown-wrap ul li:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        background-color: #e7f1f6;
        color: #2bace0;
    }

        .categories-dropdown-wrap ul li:hover a {
            color: #2bace0;
        }

    .categories-dropdown-wrap ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        line-height: 1.5;
        color: #464545;
        font-size: 14px;
    }

        .categories-dropdown-wrap ul li a:hover {
            background-color: transparent;
        }

        .categories-dropdown-wrap ul li a img {
            max-width: 30px;
            margin-right: 15px;
        }

    .categories-dropdown-wrap ul li:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
        pointer-events: auto;
    }

    .categories-dropdown-wrap ul li.has-children {
        position: relative;
    }

        .categories-dropdown-wrap ul li.has-children > a::after {
            content: "\f111";
            font-family: "Roboto", sans-serif;
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -10px;
        }

        .categories-dropdown-wrap ul li.has-children .dropdown-menu {
            left: 100%;
            top: 0;
            margin: 0;
            margin-top: 0px;
            border: 1px solid #ececec;
            min-width: 800px;
            width: 100%;
            right: 0;
            border-radius: 0;
            padding: 20px;
        }

            .categories-dropdown-wrap ul li.has-children .dropdown-menu .submenu-title {
                font-size: 19px;
                font-weight: 700;
                display: block;
                color: #3bb77e;
                padding: 5px 34px;
            }

            .categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 {
                display: block;
                position: relative;
                margin-bottom: 15px;
            }

                .categories-dropdown-wrap
                ul
                li.has-children
                .dropdown-menu
                .header-banner2
                .banne_info {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    padding: 15px;
                }

                    .categories-dropdown-wrap
                    ul
                    li.has-children
                    .dropdown-menu
                    .header-banner2
                    .banne_info
                    a {
                        text-transform: capitalize;
                        position: relative;
                        padding: 0;
                        color: #272a2c !important;
                    }

                        .categories-dropdown-wrap
                        ul
                        li.has-children
                        .dropdown-menu
                        .header-banner2
                        .banne_info
                        a::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            height: 1px;
                            width: 50%;
                            background-color: #272a2c;
                            -webkit-transition: all 0.5s ease-in-out;
                            transition: all 0.5s ease-in-out;
                        }

.categories-dropdown-wrap ul.end li {
    margin-right: 0;
}

.categories-dropdown-wrap .more_categories {
    margin-top: 15px;
    color: #737373;
    position: relative;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

    .categories-dropdown-wrap .more_categories span.icon {
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        border: 2px solid;
        border-radius: 30px;
        margin-right: 5px;
    }

        .categories-dropdown-wrap .more_categories span.icon::before {
            content: "";
            width: 12px;
            height: 2px;
            background-color: #2bace0;
            position: absolute;
            right: 4px;
            top: 9px;
        }

        .categories-dropdown-wrap .more_categories span.icon::after {
            content: "";
            width: 2px;
            height: 12px;
            background-color: #2bace0;
            position: absolute;
            right: 9px;
            top: 4px;
        }

    .categories-dropdown-wrap .more_categories.show span.icon::after {
        display: none;
        content: none;
    }

.categories-dropdown-wrap.style-2 {
    border: 1px solid #bce3c9;
    border-radius: 10px;
    padding: 30px;
}

    .categories-dropdown-wrap.style-2 ul li {
        border-radius: 0;
        border: 0;
        height: 24px;
        padding: 0;
        line-height: 24px;
        margin-bottom: 16px;
    }

        .categories-dropdown-wrap.style-2 ul li:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .categories-dropdown-wrap.style-2 ul li a {
            font-weight: 500;
        }

        .categories-dropdown-wrap.style-2 ul li img {
            max-height: 20px;
        }

    .categories-dropdown-wrap.style-2 .more_categories {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

        .categories-dropdown-wrap.style-2 .more_categories .icon {
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
        }

/*Pagination*/
.pagination-area .page-item {
    margin: 0 5px;
}

    .pagination-area .page-item:first-child {
        margin-left: 0;
    }

        .pagination-area .page-item:first-child .page-link {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

    .pagination-area .page-item:last-child .page-link {
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }

    .pagination-area .page-item.active .page-link,
    .pagination-area .page-item:hover .page-link {
        color: #fff;
        background: #3bb77e;
    }

    .pagination-area .page-item:last-child .page-link {
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        line-height: 43px;
    }

    .pagination-area .page-item:first-child .page-link {
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        line-height: 43px;
    }

.pagination-area .page-link {
    border: 0;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 40px;
    color: #7e7e7e;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    background-color: #f2f3f4;
}

    .pagination-area .page-link.dot {
        background-color: transparent;
        color: #7e7e7e;
        letter-spacing: 2px;
    }

/*LAYOUT -> SIDEBAR*/
.widget-category ul > li {
    padding: 6px 0;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .widget-category ul > li:hover {
        padding-left: 5px;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .widget-category ul > li a {
        color: #242424;
    }

        .widget-category ul > li a:hover {
            color: #3bb77e;
        }

.price_range {
    background: url(../Content/assets/imgs/banner/fillter-widget-bg.png) no-repeat right bottom;
    background-size: 150px;
}

.primary-sidebar .sidebar-widget {
    position: relative;
    padding: 14px 14px 14px 14px;
    /*border: 1px solid #DBE9EF;*/
    border-radius: 15px;
    /*   -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);*/
}

.widget-category-2 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 48px;
    border-radius: 5px;
    border: 1px solid #dbe9ef;
    padding: 9px 18px;
    margin: 0 0 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

    .widget-category-2 ul li:last-child {
        margin-bottom: 0 !important;
    }

    .widget-category-2 ul li:hover {
        border: 1px solid #2bace0;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }

        .widget-category-2 ul li:hover a {
            color: #2bace0;
        }

    .widget-category-2 ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        line-height: 1.5;
        color: #253d4e;
        font-size: 14px;
        font-weight: 500;
    }

        .widget-category-2 ul li a:hover {
            color: #2bace0;
            background-color: transparent;
        }

        .widget-category-2 ul li a img {
            max-width: 36px;
            margin-right: 15px;
        }

    .widget-category-2 ul li:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
        pointer-events: auto;
    }

    .widget-category-2 ul li.has-children {
        position: relative;
    }

        .widget-category-2 ul li.has-children > a::after {
            content: "\f111";
            font-family: "Roboto", sans-serif;
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -10px;
        }

        .widget-category-2 ul li.has-children .dropdown-menu {
            left: 100%;
            top: 0;
            margin: 0;
            margin-top: 0px;
            border: 1px solid #ececec;
            min-width: 800px;
            width: 100%;
            right: 0;
            border-radius: 0;
            padding: 20px;
        }

            .widget-category-2 ul li.has-children .dropdown-menu .submenu-title {
                font-size: 19px;
                font-weight: 700;
                display: block;
                color: #3bb77e;
                padding: 5px 34px;
            }

            .widget-category-2 ul li.has-children .dropdown-menu .header-banner2 {
                display: block;
                position: relative;
                margin-bottom: 15px;
            }

                .widget-category-2
                ul
                li.has-children
                .dropdown-menu
                .header-banner2
                .banne_info {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    padding: 15px;
                }

                    .widget-category-2
                    ul
                    li.has-children
                    .dropdown-menu
                    .header-banner2
                    .banne_info
                    a {
                        text-transform: capitalize;
                        position: relative;
                        padding: 0;
                        color: #272a2c !important;
                    }

                        .widget-category-2
                        ul
                        li.has-children
                        .dropdown-menu
                        .header-banner2
                        .banne_info
                        a::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            height: 1px;
                            width: 50%;
                            background-color: #272a2c;
                            -webkit-transition: all 0.5s ease-in-out;
                            transition: all 0.5s ease-in-out;
                        }

.widget-category-2 ul.end li {
    margin-right: 0;
}

.widget-category-2 .count, .widget-category-2 .categorycount {
    display: inline-block;
    background-color: #A5E5FF;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 20px;
    margin-left: 5px;
    font-size: 12px;
    color: #464545;
}

/*Social network widget*/
.follow-us a {
    display: block;
    padding: 12px 10px;
    color: #fff;
    width: 50%;
    border-radius: 5px;
    font-size: 11px;
    overflow: hidden;
    height: 46px;
}

    .follow-us a .social-count {
        font-weight: bold;
    }

    .follow-us a:hover i {
        -webkit-transform: translateY(-35px) !important;
        transform: translateY(-35px) !important;
    }

    .follow-us a i {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.2s cubic-bezier(0.65, 0.23, 0.31, 0.88);
        transition: 0.2s cubic-bezier(0.65, 0.23, 0.31, 0.88);
        display: inline-block;
        font-size: 16px;
        vertical-align: middle;
    }

        .follow-us a i.nth-2 {
            position: absolute;
            top: 38px;
            left: 0;
        }

.follow-us i.v-align-space {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 4px;
    line-height: 1;
}

.follow-us .social-icon {
    display: inline-block;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.follow-us a.follow-us-facebook,
.single-social-share a.facebook-icon {
    background: #305c99;
}

.follow-us a.follow-us-twitter,
.single-social-share a.twitter-icon {
    background: #00cdff;
}

.follow-us a.follow-us-instagram,
.single-social-share a.instagram-icon {
    background: #3f729b;
}

.follow-us a.follow-us-youtube,
.single-social-share a.pinterest-icon {
    background: #e22b26;
}

.sidebar-widget .widget-header {
    border-bottom: 1px solid #ececec;
}

    .sidebar-widget .widget-header h5 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 14px;
    }

.sidebar-widget .banner-img {
    float: none;
}

.widget_categories li.cat-item,
.widget_archive li,
.widget_pages li,
.widget_recent_comments li,
.widget_nav_menu li {
    text-align: right;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
    display: table;
    width: 100%;
    font-size: 14px;
    padding: 7px 0;
}

    .widget_categories li.cat-item:last-child {
        border: none;
    }

    .widget_categories li.cat-item a,
    .widget_archive li a,
    .widget_pages li a {
        text-align: left;
        float: left;
        padding: 0;
    }

.widget-tags li {
    margin: 0 20px 20px 0;
}

.widget_instagram .insta-feed {
    padding-top: 5px;
    margin: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .widget_instagram .insta-feed li {
        width: 29.33%;
        margin: 5px;
    }

        .widget_instagram .insta-feed li img {
            width: 100%;
        }

.social-network li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.vendor-logo img {
    max-width: 150px;
}

/*newsletter*/
footer .mobile-social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
}

    footer .mobile-social-icon h6 {
        display: inline-block;
    }

footer .hotline {
    min-width: 200px;
}

    footer .hotline img {
        min-width: 10px;
        margin-right: 12px;
        max-width: 30px;
        opacity: 0.5;
    }

.newsletter {
    position: relative;
    background-image: url(../Content/assets/imgs/banner/newsletter-bg.jpg);
    background-repeat: no-repeat;
    background-size: 98.5%;
    background-position: center;
}

    .newsletter .newsletter-inner {
        /* background: url(../Content/assets/imgs/banner/banner-10.png) no-repeat center;
        background-size: cover;*/
        padding: 70px 78px 50px 78px;
        clear: both;
        display: table;
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
        min-height: 230px;
    }

        /*       .newsletter .newsletter-inner img {
            position: absolute;
            right: 50px;
            bottom: 0;
            max-width: 40%;
        }*/

        .newsletter .newsletter-inner .newsletter-content p {
            font-size: 14px;
        }

        .newsletter .newsletter-inner .newsletter-content form {
            /*background-color: #fff;*/
            border-radius: 50px;
            position: relative;
            z-index: 4;
            text-align: center;
        }

            .newsletter .newsletter-inner .newsletter-content form input {
                border: 0;
                border: 1px solid #2BACE0;
                border-radius: 4px;
                padding-left: 50px;
                background: url(../Content/assets/../../Content/assets/Images/svg/arrow-subscribe.svg) no-repeat 14px center;
                width: 450px;
                margin: auto;
                background-color: #F1F7F9;
            }

.widget-about {
    min-width: 300px;
    font-size: 15px;
}

.widget-install-app {
    min-width: 310px;
}

.contact-infor {
    font-size: 15px;
    color: #000000;
}

    .contact-infor li:not(:last-child) {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .contact-infor li:last-child {
        font-size: 13px;
    }

    .contact-infor li img {
        margin-right: 8px;
        max-width: 20px;
    }

.footer-link-widget:not(:last-child) {
    margin: 0px 0px 0px 0px;
}

.footer-link-widget p {
    font-size: 15px;
    color: #253d4e;
}

.play_store a img {
    max-width: 102px !important;
}

.play_store {
}

.download-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 10px;
    gap: 5px;
    align-items: center;
}

.social_links .widget-title {
    font-size: 14px !important;
}

.download-app a {
    display: block;
    margin-right: 5px;
}

    .download-app a img {
        max-width: 60px;
    }

.footer-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    min-width: 170px;
}

    .footer-list li {
        display: block;
        margin: 0 0 8px;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .footer-list li:last-child {
            margin: 0;
        }

        .footer-list li:hover {
            padding-left: 5px;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

        .footer-list li a {
            font-size: 13px;
            color: #464545;
            display: block;
        }

            .footer-list li a:hover {
                color: #2BACE0;
            }

.footer-bottom {
    border-top: 1px solid #bce3c9;
}

#scrollUp {
    width: 32px;
    height: 32px;
    color: #ffffff;
    right: 30px;
    bottom: 30px;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
    z-index: 999 !important;
    /* border: 2px solid #253d4e; */
    background-color: #f968a7;
}

    #scrollUp i {
        display: block;
        line-height: 39px !important;
        font-size: 25px;
    }

    #scrollUp:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

.footer-mid .widget-title {
    margin: 15px 0 10px 0;
    font-size: 15px;
}

/*LAYOUT -> SPACING**/
.section-padding-30 {
    padding: 30px 0;
}

.section-padding-50 {
    padding: 50px 0;
}

.section-padding-60 {
    padding: 60px 0;
}

.section-padding {
    padding: 25px 0;
}

.ptb-0 {
    padding: 0;
}

.ptb-10 {
    padding: 10px 0;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-35 {
    padding: 35px 0;
}

.ptb-32 {
    padding: 32px 0;
}

.ptb-40 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-70 {
    padding: 70px 0;
}

.ptb-80 {
    padding: 80px 0;
}

.ptb-90 {
    padding: 90px 0;
}

.ptb-100 {
    padding: 100px 0;
}

.ptb-110 {
    padding: 110px 0;
}

.ptb-120 {
    padding: 120px 0;
}

.ptb-130 {
    padding: 130px 0;
}

.ptb-140 {
    padding: 140px 0;
}

.ptb-150 {
    padding: 150px 0;
}

.ptb-160 {
    padding: 160px 0;
}

.ptb-170 {
    padding: 170px 0;
}

.ptb-177 {
    padding: 177px 0;
}

.ptb-180 {
    padding: 180px 0;
}

.ptb-190 {
    padding: 190px 0;
}

.ptb-200 {
    padding: 200px 0;
}

.ptb-210 {
    padding: 210px 0;
}

.ptb-220 {
    padding: 220px 0;
}

.ptb-290 {
    padding: 290px 0;
}

.ptb-310 {
    padding: 310px 0;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-65 {
    padding: 65px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-95 {
    padding-top: 95px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-105 {
    padding-top: 105px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

.pt-115 {
    padding-top: 115px !important;
}

.pt-120 {
    padding-top: 120px !important;
}

.pt-125 {
    padding-top: 125px !important;
}

.pt-130 {
    padding-top: 130px !important;
}

.pt-135 {
    padding-top: 135px !important;
}

.pt-140 {
    padding-top: 140px !important;
}

.pt-145 {
    padding-top: 145px !important;
}

.pt-150 {
    padding-top: 150px !important;
}

.pt-155 {
    padding-top: 155px !important;
}

.pt-160 {
    padding-top: 160px !important;
}

.pt-165 {
    padding-top: 165px !important;
}

.pt-170 {
    padding-top: 170px !important;
}

.pt-175 {
    padding-top: 175px !important;
}

.pt-180 {
    padding-top: 180px !important;
}

.pt-185 {
    padding-top: 185px !important;
}

.pt-190 {
    padding-top: 190px !important;
}

.pt-195 {
    padding-top: 195px !important;
}

.pt-200 {
    padding-top: 200px !important;
}

.pt-260 {
    padding-top: 260px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-95 {
    padding-bottom: 95px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-105 {
    padding-bottom: 105px !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

.pb-115 {
    padding-bottom: 115px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.pb-125 {
    padding-bottom: 125px !important;
}

.pb-130 {
    padding-bottom: 130px !important;
}

.pb-135 {
    padding-bottom: 135px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.pb-145 {
    padding-bottom: 145px !important;
}

.pb-150 {
    padding-bottom: 150px !important;
}

.pb-155 {
    padding-bottom: 155px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-165 {
    padding-bottom: 165px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}

.pb-175 {
    padding-bottom: 175px !important;
}

.pb-180 {
    padding-bottom: 180px !important;
}

.pb-185 {
    padding-bottom: 185px !important;
}

.pb-190 {
    padding-bottom: 190px !important;
}

.pb-195 {
    padding-bottom: 195px !important;
}

.pb-200 {
    padding-bottom: 200px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-95 {
    padding-left: 95px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-105 {
    padding-left: 105px !important;
}

.pl-110 {
    padding-left: 110px !important;
}

.pl-115 {
    padding-left: 115px !important;
}

.pl-120 {
    padding-left: 120px !important;
}

.pl-125 {
    padding-left: 125px !important;
}

.pl-130 {
    padding-left: 130px !important;
}

.pl-135 {
    padding-left: 135px !important;
}

.pl-140 {
    padding-left: 140px !important;
}

.pl-145 {
    padding-left: 145px !important;
}

.pl-150 {
    padding-left: 150px !important;
}

.pl-155 {
    padding-left: 155px !important;
}

.pl-160 {
    padding-left: 160px !important;
}

.pl-165 {
    padding-left: 165px !important;
}

.pl-170 {
    padding-left: 170px !important;
}

.pl-175 {
    padding-left: 175px !important;
}

.pl-180 {
    padding-left: 180px !important;
}

.pl-185 {
    padding-left: 185px !important;
}

.pl-190 {
    padding-left: 190px !important;
}

.pl-195 {
    padding-left: 195px !important;
}

.pl-200 {
    padding-left: 200px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-95 {
    padding-right: 95px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-105 {
    padding-right: 105px !important;
}

.pr-110 {
    padding-right: 110px !important;
}

.pr-115 {
    padding-right: 115px !important;
}

.pr-120 {
    padding-right: 120px !important;
}

.pr-125 {
    padding-right: 125px !important;
}

.pr-130 {
    padding-right: 130px !important;
}

.pr-135 {
    padding-right: 135px !important;
}

.pr-140 {
    padding-right: 140px !important;
}

.pr-145 {
    padding-right: 145px !important;
}

.pr-150 {
    padding-right: 150px !important;
}

.pr-155 {
    padding-right: 155px !important;
}

.pr-160 {
    padding-right: 160px !important;
}

.pr-165 {
    padding-right: 165px !important;
}

.pr-170 {
    padding-right: 170px !important;
}

.pr-175 {
    padding-right: 175px !important;
}

.pr-180 {
    padding-right: 180px !important;
}

.pr-185 {
    padding-right: 185px !important;
}

.pr-190 {
    padding-right: 190px !important;
}

.pr-195 {
    padding-right: 195px !important;
}

.pr-200 {
    padding-right: 200px !important;
}

.plr-5-percent {
    padding: 0 5%;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
    margin: 0;
}

.mtb-10 {
    margin: 10px 0;
}

.mtb-15 {
    margin: 15px 0;
}

.mtb-20 {
    margin: 20px 0;
}

.mtb-30 {
    margin: 30px 0;
}

.mtb-40 {
    margin: 40px 0;
}

.mtb-50 {
    margin: 50px 0;
}

.mtb-60 {
    margin: 60px 0;
}

.mtb-70 {
    margin: 70px 0;
}

.mtb-80 {
    margin: 80px 0;
}

.mtb-90 {
    margin: 90px 0;
}

.mtb-100 {
    margin: 100px 0;
}

.mtb-110 {
    margin: 110px 0;
}

.mtb-120 {
    margin: 120px 0;
}

.mtb-130 {
    margin: 130px 0;
}

.mtb-140 {
    margin: 140px 0;
}

.mtb-150 {
    margin: 150px 0;
}

.mtb-290 {
    margin: 290px 0;
}

.mb-24 {
    margin-bottom: 24px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-105 {
    margin-top: 105px !important;
}

.mt-110 {
    margin-top: 110px !important;
}

.mt-115 {
    margin-top: 115px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mt-125 {
    margin-top: 125px !important;
}

.mt-130 {
    margin-top: 130px !important;
}

.mt-135 {
    margin-top: 135px !important;
}

.mt-140 {
    margin-top: 140px !important;
}

.mt-145 {
    margin-top: 145px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.mt-155 {
    margin-top: 155px !important;
}

.mt-160 {
    margin-top: 160px !important;
}

.mt-165 {
    margin-top: 165px !important;
}

.mt-170 {
    margin-top: 170px !important;
}

.mt-175 {
    margin-top: 175px !important;
}

.mt-180 {
    margin-top: 180px !important;
}

.mt-185 {
    margin-top: 185px !important;
}

.mt-190 {
    margin-top: 190px !important;
}

.mt-195 {
    margin-top: 195px !important;
}

.mt-200 {
    margin-top: 200px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

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

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-105 {
    margin-bottom: 105px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-115 {
    margin-bottom: 115px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-125 {
    margin-bottom: 125px !important;
}

.mb-130 {
    margin-bottom: 130px !important;
}

.mb-135 {
    margin-bottom: 135px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

.mb-145 {
    margin-bottom: 145px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.mb-155 {
    margin-bottom: 155px !important;
}

.mb-160 {
    margin-bottom: 160px !important;
}

.mb-165 {
    margin-bottom: 165px !important;
}

.mb-170 {
    margin-bottom: 170px !important;
}

.mb-175 {
    margin-bottom: 175px !important;
}

.mb-180 {
    margin-bottom: 180px !important;
}

.mb-185 {
    margin-bottom: 185px !important;
}

.mb-190 {
    margin-bottom: 190px !important;
}

.mb-195 {
    margin-bottom: 195px !important;
}

.mb-200 {
    margin-bottom: 200px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-105 {
    margin-left: 105px !important;
}

.ml-110 {
    margin-left: 110px !important;
}

.ml-115 {
    margin-left: 115px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-125 {
    margin-left: 125px !important;
}

.ml-130 {
    margin-left: 130px !important;
}

.ml-135 {
    margin-left: 135px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-145 {
    margin-left: 145px !important;
}

.ml-150 {
    margin-left: 150px !important;
}

.ml-155 {
    margin-left: 155px !important;
}

.ml-160 {
    margin-left: 160px !important;
}

.ml-165 {
    margin-left: 165px !important;
}

.ml-170 {
    margin-left: 170px !important;
}

.ml-175 {
    margin-left: 175px !important;
}

.ml-180 {
    margin-left: 180px !important;
}

.ml-185 {
    margin-left: 185px !important;
}

.ml-190 {
    margin-left: 190px !important;
}

.ml-195 {
    margin-left: 195px !important;
}

.ml-200 {
    margin-left: 200px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-105 {
    margin-right: 105px !important;
}

.mr-110 {
    margin-right: 110px !important;
}

.mr-115 {
    margin-right: 115px !important;
}

.mr-120 {
    margin-right: 120px !important;
}

.mr-125 {
    margin-right: 125px !important;
}

.mr-130 {
    margin-right: 130px !important;
}

.mr-135 {
    margin-right: 135px !important;
}

.mr-140 {
    margin-right: 140px !important;
}

.mr-145 {
    margin-right: 145px !important;
}

.mr-150 {
    margin-right: 150px !important;
}

.mr-155 {
    margin-right: 155px !important;
}

.mr-160 {
    margin-right: 160px !important;
}

.mr-165 {
    margin-right: 165px !important;
}

.mr-170 {
    margin-right: 170px !important;
}

.mr-175 {
    margin-right: 175px !important;
}

.mr-180 {
    margin-right: 180px !important;
}

.mr-185 {
    margin-right: 185px !important;
}

.mr-190 {
    margin-right: 190px !important;
}

.mr-195 {
    margin-right: 195px !important;
}

.mr-200 {
    margin-right: 200px !important;
}

@media only screen and (max-width: 768px) {
    .totall-product h2 {
        font-size: 28px;
    }

    .loop-grid.loop-list article .post-thumb {
        min-height: 220px;
        min-width: 300px;
    }

    .loop-grid.loop-list article h3.post-title {
        font-size: 22px;
        margin-bottom: 30px !important;
    }

    .loop-grid.loop-list article .post-exerpt {
        display: none;
    }

    .loop-grid.loop-list article .entry-content-2.pl-50 {
        padding-left: 30px !important;
    }

    .loop-big h2.post-title {
        font-size: 32px;
    }

    .header-style-1 .header-bottom-bg-color {
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    }

    .header-action-2 .header-action-icon-2:last-child {
        padding: 0;
    }

    .logo.logo-width-1 {
        margin-right: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .logo.logo-width-1 a img {
            width: 50px;
            min-width: 50px;
        }

    .header-bottom {
        padding: 20px 0;
    }

    .header-action .header-action-icon {
        margin-right: 15px;
    }

        .header-action .header-action-icon.header-action-mrg-none {
            margin-right: 15px;
        }

        .header-action .header-action-icon.header-action-mrg-none2 {
            margin-right: 15px;
        }

        .header-action .header-action-icon > a {
            font-size: 20px;
        }

    .header-action-2 .header-action-icon-2 {
        padding: 0 6px;
        gap: 0px;
    }

        .header-action-2 .header-action-icon-2:last-child {
            padding: 0 0 0 6px;
        }

        .header-action-2 .header-action-icon-2 > a {
            color: #fff;
            fill: #fff;
            font-size: 22px;
            margin-right: 10px;
        }

    .cart-dropdown-wrap {
        width: 290px;
        right: -39px;
    }

        .cart-dropdown-wrap ul li .shopping-cart-img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 60px;
            flex: 0 0 60px;
            margin-right: 10px;
        }

        .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
            padding: 12px 22px 13px;
        }

    .categories-dropdown-wrap ul li a {
        padding: 5px 12px;
    }

    .search-popup-wrap .search-popup-content form input {
        width: 270px;
        font-size: 25px;
        padding: 21px 20px 12px 0;
    }

    .mobile-header-wrapper-style {
        width: 100%;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
            padding: 15px 15px 15px 15px;
            border-bottom: 1px solid #ececec;
        }

            .mobile-header-wrapper-style
            .mobile-header-wrapper-inner
            .mobile-header-top
            .mobile-header-logo
            a
            img {
                width: 50px;
            }

        .mobile-header-wrapper-style
        .mobile-header-wrapper-inner
        .mobile-header-content-area {
            padding: 30px 50px 30px 30px;
        }

    .header-height-1 {
        min-height: 65px;
    }

    .header-height-2 {
        min-height: 65px;
    }

    .home-slider.pt-50 {
        padding-top: 0 !important;
    }

    .hero-slider-content-2 h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .hero-slider-content-2 h2 {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .hero-slider-content-2 h4 {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .hero-slider-content-2 .btn-default {
        color: #fff;
        background-color: #3bb77e;
        border-radius: 50px;
        padding: 10px 22px;
        font-size: 14px;
    }

    .hero-slider-content-2 p {
        font-size: 14px;
        line-height: 1.3;
    }

    .banner-big h4 {
        font-size: 12px;
    }

    .banner-big h2 {
        font-size: 16px;
    }

    .banner-big .btn {
        background-color: #3bb77e;
        color: #fff;
        border-radius: 3px;
        font-size: 13px;
        padding: 10px 22px;
        border: 0;
    }

    .home-slider .slider-arrow {
        display: none;
    }

    .home-slider .hero-slider-1 {
        height: 100%;
    }

        .home-slider .hero-slider-1.style-2 {
            height: 400px;
        }

            .home-slider .hero-slider-1.style-2 .hero-slider-content-2 {
                padding-left: 0;
                padding-top: 100px;
            }

            .home-slider .hero-slider-1.style-2 .single-slider-img img {
                max-width: 400px;
            }

            .home-slider .hero-slider-1.style-2 .slider-1-height-2 {
                height: 400px;
                position: relative;
            }

    .banner-img {
        float: left;
    }

        .banner-img.f-none {
            float: none;
        }

    .hero-slider-1.style-3 .slider-1-height-3 {
        height: 390px;
    }

    .hero-slider-1.style-3 .hero-slider-content-2 {
        padding-left: 20px;
    }

    .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 {
        padding-left: 0;
    }

        .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h1 {
            font-size: 30px;
        }

        .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h2 {
            font-size: 14px;
        }

        .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h4 {
            font-size: 12px;
        }

    .header-style-3 .header-bottom-bg-color {
        border-bottom: 2px solid #3bb77e;
    }

    .header-style-3 .main-nav {
        border: none !important;
    }

    .header-style-3 .sticky-bar.stick.sticky-blue-bg {
        background-color: #3bb77e;
    }

    .header-style-4 .main-nav {
        border: none !important;
    }

    .header-style-4 .sticky-bar.stick.sticky-blue-bg {
        background-color: #3bb77e;
    }

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

    .single-page.pl-30,
    .single-page.pr-30 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .download-app {
        margin-bottom: 0 !important;
    }

    .footer-mid .logo img {
        max-width: 150px;
    }

    .footer-mid .widget-install-app,
    .footer-mid .widget-about {
        min-width: 205px;
    }

        .footer-mid .widget-about strong {
            display: none;
        }

    .product-list .product-cart-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

        .product-list .product-cart-wrap .product-img-action-wrap {
            max-width: 45%;
        }

        .product-list .product-cart-wrap h2 {
            font-size: 24px;
        }

        .product-list .product-cart-wrap p.mt-15 {
            display: none;
        }

        .product-list .product-cart-wrap .product-rate-cover {
            margin-bottom: 20px;
        }

    .detail-info {
        padding: 0px 20px !important;
    }

        .detail-info h2 {
            font-size: 30px;
        }

        .detail-info .detail-extralink .detail-qty {
            padding: 11px 20px 11px 10px;
            /*max-width: 60px;*/
        }

        .detail-info .product-extra-link2 .button.button-add-to-cart {
            padding: 0px 15px;
        }

            .detail-info .product-extra-link2 .button.button-add-to-cart i {
                display: none;
            }

    .shopping-summery table tbody tr img {
        max-width: 80px;
        margin-right: 15px;
    }

    .shopping-summery .form-check-label {
        display: none;
    }

    .shopping-summery h6 {
        font-size: 14px;
    }

    .shopping-summery td.pl-30 {
        padding-left: 0 !important;
    }

    .shopping-summery button.btn {
        width: 120px;
        margin-left: 15px;
    }

    .product-cart-wrap .product-img-action-wrap .product-action-1 {
        min-width: 111px;
    }

    .custom-modal .modal-dialog {
        max-width: 720px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .mobile-promotion {
        display: block;
        padding: 7px 0;
        text-align: center;
        background: #3bb77e;
        color: #fff;
    }
}

/*Mobile landscape*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-action .header-action-icon {
        margin-right: 20px;
    }

        .header-action .header-action-icon.header-action-mrg-none {
            margin-right: 20px;
        }

        .header-action .header-action-icon.header-action-mrg-none2 {
            margin-right: 20px;
        }

        .header-action .header-action-icon > a {
            font-size: 22px;
        }

    .header-action-2 .header-action-icon-2 {
        padding: 0 10px;
    }

        .header-action-2 .header-action-icon-2:last-child {
            padding: 0 0 0 10px;
        }

        .header-action-2 .header-action-icon-2 > a {
            font-size: 22px;
        }

    .cart-dropdown-wrap {
        width: 310px;
    }

    .search-popup-wrap .search-popup-content form input {
        width: 480px;
        font-size: 25px;
        padding: 21px 20px 12px 0;
    }

    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }

    .header-style-5 .search-style-2 {
        display: none;
    }
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-action .header-action-icon {
        margin-right: 33px;
    }

        .header-action .header-action-icon.header-action-mrg-none {
            margin-right: 33px;
        }

        .header-action .header-action-icon.header-action-mrg-none2 {
            margin-right: 33px;
        }

    .header-action-2 .header-action-icon-2 > a {
        color: #fff;
        fill: #fff;
    }

    .search-popup-wrap .search-popup-content form input {
        width: 650px;
        font-size: 35px;
    }

    .header-height-1 {
        min-height: 50px;
    }

    .header-height-2 {
        min-height: 50px;
        border-bottom: 2px solid #3bb77e;
    }

    .header-height-3 {
        min-height: 50px;
    }

    .header-height-4 {
        min-height: 50px;
    }

    .header-style-5 .header-bottom {
        padding: 5px 0;
        border-bottom: 1px solid #f7f8f9;
    }

    .comment-form .email {
        padding-left: 0px;
    }

    .loop-grid.pr-30 {
        padding-right: 0 !important;
    }
}

/*Desktop*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .totall-product h2 {
        font-size: 28px;
    }

    .loop-grid.loop-list article .post-thumb {
        min-height: 220px;
        min-width: 300px;
    }

    .loop-grid.loop-list article h3.post-title {
        font-size: 22px;
        margin-bottom: 30px !important;
    }

    .loop-grid.loop-list article .post-exerpt {
        display: none;
    }

    .loop-grid.loop-list article .entry-content-2.pl-50 {
        padding-left: 30px !important;
    }

    .logo.logo-hm3 a img {
        width: 120px;
    }

    .header-style-5 .search-style-2 {
        display: none;
    }

    .main-menu.main-menu-mrg-1 {
        margin: 0 0 0 15px;
    }

    .main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
        width: 165px;
    }

    .main-menu > nav > ul > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-content {
        left: 20px;
        top: 22px;
    }

        .main-menu > nav > ul > li
        ul.mega-menu
        li
        .menu-banner-wrap
        .menu-banner-content
        h3 {
            font-size: 20px;
            line-height: 1.3;
            margin: 5px 0 7px;
        }

        .main-menu > nav > ul > li
        ul.mega-menu
        li
        .menu-banner-wrap
        .menu-banner-content
        .menu-banner-price {
            margin: 0 0 10px;
        }

        .main-menu > nav > ul > li
        ul.mega-menu
        li
        .menu-banner-wrap
        .menu-banner-content
        .menu-banner-btn
        a {
            padding: 10px 16px 13px;
        }

    .main-menu > nav > ul > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-discount {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 8px;
    }

    .main-menu.main-menu-padding-1.hm3-menu-padding > nav > ul > li {
        padding: 0 6px;
    }

    .search-style-1 {
        margin-right: 15px;
    }

        .search-style-1 form {
            width: 170px;
        }

    .header-action.header-action-hm3 .header-action-icon {
        margin-right: 15px;
    }

        .header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2 {
            margin-right: 0;
        }

        .header-action.header-action-hm3 .header-action-icon:last-child {
            margin-right: 0;
        }

    .search-style-2 form input {
        width: 340px;
    }

    .hotline p {
        font-size: 15px;
    }

    .search-popup-wrap .search-popup-content form input {
        width: 820px;
    }

    .header-height-1 {
        min-height: 157px;
    }

    .header-height-3 {
        min-height: 133px;
    }

    .header-height-4 {
        min-height: 144px;
    }

    .hero-slider-1 {
        height: 350px;
    }

        .hero-slider-1 .single-slider-img-1 {
            height: 350px;
        }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
    }

    .col-md-2-5 {
        width: 40%;
    }

    .col-md-3-5 {
        width: 60%;
    }

    .col-md-4-5 {
        width: 80%;
    }

    .col-md-5-5 {
        width: 100%;
    }
}

/*Wide screen*/
@media only screen and (min-width: 1600px) {
    .header-action-right .search-location {
        display: block;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1610px;
    }

    .col-lg-1-5 {
        width: 20%;
    }

    .col-lg-2-5 {
        width: 40%;
    }

    .col-lg-3-5 {
        width: 60%;
    }

    .col-lg-4-5 {
        width: 80%;
    }

    .col-lg-5-5 {
        width: 100%;
    }

    .header-action-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 14px;
    }
}

@media only screen and (max-width: 1400px) {
    .product-cart-wrap.style-2 .product-content-wrap {
        max-width: 94%;
    }

    .hero-slider-1 .single-hero-slider {
        height: 467px;
    }

    .display-2 {
        font-size: 64px;
    }

    .banner-img.style-2 {
        height: 388px;
    }

    .carausel-4-columns-cover .slider-arrow .slider-btn {
        top: -5px;
    }

    .slider-nav-thumbnails button.slick-arrow.slick-prev {
        left: 10px;
    }

    .slider-nav-thumbnails button.slick-arrow.slick-next {
        right: 10px;
    }

    .zoomContainer {
        display: none;
    }

    .detail-info h2 {
        font-size: 30px;
    }

    .tab-style3 .nav-item {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .header-style-1 .main-categori-wrap {
        margin-right: 20px;
    }

    .product-cart-wrap .product-action-1 a.action-btn {
        width: 34px;
        height: 34px;
        line-height: 40px;
        font-size: 13px;
    }

    .banner-big h1 {
        font-size: 22px;
    }

    .banner-big .btn {
        border-radius: 3px;
        font-size: 12px;
        padding: 6px 12px;
        border: 0;
    }

    .banner-img .banner-text h4 {
        margin-top: 0px !important;
    }

    .header-wrap .header-right {
        overflow: hidden;
    }

    .footer-link-cover {
        display: block;
    }

        .footer-link-cover .footer-link-widget {
            margin-right: 30px;
            float: left;
            margin-bottom: 30px;
        }

            .footer-link-cover .footer-link-widget:not(:last-child) {
                margin-right: 30px;
            }

    .et,
    .hotline,
    li.hot-deals,
    .header-action-2 .header-action-icon-2 span.lable {
        display: none !important;
    }

    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding: 0 10px;
    }

    .hero-slider-1 .single-hero-slider {
        height: 100%;
    }

        .hero-slider-1 .single-hero-slider .display-2 {
            font-size: 46px;
            margin-bottom: 25px !important;
        }

        .hero-slider-1 .single-hero-slider .slider-content p {
            font-size: 22px;
            margin-bottom: 40px !important;
        }

    .banner-img .banner-text h4 {
        min-height: 50px;
        font-size: 18px;
    }

    .header-style-1 .search-style-2 form {
        max-width: 450px;
    }

    .header-action-2 .header-action-icon-2:last-child {
        padding: 0 0 0 8px;
    }

    .nav-tabs.links .nav-link {
        padding: 0 7px;
        font-size: 14px;
    }

    .deals-countdown .countdown-section {
        padding: 20px 2px 30px 2px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .section-title.style-1 {
        padding-bottom: 15px;
        font-size: 20px;
    }

    .product-list-small h6 {
        font-size: 14px;
    }

    .product-list-small .product-rate-cover {
        display: none;
    }

    .section-title.style-2 {
        display: block;
    }

        .section-title.style-2 h3 {
            margin-bottom: 25px;
            font-size: 28px;
        }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .vendor-wrap.style-2 {
        display: block;
    }

    .mt-md-30 {
        margin-top: 30px !important;
    }

    .banner-img.style-4 .banner-text h4 {
        font-size: 20px;
    }

    .header-style-1.header-style-5 .header-bottom-bg-color {
        background-color: #fff !important;
    }
}

/*small phone*/
@media only screen and (max-width: 480px) {
    .policy_heading h3 {
        font-size: 22px !important;
    }

    .privacy_policy_points p {
        font-size: 12px !important;
    }

    .privacy_points_lists h3 {
        font-size: 16px !important;
    }

    .privcay_policy {
        padding: 10px 10px !important;
    }

    .product_listing_heading {
        font-size: 22px;
    }

    .brands_lists div a {
        width: 135px !important;
    }

    .brands_lists {
        flex-wrap: wrap;
    }

    .leaves_left {
        position: absolute !important;
        left: 0% !important;
        top: 35px !important;
        width: 60px !important;
    }

    .leaves_right {
        right: 0px !important;
        top: 35px !important;
        width: 60px !important;
    }

    .newsletter .newsletter-inner .newsletter-content form input {
        width: 100%;
    }

    .archive-header {
        padding: 20px;
    }


    .mobile-promotion {
        display: block;
        padding: 7px 0;
        text-align: center;
        background: #3bb77e;
        color: #fff;
    }

    .loop-big h2.post-title {
        font-size: 22px;
    }

    .entry-meta.meta-1 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .single-header-meta .single-share {
        display: none;
    }

    .single-content blockquote {
        padding: 20px 30px;
        border-radius: 15px;
        margin: 20px auto;
        font-size: 16px;
        max-width: 100%;
    }

        .single-content blockquote p {
            font-size: 16px;
            line-height: 22px;
        }

    .hero-slider-1 .single-hero-slider .display-2 {
        font-size: 32px;
    }

    .hero-slider-1 .single-hero-slider .slider-content p {
        font-size: 16px;
        margin-bottom: 40px !important;
    }

    .hero-slider-1 .single-hero-slider .slider-content form {
        max-width: 310px;
    }

        .hero-slider-1 .single-hero-slider .slider-content form button.submit,
        .hero-slider-1
        .single-hero-slider
        .slider-content
        form
        button[type="submit"] {
            padding: 12px 20px;
        }

    .security-code {
        padding: 0 20px;
    }

    .post-list .post-thumb {
        max-width: unset;
        margin-right: 0 !important;
    }

    .entry-meta.meta-2 a.btn {
        display: inline-block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .entry-meta.meta-2 .font-xs {
        max-width: 150px;
        line-height: 1.3;
    }

    .banner-bg h2 {
        font-size: 20px;
    }

    .single-header .single-header-meta,
    .entry-bottom {
        display: block;
    }

    .carausel-6-columns,
    .carausel-4-columns,
    .carausel-13-columns {
        max-width: 375px;
        overflow: hidden;
    }

    .hero-slider-1 {
        height: unset;
    }

    .hero-slider-content-2 {
        text-align: center;
        padding-top: 20px;
    }

        .hero-slider-content-2 p {
            width: 100%;
        }

    .header-height-2 {
        min-height: 50px;
    }

    .banner-left-icon,
    .banner-img {
        margin-bottom: 15px;
    }

    .header-action-2 .header-action-icon-2:last-child {
        padding: 0;
    }

    .popular-categories .slider-btn.slider-prev {
        right: 50px !important;
        left: unset !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-4 {
        margin-bottom: 1rem;
    }

    .mb-sm-5 {
        margin-bottom: 2rem;
    }

    .heading-tab {
        display: block !important;
    }

        .heading-tab h3.section-title {
            margin-bottom: 15px !important;
        }

    .nav.right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .hero-slider-1.style-2 .single-slider-img {
        display: none;
    }

    ul.footer-list {
        margin-bottom: 0px;
    }

    .section-padding-60 {
        padding: 30px 0;
    }

    .pt-60,
    .pt-40 {
        padding-top: 30px !important;
    }

    .pb-60 {
        padding-bottom: 30px !important;
    }

    .mb-60 {
        margin-bottom: 30px !important;
    }

    .hero-slider-1.style-3 .slider-1-height-3 {
        height: 220px;
    }

    .hero-slider-1.style-3 .hero-slider-content-2 {
        position: relative;
        text-align: left;
        padding-left: 15px;
        padding-top: 0;
    }

        .hero-slider-1.style-3 .hero-slider-content-2 h1 {
            font-size: 18px;
        }

        .hero-slider-1.style-3 .hero-slider-content-2 h2 {
            font-size: 16px;
        }

        .hero-slider-1.style-3 .hero-slider-content-2 h4 {
            font-size: 14px;
        }

        .hero-slider-1.style-3 .hero-slider-content-2 p {
            font-size: 11px;
        }

        .hero-slider-1.style-3 .hero-slider-content-2 a.btn {
            display: none;
        }

    .header-style-5 .search-style-2 {
        display: none;
    }

    .header-style-5 .header-action-2 .header-action-icon-2 > a {
        font-size: 18px;
    }

    .header-style-5 .sticky-bar.stick.sticky-white-bg {
        background-color: #fff;
        padding: 15px 0;
    }

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

    .w-50 {
        width: 100% !important;
    }

    .product-list .product-cart-wrap {
        display: block;
    }

        .product-list .product-cart-wrap .product-img-action-wrap {
            max-width: 100%;
        }

    .shop-product-fillter {
        display: block;
    }

        .shop-product-fillter .totall-product {
            margin-bottom: 15px;
        }

    .table td {
        display: block;
        width: 100%;
        text-align: center;
    }

        .table td::before {
            content: attr(data-title) " ";
            float: left;
            text-transform: capitalize;
            margin-right: 15px;
            font-weight: bold;
        }

    .table thead {
        display: none;
    }

    .loop-grid.pr-30 {
        padding-right: 0 !important;
    }

    .loop-grid.loop-list article {
        display: block;
    }

    .d-sm-none {
        display: none;
    }

    .banner-features {
        margin-bottom: 15px;
    }

    .product-cart-wrap:not(:last-child),
    .mb-xs-30 {
        margin-bottom: 30px !important;
    }

    .slick-track .product-cart-wrap {
        margin-bottom: 10px !important;
    }

    .first-post .meta-1 .font-sm {
        display: none;
    }

    .first-post .btn.btn-sm {
        display: none;
    }

    .loop-grid .entry-content {
        padding: 20px 20px 0 20px;
    }

    .img-hover-slide {
        min-height: 232px;
    }

    .comments-area .thumb {
        min-width: 100px;
    }

    .hero-slider-1 .single-slider-img-1 {
        height: 300px;
    }

    /*    .featured .col-lg-2 {
        width: 50%;
    }*/

    .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px 12px;
    }

    .deal {
        background-position: left bottom;
    }

    .deals-countdown .countdown-section {
        padding: 20px 2px 30px 2px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .banner-bg {
        padding: 30px;
    }

    .product-list-small figure {
        margin-bottom: 20px !important;
    }

    .product-list-small .title-small {
        font-size: 16px;
        font-weight: 600;
    }

    .newsletter .des {
        display: none;
    }

    .newsletter form {
        margin: 15px 0;
    }

    footer .col-lg-2.col-md-3 {
        width: 50%;
    }

    footer .download-app a img {
        width: auto;
    }

    .home-slider .hero-slider-1.style-2 .hero-slider-content-2 {
        padding-left: 0;
        padding-top: 50px;
    }

        .home-slider .hero-slider-1.style-2 .hero-slider-content-2 h3 {
            line-height: 1.4;
        }

    .hero-slider-1.style-3.dot-style-1.dot-style-1-position-1 ul {
        bottom: 0;
    }

    .single-content .banner-text,
    .banner-img.banner-big .banner-text {
        display: none;
    }

    .comments-area {
        padding: 25px 0;
        margin-top: 0;
    }

    .entry-bottom {
        margin-bottom: 0 !important;
    }

    section.pt-150.pb-150 {
        padding: 50px 0 !important;
    }

    .product-detail .single-share {
        margin-bottom: 20px;
    }

    .product-detail .tab-style3 .nav-tabs li.nav-item a {
        padding: 0.5rem;
        text-transform: none;
    }

    .related-products .product-cart-wrap {
        margin-bottom: 30px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }

    .section-title {
        display: block;
        margin-bottom: 15px;
    }

        .section-title .title {
            display: block;
        }

        .section-title h3 {
            margin-bottom: 20px;
            font-size: 20px;
        }

    .headlines h6 {
        font-size: 18px;
        margin: 20px 0px;
        color: #E43A84;
    }

    .TestimonialSection {
        height: 100% !important;
        padding: 20px 0px !important;
        width: 100% !important;
    }

    .quotes_left {
        background: #fff url(../Content/assets/Images/svg/quotes-left.svg) no-repeat 10px 10px !important;
    }

    .blog__card {
        margin-bottom: 15px;
    }

    .testimonial_section .testimonial_profile img {
        width: 60px !important;
        height: 60px !important;
    }

    .testimonial_section .testimonial_details p {
        width: 100% !important;
        padding-top: 10px;
    }

    .testimonial_section .testimonial_heading h3 {
        font-size: 16px !important;
    }

    .testimonial_section .slider-arrow .slider-btn.slider-prev {
        left: 0px !important;
    }

    .testimonial_section .slider-arrow .slider-btn.slider-next {
        right: 0px !important;
    }

    .TestimonialSection .slider-arrow {
        top: 20% !important;
    }

        .TestimonialSection .slider-arrow .slider-btn {
            width: 30px;
            height: 30px;
        }

    .card-1 {
        padding: 20px 10px 20px 10px;
    }

    .section-title .show-all {
        display: none;
    }

    .nav-tabs.links .nav-link {
        margin-bottom: 10px;
    }

    .slider-arrow.slider-arrow-2.flex-right {
        display: none;
    }

    .product-grid-4 .product-cart-wrap {
        margin-bottom: 30px;
    }

    .product-list-small figure.col-md-4 {
        max-width: 30%;
        float: left;
        margin: 0 !important;
    }

    .product-list-small .col-md-8 {
        float: left;
        max-width: 70%;
    }

    .newsletter .newsletter-inner {
        padding: 20px 0px;
    }

        .newsletter .newsletter-inner h2 {
            font-size: 22px;
        }

        .newsletter .newsletter-inner .newsletter-content p {
            font-size: 14px;
            margin-bottom: 25px !important;
        }

        .newsletter .newsletter-inner button.submit,
        .newsletter .newsletter-inner button[type="submit"] {
            padding: 12px 20px;
        }

    .footer-link-widget:not(:last-child) {
        margin-right: 0;
        margin-left: 0px !important;
    }

    .widget-about {
        margin-bottom: 30px;
    }

    footer p.font-md {
        font-size: 13px;
    }

    .hero-slider-1 .single-hero-slider.rectangle .slider-content {
        width: 100%;
    }

    .product-info {
        border: 0;
        padding: 0;
    }

        .product-info .tab-style3 .nav-tabs li.nav-item a {
            padding: 11px 12px !important;
            font-size: 13px;
        }

    .shopping-summery table tbody tr img {
        max-width: 140px;
        margin-right: 0;
    }

    .toggle_info .font-lg,
    .toggle_info input,
    .apply-coupon .font-lg,
    .apply-coupon input {
        font-size: 14px !important;
    }

    .cart-totals.ml-30 {
        margin-left: 0 !important;
        text-align: center;
    }

    .order_table table .w-160 {
        margin: 0 auto;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .archive-header-3 {
        padding: 30px;
    }

        .archive-header-3 .archive-header-3-inner {
            display: block;
        }
}

/*phone landscape*/
@media only screen and (min-width: 480px) and (max-width: 667px) {
    .header-height-2 {
        min-height: 40px;
    }

    .col-lg-4 .banner-img {
        margin-bottom: 30px;
    }

    .banner-features {
        margin-bottom: 30px;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }
}

/*small phone*/
@media only screen and (max-width: 375px) {
    .entry-meta .hit-count,
    .entry-meta.meta-2 .font-xs {
        display: none;
    }

    .deal {
        padding: 30px;
    }

    .custom-modal .modal-dialog .modal-content {
        padding: 0;
    }

    .deal .product-title {
        max-width: unset;
        font-size: 25px;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .cart-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .cart-action .btn {
            width: 100%;
            margin-bottom: 15px;
        }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
    .deal .product-title {
        max-width: 100%;
        font-size: 35px;
    }
}
/*# sourceMappingURL=main.css.map */

/*  */

.standard_delivery a svg {
    width: 26px !important;
    height: 26px !important;
    fill: #737373;
}

.standard_delivery a {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .standard_delivery a div {
        padding-top: 10px;
    }

        .standard_delivery a div p {
            width: 150px;
            color: #737373;
            font-size: 14px;
            font-weight: 500;
            margin: 0px;
            line-height: 14px;
        }

        .standard_delivery a div span {
            font-size: 11px;
            color: #6D8C96;
            font-weight: 500;
        }

.foter_about_content {
    font-size: 13px;
    color: #464545;
    line-height: 18px;
    /*text-transform:lowercase;*/
}

   /* .foter_about_content:first-letter{
        text-transform:uppercase;
    }*/

    .selected_address {
        padding: 16px 5px;
        margin-bottom: 15px;
    }

    .selected_address h6 {
        color: #2BACE0;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .selected_address p {
        font-size: 12px;
        color: #2E384D;
        margin: 0px;
        line-height: 16px;
    }

    .selected_address span {
        font-size: 14px;
        font-weight: 500;
        color: #2E384D;
    }


.footer-mid {
    padding: 25px 25px 0px 25px;
    background-color: #fff;
}

.copyrights {
    padding: 15px 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .copyrights p {
        font-size: 12px;
        color: #000;
        margin: 0px;
    }

        .copyrights p:nth-child(2) {
            color: #A3B1B6;
        }

            .copyrights p:nth-child(2) > span {
                color: #A3B1B6;
            }

.social_section {
    background-color: #fff;
    padding: 20px 25px;
}

.social_links_section {
    font-size: 16px;
    margin-bottom: 10px;
}

.count_seperate {
    border-right: 2px solid #2bace0;
}

.our_brands_bg {
    background-image: url("../Images/svg/our_brands_bg.svg");
}

.brands_lists {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
}

    .brands_lists div {
        background-color: #fff;
        border: 1px solid #dce3ec;
        border-radius: 6px;
        transition: all 0.3s ease;
    }

        .brands_lists div:hover {
            box-shadow: 0px 1px 4px #00000029;
            border: 1px solid #2BACE0;
        }

        .brands_lists div a {
            display: block;
            padding: 20px 0px;
            width: 200px;
        }

.test_bg {
    background-image: url(../Content/assets/../../Content/assets/imgs/theme/icons/testimonial-bg.svg);
    background-repeat: no-repeat;
    background-size: 98.5%;
    background-position: center;
}

.TestimonialSection {
    width: 90%;
    height: 450px;
    padding: 40px 20px 40px 20px;
    margin: auto;
    text-align: center;
    /*box-shadow: 0px 1px 2px #00000029;*/
    border-radius: 5px;
    position: relative;
}

.testimonial_heading {
    text-align: start;
}

.testimonial_details {
    padding: 0px 10px 10px 10px;
}

/*@media (min-width:1200px) and (max-width:1500px) {
    .testimonial_section {
        width: 277px !important;
    }
}*/

.testimonial_section {
    background-color: #fff;
    opacity: 0.75 !important;
    height: 370px !important;
    padding: 0px 15px;
    /*width: 290px !important;*/
    margin-left: 35px;
    border-radius: 14px;
}

    .testimonial_section:hover {
        opacity: 1 !important;
    }

    .testimonial_section .testimonial_details p {
        width: 100%;
        margin: auto;
        text-align: start;
        padding-top: 20px;
        color: #000;
        font-size: 13px;
        margin-bottom: 10px;
        text-transform: lowercase;
    }

        .testimonial_section .testimonial_details p:first-letter {
            text-transform: uppercase;
        }

    .testimonial_section .testimonial_details span {
        color: #4f4f4f;
        font-size: 12px;
    }

    .testimonial_section .testimonial_heading h3 {
        font-size: 18px;
        color: #2BACE0;
        font-weight: 500;
    }

    .testimonial_section .testimonial_heading span {
        color: #4f4f4f;
        font-size: 13px;
    }

.testimonial_profile {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.carausel-4-columns-cover .carausel-4-columns .product-cart-wrap{
    margin-right:7px !important;
    margin-left:7px !important;
}

.carausel-4-columns-cover .product-cart-wrap{
    margin-bottom:12px !important;
}

.testimonial_profile div:nth-child(1) {
    font-size: 25px;
    font-weight: bold;
    padding: 25px;
    border-radius: 50%;
    color: #555555;
    background-color: #D9EAF1;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial_section .testimonial_profile {
    padding: 20px 10px 10px 10px;
    text-align: center;
}

    .testimonial_section .testimonial_profile img {
        margin: auto;
        width: 80px;
        height: 80px;
        padding: 14px;
        object-fit: cover;
        border-radius: 50%;
        background-color: #D9EAF1;
    }

.blog__card {
    box-shadow: 0px 1px 4px #00000029;
    border-radius: 16px;
}

    .blog__card .blog__cardHead {
        height: 170px;
    }

        .blog__card .blog__cardHead img {
            height: 170px;
            width: 100%;
            object-fit: cover;
            border-radius: 16px 16px 0px 0px;
        }

    .blog__card .blog__carddetails {
        padding: 5px 10px 15px 10px;
    }

        .blog__card .blog__carddetails span {
            font-size: 13px;
            color: #9fa4ac;
        }

        .blog__card .blog__carddetails .blogcard_title {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .blog__card .blog__carddetails .blogcard_brief {
            color: #6b6b6b;
            font-size: 13px;
            line-height: 18px;
        }

        .blog__card .blog__carddetails button {
            border: 1px solid #2bace0;
            padding: 5px 20px;
            color: #2bace0;
            border-radius: 4px;
            margin-top: 6px;
            transition: all 0.3s ease;
            background-color: #fff;
            font-size: 13px;
        }

            .blog__card .blog__carddetails button:hover {
                background-color: #2bace0;
                color: #fff;
            }
/*  */

/* Login Modal Pops starts */
.loginmodals_popup {
    display: flex;
    align-items: center;
    background-color: #F3FAFF;
    border-radius: 30px;
}

.Account_flow {
    width: 50%;
    padding: 0px 20px;
    height: 72vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 30px;
}

.Account_flow_details {
    width: 90% !important;
}

.Login_banner {
    width: 50%;
    padding: 10px 40px 30px 40px;
    background-color: #F3FAFF;
    border-radius: 30px 0px 0px 30px;
}

.Account_flow .Account_flow_details h1 {
    font-size: 22px;
    color: #2BACE0;
    margin-bottom: 25px;
}

.search_btn_selectaddress {
    background-color: transparent !important;
    position: absolute;
    top: 3px;
    right: 10px;
    width: 45px !important;
}

.Account_flow .Account_flow_details form .Account_flow_details_fields {
    margin-bottom: 10px;
    position: relative;
    padding: 0px 10px 0px 0px;
}

    .Account_flow .Account_flow_details form .Account_flow_details_fields label {
        color: #464545;
        font-size: 13px;
        font-weight: 500;
    }

    .Account_flow .Account_flow_details form .Account_flow_details_fields input {
        height: 40px;
        border-radius: 4px;
        font-size: 13px;
        border: 1px solid #BAE3F3;
    }

        .Account_flow .Account_flow_details form .Account_flow_details_fields input:hover {
            border: 1px solid #2BACE0;
        }

.select2-container {
    max-width: 100%;
    display: block;
    height: 40px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #BAE3F3;
    padding-left: 20px;
    background-color: #F7FDFF;
}

.select2-container--default .select2-selection--single {
    border-bottom: none !important;
}

.select2-container--default .select2-selection--single {
    height: 35px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #2E384D !important;
        font-weight: normal !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 5px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        font-size: 20px;
    }

.select2-container .select2-selection--single .select2-selection__clear {
    top: 2px;
    right: 3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E7F3F7 !important;
}

.Account_flow .Account_flow_details form .Account_flow_details_fields .forgot_password {
    color: #464545;
    font-size: 12px;
    display: block;
    text-align: end;
    font-weight: 500;
    width: 100px;
    margin-left: auto;
    transition: all 0.3s ease;
}

    .Account_flow .Account_flow_details form .Account_flow_details_fields .forgot_password:hover {
        color: #2bace0;
    }

.Account_flow .Account_flow_details form .Account_flow_details_fields button {
    background-color: #2BACE0;
    width: 100%;
    border: none;
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    height: 40px;
    transition: all 0.3s ease;
}

    .Account_flow .Account_flow_details form .Account_flow_details_fields button:hover {
        opacity: 0.7;
    }

.Account_flow .Account_flow_details form .Account_flow_details_fields h6 {
    font-size: 13px;
    color: #464545;
}

.Account_flow .Account_flow_details form .Account_flow_details_fields p {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 18px;
    margin-top: 5px;
    width: 100%;
    overflow-x: hidden;
}

    .Account_flow .Account_flow_details form .Account_flow_details_fields p::first-letter {
        text-transform: uppercase;
    }

    .Account_flow .Account_flow_details form .Account_flow_details_fields p a {
        color: #2BACE0;
    }

.Account_flow_details_fields_social p {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: end;
    color: #464545;
}

.Account_flow_details_fields_social {
    margin-top: 40px;
}

    .Account_flow_details_fields_social p img {
        width: 28px;
        margin-left: 10px;
    }

.modal-body {
    padding: 0px;
}

.Account_flow_details_fields_checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0px;
    margin-bottom: 10px;
}

    .Account_flow_details_fields_checkbox input {
        width: 18px;
        height: 18px;
    }

    .Account_flow_details_fields_checkbox label {
        margin: 0px;
        font-size: 13px;
    }

.Account_flow_details_register_fields_social p {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: end;
    color: #464545;
}

.Account_flow_details_register_fields_social {
    margin-top: 20px;
}

    .Account_flow_details_register_fields_social p img {
        width: 28px;
        margin-left: 10px;
    }

.your_details {
    color: #464545;
    margin-bottom: 20px;
}

.your_details_1 {
    color: #464545;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.otp_verification {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

    .otp_verification input {
        width: 40px;
        height: 40px;
        border: 1px solid #BAE3F3;
        text-align: center;
        font-size: 13px;
        padding: 1px;
        border-radius: 4px;
    }

        .otp_verification input:focus {
            border: 1px solid #2bace0;
        }

.otp_timing {
    padding-bottom: 20px;
}

    .otp_timing p {
        text-align: center;
        color: #464545;
        font-size: 14px;
        font-weight: 500;
    }

.select_order_mode {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.delivery_type:hover a h6 {
    color: #2bace0;
}

.delivery_type {
    text-align: center;
    padding: 0px 0px 15px 0px;
}

    .delivery_type a h6 {
        font-size: 16px;
        color: #464545;
    }

        .delivery_type a h6 img {
            width: 16px;
        }

    .delivery_type a p {
        color: #464545;
        font-size: 13px;
        margin-top: 4px;
    }

.pincode {
    color: #464545;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 0px;
    line-height: 18px;
}

    .pincode img {
        width: 18px;
    }

.pincode_details {
    width: 100%;
}

.select_address {
    text-align: start;
    font-size: 18px;
    margin-bottom: 10px;
    color: #464545;
}

.pincode_details_lists {
    padding: 10px;
    border: 1px solid #BAE3F3;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .pincode_details_lists.active {
        background-color: #e7f8ff;
    }

    .pincode_details_lists:hover {
        border: 1px solid #2BACE0;
        box-shadow: 0px 0px 6px #00000029;
        cursor: pointer;
    }

    .pincode_details_lists a h6 {
        color: #2E384D;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .pincode_details_lists a p {
        color: #2E384D;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px;
    }

.pincode_save:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.pincode_addnew button {
    color: #E3378C;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    border: none;
    background-color: transparent;
    margin-top: 10px;
}

.Login_banner_logo {
    text-align: center;
    padding-bottom: 30px;
}

.standard_orderMode {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    padding: 20px 10px;
}

.modal-header {
    border: none;
}

.standard_delivery_selectmode {
    padding: 20px 30px;
}

    .standard_delivery_selectmode form .Account_flow_details_fields {
        margin-bottom: 10px;
    }

        .standard_delivery_selectmode form .Account_flow_details_fields input {
            height: 40px;
            border-radius: 4px;
            font-size: 13px;
        }

.pincode_save {
    background-color: #E3378C;
    width: 100%;
    border: none;
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    height: 40px;
    transition: all 0.3s ease;
}

.addNewAddress {
    height: 43vh;
    overflow-y: auto;
}

.newStandardDelivery_popup {
    padding: 0px 30px 20px 30px;
}

.Account_flow_details_fields label {
    color: #464545;
    font-size: 13px;
    font-weight: 500;
}

.Account_flow_details_fields input {
    height: 40px;
    border-radius: 4px;
    font-size: 13px;
}

.next_field {
    text-align: center;
}

    .next_field button {
        background-color: #E3378C;
        width: 50%;
        margin: auto;
        border: none;
        font-size: 15px;
        color: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        height: 40px;
        transition: all 0.3s ease;
    }

        .next_field button:hover {
            opacity: 0.7;
        }

.banner-img .banner-text h4 {
    font-size: 16px;
    padding: 5px 0px;
    width: 240px;
}

.shop_Banner_btn {
    background-color: #fff !important;
    color: #464545 !important;
}

.newsletter-content div h2 {
    text-align: center;
    color: #333333;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 30px;
    line-height: 34px;
}

.listingPage_subnavigation:hover {
    color: #e3378c !important;
}

.newsletter-content div h2 span {
    font-weight: bold;
}

.newsletter-content h3 {
    text-align: center;
    font-size: 20px;
    color: #3B3B3B;
    font-weight: 500;
    margin-bottom: 5px;
}

.newsletter-content p {
    text-align: center;
    color: #464545;
    font-size: 14px;
    margin-bottom: 20px;
}

.form-subcriber input {
    height: 45px;
    margin: auto auto 20px auto !important;
}

.form-subcriber .subscribe {
    width: 160px;
    height: 48px;
    background-color: #2BACE0;
    color: #fff;
    font-size: 16px;
    border-radius: 4px !important;
    padding: 0;
    border: none;
    transition: all 0.3s ease;
}

    .form-subcriber .subscribe:hover {
        opacity: 0.7;
        background-color: #2BACE0 !important;
    }

.leaves_left {
    position: absolute;
    left: 15%;
    top: -20px;
}

.leaves_right {
    position: absolute;
    right: 13%;
    top: -20px;
}

.privcay_policy {
    padding: 10px 40px;
}

.policy_heading {
    margin: 0px 0px 5px 0px;
}

    .policy_heading h3 {
        text-align: center;
        color: #464545;
        font-size: 20px;
        color: #E23A83;
    }

    .policy_heading a {
        display: flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        top: 20px;
        left: 30px;
        color: #464545;
    }

        .policy_heading a:hover {
            color: #2bace0;
        }

        .policy_heading a img {
            background-color: #2BACE0;
            border-radius: 50%;
            width: 22px;
            padding: 3px;
        }

.privacy_points_lists {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .privacy_points_lists h3 {
        font-size: 18px;
        color: #464545;
        margin: 20px 0px 10px 0px;
        font-weight: 400;
        /*text-transform: lowercase;*/
    }

        /*.privacy_points_lists h3:first-letter {
            text-transform: uppercase;
        }*/

    .privacy_points_lists p {
        color: #6B6B6B;
        font-size: 13px;
        margin-bottom: 3px;
        line-height: 18px;
    }

    .privacy_points_lists .how_to_apply {
        font-weight: 500;
    }

    .privacy_points_lists h6 {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }

.privacy_policy_points p {
    color: #6B6B6B;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 22px;
    /*text-transform: lowercase;*/
}

   /* .privacy_policy_points p:first-letter {
        text-transform: uppercase;
    }
*/
.self-pickup-hrs {
    background-color: #daf4ff;
    padding: 10px;
    border-radius: 4px;
}

    .self-pickup-hrs h6 {
        color: #464545;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .self-pickup-hrs p {
        color: #6B6B6B;
        font-size: 13px;
        margin-bottom: 5px;
        line-height: 18px;
    }

.whatWeProvide {
    text-align: center;
    margin: 30px 0px 20px 0px;
}

    .whatWeProvide h3 {
        color: #464545;
        font-size: 22px;
    }

.whatWeProvide {
    text-align: center;
}

.whatweprovide {
    border-radius: 6px;
    margin-bottom: 20px;
    width: 100%;
    transition: all 0.3s ease;
    background-color: #F0F8FC;
    border: 1px solid #D0E3EE;
    display: flex;
    align-items: center;
    justify-content: start;
}

    .whatweprovide:hover {
        border: 1px solid transparent;
        box-shadow: 0px 1px 4px #00000029;
        background-color: #fff;
    }

        .whatweprovide:hover a img {
            background-color: #00b6ff;
        }


    .whatweprovide a {
        display: block;
        text-align: center;
        padding: 25px 49px;
        width: 100%;
    }

        .whatweprovide a div {
            display: flex;
            align-items: center;
            justify-content: start;
            gap: 20px;
        }

            .whatweprovide a div img {
                background-color: #2BACE0;
                padding: 2px;
                border-radius: 50%;
                transition: all 0.3s ease;
                height: 56px;
                width: 56px;
            }

            .whatweprovide a div h6 {
                margin: 0px;
                text-align: start;
            }

.card-1 .img-hover-scale a h6 {
    margin-top: 15px;
    font-size: 20px;
}

.whatweprovide a h6 {
    color: #464545;
    font-size: 14px;
    margin-top: 10px;
}

.marginLeft {
    margin-left: auto;
}

.marginRight {
    margin-right: auto;
}

.contact_us {
    padding: 10px 0px;
}

    .contact_us h4 {
        font-size: 16px;
        color: #464545;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .contact_us p {
        color: #737373;
        font-size: 13px;
        line-height: 18px;
        margin: 0px;
    }

    .contact_us .phone_color {
        color: #2BACE0 !important;
        font-size: 14px;
        margin: 5px 0px 0px 0px;
        line-height: 18px;
        text-transform:lowercase;
    }

        .contact_us .call_color {
            color: #464545 !important;
            font-size: 16px;
            margin: 5px 0px 0px 0px;
            line-height: 18px;
            font-weight: 500;
        }

    .contact_us span {
        font-size: 14px;
        color: #737373;
    }

.order_details {
    border: 1px solid #E9F1F5;
    border-radius: 6px;
    background-color: #fff;
}


.total_orders {
    font-size: 16px;
    color: #464545;
}

.contact-form_spacing {
    margin-top: 35px;
}

.contact_form {
    margin-bottom: 10px;
    position: relative;
}

    .contact_form label {
        font-size: 13px;
        color: #464545;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .contact_form input {
        height: 40px;
        font-size: 13px;
        border-radius: 3px;
        border: 1px solid #BAE3F3;
        background-color: #F7FDFF;
    }

        .contact_form input:focus {
            border: 1px solid #2BACE0;
        }

        .contact_form input:disabled {
            background-color: #e9ecef80 !important;
        }

    .contact_form select {
        height: 40px;
        font-size: 13px;
        border-radius: 3px;
        border: 1px solid #BAE3F3;
        padding-left: 10px;
    }

        .contact_form select:focus {
            border: 1px solid #2BACE0;
        }

    .contact_form textarea {
        min-height: 40px;
        height: 40px !important;
        font-size: 13px;
        border-radius: 3px;
        border: 1px solid #BAE3F3;
        resize: none;
        padding: 5px 0px 0px 20px !important;
        background-color: #F7FDFF;
    }

        .contact_form textarea:focus {
            border: 1px solid #2BACE0;
        }

    .contact_form button {
        width: 200px;
        height: 45px;
        margin: auto;
        background-color: #2BACE0;
        color: #fff;
        transition: all 0.3s ease;
        border-radius: 4px;
        border: none;
        font-size: 14px;
        margin-top: 10px;
        font-weight: 500;
    }

        .contact_form button:hover {
            opacity: 0.7;
        }

    /*.standard_delivery{
    width:160px;
}*/

    .contact_form p {
        width: 50%;
        text-align: center;
        font-size: 12px;
        color: #6B6B6B;
        margin: 15px auto 0px auto;
        line-height: 16px;
    }

.puc_contact_form p {
    width: 60%;
    text-align: center;
    font-size: 12px;
    color: #6B6B6B;
    margin: 15px auto 0px auto;
    line-height: 16px;
}

.puc_contact_form button {
    width: 300px;
    height: 45px;
    margin: auto;
    background-color: #2BACE0;
    color: #fff;
    transition: all 0.3s ease;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    margin-top: 10px;
}

    .puc_contact_form button:hover {
        opacity: 0.7;
    }


.puc_lists {
    list-style-type: circle;
    color: #2BACE0;
    padding-left: 30px;
}

    .puc_lists li p {
        color: #6B6B6B;
        font-size: 12px;
    }

.puc_contact_details {
    margin: 10px 0px;
}

    .puc_contact_details h6 {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
    }

.puc_application_details label {
    color: #2BACE0;
    font-weight: 500;
    font-size: 16px;
}

.puc_application_details_radio {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .puc_application_details_radio .pure-radiobutton {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .puc_application_details_radio .pure-radiobutton label {
            margin: 0px;
            color: #464545;
        }

        .puc_application_details_radio .pure-radiobutton input {
            width: 16px;
            height: 16px;
        }

.puc_form_importance {
    background-color: #F9FFF6;
    padding: 10px;
}

.input-group > input {
    font-size: 13px;
    border-radius: 4px;
    color: #464545;
    height: 40px;
    line-height: 28px;
    border-right: none !important;
}

    .input-group > input:focus {
        box-shadow: none;
        border: 1px solid #2BACE0;
    }

    .input-group > input[type=file]::file-selector-button {
        display: none;
    }

.input-group .input-group-text {
    background-color: #E8F0F3;
    color: #464545;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
    height: 40px;
    border-left: none !important;
    border: 1px solid #BAE3F3;
    padding: 5px 18px;
}

.add_partner {
    text-align: end;
}

    .add_partner button {
        background-color: #2BACE0;
        color: #fff;
        border: none;
        font-size: 13px;
        transition: all 0.3s ease;
        padding: 5px 10px;
        border-radius: 4px;
        width: 80px;
        font-weight: 500;
    }

        .add_partner button:hover {
            opacity: 0.7;
        }

.partner_details h6 {
    color: #464545;
    font-size: 15px;
}

.heading-2 {
    font-size: 24px;
    color: #464545;
}

.wishList_subhead {
    color: #464545;
    font-weight: normal;
    font-size: 16px;
}

.wishList_details {
    border: 1px solid #BFDCE9;
    margin: 0px 2px 10px 0px;
    /* border-radius: 6px; */
    padding: 3px 10px;
}

.wishList_products {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .wishList_products img {
        width: 75px;
        height: 75px;
        padding: 5px;
        object-fit: cover;
    }

    .wishList_products .wishList_products_name span {
        color: #7E7E7E;
        font-size: 12px;
    }

    .wishList_products .wishList_products_name p {
        color: #555555;
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px;
    }

.wishList_price span {
    color: #555555;
    font-size: 16px;
    font-weight: 500;
}

.whish_list {
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    padding: 10px 20px;
}

.wishList_status_inStock p {
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #D2FDCF;
    background-color: #E5F9E4;
    color: #72B66C;
    border-radius: 20px;
    text-align: center;
    /*line-height: 28px;*/
    width: auto;
    /*margin: auto;
    text-align: center;
    height: 40px;
    font-weight: 500;*/
}

.wishList_status_outStock p {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #FFDDDD;
    background-color: #FEEDED;
    color: #FF5A5A;
    border-radius: 20px;
    /*line-height: 28px;*/
    width: auto;
    /*margin: auto;
    text-align: center;
    height: 40px;
    font-weight: 500;*/
}

.wishList_addcart {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

    .wishList_addcart .wishList_addcart_detail a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 20px;
        transition: all 0.3s ease;
        border-radius: 4px;
    }

        .wishList_addcart .wishList_addcart_detail a:hover {
            border-radius: 4px;
            background-color: #2bace0;
            color: #fff;
        }

            .wishList_addcart .wishList_addcart_detail a:hover span {
                color: #fff;
            }

        .wishList_addcart .wishList_addcart_detail a span {
            font-size: 15px;
            color: #2BACE0;
        }

.wishList_addcart_closeBtn button {
    background-color: #fff;
    border: none;
    padding: 7px 5px;
}

.wishList_addcart_closeBtn img {
    width: 22px;
}
/* Login Modal Pops ends */

.product_detail {
    margin: 0 auto;
}

    .product_detail h4 {
        color: #464545;
        font-weight: 500;
    }

.accordion {
    margin: 0 auto;
}

    .accordion h3 {
        font-size: 16px;
        color: #666;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        margin: 30px 0px 10px 0px;
    }

.accordion-toggle {
    cursor: pointer;
    margin: 0;
    padding: 10px 0 15px 0px;
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    text-transform: lowercase;
}

    .accordion-toggle:first-letter {
        text-transform: uppercase;
    }

    .accordion-toggle.active:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 30px;
        width: 0;
        height: 0;
        border-bottom: 5px solid #3e97f1;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
    }

    .accordion-toggle:before {
        content: "";
        position: absolute;
        right: 10px;
        top: 23px;
        width: 0;
        height: 0;
        border-top: 5px solid #999;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
    }

    .accordion-toggle.active:before {
        display: none;
    }

.accordion-content {
    display: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 0px;
}

    .accordion-content ul li {
        font-size: 13px;
        color: #464545;
    }

        /*.accordion-content ul li:first-letter {
            text-transform: uppercase;
        }*/

.accordion-toggle.active {
    color: #F968A7;
    border-bottom: 0px solid #999;
    padding: 10px 0 5px 0px;
}

.accordion-content p {
    font-size: 13px;
    color: #464545;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 20px;
    /*text-transform: lowercase;*/
}

/*    .accordion-content p:first-letter {
        text-transform: uppercase;
    }*/

ul.faqul {
    list-style-type: circle;
    margin-left: 30px;
    margin-bottom: 15px;
}

    ul.faqul li {
        font-size: 12px;
        color: #737374;
        line-height: 20px;
    }

.view_more {
    width: 200px;
}

.Cart_detail {
    /* display: flex;
    align-items: center;
    justify-content: center;*/
    padding: 18px 10px 20px 10px;
    /*background-image: url(../Content/assets/Images/svg/homepage_bg_1.svg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.Cart_details {
    margin: 0px 100px;
}

    .Cart_details .nav .nav-item .nav-link div {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .Cart_details .nav .nav-item .nav-link {
        background-color: transparent;
        border-bottom: 1px solid #BFDCE9;
    }

        .Cart_details .nav .nav-item .nav-link div .cart_tabImages {
            background-image: url(../Content/assets/Images/svg/cart-blue.svg);
            background-repeat: no-repeat;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            border: 1px solid #2BACE0;
            background-position: center;
        }

        .Cart_details .nav .nav-item .nav-link.active {
            border-bottom: 1px solid #F968A7;
        }

            .Cart_details .nav .nav-item .nav-link.active div .cart_tabImages {
                background-image: url(../Content/assets/Images/svg/cart-active.svg);
                border: 1px solid #F968A7;
                background-color: #fff;
            }

        .Cart_details .nav .nav-item .nav-link.completed div .cart_tabImages {
            background-image: url(../Content/assets/../assets/Images/svg/cart-done.svg);
            border: 1px solid #F968A7;
            background-color: #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link div .shipping_tabImages {
            background-image: url(../Content/assets/Images/svg/shipping-normal.svg);
            background-repeat: no-repeat;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            border: 1px solid #2BACE0;
            background-position: center;
            background-color: #fff;
        }

        .Cart_details .nav .nav-item .nav-link.active div .shipping_tabImages {
            background-image: url(../Content/assets/Images/svg/shipping-active.svg);
            border: 1px solid #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link.completed div .shipping_tabImages {
            background-image: url(../Content/assets/Images/svg/shipping-done.svg);
            border: 1px solid #F968A7;
            background-color: #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link div .Selected_address {
            background-image: url(../Content/assets/Images/svg/address_active.svg);
            background-repeat: no-repeat;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            border: 1px solid #2BACE0;
            background-position: center;
            background-color: #fff;
        }

        .Cart_details .nav .nav-item .nav-link.active div .Selected_address {
            background-image: url(../Content/assets/Images/svg/address_active.svg);
            border: 1px solid #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link.completed div .Selected_address {
            background-image: url(../Content/assets/Images/svg/address_completed.svg);
            border: 1px solid #F968A7;
            background-color: #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link div .review_order {
            background-image: url(../Content/assets/Images/svg/review_normal.svg);
            background-repeat: no-repeat;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            border: 1px solid #2BACE0;
            background-position: center;
            background-color: #fff;
        }

        .Cart_details .nav .nav-item .nav-link.active div .review_order {
            background-image: url(../Content/assets/Images/svg/review_active.svg);
            border: 1px solid #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link.completed div .review_order {
            background-image: url(../Content/assets/Images/svg/review_completed.svg);
            border: 1px solid #F968A7;
            background-color: #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link div .payment_tabImages {
            background-image: url(../Content/assets/Images/svg/payment-normal.svg);
            background-repeat: no-repeat;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            border: 1px solid #2BACE0;
            background-position: center;
            background-color: #fff;
        }

        .Cart_details .nav .nav-item .nav-link.active div .payment_tabImages {
            background-image: url(../Content/assets/Images/svg/payment-active.svg);
            border: 1px solid #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link.completed div .payment_tabImages {
            background-image: url(../Content/assets/Images/svg/payment-active.svg);
            border: 1px solid #F968A7;
            background-color: #F968A7;
        }

        .Cart_details .nav .nav-item .nav-link.active div span {
            color: #F968A7;
        }

    .Cart_details .nav .nav-item a div img {
        padding: 5px;
        border-radius: 50%;
    }

.table {
    margin: 0px !important;
}

.recent_delivery_address {
    box-shadow: 0px 0px 12px #00000029;
    border-radius: 6px;
    background-color: #F3FAFF;
    padding: 20px;
    margin-bottom: 20px;
}

    .recent_delivery_address h6 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .recent_delivery_address span {
        margin-bottom: 10px;
        color: #686868;
        font-weight: 500;
        font-size: 14px;
    }

    .recent_delivery_address p {
        color: #656565;
        font-size: 13px;
        margin-top: 5px;
    }

.payment_wallet {
    color: #686868;
    font-size: 18px !important;
}

    .payment_wallet:first-letter {
        text-transform: uppercase;
    }

.backBtn {
    position: absolute;
    top: 18px;
    left: 0px;
}

    .backBtn a {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .backBtn a img {
            background-color: #2bace0;
            border-radius: 50%;
        }

@media only screen and (max-width:576px) {
    .backBtn a span {
        display: none;
    }

    .backBtn {
        top: 30px;
    }
}




.gotoPayment a {
    border: none;
    background-color: #E3378C;
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
    font-size: 13px;
    display: block;
    transition: all 0.3s ease;
}

    .gotoPayment a:hover {
        opacity: 0.7;
    }

.wallet_balance div {
    display: block;
    padding: 15px 10px;
    text-align: center;
    background-color: #E3FFF2;
}

.selecting_language {
    position: absolute;
    left: 34%;
    top: -90px;
}

    .selecting_language select {
        border: 1px solid #DBE2EB;
        padding: 8px 20px;
        font-size: 13px;
        border-radius: 4px;
    }

    .selecting_language label {
        font-size: 13px;
        color: #E43A84;
        margin: 0px;
    }

.wallet_balance div span {
    font-size: 12px;
    color: #464545;
}

.wallet_balance div h6 {
    font-size: 16px;
}

.wallet_balance div {
    /*border: 1px solid #BFDCE9;*/
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet_popup {
    position: absolute;
    bottom: 0px;
    left: 10px;
    z-index: 999;
}

    .wallet_popup button {
        background-color: #E9F4F8;
        color: #464545 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 2px 12px;
        font-size: 13px;
        border-radius: 30px;
        border: 1px solid #BFDCE9;
        font-weight: 500;
    }

        .wallet_popup button img {
            margin: auto;
        }

.payment_online:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.buy_preorder {
    padding: 0px !important;
}

    .buy_preorder button {
        padding: 12px 10px;
        background-color: #D9EDF6;
    }

.deleteAcc_content {
    font-size: 14px;
}

.btn-primary:hover {
    background-color: #F968A7 !important;
    opacity: 0.7;
    border-color: #F968A7 !important;
}

.modal-footer {
    border-top: 1px solid transparent !important;
}

.deleteAcc_content_heading {
    padding: 20px 0px 20px 0px;
}

.buy_preorder button:disabled {
    opacity: 0.5;
    background-color: #fff;
    border: 1px solid #C2DFEB;
    cursor: not-allowed;
}

    .buy_preorder button:disabled > div a {
        cursor: not-allowed;
    }

.payment_online {
    border: 1px solid #BFDCE9;
    border-radius: 4px;
    display: block;
    padding: 12px 10px;
    width: 100%;
    /*background-color: #D9EDF6 !important;*/
}

    .payment_online.active {
        background-color: #C7E3FF;
    }

    .payment_online:hover {
        border: 1px solid #97C9FA;
    }

    .payment_online .payment_online_1 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border: none;
        width: 100%;
    }

        .payment_online .payment_online_1 .pre_order {
            font-size: 10px;
            color: #686868;
        }

.payment_online_1 div {
    line-height: 15px;
}

    .payment_online_1 div .online_payment {
        color: #686868;
        font-size: 13px;
        font-weight: 500;
        display: block;
        margin-bottom: 3px;
        text-align: start;
    }

    .payment_online_1 div .pre_order_payment {
        color: #D95A91;
        font-size: 8px;
        display: block;
        font-weight: bold;
    }

    .payment_online_1 div h6 {
        font-size: 13px;
    }

    .payment_online_1 div span {
        font-size: 10px;
    }

.value_red h6 {
    color: #D95A91 !important;
}

.payment_completed {
    text-align: center;
}

    .payment_completed div:nth-child(1) {
        margin-bottom: 10px;
    }

        .payment_completed div:nth-child(1) img {
            background-color: #72C9EB;
            padding: 10px;
            border-radius: 50%;
        }

    .payment_completed div:nth-child(2) {
        margin-bottom: 10px;
    }

        .payment_completed div:nth-child(2) h5 {
            margin-bottom: 10px;
            color: #464545;
            font-size: 18px;
        }

        .payment_completed div:nth-child(2) p {
            color: #707070;
            font-size: 12px;
        }

    .payment_completed div:nth-child(3) {
        margin-bottom: 20px;
    }

        .payment_completed div:nth-child(3) h5 {
            color: #E3378C;
            font-size: 16px;
        }

        .payment_completed div:nth-child(3) img {
            margin: 15px auto 0px auto;
        }

        .payment_completed div:nth-child(3) p {
            color: #98A9B9;
            font-size: 12px;
        }

    .payment_completed div:nth-child(4) {
        margin-bottom: 20px;
    }

        .payment_completed div:nth-child(4) a {
            width: 260px;
            margin: auto;
            background-color: #2BACE0;
            color: #fff;
            font-size: 14px;
            border: none;
            border-radius: 4px;
            transition: all 0.3s ease;
            padding: 8px;
            display: block;
        }

            .payment_completed div:nth-child(4) a:hover {
                opacity: 0.7;
            }

    .payment_completed div:nth-child(5) a {
        width: 260px;
        margin: auto;
        background-color: #fff;
        color: #E3378C;
        font-size: 14px;
        border: 1px solid #E3378C;
        border-radius: 4px;
        transition: all 0.3s ease;
        padding: 8px;
        display: block;
    }

        .payment_completed div:nth-child(5) a:hover {
            opacity: 0.7;
        }

.barcode_popup {
    padding: 0px 22px 10px 22px;
}

    .barcode_popup .barcode_popup_details div {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .barcode_popup .barcode_popup_details div input {
            height: 40px;
            border-radius: 4px;
            border: 1px solid #BAE3F3;
            font-size: 14px;
        }

        .barcode_popup .barcode_popup_details div button {
            background-color: #2BACE0;
            color: #fff;
            transition: all 0.3s ease;
            height: 40px;
            border: none;
            border-radius: 4px;
            font-size: 13px;
        }

            .barcode_popup .barcode_popup_details div button:hover {
                opacity: 0.7;
            }

    .barcode_popup .barcode_popup_details label {
        width: 100%;
        color: #E3378C;
        font-size: 13px;
        margin-bottom: 3px;
    }

.profile_update {
    padding: 20px 25px;
    border: 1px solid #BFDCE9;
    border-radius: 6px;
    background-color: #fff;
}

.MI_membership {
    border: 1px solid #BFDCE9;
    padding: 20px 25px;
    border-radius: 6px;
    background-color: #fff;
}

    .MI_membership div:nth-child(1) {
        text-align: center;
    }

        .MI_membership div:nth-child(1) img {
            margin-bottom: 20px;
        }

    .MI_membership p:nth-child(1) {
        font-size: 18px;
        text-align: center;
        color: #464545;
        margin-bottom: 10px;
    }

        .MI_membership p:nth-child(1) > span {
            color: #6F357D;
            font-weight: 500;
        }

    .MI_membership p:nth-child(2) {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

    .MI_membership button {
        background-color: #6F357D;
        color: #fff;
        width: 100%;
        font-size: 13px;
        border-radius: 4px;
        padding: 8px 0px;
        border: none;
        margin-top: 20px;
        transition: all 0.3s ease;
    }

        .MI_membership button:hover {
            opacity: 0.7;
        }


.Cart_details .nav .nav-item .nav-link div .myorder_tabImages {
    background-image: url(../Content/assets/Images/svg/myordericon-normal.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .myorder_tabImages {
    background-image: url(../Content/assets/Images/svg/myordericon-active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.Cart_details .nav .nav-item .nav-link div .tracking_tabImages {
    background-image: url(../Content/assets/Images/svg/trackingicon-normal.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .tracking_tabImages {
    background-image: url(../Content/assets/Images/svg/trackingicon-active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}


.Cart_details .nav .nav-item .nav-link div .profile_tabImages {
    background-image: url(../Content/assets/Images/svg/personalinfo-normal.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .profile_tabImages {
    background-image: url(../Content/assets/Images/svg/personalinfo-active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.Cart_details .nav .nav-item .nav-link div .walletbalance_tabImages {
    background-image: url(../Content/assets/Images/svg/wallet_balance.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .walletbalance_tabImages {
    background-image: url(../Content/assets/Images/svg/wallet_balance_active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.Cart_details .nav .nav-item .nav-link div .transaction_tabImages {
    background-image: url(../Content/assets/Images/svg/transaction_active.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .transaction_tabImages {
    background-image: url(../Content/assets/Images/svg/transaction.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.Cart_details .nav .nav-item .nav-link div .change_tabImages {
    background-image: url(../Content/assets/Images/svg/changepass-normal.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .change_tabImages {
    background-image: url(../Content/assets/Images/svg/changepass-active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.Cart_details .nav .nav-item .nav-link div .address_tabImages {
    background-image: url(../Content/assets/Images/svg/manageaddress-normal.svg);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #2BACE0;
    background-position: center;
    background-color: #fff;
}

.Cart_details .nav .nav-item .nav-link.active div .address_tabImages {
    background-image: url(../Content/assets/Images/svg/manageaddress-active.svg);
    border: 1px solid #F968A7;
    background-color: #F968A7;
}

.manage_address {
    border: 1px solid #BFDCE9;
    padding: 20px;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 20px;
}

.manage_address_edit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .manage_address_edit a {
        height: 22px;
    }

        .manage_address_edit a img {
            border-radius: 50%;
            padding: 1px;
        }

.manage_address_detail {
    border: 1px solid #D0E3EE;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    height: 120px;
    overflow-y: auto;
    background-color: #F0F8FC;
}

.pincode_list {
    height: 300px;
    overflow-y: auto;
}

#snackbarError, #snackbarWarning, #snackbarSuccess {
    /*visibility: hidden;*/
    display: none;
    width: auto;
    min-width: 275px;
    margin-left: -125px;
    /*background-color: rgba(0,0,0,0.7);*/
    color: #fff;
    text-align: center;
    border-radius: 4px;
    /*padding: 16px;*/
    position: fixed;
    z-index: 99999999999999;
    left: 50%;
    bottom: 30px;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    #snackbarWarning .snackbar_warning {
        background-color: #FF9D34 !important;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        width: 300px;
        border-radius: 4px;
    }

    #snackbarSuccess .snackbar_wrapper {
        background-color: #2BACE0 !important;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        width: 300px;
        border-radius: 4px;
    }

    #snackbarError .snackbar_error {
        background-color: #FF6250 !important;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        width: 300px;
        border-radius: 4px;
    }

        #snackbarError .snackbar_error div p {
            font-size: 14px;
            line-height: 18px;
            color: #fff;
        }

    #snackbarSuccess .snackbar_wrapper div p {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        text-align: start;
    }

    #snackbarWarning .snackbar_warning div p {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
    }

    #snackbarError img, #snackbarWarning img, #snackbarSuccess img {
        margin-right: 10px;
        width: 30px;
    }

    #snackbarError.show, #snackbarWarning.show, #snackbarSuccess.show {
        /*visibility: visible;*/
        display: block;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.mobileno_change {
    font-size: 12px;
    text-decoration: underline;
}

    .mobileno_change:hover {
        font-size: 12px;
        text-decoration: underline;
        color: #fd8bbc;
    }

/*@media only screen and (min-width : 320px) {
    #snackbarError, #snackbarWarning, #snackbarSuccess {*/
/*visibility: hidden;*/
/*width: 300px;
        min-width: 250px;
        margin: auto;*/
/*background-color: rgba(0,0,0,0.7);*/
/*color: #fff;
        text-align: center;
        border-radius: 4px;*/
/*padding: 16px;*/
/*position: fixed;
        z-index: 99999999999999;
        left: 0%;
        right: 0;
        bottom: 30px;
        font-size: 14px;
        font-family: "Roboto Condensed", sans-serif;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
}*/
/* Login Modal Pops ends */

.spinners {
    margin: 0px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

    .spinners > div {
        background-color: #f0eded;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinners .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinners .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinners .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinners .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.manage_address_detail p {
    color: #6E6F70;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
}

.card table td, .card table th {
    border: 0;
}

.orderdetails_view {
    text-align: center;
}

    .orderdetails_view img {
        width: 22px;
    }

.order_cancel {
    background-color: #F968A7;
    color: #fff;
    width: 90px;
    margin: auto;
    border: none;
    border-radius: 2px;
    font-size: 13px;
    transition: all 0.3s ease;
    padding: 4px 0px;
}

    .order_cancel:hover {
        opacity: 0.7;
    }

.card table td, .card table th {
    font-size: 13px;
}

.contactus_bg {
    background: #F5F5F5 url(../Content/assets/Images/svg/contact-img.svg) no-repeat 90%;
}

.order_detail_bg {
    background-color: #E5F1F7;
    padding: 15px;
    border-radius: 6px 6px 0px 0px;
}

.order_details_screen {
    margin: 25px 125px;
}

.order_details {
    border: 1px solid #BFDCE9;
    border-radius: 6px;
    /*padding: 0px 0px 15px 0px;*/
    margin: 20px 0px 35px 0px;
}

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

    .order_details_number div {
        line-height: 16px;
    }

        .order_details_number div label {
            margin: 0px;
            color: #6E6F70;
            font-size: 12px;
            margin-bottom: 7px;
        }

        .order_details_number div p {
            margin: 0px;
            color: #555555;
            font-size: 13px;
            font-weight: bold;
        }

.order_invoice a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

    .order_invoice a img {
        width: 22px;
        cursor: pointer;
    }

    .order_invoice a p {
        color: #98A9B9;
        font-size: 12px;
        cursor: pointer;
    }

.product_lists {
    display: none;
}

    .product_lists.active {
        display: block;
    }

.tracking {
    background-color: #666666;
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

    .tracking:hover {
        opacity: 0.7;
    }

#view_products {
    background-color: #666666;
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
    border-radius: 4px;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

    #view_products:hover {
        opacity: 0.7;
    }

.delivery_details_bg {
    padding: 15px;
    background-color: #F2F7F9;
    border-radius: 0px 0px 6px 6px;
}

.Invoice_details {
    border-top: 1px solid #BFDCE9;
}

.Invoice_details_form div label {
    margin: 0px;
    color: #6E6F70;
    font-weight: 500;
    font-size: 13px;
}

.Invoice_details_form div span {
    color: #6E6F70;
    font-size: 13px;
    margin-left: 10px;
}

.ordered_products_heading {
    padding: 0px 10px 10px 0px;
}

    .ordered_products_heading h6 {
        color: #555555;
    }

.ordered_products {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .ordered_products div:nth-child(1) img {
        width: 68px;
    }

    .ordered_products div:nth-child(2) span {
        color: #6E6F70;
        font-size: 13px;
    }

    .ordered_products div:nth-child(2) p {
        color: #3B3B3B;
        font-size: 14px;
        font-weight: 500;
    }

.ordered_product_list {
    padding: 10px 15px;
    border: 1px solid #BFDCE9;
    border-radius: 2px;
}

.thankyou {
    padding: 10px 0px;
    text-align: center;
}

    .thankyou h2 {
        font-size: 18px;
        font-weight: normal;
        color: #7e7e7e;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        margin-top: 5px;
    }

    .thankyou img {
        background-color: #22ab22;
        padding: 2px;
        border-radius: 50%;
        width: 40px;
        margin: auto;
    }

.thanksGiving {
    padding: 20px 0px 10px 0px;
}

    .thanksGiving p {
        font-size: 14px;
        color: #7e7e7e;
        text-align: center;
    }

.product_price p {
    text-align: end;
    color: #6E6F70;
    font-size: 13px;
    margin-right: 10px;
}

    .product_price p span {
        color: #464545;
        font-weight: 500;
    }


.ordered_delivery_address h6 {
    color: #464545;
    font-size: 16px;
}

.ordered_delivery_address div span {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

.ordered_delivery_address div p {
    color: #464545;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}

.user_id {
    color: #7e7e7e;
    font-size: 12px;
}

.order-stutus {
    height: 90px;
}

@media only screen and (min-width : 320px) {
    .order-stutus {
        height: 80px;
    }
}

@media only screen and (min-width : 1216px) {
    .order-stutus {
        height: 90px;
    }
}



.horizontal.timeline {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    top: 15px;
    margin: 0 auto;
}

    .horizontal.timeline:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: .2em;
        background-color: #D0D8DF;
    }

    .horizontal.timeline .line {
        display: block;
        position: absolute;
        width: 0%;
        height: .2em;
        background-color: #5CC46D;
    }

.linewidth1 {
    width: 33% !important;
}

.linewidth2 {
    width: 66% !important;
}

.linewidth3 {
    width: 100% !important;
}

.horizontal.timeline .steps {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .horizontal.timeline .steps .step {
        display: block;
        position: relative;
        bottom: calc(100% + 1em);
        padding: .33em;
        margin: 0 2em;
        box-sizing: content-box;
        color: #98A9B9;
        background-color: currentColor;
        border: .25em solid white;
        border-radius: 50%;
        z-index: 500;
    }

.stepColor {
    color: #5CC46D !important;
}

.horizontal.timeline .steps .step:first-child {
    margin-left: 0;
}

.horizontal.timeline .steps .step:last-child {
    margin-right: 0;
}

.horizontal.timeline .steps .step span {
    position: absolute;
    top: calc(100% + 1em);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #98A9B9;
    font-size: 12px;
}

.horizontal.timeline .steps .step.current:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
    animation-name: animation-timeline-current;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

.horizontal.timeline .steps .step.current span {
    opacity: .8;
}

@keyframes animation-timeline-current {
    from {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.transaction_fromdate {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .transaction_fromdate label {
        color: #E3378C;
        font-size: 12px;
        width: 80px;
    }

    .transaction_fromdate input {
        height: 35px;
        border-radius: 4px !important;
        color: #6E6F70;
        font-size: 13px;
        background-color: #fff;
    }

.transaction_detail {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .transaction_detail div:nth-child(2) p {
        font-size: 14px;
        color: #555555;
        font-weight: 500;
    }

    .transaction_detail div:nth-child(2) span {
        color: #555555;
        font-size: 12px;
    }

.card .card-body .table-responsive .table > :not(caption) > * > * {
    padding: 10px 15px !important;
}

.card-body {
    padding: 1rem 0px !important;
}

/*
.transaction_fromdate .datepicker-toggle {
    display: inline-block;
    position: relative;
}

    .transaction_fromdate .datepicker-toggle .datepicker-toggle-button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image:url(../Content/assets/Images/svg/arrow-blue.svg);
    }

    .transaction_fromdate .datepicker-toggle .datepicker-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        box-sizing: border-box;
    }

        .transaction_fromdate .datepicker-toggle .datepicker-input::-webkit-calendar-picker-indicator {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }*/
.Wallet_balance_details {
    padding: 20px;
    border: 1px solid #BFDCE9;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 70px;
}

.payment_wallet {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .payment_wallet a {
        margin-top: 5px;
    }

        .payment_wallet a img {
            background-color: #2bace0;
            border-radius: 50%;
        }

.balance_details_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 15px 0px;
}

    .balance_details_heading p {
        color: #686868;
        font-size: 15px;
        font-weight: 500;
    }

    .balance_details_heading button {
        background-color: transparent;
        border: none;
    }

.topup_plans {
    border: 1px dashed #BAE3F3;
    padding: 15px 20px;
    border-radius: 4px;
    background-color: #F3FAFF;
    position: relative;
    transition: all 0.5s ease;
    margin-bottom:20px;
}

    .topup_plans .online_topup button span {
        color: #fff !important;
    }

    .topup_plans .online_topup button {
        background-color: #FFFFFF;
        border: none;
        font-size: 13px;
        padding: 2px 20px;
        color: #333333;
        font-weight: bold;
        transition: all 0.3s ease;
        margin-bottom: 10px;
        border-radius: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

        .topup_plans .online_topup button:hover {
            opacity: 0.7;
        }

    .topup_plans .online_topup {
        opacity: 1;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 70px;
        transition: all 0.5s ease;
        background-image: linear-gradient(to top, rgb(5 25 55 / 25%), rgba(68, 73, 100, 20%), rgba(128, 129, 149, 15%), rgba(191, 190, 200, 10%), rgba(255, 255, 255, 5%));
    }
/*
    .topup_plans:hover .online_topup {
        opacity: 1;
    }*/

.remaining_heading_bg {
    background-color: #FFFBF7 !important;
}

.topup_plans div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

    .topup_plans div:last-child {
        padding-bottom: 0px;
    }

    .topup_plans div span {
        color: #686868;
        font-size: 13px;
    }

    .topup_plans div h6 {
        color: #464545;
        font-size: 15px;
    }

.other_plans {
    padding: 15px 0px;
}

.optional_plans {
    background-color: #fff !important;
}

.product_detail_brand {
    color: #A9B2BF;
    font-size: 15px;
}

.availableInPucStore {
    border: 1px dashed #FF5A5A;
    padding: 15px 20px;
    border-radius: 6px;
    margin: 20px 0px;
    width: 100%;
}

    .availableInPucStore .Availablein_puc_store div h5 {
        font-size: 20px;
        font-weight: 400;
        color: #464545;
    }

    .availableInPucStore .Availablein_puc_store div span {
        color: #464545;
        font-size: 12px;
    }

.Availablein_puc_store {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .Availablein_puc_store div button {
        background-color: #2BACE0;
        color: #fff;
        border: none;
        height: 40px;
        border-radius: 3px;
        font-size: 12px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .Availablein_puc_store div button img {
            width: 16px;
            margin-right: 5px;
        }

.availableInPucStore div {
    /*    display: flex;
        align-items: center;
        justify-content: flex-start;*/
    gap: 20px;
}

#outofStock input {
    height: 40px;
    border: 1px solid #BAE3F3;
    border-radius: 4px;
    color: #6E6F70;
    font-size: 13px;
}

#outofStock button {
    background-color: #FFCF76;
    color: #464545;
    font-size: 12px;
    border: none;
    width: 120px;
    height: 38px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

    #outofStock button:hover {
        opacity: 0.7;
    }

.write_rating {
    color: #2BACE0;
    font-size: 14px;
}

.review_feedback {
    color: #555555;
    font-size: 14px !important;
    font-weight: 500;
}

.rating_form form div {
    margin-bottom: 10px;
}

    .rating_form form div input {
        height: 40px;
        border: 1px solid #BAE3F3;
        border-radius: 4px;
        font-size: 13px;
    }

        .rating_form form div input:focus {
            border: 1px solid #2BACE0;
        }

    .rating_form form div label {
        color: #464545;
        font-size: 13px;
        margin-bottom: 3px;
        font-weight: 500;
    }

    .rating_form form div button {
        background-color: #2BACE0;
        float: right;
        border-radius: 4px;
        font-size: 13px;
        padding: 8px 20px;
        border: none;
        transition: all 0.3s ease;
    }

        .rating_form form div button:hover {
            opacity: 0.7;
        }

    .rating_form form div .Review_rating_changes textarea {
        color: #6E6F70;
        resize: none;
        min-height: 100px !important;
        width: 100%;
        border: 1px solid #BAE3F3;
        border-radius: 4px;
        font-size: 13px;
    }

        .rating_form form div .Review_rating_changes textarea:focus {
            border: 1px solid #2BACE0;
            background-color: #fff;
        }

   /* .rating_form form div .Review_rating_changes{
        display:flex;
        align-items:end;
        gap:25px;
    }*/

        .rating_form form div .Review_rating_changes button{
            width:140px !important;
        }

        .ordered_products div span {
            font-size: 12px;
        }

.ordered_products div p {
    font-size: 13px;
}

.ordered_delivery_address .delivery_mode {
    color: #7e7e7e;
    font-weight: normal;
    margin-top: 6px;
    font-size: 12px;
}

.order-receipt_btn a {
    background-color: #2BACE0;
    color: #fff;
    width: 260px;
    margin: 0px auto auto auto;
    display: block;
    padding: 6px 20px;
    transition: all 0.3s ease;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
}

    .order-receipt_btn a:hover {
        opacity: 0.7;
    }


.fromRegisterError {
    border: 1px solid #ff4c4c !important;
    -webkit-font-smoothing: antialiased;
}

.closeIcon {
    width: 30px;
    padding-right: 10px !important;
}

.changeModePopup {
    padding: 1rem;
}

    .changeModePopup p {
        color: #686868;
    }

.changeOrdermodebtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0px 1rem 1rem 1rem;
}

    .changeOrdermodebtns .Modesubmit {
        background-color: #F968A7 !important;
        color: #fff;
        font-size: 14px;
        padding: 7px 10px !important;
        border-radius: 4px !important;
        width: 70px !important;
        border: none;
    }

    .changeOrdermodebtns .Modecancel {
        background-color: #EFF3F5 !important;
        color: #333333;
        font-size: 14px;
        padding: 7px 10px !important;
        border-radius: 4px !important;
        width: 70px !important;
        border: none;
    }

    .changeOrdermodebtns button {
        transition: all 0.3s ease;
    }

        .changeOrdermodebtns button:hover {
            opacity: 0.7;
        }

.nodataAvailable {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
}

    .nodataAvailable div {
        text-align: center;
    }

        .nodataAvailable div p {
            color: #737373;
            font-size: 14px;
            font-weight: 500;
        }

.loader {
    width: 40px;
    height: 40px;
    border: 5px solid #FFF;
    border-bottom-color: #F968A7;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.Wallter_bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.transaction_warning {
    background-color: #FFF9EC;
    padding: 15px;
    margin: 0px 0px;
}

    .transaction_warning div p {
        font-size: 14px;
        color: #847c6a;
        text-align: center;
    }

@media only screen and (max-width:576px) {
    .Cart_detail {
        padding: 20px 0px;
    }

    .Cart_details {
        margin: 10px 0px;
    }

    .contact_form button {
        width: 100%;
    }

    .MI_membership {
        margin-top: 20px;
    }

    .Cart_details .nav .nav-item .nav-link div {
        display: block;
    }

        .Cart_details .nav .nav-item .nav-link div .profile_tabImages {
            margin: auto auto 10px auto;
        }

        .Cart_details .nav .nav-item .nav-link div .change_tabImages {
            margin: auto auto 10px auto;
        }

        .Cart_details .nav .nav-item .nav-link div .address_tabImages {
            margin: auto auto 10px auto;
        }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.validateloader {
    width: 30px;
    height: 30px;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

    .validateloader::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 3px solid;
        border-color: #fff transparent;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.loader1 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

    .loader1::before, .loader1::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 3px solid #2BACE0;
        animation: prixClipFix 2s linear infinite;
    }

    .loader1::after {
        border-color: #E43A84;
        animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
        inset: 6px;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

.wallet_Topup .modal-lg {
    max-width: 600px !important;
}

.action-btn .heart_normal {
    padding-top: 10px;
}

.more-btn {
    outline: 0;
    background: #fff;
    border: 0;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    float: right;
    color: #666;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    cursor: pointer;
}

    .more-btn img {
        margin-right: 5px;
    }

    .more-btn:focus .dropdown, .more-btn:active .dropdown {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 1;
        visibility: visible;
    }

    .more-btn .material-icons {
        border-radius: 100%;
        -webkit-animation: ripplebtn 0.6s linear infinite;
        animation: ripplebtn 0.6s linear infinite;
    }

    .more-btn .dropdown {
        position: absolute;
        top: 25px;
        right: 0;
        background: #424242;
        border-radius: 4px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
        text-align: left;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        z-index: 9999;
    }

        .more-btn .dropdown:before {
            content: '';
            position: absolute;
            top: -6px;
            right: 20px;
            width: 0;
            height: 0;
            box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.05);
            border-top: 6px solid #FFFFFF;
            border-right: 6px solid #FFFFFF;
            border-bottom: 6px solid transparent;
            border-left: 6px solid transparent;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            mix-blend-mode: multiple;
        }

        .more-btn .dropdown li {
            z-index: 1;
            position: relative;
            background: #fff;
            padding: 0 0px;
            color: #666;
            padding-bottom: 5px;
        }

            .more-btn .dropdown li.active {
                color: #5380F7;
            }

        .more-btn .dropdown a {
            display: block;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            /*padding: 16px 0;*/
            color: inherit;
            font-size: 12px;
            text-decoration: none;
        }

            .more-btn .dropdown a:hover {
                background-color: lightgrey !important;
            }

            .more-btn .dropdown a img {
                width: 22px;
            }

#outofStock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.attr-size div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.total_reviews {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .total_reviews .total_reviews_list {
        background-color: #2BACE0;
        border-radius: 50%;
        padding: 26px;
        font-size: 18px;
        width: 20px;
        color: #fff;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.cartLoader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #00000020;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.elements_rating {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
}

.our_brand_ht {
    min-height: 100px;
    padding: 0px;
    background: transparent !important;
}

    .our_brand_ht figure a img {
        min-width: 100%;
    }

    .our_brand_ht figure {
        margin-bottom: 0px;
    }

    .our_brand_ht:hover {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
    }

        .our_brand_ht:hover .card-1 figure img {
            border-radius: 10px !important;
        }

.testimonial_slider {
    top: 100px !important;
}

.Iframe_outerlayer {
    width: 70%;
    margin: auto;
}

.Iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 66.66%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.quotes_left {
    background: #fff url(../Content/assets/Images/svg/quotes-left.svg) no-repeat 50px 50px;
}

label.error {
    color: #FF002F !important;
    font-size: 10px !important;
    float: right !important;
}

input.error {
    border-color: #FF002F !important;
}

input {
    border-color: rgb(231, 234, 236);
}

/* scrollbar */
.addNewAddress::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2BACE0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2BACE0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 255, 255, 0.3);
    }


.play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    align-items: center;
    justify-content: center;
    display: flex;
    border: none;
    background-color: #e43a84e0;
    padding: 14px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
    display: block;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
}

.product_detail_bredcrumb {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 6px;
}

    .product_detail_bredcrumb a {
        color: #6E6F70 !important;
        font-size: 13px;
        cursor: default;
    }

        .product_detail_bredcrumb a.active h6 {
            color: #333333;
            font-weight: 500;
        }

.product_detail_headings h6 {
    text-transform: lowercase;
    font-weight: normal;
    color: #6E6F70;
    font-size: 13px;
}

    .product_detail_headings h6:first-letter {
        text-transform: uppercase;
    }

.Is_code {
    padding: 7px 0px;
}

    .Is_code p {
        color: #6E6F70;
        font-size: 13px;
    }

        .Is_code p span {
            color: #333333;
            font-size: 13px;
            font-weight: 500;
        }

.product_brand {
    padding: 2px 0px 10px 0px;
}

    .product_brand h6 {
        color: #A9B2BF;
        font-weight: normal;
        font-size: 16px;
    }

.input:focus {
    border-bottom: 3px solid orange;
    outline: none;
}

.input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}

.plus_nineOne {
    position: absolute;
    left: 1px;
    bottom: 0;
    color: #464545;
    height: 40px;
    width: 35px;
    font-size: 13px;
    color: #464545;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus_nineOne_1 {
    position: absolute;
    left: 20px;
    top: 35px;
    color: #464545;
    font-size: 13px;
    color: #464545;
}

.eye_opened {
    width: 45px !important;
    background-color: transparent !important;
    position: absolute;
    top: 32px;
    right: 0px;
}

.eye_opened_1 {
    width: 45px !important;
    background-color: transparent !important;
    position: absolute;
    top: 17px;
    right: 12px;
}

@media only screen and (max-width: 768px) {
    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
        padding: 30px 20px;
    }
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
    padding: 0px 0 0 10px;
}

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
        padding: 10px 0;
        border-bottom: none;
    }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
    display: block;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
}

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.menu-item-has-children .menu-expand {
        top: 0px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand {
        right: 0;
        position: absolute;
        cursor: pointer;
        z-index: 9;
        text-align: center;
        font-size: 12px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 38px;
        top: 5px;
        color: #253d4e;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
        font-size: 14px;
        display: block;
        font-weight: 500;
        text-transform: lowercase;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a:first-letter {
            text-transform: uppercase;
        }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
        font-size: 14px;
        line-height: 1;
        text-transform: capitalize;
        font-weight: 700;
        position: relative;
        display: inline-block;
        color: #253d4e;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul {
        margin-top: 0;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
        padding: 10px 0;
        border-bottom: none;
    }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
    display: block;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
}

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand i {
        font-size: 14px;
        font-weight: 300;
    }

button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed;
}

.Best_selling {
    background-color: #FFF0E3;
    height: 240px;
    cursor: pointer;
}

.bestselling_images {
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 180px;
    height: 180px;
    object-fit: cover;
}

.bg-bestselling1 {
    background-color: #D5F4F8 !important;
}

.bg-bestselling2 {
    background-color: #E3F1FF !important;
}

.bg-bestselling3 {
    background-color: #E4F0E6 !important;
}

.bg-bestselling4 {
    background-color: #FFF0E3 !important;
}

@media only screen and (max-width:576px) {
    .header-action-2 .whish_list_mob_notify a span.pro-count {
        right: -2px !important;
        top: -2px !important;
        height: 10px !important;
        width: 10px !important;
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count {
        right: -5px;
        top: -8px;
        height: 16px;
        width: 16px;
        line-height: 16px;
    }

    .product-cart-wrap .product-img-action-wrap {
        max-height: 100%;
    }

    .Login_banner {
        display: none;
    }

    .Account_flow {
        width: 100%;
        padding: 30px 0px;
        height: 100%;
    }

    .shopping-summery {
        overflow-x: hidden;
    }

    .wishList_details {
        margin: 10px 0px 10px 10px;
        padding: 10px 15px;
    }

    .wishList_products {
        justify-content: space-between;
        gap: 20px;
    }

    .wishList_status_inStock p {
        text-align: center;
    }

    .wishList_price {
        text-align: center;
        margin-top: 10px;
    }

    .wishList_addcart {
        margin-top: 10px;
    }

        .wishList_addcart .wishList_addcart_detail a span {
            font-size: 15px;
        }

    .cart-totals {
        margin-top: 10px;
    }

    .delete_account_btn {
        margin-left: 0px;
    }

    .topup_plans {
        margin-bottom: 20px;
    }

    .transaction_fromdate label {
        width: 100%;
        text-align: start;
    }

    .Cart_details .nav .nav-item .nav-link div .myorder_tabImages {
        margin: 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .tracking_tabImages {
        margin: 10px auto;
    }
}

.delete_account_btn {
    margin-left: 20px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

.whish_active.active {
    background-color: #E43A84;
    color: #fff;
    font-weight: bold;
}

.secure_payment {
    width: 230px;
}

.quotes_right {
    position: absolute;
    right: 20px;
    bottom: 100px;
}

.summaryTotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

/*  .summaryTotal:last-child{
        margin-bottom:0px;
    }
*/
.walletDetail {
    padding: 10px 20px 0px 20px;
}

.close {
    background-color: transparent;
    border: none;
}

    .close span {
        font-size: 30px;
    }

.card_details_border {
    border-bottom: 1px solid lightgrey;
}

.rating_count {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .rating_count div:nth-child(2) span {
        color: #000000;
        font-size: 12px;
    }

.star-rating1 {
    display: block;
    position: relative;
    font-size: 22px;
    margin-bottom: 5px;
}

.one-star,
.two-star,
.three-star,
.four-star,
.five-star {
    border: 0;
    padding: 0;
    margin: 0;
    cursor: default;
    background-color: transparent;
    color: #dadada;
    cursor: pointer;
}

    .one-star.stars,
    .two-star.stars,
    .three-star.stars,
    .four-star.stars,
    .five-star.stars {
        color: #ffc96d;
    }

    .one-star .transparent,
    .two-star .transparent,
    .three-star .transparent,
    .four-star .transparent,
    .five-star .transparent {
        color: transparent;
    }

    .one-star:hover, .one-star:focus,
    .two-star:hover,
    .two-star:focus,
    .three-star:hover,
    .three-star:focus,
    .four-star:hover,
    .four-star:focus,
    .five-star:hover,
    .five-star:focus {
        color: #ffc96d;
    }

        .one-star:hover ~ *, .one-star:focus ~ *,
        .two-star:hover ~ *,
        .two-star:focus ~ *,
        .three-star:hover ~ *,
        .three-star:focus ~ *,
        .four-star:hover ~ *,
        .four-star:focus ~ *,
        .five-star:hover ~ *,
        .five-star:focus ~ * {
            color: #ffc96d;
        }

.star-rating1 input[type='radio'] {
    display: none;
}

    .star-rating1 input[type='radio']:checked ~ * {
        color: #ffc96d;
    }

.one-star,
.two-star,
.three-star,
.four-star,
.stars {
    position: absolute;
    top: 0;
    left: 0;
}

.stars {
    overflow: hidden;
}

.no_reviews_published {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: 100%;
}

    .no_reviews_published div {
        text-align: center;
    }

.update_count {
    /*  background-color: transparent !important;
    color: #F968A7 !important;*/
    /*width: 25px;
    height: 25px;
    border-radius: 50%;*/
    padding: 3px;
    font-size: 13px;
}

    .update_count:hover {
        color: #e3378c;
    }

    .update_count p {
        text-align: center;
    }

.update_text {
    color: #bababa;
    margin-top: 5px;
    font-size: 12px;
    cursor: pointer;
}
/*  */
.onhover_signin {
    padding: 8px 5px !important;
    cursor: pointer;
    border-radius: 4px;
}

    .onhover_signin:hover {
        background-color: #2bace0;
        color: #fff;
    }

.onhover_language {
    padding: 8px 8px !important;
    cursor: pointer;
    border-radius: 4px;
}

    .onhover_language:hover {
        background-color: #d8d8d87a;
        color: #464545;
    }

    .onhover_language a svg {
        height: 24px !important;
        width: 24px !important;
        fill: #7E7E7E;
    }

.onhover_signin a svg {
    height: 24px !important;
    width: 24px !important;
    fill: #7E7E7E;
}

.orderdetails_view {
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

    .orderdetails_view:hover #view_icon {
        fill: #2BACE0;
    }

#signUp {
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.onhover_signin:hover a #signUp {
    fill: #ffffff;
}

.onhover_signin:hover .signin_colorchange {
    color: #ffffff;
}

.wishlist_icon a svg {
    height: 24px !important;
    width: 24px !important;
    fill: #7E7E7E;
    margin-right: 10px;
}

.quick_items {
    font-size: 15px;
    color: #8D8D8D;
    padding-top: 17px;
}

.social_links {
    margin-top: 14px;
    border-top: 1px solid #E9E9E9;
}

.contact-infor li a {
    color: #464545 !important;
    text-transform: none;
}

.contact-infor li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.video_series {
    height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    position: relative;
    background-image: url('../Images/Elements Wellness 3-In-1 Face Wash 60 Gms.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .video_series .video_play a {
        display: block;
    }

        .video_series .video_play a img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 99;
        }

.videoProduct_details {
    text-align: center;
    margin-top: 10px;
}

    .videoProduct_details span {
        color: #A9B2BF;
        font-size: 12px;
    }

    .videoProduct_details p {
        color: #333333;
        font-size: 14px;
        font-weight: 500;
    }

.video_overllay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #00000030;
    border-radius: 16px;
}

.moreVideos {
    margin-top: 20px;
}

    .moreVideos a {
        display: block;
        width: 120px;
        margin: auto;
        border: 1px solid #2BACE0;
        border-radius: 20px;
        text-align: center;
        font-size: 12px;
        padding: 5px 10px;
        font-weight: 500;
        background-color: #fff;
        color: #333333 !important;
    }

        .moreVideos a:hover {
            color: #fff !important;
            background-color: #2BACE0;
        }

.product_listing_heading {
    font-size: 30px;
}

.productlisting_img_size {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.product_description p {
    font-size: 13px;
    color: #464545;
    margin-bottom: 10px;
    line-height: 1.5em;
    height: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    /*text-transform: lowercase;*/
}

   /* .product_description p:first-letter {
        text-transform: uppercase;
    }*/

.noProducts {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .noProducts div {
        text-align: center;
    }

        .noProducts div p {
            font-size: 13px;
            margin-top: 5px;
        }

.homepage_bg {
    /*background-image: url(../Content/assets/Images/svg/homepage_bg_1.svg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    overflow-x: hidden;
}

.cart_total_amount p {
    color: #555555 !important;
}

.ChangePassword_notes {
    border: 1px solid #BFDCE9;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
}

    .ChangePassword_notes div:nth-child(1) {
        text-align: center;
    }

    .ChangePassword_notes div:nth-child(2) ul {
        margin: 10px 40px;
    }

        .ChangePassword_notes div:nth-child(2) ul li {
            list-style-type: disc;
            color: #D35A4F;
            font-size: 13px;
        }

.d-inline-grid {
    display: inline-grid !important;
}

.your_cart {
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px 20px;
}

@media (min-width:1200px) and (max-width:1367px) {
    .product-cart-wrap .product-img-action-wrap .product-img a img {
        height: 155px;
    }
}

@media (min-width:1368px) and (max-width:1500px) {
    .product-cart-wrap .product-img-action-wrap .product-img a img {
        height: 158px;
    }
}

#walletTopup .modal-dialog {
    max-width: 550px !important;
}

.Shipping_page {
    background-color: #FFFFFF;
}

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

.Payment_page_1 {
    background-color: #fff;
    border-radius: 6px;
    margin-top: 20px;
    padding: 20px 20px;
    min-height: calc(100vh - 165px);
}

.adding_scroll {
    height: 53vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 10px 0px 8px;
}

.Cart_detail_1 {
    padding: 0px 10px 20px 10px;
}

.table > tbody > tr > td {
    vertical-align: middle !important;
    padding: 2px 2px !important;
}

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

    .Order_summary div p span {
        color: #2BACE0;
    }

.go_to_payment a {
    background-color: #2bace0;
    color: #fff;
    padding: 8px 10px;
    font-size: 13px;
    border-radius: 2px;
    transition: all 0.3s ease;
}

    .go_to_payment a:hover {
        opacity: 0.7;
    }

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .container-fluid:before,
    .container-fluid:after {
        display: table;
        content: " ";
    }

    .container-fluid:after {
        clear: both;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.Payment_topup {
    background-color: #DBF1FA;
    padding: 4px 18px !important;
    transition: all 0.3s ease;
    border-radius: 3px;
}

    .Payment_topup .payment_online_1 div p {
        color: #333333 !important;
        font-weight: bold !important;
    }

    .Payment_topup:hover {
        opacity: 0.7;
    }

.reviews_custom {
    background-color: #F7F7F7;
    padding: 20px 20px 10px 20px;
    border-radius: 6px;
    height: 300px;
}

.Tracking_order .table-responsive .table > thead {
    background-color: #E5F1F7 !important;
}

.Tracking_order .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #F2F7F9 !important;
}

@media only screen and (max-width:576px) {
    .hero-slider-1 img {
        border-radius: 0px;
    }

    .Quick_shop_category {
        margin: auto;
        flex-wrap: wrap;
        gap: 15px;
    }

    .our_brand_ht {
        width: 48% !important;
    }

    .card-1 {
        margin-bottom: 0px;
        width: 47%;
    }

    .Brands_section {
        margin: auto;
        gap: 5px;
        flex-wrap: wrap;
    }

    .card-1 figure img {
        border-radius: 0px;
    }

    .newsletter {
        background-image: none;
    }

    .form-subcriber .subscribe {
        font-size: 14px;
    }

    .newsletter .newsletter-inner .newsletter-content form input {
        font-size: 13px;
    }

    .footer-mid {
        padding: 25px 10px 0px 10px;
    }

    footer .download-app a img {
        max-width: 72px;
    }

    .copyrights {
        padding: 15px 0px;
        display: block;
    }

    footer .mobile-social-icon {
        justify-content: flex-start;
    }

    .about-count {
        width: 100%;
    }

        .about-count h1 {
            font-size: 28px;
        }

        .about-count h4 {
            font-size: 15px;
        }

    .count_seperate {
        margin-bottom: 10px;
    }

    .removing_borderright {
        border: none;
    }

    .header-style-1 .header-bottom-bg-color {
        padding: 16px 5px 11px 5px;
        background-color: #fff;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
        padding: 8px 15px 8px 15px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
        padding: 10px 20px 10px 20px;
    }

    .mobile-social-icon {
        margin-top: 10px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
        padding: 0px;
        margin-bottom: 10px;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
            padding-bottom: 10px;
        }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a:last-child {
                padding-bottom: 0px;
            }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
            padding: 0px 0px 5px 10px;
        }

    .search-style-3 form input {
        height: 35px;
        font-size: 13px;
    }

    .videoProduct_details {
        margin: 0px 0px 10px 0px;
    }

    .whish_list {
        padding: 10px 10px;
    }

    .shopping-summery {
        height: 45vh;
        padding-right: 5px;
    }

    .your_cart {
        padding: 10px 10px 10px 15px;
    }

    /* .hero-slider-1 .single-hero-slider{
        height:200px;
    }

    .hero-slider-1 img {
        height: 200px;
        object-fit: cover;
    }*/

    .section-title.style-1 {
        padding-bottom: 0px;
    }

    .wight {
        margin-bottom: 25px;
    }

    /*    .hotline {
        display: flex !important;
    }*/

    .secure_payment {
        width: 100%;
    }

    .cart-totals .table td {
        display: revert !important;
        text-align: start !important;
    }

    .customer_id {
        text-align: start;
    }

    .cart_total_amount p {
        text-align: start;
    }

    .detail-extralink {
        justify-content: flex-end;
    }

    .product_cost {
        width: 100%;
        padding: 5px 0px;
    }

    .detail-info .detail-extralink .detail-qty {
        padding: 5px 10px 6px 10px;
    }

    .cart_heading {
        flex-wrap: wrap;
    }

    .brand_category .col-6:nth-child(odd) {
        padding-right: 5px;
    }

    .primary-sidebar .sidebar-widget {
        padding: 14px 14px 5px 14px;
    }

    .detail-gallery .product-image-slider img {
        height: 100%;
        padding: 10px;
    }

    .detail-gallery .product-image-slider {
        margin-bottom: 20px;
        height: 50vh !important;
    }

    .page-header.breadcrumb-wrap .container {
        padding-left: 0px;
    }

    .detail-info .title-detail {
        font-size: 24px;
    }

    .product_brand h6 {
        font-size: 14px;
    }

    .detail-info .product-price .current-price {
        font-size: 35px;
    }

    .tab-content.shop_info_tab {
        margin-top: 0px;
    }

    .accordion-toggle {
        font-size: 12px;
        padding: 10px 15px 10px 0px;
    }

    .accordion-content p {
        font-size: 12px;
    }

    .total_reviews .total_reviews_list {
        font-size: 16px;
    }

    .testimonial_profile {
        justify-content: center;
    }

        .testimonial_profile div:nth-child(1) {
            font-size: 20px;
            padding: 28px;
        }

    .review_feedback {
        font-size: 12px !important;
    }

    .desc div:nth-child(1) {
        margin-bottom: 5px !important;
    }

    .comments-area .thumb {
        min-width: auto;
    }

    .table > tbody > tr > td {
        padding: 5px 10px !important;
    }

    .cart-action {
        justify-content: center !important;
    }

    .cart_total_amount h4 {
        font-size: 20px !important;
        width: 105px;
    }

    .payment_page {
        margin: 0px !important;
    }

    .is-logo img {
        width: 100% !important;
    }

    .checkout_page {
        margin: 0px !important;
    }

    .Cart_detail_1 {
        padding: 0px;
    }

    .Cart_details .nav .nav-item .nav-link div .Selected_address {
        margin: 0px auto 10px auto;
    }

    .CheckOut {
        margin: 0px !important;
    }

    .Cart_details .nav .nav-item .nav-link div .review_order {
        margin: 0px auto 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .payment_tabImages {
        margin: 0px auto 10px auto;
    }

    .cart-totals {
        margin-top: 20px !important;
    }

    .video_series {
        height: 200px;
        border-radius: 4px;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0px;
    }

    .summaryTotal, .summaryDelivery, .summaryCoupon, .summaryWallet, .summarySaved, .summaryPayable, .paymentProcessBtn {
        font-size: 15px !important;
    }

    .indiashoppe_stores {
        margin: 20px 0px !important;
        padding: 10px !important;
    }

    .aboutus_widthreduction {
        width: 100%;
    }

    .whatweprovide a {
        padding: 10px;
    }

        .whatweprovide a div {
            gap: 10px;
        }

            .whatweprovide a div img {
                height: 40px;
                width: 40px;
            }

    .indiashoppe_stores_search {
        display: block;
    }

        .indiashoppe_stores_search div h3 {
            margin-bottom: 10px;
        }

    .puc_contact_form p {
        width: 100%;
    }

    .privacy_points_lists {
        margin-bottom: 0px;
    }

    .policy_heading a {
        top: 10px;
        left: 24px;
    }

        .policy_heading a span {
            display: none;
        }

    .contactus_bg {
        background-image: none;
    }

    .contact_form p {
        width: 100%;
    }

    .order_details_screen {
        margin: 25px 0px;
    }

    .ordered_delivery_address {
        margin-bottom: 10px;
    }

    .profile_update {
        padding: 15px 15px;
    }

    .contact-form-sm {
        display: flex;
    }

    .deleteAcc_content_heading {
        padding: 10px;
    }

        .deleteAcc_content_heading h5 {
            font-size: 18px;
        }

    .deleteAcc_content {
        padding: 0px 10px 0px 10px;
        font-size: 13px;
    }

    .contact-rules {
        flex-wrap: wrap-reverse;
    }

    .ChangePassword_notes {
        padding: 10px;
        margin-bottom: 10px;
    }

    .manage_address {
        padding: 10px;
    }

    .manage_address_detail {
        padding: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .Wallet_balance_details {
        padding: 10px;
    }

    .balance_details_heading p {
        font-size: 14px;
    }

    .balance_details_heading {
        padding: 0px 0px 5px 0px;
    }

    .payment_wallet {
        font-size: 16px !important;
    }

    .Cart_details .nav .nav-item .nav-link div .walletbalance_tabImages {
        margin: 0px auto 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .transaction_tabImages {
        margin: 0px auto 10px auto;
    }

    .transaction_detail {
        display: block;
    }

    .transaction_fromdate {
        display: block;
        margin-top: 10px;
    }

    .header-action-2 .header-action-icon-2 > a img {
        max-width: 32px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
        padding: 0px;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
            padding: 13px 0;
            display: block;
        }

    .Login_mobile_profile .profile_img {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: lightgrey;
        color: #464545;
        font-weight: bold;
        font-size: 20px;
        border-radius: 50%;
        margin-bottom: 5px;
    }

    .Login_mobile_profile div:nth-child(2) {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #2bace0;
    }

        .Login_mobile_profile div:nth-child(2) a {
            color: #2bace0;
        }

    main {
        overflow-x: hidden;
    }

    .carausel-6-columns, .carausel-4-columns, .carausel-13-columns {
        max-width: unset;
    }

    .search-style-3 form button {
        background-color: #2BACE0;
    }

    .mobile_search {
        margin: 10px 13px 0px 13px;
    }

    .search_btn svg {
        width: 22px !important;
        height: 22px !important;
    }

    .search-style-3 form button {
        font-size: 13px;
    }

    .hotline svg {
        width: 22px;
    }

    .Account_flow .Account_flow_details h1 {
        margin-bottom: 10px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
        width: 100%;
    }

    .action {
        text-align: end !important;
    }

    .detail-qty > a.qty-down {
        height: 35px;
    }

    .detail-qty > a.qty-up {
        height: 35px;
    }

    footer .hotline {
        width: 100%;
        min-width: auto;
        margin-top: 10px;
    }

    .hotline p {
        font-size: 15px;
    }

    #snackbarError, #snackbarWarning, #snackbarSuccess {
        margin-left: 0px;
        transform: translateX(-50%);
    }

    .removing_padding_inmobile {
        padding: 0px !important;
    }

    .wallet_balance {
        margin-bottom: 10px;
    }

    wallet_balance:last-child {
        margin-bottom: 0px;
    }

    .payment_online {
        margin-bottom: 10px;
    }

    .removing_rightpadding_inmobile {
        padding-right: 0px;
    }

    .Wallet_balance_online {
        margin-top: 10px;
    }

    .only_for_web {
        justify-content: normal !important;
    }

    .quick_items {
        padding-top: 10px;
        font-size: 13px;
    }

    .social_links {
    }

    .footer-mid {
        background-color: #F4F6FA;
    }

    .widget-about {
        margin-bottom: 15px !important;
    }

    .topup_plans .online_topup {
        z-index: 999;
    }

    .barcode_popup .barcode_popup_details div button {
        padding: 6px 10px;
    }

    .search-style-2 {
        justify-content: start;
    }

    .banner-left-icon .banner-icon svg {
        width: 45px;
        height: 45px;
    }

    .widget-title {
        font-size: 18px !important;
    }

    .download-app {
        flex-wrap: nowrap;
    }

        .download-app a img {
            width: 100% !important;
            max-width: none !important;
        }

    .more_certifications {
        padding: 1px 5px;
    }

    .archive-header {
        flex-wrap: wrap-reverse;
        gap: 10px;
        padding: 0px;
        height: 100%;
    }

    .category_listing_banner_bg img {
        object-fit: Contain;
        object-position: center;
        border-radius: 12px 12px 0px 0px;
    }

    .category_listing_banner {
        width: 100%;
        padding: 0px 20px 20px 20px;
    }

    .category_listing_banner_bg {
        width: 100%;
        height: 100%;
    }

    .product_listing_heading {
        font-size: 20px;
        padding: 10px 0px 10px 0px !important;
    }

    .category_listing_banner div:nth-child(2) p {
        font-size: 13px;
    }

    .availableInPucStore .Availablein_puc_store div h5 {
        font-size: 17px;
    }

    .availableInPucStore .Availablein_puc_store div span {
        font-size: 10px;
    }

    .Availablein_puc_store div button {
        padding: 0px 5px;
        width:220px;
    }

    .available_in_stores {
        font-size: 14px;
    }

    .availableInPucStore {
        padding: 10px 10px;
    }

    .banner-left-icon .banner-icon {
        width: 20%;
    }

    .banner-text {
        width: 80%;
    }

    .privacy_points_lists:last-child {
        margin-bottom: 10px;
    }

    .accordion-toggle:before {
        right: 0px;
        top: 15px;
    }

    .Order-receipt-heading {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.Order-receipt-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_listing_heading {
    padding: 15px 0px;
}

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

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a {
    color: #253d4e !important;
}

.visibility-hidden {
    visibility: hidden;
}

.only_for_web {
    justify-content: end;
}

.form-select {
    width: 70px;
    padding: .375rem 1.5rem .375rem .75rem;
}

    .form-select:focus {
        box-shadow: none;
        border: 1px solid #ced4da;
    }

.click_location {
    padding: 0px 20px 20px 20px;
}

.header {
    float: right;
    height: 0px;
    position: relative;
    top: 10px;
    right: 10px;
}

    .header .menu-svg {
        position: absolute;
        top: 10px;
        left: -30px;
        cursor: pointer;
    }

    .header svg:not(:root) {
        overflow: hidden;
    }

.cart-overlay {
    position: fixed;
    background-color: transparent;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    z-index: 99999;
}

    .cart-overlay .cart-plate {
        position: absolute;
        right: 0;
        top: 0px;
        right: -450px;
        width: 400px;
        height: 100%;
        background: white;
        box-shadow: 3px 0px 30px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
    }

        .cart-overlay .cart-plate .cart-close {
            position: absolute;
            top: 30px;
            right: 15px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #000;
        }

html.cart-open .cart-plate {
    -webkit-transform: translate3d(-450px, 0px, 0px);
    transform: translate3d(-450px, 0px, 0px);
}

html.cart-open .cart-overlay {
    background-color: rgba(85, 85, 85, 0.2);
    pointer-events: auto;
}

.cart-plate h2 {
    color: #363636;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    margin: 32px 18px;
}

.close-button {
    height: 50px;
    width: 50px;
    position: relative;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
}

    .close-button:before, .close-button:after {
        transform: rotate(-45deg);
        content: '';
        position: absolute;
        top: 39%;
        left: 64%;
        margin-top: -5px;
        margin-left: -25px;
        display: block;
        height: 2px;
        width: 15px;
        background-color: #fff;
        transition: all 0.2s ease-out;
    }

    .close-button:after {
        transform: rotate(45deg);
    }

    .close-button:hover:before, .close-button:hover:after {
        transform: rotate(0deg);
    }

.card-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
}

    .card-footer .total-sum {
        padding: 5px 25px;
    }

        .card-footer .total-sum ul li {
            margin-bottom: 10px;
        }

            .card-footer .total-sum ul li:last-child {
                margin-bottom: 0px;
            }

.pink {
    background-color: #eb4b89;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 6px 0px;
    margin: 10px 0 10px 0px;
    text-transform: capitalize;
}

    .pink:hover {
        color: #fff;
    }

.red {
    width: 100%;
    padding: 6px 0px;
    text-align: center;
    margin: 10px 0 10px 0px;
    text-transform: capitalize;
}

    .red:hover {
        color: #fff;
    }

.cart_buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
    padding:0px 10px;
}
/*
.card-body {
    position: absolute;
    z-index: 999;
}
*/
.cart-empty {
    width: 50%;
    padding: 35% 15px;
    text-align: center;
    margin: auto;
}

.cart-items-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cart-item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 5px 0px 5px 15px;
    /*display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;*/
}

    .cart-item.errorTag {
        background-color: #fff3f5;
        background: -moz-linear-gradient(left, rgba(255, 243, 245, 0) 0%, rgba(255, 243, 245, 0) 1%, rgba(255, 243, 245, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 243, 245, 0) 0%, rgba(255, 243, 245, 0) 1%, rgba(255, 243, 245, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 243, 245, 0) 0%, rgba(255, 243, 245, 0) 1%, rgba(255, 243, 245, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        width: 100% !important;
        overflow: hidden;
        margin-bottom: 15px;
        padding: 5px 0px 5px 5px;
    }

    .cart-item .cart-item-image {
        background: #fff;
        /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);*/
        border: 1px solid lightgrey;
        border-radius: 4px;
        float: left;
        margin-right: 10px;
        height: 95px;
    }

        .cart-item .cart-item-image img {
            width: 80px;
            height: 95px;
            padding: 5px;
            object-fit: contain;
        }

    .cart-item .cart-item-detail {
        float: left;
        width: 72%;
    }

        .cart-item .cart-item-detail .cart-item-name {
            color: #494949;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            margin: 0 0px 5px 0
        }

        .cart-item .cart-item-detail p {
            color: #D32F2F;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            font-size: 11px;
            margin: 0 0px 5px 0
        }

.cart-item-detail .cart-item-edit a {
    color: #a0a0a0;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    margin-right: 12px;
}

    .cart-item-detail .cart-item-edit a:hover {
        color: #3e97f1;
        text-decoration: none
    }

.cart-item-detail .detail-extralink .detail-qty {
    padding: 5px 10px 5px 10px;
    max-width: 70px;
}

.cart-item-detail .detail-extralink .form-select {
    padding: 5px 5px 5px 15px;
}

.spinner {
    width: auto;
    height: 25px;
    border: 1px solid #bdbdbd;
    float: left;
    margin-right: 12px;
}

    .spinner button {
        background: transparent;
        border: 0;
        height: 23px;
        width: auto;
        padding: 0px 5px;
        outline: none;
        top: -1px;
        position: relative;
    }

    .spinner input {
        background: transparent;
        border: 0;
        outline: none;
        height: 23px;
        width: 30px;
        position: relative;
        text-align: center;
    }

.cart-item .cart-item-price {
    position: absolute;
    right: 0;
    text-align: right
}

    .cart-item .cart-item-price .cart-item-rs {
        color: #eb4b89;
        font-weight: 400;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 16px;
    }

    .cart-item .cart-item-price .cart-item-offer {
        color: #ccc;
        font-weight: 300;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 11px;
        text-decoration: line-through;
    }

}

.slider-nav-thumbnails .slick-slide img {
    cursor: pointer;
}

    .slider-nav-thumbnails .slick-slide img:hover {
        background-color: #EEF4F7;
    }

#scrollCart {
    height: calc(100vh - 244px);
    overflow: auto;
}

.shipping .result {
    float: right;
}

.suptotal .result {
    float: right;
}

@media only screen and (min-width: 1200px) {
    .card-footer .suptotal .content {
        float: left;
        color: #000;
        font-weight: 400;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 30px;
    }
}

@media only screen and (min-width: 480px) {
    .card-footer .suptotal .content {
        float: left;
        color: #000;
        font-weight: 400;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 22px;
    }
}

@media only screen and (min-width: 320px) {
    .card-footer .suptotal .content {
        float: left;
        color: #000;
        font-weight: 400;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 22px;
    }
}

.container_1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    display: none;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.Magazine_page {
    padding: 10px 40px;
}

.Magazine_content {
    margin: 20px 100px 35px 100px;
}

.Magazine_heading h4 {
    color: #464545;
    font-size: 22px;
}

.Magazine_filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .Magazine_filter div {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .Magazine_filter div .form-select {
            width: 200px;
            font-size: 13px;
            background-color: #F1F6F9;
            border: 1px solid #D0E3EE;
        }

.Magazine_datewise {
    background-color: #F5F8FA;
    padding: 20px;
    margin-top: 20px;
}

.Magazine_card {
    background-color: #fff;
    box-shadow: 0px 1px 2px #00000029;
    border-radius: 6px;
}

.MagazineLan_download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px 15px 15px;
}

    .MagazineLan_download p {
        font-size: 12px;
        color: #8A8A8A;
    }

    .MagazineLan_download a {
        font-size: 12px;
        color: #464545;
        font-weight: 600;
    }

.Magazine_banner {
    height: 245px;
    width: 100%;
    object-fit: contain;
    padding-top: 15px;
    transition: all 0.3s ease;
}

.Magazine_card h6 {
    padding: 10px 15px 20px 15px;
    text-align: center;
}

.Magazine_card .Magazine_description {
    font-size: 13px;
    padding: 0px 15px 10px 15px;
}

.MagazineLan_download a {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .MagazineLan_download a img {
        border: 1px solid #2BACE0;
        border-radius: 50%;
        padding: 3px;
        width: 20px;
    }

.Monthly_magazine {
    text-align: center;
    margin-bottom: 10px;
}

.Magazine_view {
    position: relative;
}

    .Magazine_view:hover > .Magazine_overlay {
        opacity: 1;
        visibility: visible;
    }

.Magazine_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #0000003d;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .Magazine_overlay a img {
        width: 26px;
    }

@media only screen and (max-width:576px) {
    .backtoMyaccount a span {
        display: none;
    }

    .Magazine_heading h4 {
        font-size: 18px;
    }

    .download-app a {
        text-align: center;
    }

    .Magazine_page {
        padding: 10px;
    }

    .Magazine_content {
        margin: 10px 0px;
    }

    .Magazine_filter div .form-select {
        width: 150px;
    }
    /*
    .Magazine_filter div {
        display: block;
    }
*/
    .Magazine_filter {
        margin-top: 10px;
        justify-content: flex-start;
    }

    .Magazine_month {
        margin-bottom: 15px;
    }

    .menu-svg {
        margin-right: 0px !important;
    }

        .menu-svg svg {
            margin-right: 5px !important;
        }

    .wishlist_icon a svg {
        height: 22px !important;
        width: 22px !important;
    }

    .cart-overlay .cart-plate {
        width: 100%;
    }

    .cart-empty {
        width: 100%;
    }

        .cart-empty .pink {
            margin: 10px 10px 10px 0px;
        }

    .mobile_view_product {
        justify-content: flex-start;
    }

    .nav-tabs.links .nav-link {
        padding: 7px 7px;
        border-radius: 4px;
        font-size: 13px;
    }

        .nav-tabs.links .nav-link.active {
            color: #fff;
            background-color: #2BACE0;
        }
}

.Magazine_month {
    margin-bottom: 15px;
}

.visibility-visible {
    visibility: visible;
}

.Dashboard_wrapper {
    padding: 10px 40px;
}

.Dashboard_page {
    margin: 20px 70px 35px 70px;
}

.Dashboard_heading {
    margin-bottom: 20px;
}

    .Dashboard_heading h6 {
        color: #464545;
        font-size: 22px;
    }

.Dashboard_profile {
    background-color: #F1F6F9;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
}

    .Dashboard_profile div:nth-child(1) {
        background-color: #C9E8F5;
        padding: 20px;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        margin: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        font-weight: bold;
        color: #464545;
        margin-bottom: 20px;
    }

    .Dashboard_profile .user_dashboard_profile {
        display: block;
    }

        .Dashboard_profile .user_dashboard_profile h6 {
            color: #464545;
            font-size: 18px;
        }

        .Dashboard_profile .user_dashboard_profile p {
            margin: 5px 0px 30px 0px;
            font-size: 14px;
        }

        .Dashboard_profile .user_dashboard_profile a {
            margin-top: 30px;
            font-size: 13px;
            color: #2BACE0;
        }

.Dashboard_history {
    background-color: #F5F8FA;
    padding: 20px;
    height: 100%;
}

.Total_orders {
    background-color: #fff;
    border-radius: 6px;
    padding: 34px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .Total_orders .Total_orders_1 p {
        color: #737373;
        font-size: 14px;
        margin: 15px 0px;
    }

.Current_order {
    background-color: #fff;
    border-radius: 6px;
    padding: 34px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .Current_order .Total_orders_1 p {
        color: #737373;
        font-size: 14px;
        margin: 15px 0px;
    }

.Order_cancelled {
    background-color: #fff;
    border-radius: 6px;
    padding: 34px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .Order_cancelled .Total_orders_1 p {
        color: #737373;
        font-size: 14px;
        margin: 15px 0px;
    }

.Delivered_orders {
    background-color: #fff;
    border-radius: 6px;
    padding: 34px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .Delivered_orders .Total_orders_1 p {
        color: #737373;
        font-size: 14px;
        margin: 15px 0px;
    }

.deriveredOrder_history {
    background-image: url(../Content/assets/Images/svg/delivered-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.cancelorder_history {
    background-image: url(../Content/assets/Images/svg/ordercanceld-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.currentorder_history {
    background-image: url(../Content/assets/Images/svg/CurrentOrder.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.dashboardHistory_totalorders {
    background-image: url(../Content/assets/Images/svg/totalorder-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.Total_orders:hover .dashboardHistory_totalorders {
    background-image: url(../Content/assets/Images/svg/totalorder-hover-icon.svg);
}

.Order_cancelled:hover .cancelorder_history {
    background-image: url(../Content/assets/Images/svg/ordercanceld-hover-icon.svg);
}

.Delivered_orders:hover .deriveredOrder_history {
    background-image: url(../Content/assets/Images/svg/delivered-hover-icon.svg);
}

.Total_orders:hover {
    background-color: #e3378c;
}

    .Total_orders:hover .Total_orders_1 p {
        color: #fff;
    }

    .Total_orders:hover .Total_orders_1 h3 {
        color: #fff;
    }

.Order_cancelled:hover {
    background-color: #ff4848;
}

    .Order_cancelled:hover .Total_orders_1 p {
        color: #fff;
    }

    .Order_cancelled:hover .Total_orders_1 h3 {
        color: #fff;
    }


.Delivered_orders:hover {
    background-color: #2bace0;
}

    .Delivered_orders:hover .Total_orders_1 p {
        color: #fff;
    }

    .Delivered_orders:hover .Total_orders_1 h3 {
        color: #fff;
    }

.Current_order:hover {
    background-color: #6FCD78;
}

    .Current_order:hover .Total_orders_1 p {
        color: #fff;
    }

    .Current_order:hover .Total_orders_1 h3 {
        color: #fff;
    }

    .Current_order:hover .currentorder_history {
        background-image: url(../Content/assets/Images/svg/Currentorder-hover-icon.svg);
    }

.carausel-13-columns-cover .slider-arrow .slider-btn {
    width: 40px;
    height: 40px;
    top: 25px;
    line-height:40px;
}

    .carausel-13-columns-cover .slider-arrow .slider-btn.slider-prev {
        left: 5px;
    }

    .carausel-13-columns-cover .slider-arrow .slider-btn.slider-next {
        right: 5px;
    }

.Best_seller_1 .products_1:hover {
    box-shadow: 0px 1px 2px #00000029;
}

.Best_seller_1 .products_1 {
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 0px 0px 0px;
    transition: all 0.3s ease;
}

    .Best_seller_1 .products_1 a {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 5px;
        padding: 5px;
    }

        .Best_seller_1 .products_1 a img {
            width: 75px;
        }

        .Best_seller_1 .products_1 a p {
            color: #3D3D3D;
            font-size: 14px;
        }

.carausel-13-columns-cover .carausel-13-columns {
    overflow: hidden;
    margin: 0 -12px;
}

    .carausel-13-columns-cover .carausel-13-columns .product-cart-wrap {
        margin-right: 12px;
        margin-left: 12px;
    }

.carausel-13-columns-cover .carausel-13-columns-arrow {
    margin-top: -100px;
}

.carausel-13-columns-cover .product-cart-wrap {
    margin-bottom: 20px;
}

    .carausel-13-columns-cover .product-cart-wrap:hover {
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    }

.TopFive_Products {
    background-color: #F5F8FA;
    padding: 20px 20px 0px 20px;
}

.Buy_again {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

    .Buy_again img {
        width: 18px;
    }

    .Buy_again p {
        color: #464545;
        font-size: 15px;
    }

    .Buy_again a {
        border: 1px solid #2BACE0;
        color: #2BACE0;
        padding: 5px 10px;
        border-radius: 2px;
    }

.TopFive_recentlyViewed {
    margin: 10px 0px;
}

    .TopFive_recentlyViewed .carausel-4-columns-cover .slider-arrow .slider-btn {
        top: 10px;
    }

.TopFive_ProductsLists {
    margin: 10px 0px 8px 0px;
}

    .TopFive_ProductsLists .product-cart-wrap {
        background-color: #fff;
    }

        .TopFive_ProductsLists .product-cart-wrap .product-img-action-wrap {
            background-color: #fff;
        }

    .TopFive_ProductsLists .slider-arrow .slider-btn {
        background-color: #F6F6F6;
    }

        .TopFive_ProductsLists .slider-arrow .slider-btn:hover {
            background-color: #2BACE0;
            color: #fff;
        }

    .TopFive_ProductsLists .carausel-4-columns-cover .slider-arrow .slider-btn {
        top: 10px;
    }

.Best_seller_1 {
    max-height: 375px;
    overflow-y: scroll;
    padding: 0px 10px 0px 0px;
}

@media only screen and (max-width:576px) {
    .Dashboard_wrapper {
        padding: 10px;
    }

    .Dashboard_page {
        margin: 10px 0px;
    }

    .Total_orders {
        padding: 10px;
        margin-bottom: 10px;
    }

    .Order_cancelled {
        padding: 10px;
    }

    .Current_order {
        padding: 10px;
    }

    .Delivered_orders {
        padding: 10px;
    }

    .mob_bottom_spacing {
        margin-bottom: 10px;
    }

    .Dashboard_profile {
        display: flex;
        align-items: end;
        justify-content: flex-start;
        gap: 20px;
    }

        .Dashboard_profile div:nth-child(1) {
            margin: unset;
        }

        .Dashboard_profile .user_dashboard_profile {
            text-align: start;
        }

            .Dashboard_profile .user_dashboard_profile p {
                margin: 5px 0px 5px 0px;
            }

            .Dashboard_profile .user_dashboard_profile h6 {
                font-size: 16px;
            }

            .Dashboard_profile .user_dashboard_profile p {
                font-size: 12px;
            }

            .Dashboard_profile .user_dashboard_profile a {
                display: block;
                margin-top: 0px;
                font-size: 12px;
            }

    .Buy_again p {
        font-size: 12px;
    }

    .Buy_again a {
        font-size: 12px;
        padding: 3px 10px;
    }

    .cart-item .cart-item-price .cart-item-rs {
        margin: 0px 0px;
    }

    .cart-item .cart-item-price {
        bottom: unset;
    }
}

.payment-scroll {
    visibility: visible !important;
    overflow-x: hidden !important;
}

@media screen and (min-width:767px) and (max-width:1023px) {
    .credit-debit{
        width:100px;
    }
    .product-cart-wrap .product-action-1 {
        display: none;
    }

    ::-webkit-scrollbar {
        width: 7px;
        height: 10px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #2BACE0;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255, 255, 255, 0.3);
        }

    .backtoMyaccount a span {
        display: none;
    }

    .leaves_left {
        left: 0%;
        top: 30px;
    }

    .slider-arrow .slider-btn.slider-next {
        right: -55px;
    }

    .slider-arrow .slider-btn.slider-prev {
        left: -55px;
    }

    .testimonial_section {
        margin-left: 10px;
    }

    .test_bg {
        background-image: none;
        background-color: #ECF2EF;
    }

    .product-thumbnail div {
        padding: 0px !important;
    }

    .shopping-summery table tbody tr img {
        margin-right: 0px;
        max-width: 70px;
    }

    .Cart_details {
        margin: 0px 0px;
    }

    .search-style-3 form button {
        background-color: #2bace0;
    }

    .header-action-2 .whish_list_mob_notify a span.pro-count {
        right: -2px !important;
        top: -2px !important;
        height: 10px !important;
        width: 10px !important;
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count {
        right: -5px;
        top: -8px;
        height: 16px;
        width: 16px;
        line-height: 16px;
    }

    .product-cart-wrap .product-img-action-wrap {
        max-height: 100%;
    }

    .Login_banner {
        display: none;
    }

    .Account_flow {
        width: 100%;
        padding: 30px 0px;
        height: 100%;
    }

    .shopping-summery {
        overflow-x: hidden;
    }

    .wishList_details {
        margin: 10px 0px 10px 10px;
        padding: 10px 15px;
    }

    .wishList_products {
        justify-content: space-between;
        gap: 20px;
    }

    .wishList_status_inStock p {
        text-align: center;
    }

    .wishList_price {
        text-align: center;
        margin-top: 10px;
    }

    .wishList_addcart {
        margin-top: 10px;
    }

        .wishList_addcart .wishList_addcart_detail a span {
            font-size: 15px;
        }

    .cart-totals {
        margin-top: 10px;
    }

    .delete_account_btn {
        margin-left: 0px;
    }

    .topup_plans {
        margin-bottom: 20px;
    }

    .transaction_fromdate label {
        width: 100%;
        text-align: start;
    }

    .Cart_details .nav .nav-item .nav-link div .myorder_tabImages {
        margin: 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .tracking_tabImages {
        margin: 10px auto;
    }

    .Dashboard_wrapper {
        padding: 10px;
    }

    .Dashboard_page {
        margin: 10px;
    }

    .Total_orders {
        padding: 10px;
        margin-bottom: 10px;
    }

    .Order_cancelled {
        padding: 10px;
    }

    .Current_order {
        padding: 10px;
    }

    .Delivered_orders {
        padding: 10px;
    }

    .mob_bottom_spacing {
        margin-bottom: 10px;
    }

    .Dashboard_profile {
        display: flex;
        align-items: end;
        justify-content: flex-start;
        gap: 20px;
    }

        .Dashboard_profile div:nth-child(1) {
            margin: unset;
        }

        .Dashboard_profile .user_dashboard_profile {
            text-align: start;
        }

            .Dashboard_profile .user_dashboard_profile p {
                margin: 5px 0px 5px 0px;
            }

            .Dashboard_profile .user_dashboard_profile h6 {
                font-size: 16px;
            }

            .Dashboard_profile .user_dashboard_profile p {
                font-size: 12px;
            }

            .Dashboard_profile .user_dashboard_profile a {
                display: block;
                margin-top: 0px;
                font-size: 12px;
            }

    .Buy_again p {
        font-size: 12px;
    }

    .Buy_again a {
        font-size: 12px;
        padding: 3px 10px;
    }

    .cart-item .cart-item-price .cart-item-rs {
        margin: 0px 0px;
    }

    .cart-item .cart-item-price {
        bottom: unset;
    }

    .hero-slider-1 img {
        border-radius: 0px;
    }

    .Quick_shop_category {
        margin: auto;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: flex-start;
    }

    .our_brand_ht {
        width: 32% !important;
    }

    .card-1 {
        margin-bottom: 0px;
        width: 31%;
    }

    .Brands_section {
        margin: auto;
        gap: 5px;
        flex-wrap: wrap;
    }

    .card-1 figure img {
        border-radius: 0px;
    }

    .newsletter {
        background-image: none;
    }

    .form-subcriber .subscribe {
        font-size: 14px;
    }

    .newsletter .newsletter-inner .newsletter-content form input {
        font-size: 13px;
    }

    .footer-mid {
        padding: 25px 10px 0px 10px;
    }

    footer .download-app a img {
        max-width: 72px;
    }

    .copyrights {
        padding: 15px 0px;
        display: block;
    }

    footer .mobile-social-icon {
        justify-content: flex-start;
    }

    .about-count {
        width: 100%;
    }

        .about-count h1 {
            font-size: 28px;
        }

        .about-count h4 {
            font-size: 15px;
        }

    .count_seperate {
        margin-bottom: 10px;
    }

    .removing_borderright {
        border: none;
    }

    .header-style-1 .header-bottom-bg-color {
        padding: 16px 5px 11px 5px;
        background-color: #fff;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
        padding: 8px 15px 8px 15px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
        padding: 10px 20px 10px 20px;
    }

    .mobile-social-icon {
        margin-top: 10px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
        padding: 0px;
        margin-bottom: 10px;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
            padding-bottom: 10px;
        }

            .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a:last-child {
                padding-bottom: 0px;
            }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
            padding: 0px 0px 5px 10px;
        }

    .search-style-3 form input {
        height: 35px;
        font-size: 13px;
    }

    .videoProduct_details {
        margin: 0px 0px 10px 0px;
    }

    .whish_list {
        padding: 10px 10px;
    }

    .shopping-summery {
        height: 45vh;
        padding-right: 5px;
    }

    .your_cart {
        padding: 10px 10px 10px 15px;
    }

    /* .hero-slider-1 .single-hero-slider{
        height:200px;
    }

    .hero-slider-1 img {
        height: 200px;
        object-fit: cover;
    }*/

    .section-title.style-1 {
        padding-bottom: 0px;
    }

    .wight {
        margin-bottom: 25px;
    }

    /*    .hotline {
        display: flex !important;
    }*/

    .secure_payment {
        width: 100%;
    }

    .cart-totals .table td {
        display: revert !important;
        text-align: start !important;
    }

    .customer_id {
        text-align: start;
    }

    .cart_total_amount p {
        text-align: start;
    }

    .detail-extralink {
        justify-content: flex-start;
    }

    .product_cost {
        width: 90px;
        padding: 5px 0px;
    }

    .detail-info .detail-extralink .detail-qty {
        padding: 5px 10px 6px 10px;
    }

    .cart_heading {
        flex-wrap: wrap;
    }

    .brand_category .col-6:nth-child(odd) {
        padding-right: 5px;
    }

    .primary-sidebar .sidebar-widget {
        padding: 14px 14px 5px 14px;
    }

    .detail-gallery .product-image-slider img {
        height: 100%;
        padding: 10px;
    }

    .detail-gallery .product-image-slider {
        margin-bottom: 20px;
        height: 38vh !important;
    }

    .page-header.breadcrumb-wrap .container {
        padding-left: 0px;
    }

    .detail-info .title-detail {
        font-size: 24px;
    }

    .product_brand h6 {
        font-size: 14px;
    }

    .detail-info .product-price .current-price {
        font-size: 35px;
    }

    .tab-content.shop_info_tab {
        margin-top: 0px;
    }

    .accordion-toggle {
        font-size: 12px;
        padding: 10px 15px 10px 0px;
    }

    .accordion-content p {
        font-size: 12px;
    }

    .total_reviews .total_reviews_list {
        font-size: 16px;
    }

    .testimonial_profile {
        justify-content: center;
    }

        .testimonial_profile div:nth-child(1) {
            font-size: 20px;
            padding: 28px;
        }

    .review_feedback {
        font-size: 12px !important;
    }

    .desc div:nth-child(1) {
        margin-bottom: 5px !important;
    }

    .comments-area .thumb {
        min-width: auto;
    }

    .table > tbody > tr > td {
        padding: 5px 10px !important;
    }

    .cart-action {
        justify-content: center !important;
    }

    .cart_total_amount h4 {
        font-size: 20px !important;
        /*width: 105px;*/
    }

    .payment_page {
        margin: 0px !important;
    }

    .is-logo img {
        width: 100% !important;
    }

    .checkout_page {
        margin: 0px !important;
    }

    .Cart_detail_1 {
        padding: 0px;
    }

    .Cart_details .nav .nav-item .nav-link div .Selected_address {
        margin: 0px auto 10px auto;
    }

    .CheckOut {
        margin: 0px !important;
    }

    .Cart_details .nav .nav-item .nav-link div .review_order {
        margin: 0px auto 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .payment_tabImages {
        margin: 0px auto 10px auto;
    }

    .cart-totals {
        margin-top: 20px !important;
    }

    .video_series {
        height: 200px;
        border-radius: 4px;
    }

    .modal-dialog {
        margin: auto !important;
    }

    .summaryTotal, .summaryDelivery, .summaryCoupon, .summaryWallet, .summarySaved, .summaryPayable, .paymentProcessBtn {
        font-size: 15px !important;
    }

    .indiashoppe_stores {
        margin: 20px 0px !important;
        padding: 10px !important;
    }

    .aboutus_widthreduction {
        width: 100%;
    }

    .whatweprovide a {
        padding: 10px;
    }

        .whatweprovide a div {
            gap: 10px;
        }

            .whatweprovide a div img {
                height: 40px;
                width: 40px;
            }

    .indiashoppe_stores_search {
        display: block;
    }

        .indiashoppe_stores_search div h3 {
            margin-bottom: 10px;
        }

    .puc_contact_form p {
        width: 100%;
    }

    .privacy_points_lists {
        margin-bottom: 0px;
    }

    .policy_heading a {
        top: 10px;
        left: 24px;
    }

        .policy_heading a span {
            display: none;
        }

    /*   .contactus_bg {
        background-image: none;
    }*/

    .contact_form p {
        width: 100%;
    }

    .order_details_screen {
        margin: 25px 0px;
    }

    .ordered_delivery_address {
        margin-bottom: 10px;
    }

    .profile_update {
        padding: 15px 15px;
    }

    .contact-form-sm {
        display: flex;
    }

    .deleteAcc_content_heading {
        padding: 10px;
    }

        .deleteAcc_content_heading h5 {
            font-size: 18px;
        }

    .deleteAcc_content {
        padding: 0px 20px 0px 20px;
        font-size: 13px;
    }

    .contact-rules {
        flex-wrap: wrap-reverse;
    }

    .ChangePassword_notes {
        padding: 10px;
        margin-bottom: 10px;
    }

    .manage_address {
        padding: 10px;
    }

    .manage_address_detail {
        padding: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .Wallet_balance_details {
        padding: 10px;
    }

    .balance_details_heading p {
        font-size: 14px;
    }

    .balance_details_heading {
        padding: 0px 0px 5px 0px;
    }

    .payment_wallet {
        font-size: 16px !important;
    }

    .Cart_details .nav .nav-item .nav-link div .walletbalance_tabImages {
        margin: 0px auto 10px auto;
    }

    .Cart_details .nav .nav-item .nav-link div .transaction_tabImages {
        margin: 0px auto 10px auto;
    }

    .transaction_detail {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .transaction_fromdate {
        display: block;
        margin-top: 10px;
    }

    .header-action-2 .header-action-icon-2 > a img {
        max-width: 32px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
        padding: 0px;
    }

        .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
            padding: 13px 0;
            display: block;
        }

    .Login_mobile_profile .profile_img {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: lightgrey;
        color: #464545;
        font-weight: bold;
        font-size: 20px;
        border-radius: 50%;
        margin-bottom: 5px;
    }

    .Login_mobile_profile div:nth-child(2) {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #2bace0;
    }

        .Login_mobile_profile div:nth-child(2) a {
            color: #2bace0;
        }

    main {
        overflow-x: hidden;
    }

    .carausel-6-columns, .carausel-4-columns, .carausel-13-columns {
        max-width: unset;
    }

    .search-style-3 form button {
        background-color: #2BACE0;
    }

    .mobile_search {
        margin: 10px 13px 0px 13px;
        position: relative;
    }

    .auto_search_mob {
        width: 100%;
    }

    .search_btn svg {
        width: 22px !important;
        height: 22px !important;
    }

    .search-style-3 form button {
        font-size: 13px;
    }

    .hotline svg {
        width: 22px;
    }

    .Account_flow .Account_flow_details h1 {
        margin-bottom: 10px;
    }

    .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
        width: 100%;
    }

    .action {
        text-align: end !important;
    }

    .detail-qty > a.qty-down {
        height: 35px;
    }

    .detail-qty > a.qty-up {
        height: 35px;
    }

    footer .hotline {
        width: 100%;
        min-width: auto;
        margin-top: 10px;
    }

    .hotline p {
        font-size: 15px;
    }

    #snackbarError, #snackbarWarning, #snackbarSuccess {
        margin-left: 0px;
        transform: translateX(-50%);
    }

    .removing_padding_inmobile {
        padding: 0px !important;
    }

    .wallet_balance {
        margin-bottom: 10px;
    }

    wallet_balance:last-child {
        margin-bottom: 0px;
    }

    .payment_online {
        margin-bottom: 10px;
    }

    .removing_rightpadding_inmobile {
        padding-right: 0px;
    }

    .Wallet_balance_online {
        margin-top: 10px;
    }

    .only_for_web {
        justify-content: normal !important;
    }

    .quick_items {
        padding-top: 10px;
    }

    .social_links {
    }

    .footer-mid {
        background-color: #F4F6FA;
    }

    .widget-about {
        margin-bottom: 15px !important;
    }

    .topup_plans .online_topup {
        z-index: 999;
    }

    .barcode_popup .barcode_popup_details div button {
        padding: 6px 10px;
    }

    .search-style-2 {
        justify-content: start;
    }

    .banner-left-icon .banner-icon svg {
        width: 45px;
        height: 45px;
    }

    .widget-title {
        font-size: 18px !important;
        /*text-align:center;*/
    }

    .download-app {
        justify-content: start;
    }

        .download-app a img {
            width: 60% !important;
            max-width: none !important;
        }

    .archive-header {
        flex-wrap: wrap-reverse;
        gap: 10px;
        padding: 0px;
        height: 100%;
    }

    .category_listing_banner_bg img {
        object-fit: Contain;
        object-position: center;
        border-radius: 12px 12px 0px 0px;
    }

    .category_listing_banner {
        width: 100%;
        padding: 0px 20px 20px 20px;
    }

    .category_listing_banner_bg {
        width: 100%;
        height: 100%;
    }

    .product_listing_heading {
        font-size: 20px;
        padding: 10px 0px 10px 0px !important;
    }

    .category_listing_banner div:nth-child(2) p {
        font-size: 14px;
    }

    .availableInPucStore .Availablein_puc_store div h5 {
        font-size: 17px;
    }

    .availableInPucStore .Availablein_puc_store div span {
        font-size: 10px;
    }

    .Availablein_puc_store div button {
        padding: 0px 5px;
    }

    .available_in_stores {
        font-size: 14px;
    }

    .availableInPucStore {
        padding: 15px 15px;
    }

    .banner-left-icon .banner-icon {
        width: 20%;
    }

    .banner-text {
        width: 80%;
    }

    .privacy_points_lists:last-child {
        margin-bottom: 10px;
    }

    .accordion-toggle:before {
        right: 0px;
        top: 15px;
    }

    .Order-receipt-heading {
        flex-wrap: wrap;
        gap: 10px;
    }

    .download-app a {
        text-align: center;
    }

    .Magazine_page {
        padding: 10px;
    }

    .Magazine_content {
        margin: 10px 0px;
    }

    .Magazine_filter div .form-select {
        width: 150px;
    }

    /*  .Magazine_filter div {
        display: block;
    }*/

    .Magazine_filter {
        margin-top: 10px;
        justify-content: flex-start;
    }

    .Magazine_month {
        margin-bottom: 15px;
    }

    .menu-svg {
        margin-right: 0px !important;
    }

        .menu-svg svg {
            margin-right: 5px !important;
        }

    .wishlist_icon a svg {
        height: 22px !important;
        width: 22px !important;
    }

    .cart-overlay .cart-plate {
        width: 450px !important;
    }

    .cart-empty {
        width: 100%;
    }

        .cart-empty .pink {
            margin: 10px 10px 10px 0px;
        }

    .mobile_view_product {
        justify-content: flex-start;
    }

    .nav-tabs.links .nav-link {
        padding: 7px 7px;
        border-radius: 4px;
        font-size: 13px;
    }

        .nav-tabs.links .nav-link.active {
            color: #fff;
            background-color: #2BACE0;
        }
}

.mobile_banner {
    display: none;
}

@media only screen and (max-width:576px) {
    .backtoMyaccount {
        top: 0px !important;
    }

    .testimonial_section {
        margin-left: 10px;
    }

    .mobile_banner {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100vh;
        width: 100%;
        background-color: #DD4285;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .mobile_banner.active {
            display: none;
        }

    .mobile_banner_close_btn {
        text-align: end;
    }

        .mobile_banner_close_btn button {
            background-color: transparent;
            border: none;
            position: fixed;
            top: 20px;
            right: 10px;
        }

            .mobile_banner_close_btn button img {
                width: 24px;
                background-color: #fff;
                border-radius: 50%;
            }

    .mobile_banner_contents_images {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

        .mobile_banner_contents_images a img {
            width: 130px;
        }

    .mobile_banner_contents h5 {
        text-align: center;
        margin-bottom: 20px;
        color: #fff;
    }

    .mobile_banner_contents {
        text-align: center;
    }

    .test_bg {
        background-image: none;
        background-color: #ECF2EF;
    }
}

@media only screen and (min-width : 768px) {
    .card-body {
        padding: 1rem 0px !important;
    }

    .cart-item .cart-item-detail {
        float: left;
        width: 230px;
    }

    .cart-item .cart-item-image {
        background: #fff;
        border: 1px solid lightgrey;
        border-radius: 4px;
        float: left;
        margin-right: 10px;
        height: 95px;
    }

    .cart-overlay .cart-plate {
        position: absolute;
        right: 0;
        top: 0px;
        right: -450px;
        width: 400px;
        height: 100%;
        background: white;
        box-shadow: 3px 0px 30px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
    }

    .cart-plate h2 {
        color: #363636;
        font-weight: 400;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 24px;
        margin: 32px 18px;
    }

    .cart-overlay .cart-plate .cart-close {
        position: absolute;
        top: 30px;
        right: 15px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #000;
    }

    .cart-item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
        padding: 5px 0px 5px 15px;
    }

        .cart-item .cart-item-price .cart-item-rs {
            color: #eb4b89;
            font-weight: 400;
            font-family: "Roboto Condensed", sans-serif;
            font-size: 16px;
            margin: 10px 0px
        }

        .cart-item .cart-item-price {
            float: left;
            width: 75px;
            text-align: right
        }

    .card-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
        background: #fff;
    }

        .card-footer .suptotal .content {
            float: left;
            color: #000;
            font-weight: 400;
            font-family: "Roboto Condensed", sans-serif;
            font-size: 30px;
        }

        .card-footer .suptotal .result {
            float: right;
            color: #000;
            font-weight: 400;
            font-family: "Roboto Condensed", sans-serif;
            font-size: 30px;
        }

    .red {
        width: 100%;
        padding: 6px 0px;
        text-align: center;
        margin: 10px 0 10px 0px;
    }

        .red:hover {
            background-color: #e6e6e6;
            color: #666;
            text-decoration: none;
        }

    .xs-search {
        position: relative;
        width: 100%;
        height: 55px;
        margin-top: 56px;
        background: #ebf8ff;
        padding: 0px 24px;
        display: block;
    }

    .cart-items-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cart_buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-top: 20px;
    }

    .cart-item .cart-item-image {
        background: #fff;
        /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);*/
        border: 1px solid lightgrey;
        border-radius: 4px;
        float: left;
        margin-right: 10px;
        height: 95px;
    }

        .cart-item .cart-item-image img {
            width: 80px;
            height: 95px;
            padding: 5px;
            object-fit: contain;
        }

    .cart-item .cart-item-detail {
        float: left;
        width: 72%;
    }

        .cart-item .cart-item-detail .cart-item-name {
            color: #494949;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            margin: 0 0px 5px 0
        }

        .cart-item .cart-item-detail p {
            color: #D32F2F;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            font-size: 11px;
            margin: 0 0px 5px 0
        }

    .cart-item .cart-item-price {
        bottom: unset;
    }

        .cart-item .cart-item-price .cart-item-rs {
            margin: 0px 0px;
        }

    .mobile_view_product {
        justify-content: flex-start;
    }

    .cart-item .cart-item-price .cart-item-offer {
        color: #ccc;
        font-weight: 300;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 11px;
        text-decoration: line-through;
    }

    html.cart-open .cart-plate {
        -webkit-transform: translate3d(-450px, 0px, 0px);
        transform: translate3d(-450px, 0px, 0px);
    }

    .otp_verification input {
        width: 50px;
        height: 50px;
    }

    .mobile-header-wrapper-style {
        width: 50% !important;
    }
}

.category_listing_banner div:nth-child(2) p {
    line-height: 22px;
    text-transform: lowercase;
}

    .category_listing_banner div:nth-child(2) p:first-letter {
        text-transform: uppercase;
    }

.backtoMyaccount {
    position: absolute;
    top: 20px;
    left: 0;
}

    .backtoMyaccount a {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .backtoMyaccount a img {
            background-color: #2BACE0;
            border-radius: 50%;
            width: 22px;
            padding: 3px;
        }

.table tfoot tr {
    border: 1px solid transparent;
}

.order-item-info h2 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

.order-item-info p {
    font-size: 13px;
}

.credit-debit {
    display: block;
}

    .credit-debit p {
        font-weight: bold;
        color: #464545;
    }

@media only screen and (max-width:576px) {
    .Trackorder_change {
        margin-top: 10px;
    }

    .carausel-13-columns-cover .slider-arrow .slider-btn {
        top: 0px;
    }

    .credit-debit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 20px;
    }

    .horizontal.timeline {
        width: 100%;
    }

        .horizontal.timeline .steps .step span {
            white-space: normal;
        }

    .Dispatch_in_process {
        line-height: 16px;
    }
}

@media only screen and (max-width:576px) {
    .Certification {
        margin: 20px 0px !important;
    }

    .certificate_heading {
        margin-bottom: 10px;
    }
}

.Certification {
    margin: 20px 100px;
}

.certificate_search {
    position: relative;
}

    .certificate_search button {
        position: absolute;
        top: 3px;
        right: 4px;
        background-color: transparent;
        border: none;
    }

        .certificate_search button img {
            width: 28px;
        }

    .certificate_search input {
        width: 100%;
        border: 1px solid #D0E3EE;
        background-color: #F5F8FA;
        border-radius: 3px;
        height: 40px;
        font-size: 14px;
        padding: 0px 45px 0px 10px;
    }

.certificate_heading h5 {
    font-size: 22px;
    color: #464545;
}

.noCertificate_available {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0px 1px 2px #00000029;
}

    .noCertificate_available div p {
        font-size: 14px;
        margin-top: 10px;
    }

.Certificate_one {
    background-color: #F5F8FA;
    padding: 20px 20px 10px 20px;
    margin-top: 20px;
    text-align: center;
}

    .Certificate_one p {
        padding: 10px 0px 0px 0px;
        color: #464545;
        font-size: 14px;
        font-weight: 500;
    }

    .Certificate_one div {
        background-color: #fff;
        text-align: center;
        padding: 20px 5px;
    }

.more_certifications {
    background-color: #2bace0;
    padding: 5px 12px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .more_certifications span {
        color: #fff;
        font-size: 22px;
    }

@media only screen and (max-width:576px) {
    .card-1 .img-hover-scale a h6 {
        font-size: 16px;
    }

    .Trackorder_change {
        margin-top: 10px;
    }

    .standard_delivery a div p {
        display: none;
    }

    .location_mobile {
        width: 60px;
        flex-wrap: wrap;
        justify-content: flex-start;
        line-height: 18px;
    }

    .standard_delivery a {
        gap: 5px;
    }

    .updateLocation_mobileView {
        display: flex !important;
        align-items: center;
        gap: 7px;
    }

    .product-cart-wrap .product-action-1 {
        display: none;
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
        position: relative;
    }

        .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i {
            position: absolute;
            top: 14px;
            right: 13px;
        }

    /*       .shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by span{
            display:none;
        }*/

    .sort-by-dropdown ul li a {
        padding: 5px 0px 5px 30px;
    }

    .productDetail_addtocart {
        justify-content: flex-start !important;
    }

    .shop-product-fillter .sort-by-product-area .sort-by-cover {
        margin: 0px 0px 10px 0px !important;
    }

    .shop-product-fillter .sort-by-product-area {
        display: block;
    }
}

.text-ellipsis {
    display: inline-block;
    width: 65px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand_display:nth-child(odd) {
    padding-right: 6px !important;
}

.brand_display:nth-child(even) {
    padding-left: 6px !important;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    height: 100% !important;
}

.site_map {
    padding: 10px 40px;
    margin: 20px 20px 35px 20px;
}

.site_map_wrapper {
    margin: 0px 20px;
    box-shadow: 0px 1px 6px #00000029;
    padding: 20px 0px;
}

.Sitemap_heading h3 {
    text-align: center;
    color: #464545;
    font-size: 22px;
    color: #E23A83;
}

.Sitemap_heading p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

.Sitemap_content {
    margin-top: 20px;
}

.sitemap_Content {
    padding: 0px 0px 0px 100px;
}

    .sitemap_Content h5 {
        margin-bottom: 10px;
    }

    .sitemap_Content li a {
        transition: all 0.3s ease;
    }

        .sitemap_Content li a:hover {
            color: #F968A7;
            text-decoration: underline;
        }

@media only screen and (max-width:576px) {
    .product_name{
        width:100%;
    }
    .site_map {
        margin: 20px 0px 35px 0px;
        padding: 10px;
    }

    .sitemap_Content {
        padding: 0px;
    }

    .back_to_home {
        margin-left: 0px !important;
    }

    .Availablein_puc_store{
        flex-wrap:wrap;
    }

    .availableInPucStore div{
        gap:5px;
        justify-content:center;
    }

    .page-header.breadcrumb-wrap{
        padding:0px 0px 0px 15px !important;
    }

    .rating_form form div .Review_rating_changes {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: end;
    }
}

@media screen and (min-width:767px) and (max-width:1023px){
    .backBtn a span{
        display:none;
    }
    .sitemap_Content {
        padding: 0px 0px 0px 10px
    }
    .updateLocation_mobileView {
        display: flex !important;
        align-items: center;
        gap: 7px;
    }
    .product_name {
        width: 100%;
    }
}

.puc_contact_form p{
    text-transform:lowercase;
}

.puc_contact_form p:first-letter{
    text-transform:uppercase;
}

.TrackOrder_details{
    padding:15px !important;
}

.TrackOrder_details_1{
    padding:15px 15px 15px 15px;
    border-radius:0px !important;
}

.accordion-content table{
    font-size:13px;
}

.product_description {
    width: 100%;
    max-height: 60px;
    overflow: hidden;
    margin-bottom:10px;
}

    .product_description p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        -moz-box-orient: vertical;
        -moz-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 100%;
    }

    @media only screen and (min-width:1440px) and (max-width:1510px){
        .banner-img.style-2{
            height:389px !important;
        }
    }

@media only screen and (min-width:576px) and (max-width:768px) {
    .updateLocation_mobileView {
        display: flex !important;
        align-items: center;
        gap: 7px;
    }
}

@media only screen and (min-width:768px) and (max-width:995px) {
    .logo.logo-width-1 {
        margin-right: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .logo.logo-width-1 a img {
            width: 50px;
            min-width: 50px;
        }
}

@media only screen and (min-width:1024px) and (max-width:1365px){

}

/*img:not([alt]) {
    border: 1px solid red;
}*/

.grievance_details{

    margin-top:10px;
}

.zoomContainer {
    width:460px !important;
    height:444px !important;
}

.zoomLens{
    width:100px !important;
    height:100px !important;
}

.zoomWindowContainer div{
    border:1px solid lightgrey !important;
    border-radius:0px !important;
}

@media only screen and (max-width:576px){
    .whatweprovide a div h6{
        text-align:start;
    }
}

@media only screen and (min-width:1025px) and (max-width:1365px){
    .main-menu.main-menu-padding-1 > nav > ul > li {
        padding-right: 9px;
    }
        .main-menu.main-menu-padding-1 > nav > ul > li a {
            padding: 10px 12px 10px 0px;
        }
    .main-menu.main-menu-padding-1 > nav > ul > li{
        padding:0px;
    }
    .main-categori-wrap{
        margin-right:15px;
    }
    .hide_text{
        margin-right:10px;
    }
    .hide_text div {
        display: none;
    }
    .header-action-2 .header-action-icon-2 span.lable {
        display: none;
    }
    .test_bg {
        background-size: cover;
    }
    .detail-gallery .product-image-slider img{
        height:auto;
    }
    .detail-gallery .product-image-slider{
        height:100% !important;
    }
}

.stateDropdown {
    width: 100%;
    height: 40px;
    border: 1px solid #BAE3F3;
    border-radius: 4px;
    font-size: 13px;
    padding-left: 20px;
    transition:border 0.3s ease;
}

    .stateDropdown:hover {
        border: 1px solid #2BACE0;
    }