/***Created By - Laxman Narayankar****/
@font-face {
  font-family: 'MuliRegular';
  src: url('../fonts/Muli.woff2') format('woff2'),
      url('../fonts/Muli.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'MuliLight';
  src: url('../fonts/Muli-Light.woff2') format('woff2'),
      url('../fonts/Muli-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MuliBold';
  src: url('../fonts/Muli-Bold.woff2') format('woff2'),
      url('../fonts/Muli-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MuliSemiBold';
  src: url('../fonts/Muli-SemiBold.woff2') format('woff2'),
      url('../fonts/Muli-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
article, aside, figure, figure img, figcaption, hgroup, footer,  section {width:100%}
img { max-width: 100%; height: auto;}
a img {border: 0; }
a { text-decoration: none; color: #33363e;}
a:hover,.btn:hover, .btnsmall:hover, .btn_big:hover{transition:all .3s ease-in-out; background-color: none;}
ul, ol { list-style-type: none}
:focus { outline:none}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
    box-sizing: border-box;}
*:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
    -ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: 'MuliRegular','Helvetica Neue',Helvetica,Arial,sans-serif; color:#494F62; -webkit-tap-highlight-color: rgb(255,255,158); -webkit-text-size-adjust: 100%; font-size: 1.4rem;}
.small, small {font-size: 12px; line-height: 18px; }
h1, h2, h3, h4, h5, h6 {color: #5a5a5a;font-family: 'MuliRegular','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight: 400;}
.trasition{transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;}
.position-relative{position: relative;}
/* Selection colours (easy to forget) */
::selection {background-color: #b3d4fc;color: #000000;text-shadow: none;}
::-moz-selection 	{background-color: #b3d4fc;color: #000000;text-shadow: none;}
img::selection {background: transparent;}
img::-moz-selection	{background: transparent;}
.flt{float: left;}
.flr{float: right;}
.clear{clear: both;}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
svg {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
.mian-wrapper{background-color: #ffffff;min-height: 100%;min-width: 100%;}
.header{z-index: 13;position: sticky;top: 0;right: 0;left: 0;font-size: 1.6rem;box-shadow: 0 2px 2px 0 #e9e9e9;
  background: #ffffff;}
.top-wrapper{position: relative;width: 100%;padding: 0;margin: 0;height: 24px;background: #231535;font-size: 1.1rem;}
.header .top-wrapper .top-title-one, .header  .top-wrapper .top-title-two{text-align: center;color: #ffffff;
  font-size: 0.7rem; -webkit-transition: top 0.5s ease-in-out;transition: top 0.5s ease-in-out;position: absolute;width: 100%;left: 0;
  right: 0;bottom: 0;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;
  -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.top-title-one{top: 0;visibility: visible;}
.top-title-two{top: -100%;visibility: hidden;}
.position0{top: 0;visibility: visible;}
.positionng100{top: -100%;visibility: hidden;}
.top-title-two p a{color: pink;}
.mobile-burger-menu{display: none;}
.moble-show-menu{display: none !important;}
.section-header{background: #ffffff;font-size: 1rem;position: relative;width: 100%;
  height: 72px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
  justify-content: space-between;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center;}
.logo-head{width: 138px;height: 100%;font-size: 0;margin: 0 0 0 16px;}
/*padding: 12px 0;*/
.logo-inner{display: inline-block;width: 100%;height: 100%;font-size: 0;}
.nav{padding: 0;cursor: default;background: #ffffff;}
.nav-list{list-style-type: none;width: 100%;}
.nav-list li{display: inline-block;padding: 0px 3px;background: #ffffff;font-size: 0.7rem;
  line-height: 18px;color: rgb(35, 21, 53);position: relative;}
/*.nav-list li a{text-align: center;font-size: 0.8rem;height: 72px;line-height: 72px;
  display: block;position: relative; color: rgb(51, 54, 62);}*/
.nav-list li a{text-align: center;font-size: 12px;height: 72px;line-height: 72px;
  display: block;position: relative; color: rgb(51, 54, 62);}
/*.nav-list li a.mainlist::before, .pincode-div::before, .user-profile::before, .takestowishlist::before, .takestocart::before{content: "";position: absolute;bottom: 0px; height: 2px; z-index: 1;width: 100%;transform: scale(0); transition: transform 0.5s ease-in-out 0s, background 1s ease-in-out 0s;
  background: linear-gradient(to right, rgb(222, 87, 229) 0%, rgb(136, 99, 251) 100%);left: 0;}*/
.nav-list li a.mainlist::before, .pincode-div::before, .user-profile::before, .takestowishlist::before, .takestocart::before{content: "";position: absolute;bottom: 0px; height: 2px; z-index: 1;width: 100%;min-width:140px;transform: scale(0); transition: transform 0.5s ease-in-out 0s, background 1s ease-in-out 0s;
  background: linear-gradient(to right, rgb(22, 99, 190) 0%, rgb(136, 99, 251) 100%);left: 0;}
/*.nav-list li:hover a{color: rgb(189, 16, 224);}*/
.nav-list li:hover a{color: rgb(22, 99, 190);}
.search-result-filter { flex:4; }
.nav-list li:hover a::before, .user-profile:hover::before, .takestowishlist:hover::before, .takestocart:hover::before, .pincode-div:hover::before{transform: scale(1);}
.nav-list li:nth-child(6) a::before{transform: scale(0);}
.submneu-main, .submneu-main-user{box-shadow: rgb(200 200 200 / 50%) 0px 2px 4px 0px;
  background: rgb(255, 255, 255);display: flex;justify-content: space-around;-webkit-box-align: stretch;
  align-items: stretch;position: absolute;cursor: default;top: 72px;left: 0px;overflow: hidden;
  z-index: -1;transform: translateY(-150%);}
.submenu-section-one{padding: 22px 10px 10px 10px;flex-basis: 100%;min-width: 140px;}
.submenu-section-two{padding: 22px 0px 22px 14px;flex-basis: 14%;}
.submenu-section-two-list{padding: 10px 0px 0px 0px;}
.submenu-section-one h3, .submenu-section-two h3, .submenu-section-three h3, .list-block-right h3{font-family: MuliBold, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 0.7rem;    margin: 0px 0px 26px;
  position: relative;color: rgb(35, 21, 53);line-height: 18px;height: 18px;}
.submenu-section-one h3::before, .submenu-section-two h3::before, .submenu-section-three h3::before, 
.inner-box-three::before, .list-block-right h3::before{content: "";display: inline-block;width: 92px;height: 1px;
  background: linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251) 76%, rgb(255, 255, 255) 76%, rgb(255, 255, 255) 86%, rgb(136, 99, 251) 86%, rgb(136, 99, 251) 100%);
  position: absolute;bottom: -18px;}
.nav-list li:hover .submneu-main, .pincode-div:hover .submneu-main, .user-profile:hover .submneu-main-user{transform: translateY(0%)}
.submenu-section-one .submenu-section-one-list, .submenu-section-two-list, 
.submenu-section-three-list {list-style-type: none;display: flex;flex-direction: column;}
.submenu-section-one .submenu-section-one-list li{  background: #ffffff;}
 .submenu-section-three-list li, .submenu-section-two-list li, .gift-right-box-list li{background: #ffffff;padding: 0px;flex: 100%;}
 .submenu-section-three-list li{padding: 0px 10px 0px 0px;}
.submenu-section-one .submenu-section-one-list li a, .submenu-section-two-list li a{text-decoration: none;-webkit-box-align: center;align-items: center;height: auto;line-height: 1.2;padding-block: 8px;}
.submenu-section-two-list li a, .submenu-section-three-list li a{height: auto;padding: 11px 0px;}
.submenu-section-one .submenu-section-one-list li:hover a h4, .submenu-section-two-list li:hover a h4, 
.submenu-section-three-list li:hover a h4{font-weight: bold; }
.submenu-section-one .submenu-section-one-list li a  div{height: 60px;width: 60px;margin: auto;}
.submenu-section-two-list li a  div{max-height: 26px;width: 26px;}
.submenu-section-one .submenu-section-one-list li a  div img{    max-width: 100%;
  animation: 0s ease 0s 1 normal none running none;margin: 0px;padding: 0px;width: 100%; display: block;}
.submenu-section-two-list li a  div img{ max-width: 100%;
  animation: 0s ease 0s 1 normal none running none;margin: 0px;padding: 0px;display: block;}
.submenu-section-one .submenu-section-one-list li a h4, .submenu-section-two-list li a h4, 
.submenu-section-three-list li a h4, .gift-right-box-list li a h4{font-family: 'MuliRegular';font-size: 0.7rem;
  font-weight: normal;line-height: 18px;}
.inner-box-three{padding: 11px 0px 11px 0px;}
.inner-box-three:nth-child(2) h4{padding: 8px 0px;}
.nav-list li a.mobile-menu-link{display: none;}
.submenu-section-three{display: flex;flex-flow: column;align-items: flex-start;flex: 0 0 auto;padding: 11px 0px 11px 10px;
  flex-basis: 13%;}
.submenu-section-four{flex-basis: 37%;margin: 0px;padding-left: 16px;border-top: none;
  max-width: 500px;align-self: stretch;}
.img-ontext-div{position: absolute;top: 30px;left: 66px;text-align: left;}
.img-ontext-div h2, .img-ontext-div h3{font-family: BegumMedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(222, 87, 229);font-size: 2.5rem;line-height: 50px;}
.img-ontext-div h3{color: rgb(35, 21, 53);}
.img-ontext-div button{line-height: 18px;
  position: relative;outline: none;cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent;
  box-sizing: border-box;font-family: inherit;margin: 14px 0px 0px;border: 1px solid rgb(222, 87, 229);
  border-radius: 24px;width: 132px;height: 34px;font-size: 0.8rem;text-align: center;color: rgb(222, 87, 229);background: transparent;}
.submenu-section-three-list li a h4{margin: 0px;}
.small-submenu{width: 244px;display: block;}
.gift-block-text{position: absolute;top: 26px;left: 16px;right: 16px;text-align: center;}
.gift-block-text h3{font-family: BegumMedium, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.4rem;line-height: 25px;}
.gift-block-text h3 span{color: rgb(189, 16, 224);}
.list-block-right, .gift-right-box-list li{width: 100%;}
.list-block-right h3{padding: 10px 0px 0px 12px;}
.gift-right-box-list li a{height: auto;padding: 8px 0;}

.pincode-div{cursor: pointer;height: 100%;position: relative;text-align: center;display: inline-block;}
.pincode-button{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  display: flex; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
  -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
  height: 100%;background: transparent;border: none;font-size: 1.2rem;}
.pincode-icon{background: url('../images/spriteImage1.png') no-repeat;
  background-size: 832px auto; display: block;cursor: pointer;background-position: -697px -65px;
  width: 18px;height: 19px;margin-top: -4px;
}
.pincode-text{cursor: pointer; color: #231535;font-size: 0.7rem;padding: 2px 8px 0;display: -webkit-box;display: -webkit-flex;
  display: -ms-flexbox;display: flex;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.pincode-section-one{background-color: #f9f9fa;padding: 12px 0;width: 100%;}
.pincode-section-one-img{background:  url('../images/spriteImage2.png') no-repeat -162px -1276px;
  background-size: 832px auto;width: 66px;height: 66px;display: block;margin: 0 auto;}
.pincode-section-two{width: 100%;padding: 32px 16px 16px;}
.pincode-section-two h3{font-family: 'BegumMedium','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 0.8rem;
  line-height: 1.14;text-align: center;color: #33363e;margin: 0;padding: 0;text-transform: capitalize;font-weight: bold;}
.pincode-section-two p{font-family: 'MuliLight','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 0.7rem;
  color: #33363e;margin: 0;padding: 12px 0;text-align: center;}
.input-wrapper{font-family: 'MuliRegular';position: relative;display: -webkit-box;display: -webkit-flex;
  display: -ms-flexbox;display: flex;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center;border: 1px solid transparent;background: linear-gradient(white,white) padding-box,linear-gradient(to right,#de57e5,#8863fb) border-box;}
.input-wrapper span{background: url('../images/spriteImage1.png') no-repeat;width: 18px;height: 17px;background-size: 832px auto;
  display: block;cursor: pointer;position: absolute;top: 0.5rem;left: 0.5rem;background-position: -697px -65px;
  width: 1.8rem;height: 1.9rem;}
.input-wrapper input{font-family:"mulilight";font-size: 0.9rem;
  text-align: left;color: #33363e;padding: 0 1rem 0 2.1rem;margin: 0;line-height: 3.6rem;
  width: 100%;height: 36PX;border: none;border-radius: 4px;cursor: text;outline: none;}
.pincode-section-three{width: 82%;position: relative;margin: 0 auto;}
.pincode-section-three .pin-submit{font-family: 'MuliSemiBold';display: block;
  font-size: 0.9rem;width: 100%;height:36px;border-radius: 0.4rem;color: #ffffff;
  text-align: center;margin: 1rem auto;background: #8863fb;background: linear-gradient(to right,#de57e5 -95%,#8863fb 100%);
  cursor: pointer;border: none;outline: none;}
.pincode-section-three p{font-size: 0.7rem; color: #9d9fa4;text-align: center;position: relative;display: -webkit-box;
  display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;
  flex-direction: row;width: 100%;max-width: 14rem;margin: 0 auto;}
.pincode-section-three p::before, .pincode-section-three p::after{content: '';-webkit-flex: 1 1;-ms-flex: 1 1;flex: 1 1;border-bottom: 1px solid #e9e9e9;
  margin: auto 1rem;}
.locate-me button{font-size: 0.7rem;padding: 0;text-align: center;color: #de57e5;width: 66%;height: 35px;
  line-height: 100%;border-radius: 2.2rem;background-color: #f6eff6;margin: 1rem auto 2rem;font-family: 'MuliSemiBold';
  border: none;}
.locate-me button::before{content: '';
  background: url('../images/spriteImage1.png') no-repeat -471px -986px;background-size: 832px auto;width: 1rem;
  height: 1rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;margin-top: -2px;}
.user-submenu{padding: 16px;width: 270px;right: 0px;left: -90%;justify-content: flex-start;display: block;}
.user-submenu .title{font-size: 1.2rem;color: #33363e;margin-bottom: 4px;}
.user-submenu .para{ font-family: 'MuliLight';font-size: 0.8rem;line-height: 22px;color: #231535;padding: 14px 0;}
.user-buton{margin: 16px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;
  -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;min-width: 228px;}
  .checkout-buton{margin: 16px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;
  -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;min-width: 228px;}
.user-signup{ font-family: 'MuliBold';background: linear-gradient(to right,#de57e5,#8863fb);color: #ffffff !important;
  border-radius: 6px;font-size: 0.9rem !important;border: none;text-align: center;width: 100px;height: 36px !important;line-height: 31px !important;margin-right: 18px;}
.user-login{ font-family: 'MuliBold';border: 1px solid #33c2e2;color: #231535 !important;border-radius: 6px;
    font-size: 0.9rem !important;text-align: center;width: 100px;height: 36px !important;line-height: 31px !important;margin-right: 18px;}
.btn-lavendor{margin: 5px 0;font-family: 'MuliBold';border: 1px solid #de57e5;color: #231535 !important;border-radius: 6px; font-size: 0.9rem !important;text-align: center;width: 100%;height: 36px !important;line-height: 31px !important;margin-right: 18px;}
.user-name{font-family: 'MuliBold';font-size: 1rem;line-height: 18px;color: rgb(35, 21, 53); margin-bottom: 6px;}
.user-email{font-family: 'MuliLight';font-size: 0.8rem;line-height: 18px;color: rgb(173, 169, 173);}
.horizontal-border{position: relative;bottom: 0px;height: 1px;margin: 18px 0px;}
.horizontal-border-left{display: inline-block;vertical-align: top;width: 64px;height: 1px;background: linear-gradient(to left,#33c2e2,#33c2e2);
  border: none;margin-left: 0;}
.horizontal-border-right{display: inline-block;vertical-align: top;width: 14px;height: 1px;background:#33c2e2;border: none;margin-left: 8px;}
.user-link-list{list-style-type: none;}
.user-link-list li a{font-size: 0.7rem;line-height: 18px;color: #231535;display: block;padding-bottom: 8px;}
.active_right_menu, .user-link-list li a:hover{font-size: 0.7rem;line-height: 18px;color: #33c2e2!important;display: block;padding-bottom: 8px;font-weight: bold;}

/*.search-inner-div{width: 216px;}*/
.search-inner-div{width: 180px;}
.search-inner-flex-div{display: flex;-webkit-box-align: center;align-items: center;position: relative;
  right: 0px;z-index: 1;width: 100%;border-color: #33c2e2;margin-left: 2px;}
.search-icon{background: url('../images/spriteImage1.png') -51px -15px / 832px no-repeat;
  display: block;cursor: pointer;width: 1.8rem;height: 1rem;position: absolute;left: 0.5rem;
  z-index: 1;}
  .search-inner-flex-div input{width: 100%;height: 2.3rem;line-height: 3.2rem;font-size: 0.8rem;
    color: rgb(51, 54, 62);position: relative;background: linear-gradient(white, white) padding-box padding-box, linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251)) border-box border-box;
    border: 1px solid transparent;border-radius: 4px;padding: 0px 3rem;}
/*.search-close{background: url('../images/spriteImage1.png')  -696px -16px / 832px no-repeat;
  cursor: pointer;width: 1.7rem;height: 1rem;z-index: 1;position: absolute;
  top: 57%;right: 0.1rem;left: unset; transform: translateY(-45%) rotate(45deg);display: none;}
  .show{display: block;}*/
.right-menu-section{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;
  -webkit-align-items: stretch;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;
  height: 100%;background: #ffffff;padding: 0;width: 240px;padding-left: 10px;}
.currency-mian-div, .user-profile, .takestowishlist, .takestocart{position: relative;
  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;
  -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 48px;height: 100%;margin: 0;
  cursor: pointer;}
  .section-header .search-inner-flex-div select{height: 36px;border-radius: 4px;}
.currency{background: url('../images/country-flags-sprite.png')  -355px -179px / 1000px no-repeat;
  width: 24px;height: 24px;display: block;}
.user-profile-icon{background: url('../images/spriteImage1.png')  no-repeat;
  width: 18px;height: 17px;background-size: 832px auto;display: block;cursor: pointer;background-position: -14px -380px;
  width: 20px;height: 20px;}
  .takestowishlist-link, .takestocart-links{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    width: 100%;height: 100%;cursor: pointer;font-size: 0;outline: none;background: none;border: none;}
.wishlist-box, .takestocart-box{position: relative;display: inline-block;}
.icon-wishlist{background: url('../images/spriteImage1.png') no-repeat;
  width: 18px;height: 17px;background-size: 832px auto;display: block;cursor: pointer;background-position: -86px -15px;
  width: 20px;height: 19px;}
.wishlist-counter, .takestocart-counter{font-family: 'MuliBold';width: 14px;height: 14px;background: #8863fb;background: linear-gradient(to right,#de57e5 0%,#8863fb 100%);
  font-size: 0.6rem;color: #fff;border-radius: 50%;position: absolute;bottom: -3px;line-height: 14px;text-align: center;right: -6px;}
.icon-takestocart{background: url('../images/spriteImage1.png')  no-repeat;
 background-size: 832px auto;display: block;cursor: pointer;background-position: -196px -15px;
  width: 22px;height: 19px;}
.mobile-burger-menu{margin: 0 14px;width: 24px;height: 100%;
  top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
  position: absolute;opacity: 1;z-index: 1;-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;
  overflow: hidden;}
.burger-menu-box{width: 24px; height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;flex: 1 0 auto;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;
  justify-content: center;position: absolute; top: 0px;-webkit-transition: top 0.5s ease-in-out,opacity 0.25s ease-in-out;
  transition: top 0.5s ease-in-out,opacity 0.25s ease-in-out; opacity: 1;}
  .burger-menu-icon{background: url('../images/spriteImage1.png') no-repeat;width: 18px;
    height: 17px;background-size: 832px auto;display: block;cursor: pointer;background-position: -16px -15px;
    width: 18px;height: 18px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.content-zone{min-height: 100vh;}
.content-zone form{position: sticky;top:72px;z-index: 9}
.user-base-banner{padding: 28px 30px 0px;display: flex;flex-flow: row;}
.customNextBtn, .customPreviousBtn{display: inline-block;vertical-align: middle;width: 38px;height: 38px;line-height: 38px;
  border: 2px solid rgb(35, 21, 53);border-radius: 50%;position: relative;z-index: 1;cursor: pointer;margin: 0px 26px;}
.customNextBtn::after{content: "";display: inline-block;position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;border-radius: 2px;
  border-top: 3px solid rgb(35, 21, 53);border-right: 3px solid rgb(35, 21, 53);margin-left: 2px;transform: translate(-50%, -50%) rotate(
    -135deg);}
.customPreviousBtn::after{content: "";display: inline-block;position: absolute;left: 50%;top: 50%;width: 14px;
  height: 14px;border-radius: 2px;border-top: 3px solid rgb(35, 21, 53);border-right: 3px solid rgb(35, 21, 53);transform: translate(-50%, -50%) rotate(
    45deg);margin-left: -2px;}
.home-slider {position: relative;}
.home-slider .owl-theme .owl-dots .owl-dot span{width: 8px;height: 8px;margin: 5px 3px;background: #fff;}
.home-slider .owl-theme .owl-dots .owl-dot.active span{background-color: rgb(136, 99, 251);} 
.home-slider .slider-control, .home-slider .owl-theme .owl-dots{text-align: center;position: absolute;left: 0;right: 0;bottom: 21px;}
.banner-bottom-img{background: url('../images/spriteImage1.png') no-repeat;background-size: 832px auto;display: block;cursor: pointer;background-position: -740px -901px; width: 88px;
  height: 42px;position: absolute;bottom: -24px; left: 50%;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
  z-index: 1;}

@media only screen and (min-width: 1024px){
.user-base-banner-left{flex: 1 0 50%;padding-right: 1.8rem;}
.user-base-banner-right{flex: 1 0 50%;padding-right: 1.8rem}
.user-base-banner-right-first{flex: 1 0 50%;padding-right: 0rem}
}
.user-base-banner-right-top{margin-bottom: 1.4rem;}
.user-base-banner img, .visual-tab div img, .additional-banners div img{height: 100%;width: 100%;}
.visual-tab div img{border-radius: 4px;}
.visual-tab{display: flex;flex-flow: row wrap;padding:  28px 14px 0px;}
.visual-tab div{flex: 0 0 33.33%;padding-right: 14px;padding-left: 14px;margin-bottom: 28px;}

.collection{text-align: center;}
.collection-div{padding: 60px 28px;display: flex;flex-flow: row nowrap;visibility: hidden;}
.collection-one, .collection-two, .collection-three{position: relative; flex: 1 0 31%;margin: 0px;top: 58px;}
.collection-one div, .collection-two div, .collection-three div{overflow: hidden;}
.collection-div img{transition: transform 0.3s ease-in-out 0s;}
.collection-div img:hover{transform: scale(1.1);}
.collection-one, .collection-three{animation-delay: 1s;}
.collection-two{margin: 0px 24px 30px;top: 0px; }
.view-all-collection-btn{ font-family: 'MuliRegular';color: rgb(35, 21, 53);border-radius: 2px;border:1px solid #8c69fb;font-size: 1.2rem;padding: 10px 20px;position:relative; top:-23px;}
.additional-banners{display: flex;flex-flow: row wrap;padding: 40px 14px 0px;}
.additional-banners div{flex: 0 0 50%;padding: 0px 14px 28px 14px;}
.store-visite{display: flex;-webkit-box-align: stretch;align-items: stretch;-webkit-box-pack: center;justify-content: center;
  flex-flow: row;background: rgb(249, 249, 250);flex: 1 0 auto;position: relative;z-index: 1;}
.store-div{padding: 92px 70px;flex: 1 0 50%;position: relative;}
.store-div img{max-width: 72%;}
.store-content{max-width: 35%;position: absolute;right: 70px;top: 50%;transform: translateY(-50%);text-align: left;margin-top: -25px;}
.store-content h2{ font-family: 'MuliBold'; color: rgb(35, 21, 53);font-size: 1.2rem;}
.store-content h2::after, .gift-right h2::after, .shope-instagram-top h2::after, .about-us-text h2::after, .best-seller-top-left h2::after{content: "";display: block;width: 92px; height: 1px;background: linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251) 76%, rgb(255, 255, 255) 76%, rgb(255, 255, 255) 86%, rgb(136, 99, 251) 86%, rgb(136, 99, 251) 100%);
  margin: 10px 0px 20px 0px}
.store-content p{font-size: 0.9rem;line-height: 24px;color: rgb(35, 21, 53);text-align: left;margin-bottom: 22px;}
.store-btn{font-family: 'MuliBold'; font-size: 1.1rem;padding: 11px 0px; min-height: 48px;   max-width: 216px;background: linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251));
  text-align: center;color: rgb(255, 255, 255);border-radius: 3px;display: block;}

.search-dropdown{outline: none;width: 100%;background: rgb(255, 255, 255);position: relative;
  text-align: left;box-sizing: border-box;border-radius: 2px;cursor: pointer;display: flex;height: inherit;
  border: 1px solid rgb(136, 99, 251);color: rgb(0, 0, 0);
}
.search-left{padding: 0px 0px 0px 12px;font-size: 1.2rem;display: block;width: calc(100% - 40px);
  white-space: nowrap;text-overflow: ellipsis;flex: 2 1 0%;height: 100%;line-height: inherit;color: rgb(157, 159, 164);
  border-right: 1px solid rgb(136, 99, 251) !important;}
.search-right{position: relative;flex: 0.45 1 0%;}
.search-arrow{background: url('../images/spriteImage1.png') -668px -20px / 832px;
  position: absolute; opacity: 1;transition: transform 0.4s ease-in-out 0s;transform: rotate(0deg);top: 18px;right: 14px;width: 14px;height: 10px;}
.search-left label {font-size: 0rem;display: none;}
.search-left input{width: 100%;height: 46px;outline: none;border: none;}
.search-dropdown-list{font-size: 0.6em;position: absolute;visibility: hidden;transition: visibility 0.4s ease-in-out 0s;
  z-index: 1;width: 100%; border-left: 1px solid rgb(233, 233, 233);border-bottom: 1px solid rgb(233, 233, 233);
  border-right: 1px solid rgb(233, 233, 233);background: #ffffff;max-height: 240px;
  overflow-y: scroll;}
.search-dropdown-list li{padding:13px;font-size: 11px;background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(222, 229, 239, 0.5);cursor: pointer;}
.search-dropdown-list li:hover{background: rgb(249, 249, 250);}
.search-arrow-open{transform: rotate(180deg);}
.visible{visibility: visible;}
.gift-left, .gift-right{-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;-webkit-box-pack: center;
  -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.gift a{display: flex;margin-bottom: 0;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
  background-color: #f7f0ee;padding: 32px;-webkit-align-items: center;-webkit-box-align: center; -ms-flex-align: center;align-items: center; -webkit-box-pack: center;
  -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;flex-flow: row wrap;overflow: hidden;}
.gift-right{padding-left:20px;}
.gift-left img{width: 100%;max-width: 400px;margin: 0 auto;display: block;}
.gift-right h2{font-family: 'MuliSemiBold';text-align: left;font-size: 1.8rem;line-height: 50px;}
.gift-list li{font-size: 1rem;padding: 10px 0px;}
.gift-button{font-family: 'MuliBold';display: block; background: linear-gradient(to right,#de57e5,#8863fb);
  padding: 8px 24px;min-height: 38px;min-width: 210px;margin: 20px 0px;text-align: center;font-size: 1rem;
  border-radius: 3px;color: #ffffff;cursor: pointer;outline: none;border: none;}
.trust-banner{width: 100%;background-color: rgb(35, 21, 53);padding: 24px;}
.trust-banner-div{width: 100%;text-align: center;}
.trust-banner-div p{font-size: 0.8rem;color: rgb(196, 173, 225);padding: 12px 0px 24px;line-height: 23px;}
.trust-banner-div a.know-more{font-family: 'MuliSemiBold';border-radius: 3px;color: rgb(255, 255, 255);text-align: center;display: inline-block;
  margin: 5px 0px 32px;font-size: 1rem;padding: 10px 26px;min-height: 48px;min-width: 162px;border: 1px solid #442c71;}

.best-seller{padding: 36px 0px;}
.best-seller-top{display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;padding: 0px 24px;}
.best-seller-top-left{flex: 1 1 0%;text-align: left;margin-left: 30px;}
.best-seller-top-left h2{font-size: 1.2rem;}
.best-seller-top-right{text-align: center;margin-bottom: 28px;width: 240px;}
.best-seller-top-right-button{display: inline-block;border: 1px solid rgb(136, 99, 251);border-radius: 4px;
  position: relative;left: 0px;font-size: 1rem;font-family: 'MuliSemiBold';color: rgb(35, 21, 53);width: 100%;height: 40px;}
.default-btn{background-image: linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251));width: 50%;
  left: 0%;position: absolute;top: 0px;height: 100%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;transition: left 0.2s linear 0s;}
.actual-btn span:nth-child(1){float: left;font-family: 'MuliRegular';border-left: none;position: relative;width: 50%;height: 100%;text-align: center;background: transparent;line-height: 40px;cursor: pointer;font-size: 1rem;
  color: rgb(255, 255, 255);transition: color 0.5s ease-in-out 0s;}
.actual-btn span:nth-child(2){ font-family: 'MuliRegular';position: relative;width: 50%;height: 100%;color: rgb(35, 21, 53);text-align: center;background: transparent;border-right: none;
  line-height: 40px;cursor: pointer;font-size: 1rem;}
.tab-button-action{left: 50%;}

.advantage{width: 100%;background: rgb(35, 21, 53);}
.advantage-container{width: 100%;max-width: 1440px;margin: 0 auto;}
.advantage-container-main{display: flex;position: relative;overflow: hidden;padding: 50px 100px;
  flex-flow: row wrap;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}
.advantage-list{display: flex;position: relative;flex-direction: row;-webkit-box-pack: center;justify-content: center;
  -webkit-box-align: center;align-items: center;flex: 0 0 50%;max-width: 50%;padding: 20px 0px;}
.advanatge-list-inner, .advanatge-list-inner a{display: flex;flex: 0 0 100%;flex-flow: row;-webkit-box-pack: center;justify-content: center;}
.advanatge-list-inner-left{flex: 1 0 auto;}
.advanatge-list-inner-right{display: flex;flex-direction: column;flex: 0 0 65%;padding-left: 20px;}
.advantage-shipping{display: block;cursor: pointer;background: url('../images/spriteImage2.png') -45px -58px / 832px no-repeat;margin: 0px auto;
  width: 123px;height: 89px;}
.advanatge-list-inner-right h3{font-size: 1rem;color: rgb(255, 255, 255);line-height: 20px;padding: 8px 0px;margin: 0px;}
.advanatge-list-inner-right p{font-size: 0.8rem;color: rgb(196, 173, 225);line-height: 20px;max-width: 209px;}
.advantage-return-policy{display: block;cursor: pointer;background:  pointer;background: url('../images/spriteImage2.png') -464px -66px / 832px no-repeat;
  margin: 0px auto;width: 104px;height: 81px;}
.advantage-exchange{display: block;cursor: pointer;background: url('../images/spriteImage2.png') -245px -65px / 832px no-repeat;
  margin: 0px auto;width: 120px;height: 81px;}
.advantage-warranty{display: block;cursor: pointer;background: url('../images/spriteImage2.png') -670px -61px / 832px no-repeat;
  margin: 0px auto;width: 103px;height: 89px;}
.advantage-list:nth-child(3){padding-left: 112px;}

.testimonials-img-div{margin-bottom: 26px;}
.testimonials-section{padding: 40px 120px 90px;background: rgb(249, 249, 250);}
.testimonial-img{background: url('../images/spriteImage1.png') -148px -369px / 832px no-repeat;
  width: 34px; height: 34px;display: inline-block;cursor: default;}
.testimonials-slider-div{text-align: center;}
.testimonials-content{margin-bottom: 26px;}
.testimonials-content p{color: rgb(157, 159, 164);font-size: 1.9rem;line-height: 44px; font-family: 'MuliLight';}
.testimonials-content p.testimonials-author{font-size: 1.2rem;color: rgb(35, 21, 53);margin-top: 26px;}
.testomonial-read-more{text-align: center;}
.testomonial-read-more-btn{padding: 8px 16px;display: inline-block;font-size: 1rem;text-align: center;color: rgb(136, 99, 251);
  border: 1px solid rgb(136, 99, 251);border-radius: 3px;}
.home-testimonials-slider .owl-dots{position: absolute;right: 0;left: 0;bottom: -100px;}

.shope-instagram{width: 100%;padding: 24px;margin: 24px 0px;}
.shope-instagram-top{display: flex;-webkit-box-align: stretch;align-items: stretch;-webkit-box-pack: justify;justify-content: space-between;}
.shope-instagram-top h2{font-size: 1.5rem;font-family: 'MuliSemiBold';font-weight: 500;padding-left: 24px;
  position: relative; margin: 0px 0px 40px;color: rgb(51, 54, 62);}
.shope-instagram-top span{font-family: 'MuliLight';font-size: 1.5rem;color: rgb(51, 54, 62);}
.instagram-view{display: flex;overflow: hidden;flex: 1 0 auto;}
.instagram-view-left{flex: 0 0 40%;overflow: hidden;}
.instagram-view-right{display: flex;flex-wrap: wrap;overflow: hidden;flex: 0 0 60%;}
.instagram-view-right-div{flex: 1 1 33.3%;max-width: 33.3%;overflow: hidden;}
.instagram-view-right-div img{width: 100%;height: 101%;max-width: 100%;display: block}
.instagram-view-right-div a{display: block;height: 101%;}
.instagram-view-right-div img, .instagram-view-left img{transition: all .5s ease;-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;-ms-transition: all .5s ease;border-style: none;}
.instagram-view-right-div img:hover, .instagram-view-left img:hover{transform: scale(1.1);}

.newsletter{background: rgb(35, 21, 53);padding: 50px 24px;position: relative;width: 100%;display: block;}
.newsletter-container {width: 100%;max-width: 1440px;margin: 0 auto;}
.news-letter-inner{text-align: center;display: block;}
.news-letter-inner-img{background: url('../images/spriteImage2.png') -13px -1268px / 832px no-repeat;
  width: 125px;height: 68px;display: inline-block;}
.news-letter-inner h2{font-size: 1.5rem;margin-bottom: 30px;margin-top: 0px;color: rgb(246, 239, 246);display: block;}
.newsletter-box{position: relative;width: 424px;height: 42px;margin: 0px auto;}
.newsletter-box label{font-size: 0px;display: block;}
.newsletter-box-input-div{position: relative;}
.newsletter-box-input-div input{background: rgb(35, 21, 53);color: rgb(255, 255, 255);height: 40px;
  border-radius: 4px;border: 1px solid rgb(222, 87, 229);padding: 0px 135px 0px 8px;cursor: text;
  outline: none;line-height: 2;width: 100%;font-size: 0.8rem;text-align: left;}
.newsletter-box button{outline: none;user-select: none;
  -webkit-tap-highlight-color: transparent;border-radius: 0px 5px 5px 0px;box-sizing: border-box;
  font-family: inherit;color: rgb(255, 255, 255);background: linear-gradient(to right, rgb(222, 87, 229), rgb(136, 99, 251));
  border: none;position: absolute;width: 135px;height: 40px;right: 0px;top: 0px;
  margin: 0px;text-transform: uppercase;font-size: 0.9rem;opacity: 0.4;cursor: not-allowed;}
.gender-box{width: 424px;padding-top: 15px;margin: 0px auto;}
.gender-box ul{display: flex;flex-direction: row;font-size: 0.9rem;font-weight: 300;}
.gender-box ul li{-webkit-box-flex: 1;flex-grow: 1;list-style-type: none;margin-top: 3px;margin-bottom: 3px;}
.gender-box ul li input{display: none;opacity: 0;}
.gender-box ul li label{cursor: pointer;display: flex;flex-direction: row;-webkit-box-align: center;align-items: center;}
.gender-box ul li label span.label-img{    background: url('../images/spriteImage1.png') -35px -65px / 832px no-repeat;
  width: 29px;height: 22px;display: inline-block;cursor: pointer;}
.gender-box ul li label{margin-left: 0px;width: 90%;color: #ffffff;text-align: left;font-size: 0.9rem;}

.radio-container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;
  font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.radio-container input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;
  border-radius: 50%; background: url('../images/spriteImage1.png') -35px -65px / 832px no-repeat;
  width: 29px;height: 22px;display: inline-block;cursor: pointer;
}
.radio-container input:checked ~ .checkmark {background: url('../images/spriteImage1.png') -9px -65px / 832px no-repeat;
}
.about-us{width: 100%;position: relative;}
.know-more-about{text-align: center;width: 100%;height: 50px;line-height: 16px;background-color: #231535;
  position: relative;top: -2px;}
.know-more-about-span{font-size: 0.7rem;position: absolute;bottom: 17px;left: 50%;z-index: 0;
  line-height: 12px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
  color: #fff; width: 90%;}
.know-more-about-span-inner{position: relative;}
.know-more-about-span-inner::before{bottom: -21px;left: 50%;border: solid transparent;content: ''; height: 0;width: 0;position: absolute;
  pointer-events: none;border-color: rgba(136,183,213,0);border-bottom-color: #fff;border-width: 12px;
  margin-left: -12px;}
.know-more-about-span-inner a{color: #de57e5;display: inline;}
.about-us-inner{position: relative;background-color: #fff; overflow: hidden;}
.close-wrapper{position: absolute;right: 24px;top: 24px;z-index: 1;}
.close-wrapper span{background: url('../images/spriteImage1.png') no-repeat;
background-size: 832px auto;display: block;cursor: pointer;background-position: -613px -650px;
  width: 16px;height: 16px;}
.about-us-content{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  padding: 40px 24px;}
.about-us-text{-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-animation: animation-aw5r2h 0.75s 0s both;
  animation: animation-aw5r2h 0.75s 0s both;}
.about-us-text h2{font-size: 1.3rem;font-family: 'MuliSemiBold';font-weight: 500;padding-left: 24px;position: relative;
  margin: 0 0 40px;color: #33363e;margin-bottom: 24px;}
.about-us-text .text{font-size: 0.7rem;line-height: 21px;margin-bottom: 24px;padding-left: 30px;padding-right: 30px;}
/*.footer{width: 100%;background-color: rgb(246, 239, 246);padding: 54px 0px;margin-top: 15px;}*/
.footer{width: 100%;background-color: rgb(246, 239, 246);padding: 10px 0px;margin-top: 15px;}
.footer-container{width: 100%;max-width: 1440px;margin: 0 auto;}
.footer-top-block{width: 83.33%;max-width: 83.33%;margin: 0px auto;position: relative;}
.footer-middle-block{display: flex;-webkit-box-align: center;align-items: center;width: 60.33%;max-width: 83.33%;
  margin: 0px auto;}
.footer-top-block-main-ul{display: flex;}
.footer-top-block-main-list{flex: 1 1 0%;}
.footer-top-block-main-list h3{font-family: 'MuliSemiBold';font-size: 0.8rem;color: rgb(35, 21, 53);padding-bottom: 4px;}
.footer-top-block-main-list ul li{width: 100%;}
.footer-top-block-main-list ul li a{font-size: 0.7rem;color: rgb(135, 118, 157);text-transform: uppercase;}
.footer-middle-block-left{display: flex;flex: 0 0 80%;max-width: 80%;margin: 0px;}
.footer-middle-block-right{width: 160px;height: 42px;}
.footer-middle-block-left ul{padding: 20px 0px;}
.footer-middle-block-left ul li{display: inline-block;width: auto;padding-right: 22px;}
.facebook-icon{ background: url('../images/spriteImage1.png') -94px -369px / 832px no-repeat;
  width: 34px;height: 34px;display: block;cursor: pointer;}
.instagram-icon{background: url('../images/spriteImage1.png') -148px -369px / 832px no-repeat;
  width: 34px;height: 34px;display: block;cursor: pointer;}
.pin-icon{background: url('../images/spriteImage1.png') -202px -369px / 832px no-repeat;
  width: 34px;height: 34px;display: block;cursor: pointer;}
.edit-icon{background: url('../images/spriteImage1.png') -512px -1218px / 832px no-repeat;
  width: 34px;height: 29px;display: block;cursor: pointer;display: inline-block;
    margin-top: -10px;}
.footer-middle-block-right a{font-family: 'MuliSemiBold';border: 1px solid rgb(136, 99, 251);padding: 10px 24px;font-size: 0.9rem;
  color: rgb(35, 21, 53);border-radius: 3px;text-align: center;display: block;}
.footer-middle-block-link{display: flex;-webkit-box-pack: justify;justify-content: space-between;align-items: flex-end;
  flex: 0 0 83.33%;max-width: 83.33%;margin: 0px auto;}
.footer-middle-block-link-left p{font-size: 0.7rem;color: rgb(136, 99, 251);padding-bottom: 4px;}
.footer-middle-block-link-left ul li{display: inline-block;}
.footer-middle-block-link-left ul li a{font-size: 0.7rem;} 
.footer-middle-block-link-left ul li a::after{content: "|";margin: 0px 4px;}
.footer-middle-block-link-left ul li:last-child a::after{content: "";margin: 0px;}
.footer-middle-block-link-right ul li{display: inline-block;vertical-align: middle;margin: 0px 10px;}
.visa-icon{background: url('../images/spriteImage1.png') -21px -435px / 832px no-repeat;
  display: block;cursor: default;height: 16px;width: 44px;}
.master-card-icon{background: url('../images/spriteImage1.png') -96px -431px / 832px no-repeat;display: block;
  cursor: default;height: 24px;width: 38px;}
.paypal-icon{background:  url('../images/spriteImage1.png')  -162px -437px / 832px no-repeat;
  display: block;cursor: default;height: 15px;width: 44px;}
.american-express-icon{background: url('../images/spriteImage1.png') -375px -423px / 832px no-repeat;
  display: block;cursor: default;height: 40px;width: 44px;}

@media only screen and (min-width: 2250px){
  .user-base-banner-right-top { margin-bottom: 2rem;}
  .store-content{right: 186px;}
}

@media only screen and (min-width: 1024px){
  .lastcategory-align {margin: auto; width: 70%;}
  .user-base-banner-right-full{flex: 1 0 50%;padding-left: 0rem;}
  .category-last-verticle-img {    padding: 28px 30px 0px; width: 100%; height: 309px;}
}

@media only screen and (max-width: 1024px){
  .user-base-banner-right-full{flex: 1 0 50%;padding-left: 1.8rem;padding: 10px 0px;}
  .category-last-verticle-img {width: 100%;}
}

@media only screen and (max-width: 1350px){
  .search-inner-div{width: 200px;}
  .submenu-section-three {padding: 11px 0px 11px 10px;flex-basis: 10%;}
}
@media only screen and (max-width: 1280px){
  .right-menu-section{padding: 0 16px;width: 220px;}
  .nav-list li a {font-size: 0.7rem;}
  .search-inner-div {width: 160px;}
  .submenu-section-three {padding: 11px 0px 11px 10px;flex-basis: 11%;}
}
@media only screen and (max-width: 1150px){
  .search-wrapper {margin: 0px 10px 0px 0px;}
  .nav-list li {padding: 0px 2px;}
  .nav-list li a{font-size: 0.5rem;}
  .right-menu-section {width: 180px;}
  .submenu-section-one .submenu-section-one-list li a h4, .submenu-section-two-list li a h4, .submenu-section-three-list li a h4{
    margin: auto;text-align: center;}
  .submenu-section-two {padding: 22px 0px 22px 10px;flex-basis: 16%;}
  .submenu-section-three {padding: 11px 0px 11px 10px;flex-basis: 12%;}
}
@media only screen and (max-width: 1024px){
  .nav-list li {padding: 0px 0px;}
  .pincode-text{padding: 2px 4px 0;font-size: 0.6rem;}
  .search-inner-div {width: 180px;}
  .right-menu-section {width: 160px;}
  .submenu-section-two {padding: 22px 0px 22px 10px;flex-basis: 17%;}
  .submenu-section-three {padding: 11px 0px 11px 10px;flex-basis: 13%;}
}
@media only screen and (max-width: 1050px){
  .right-menu-section {width: 150px;padding: 0 10px;}
 
 }

@media only screen and (max-width: 980px){
  .content-zone {padding-top: 128px;}
  .section-header{height: 48px;}
  .moble-show-menu{display: block !important;}
  .user-profile{display: none;}
  .close-menu{width: 24px;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
    display: flex;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;-webkit-align-items: center;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    position: absolute;top: 36px; -webkit-transition: top 0.5s ease-in-out,opacity 0.25s ease-in-out;
    transition: top 0.5s ease-in-out,opacity 0.25s ease-in-out;opacity: 0;}
  .close-menu-icon{background: url('../images/spriteImage1.png') no-repeat;
   background-size: 832px auto;display: block;cursor: pointer;background-position: -559px -750px;
    width: 19px;height: 19px;}
  .burger-menu-box-disabled .mobile-burger-menu .burger-menu-box{opacity: 0;top: -36px;}
  .burger-menu-box-disabled  .mobile-burger-menu .close-menu{opacity: 1;top: 0px;}
  .burger-menu-box-disabled .nav{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);
    transform: translateX(0%);top: 126px; background: rgb(246, 239, 246);} 
  .mobile-burger-menu, .mobile-menu-link{display: block;}
  .nav-list li a {font-size: 0.8rem;font-family: 'MuliBold';padding: 0px 20px;text-align: left;height: 48px;line-height: 49px;}
  .logo-head { margin: 0 0 0 46px;width: 102px;height: auto;}
  .pincode-div{display: none;}
  .right-menu-section{padding-right: 16px;background: none;width: auto;}
  .search-inner-div {width: 100%;position: absolute;left: 0px;top: 48px;padding: 0px 1rem 1.2rem;
    background-color: rgb(249, 249, 250);}
  .nav{width: 100%; max-width: 100%;position: fixed; overflow-y: scroll; overflow-x: hidden;
    left: 0;padding-bottom: 130px; height: 100%; top: 72px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.28,0,0.18,1);
    -webkit-transition: transform 0.6s cubic-bezier(0.28,0,0.18,1); transition: transform 0.6s cubic-bezier(0.28,0,0.18,1);
    background: #f6eff6;-webkit-transform: translateX(-150%);-ms-transform: translateX(-150%);transform: translateX(-150%);}
  .nav-list li{padding: 0px 0px;display: block;position: relative; width: 100%; border-bottom: 1px solid rgb(233, 233, 233);
    background: rgb(255, 255, 255);}
  .submneu-main{position: relative;width: 100%; top: 0px; transform: none;max-height: 0;
    flex-flow: column;flex: 0 0 auto; animation: 0s ease 0s 1 normal none running none;z-index: 1;}
  .mobile-submenu-list .submneu-main{max-height: 100%;}
  .right-arrow-mobile{ background: url('../images/spriteImage1.png') -663px -13px / 832px no-repeat;
    width: 24px; height: 24px; position: absolute; right: 16px; top: 50%;transition: transform 0.35s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    transform: translateY(-50%) rotate(-90deg);}
    .nav-list li a{height: 100%;}
    .mobile-submenu-list .right-arrow-mobile{ transform: translateY(-50%) rotate(0deg);}
   .nav-list li a.mobile-menu-link {font-family: 'MuliBold';display: block;color: rgb(35, 21, 53);font-size: 0.8rem;line-height: 18px;
    padding: 20px 14px;}
  .submenu-section-one {padding: 0px 0px 10px 14px;flex-basis: 100%;}
  .submenu-section-one h3, .submenu-section-two h3, .submenu-section-three h3, .list-block-right h3 {margin-bottom: 14px;
    height: inherit;}
    .submenu-section-one .submenu-section-one-list li, .submenu-section-two-list li, .submenu-section-three-list li, .gift-right-box-list li {border: none;}
    .submenu-section-two-list li {flex: 0 0 50%;}
    .submenu-section-four{display: flex;position: relative;}
    .submenu-section-two li a, .submenu-section-three li a, .gift-right-box-list li a{padding: 10px 0px;}
  .submenu-section-four a{padding: 0px !important;}
  .gift-right-box-list li a h4{font-size: 0.8rem;}
  .user-account-mobile{background: transparent !important;}
.user-account-mobile{padding: 16px !important;}
.user-account-mobile .title {font-size: 1.2rem;color: #33363e;margin-bottom: 4px;}
.user-account-mobile .para {font-family: 'MuliLight';font-size: 0.8rem;line-height: 22px;color: #231535;padding: 14px 0;}
.myaccount a, .ourstory a{font-size: 0.7rem !important;line-height: 18px !important;color: #231535 !important;
  display: block !important;  padding: 8px 0 !important;font-family: 'MuliRegular' !important;}
/*.nav-list li:hover a {color: #231535;}*/
.nav-list li:hover a {color: #1663be;}
.loging-mobile{display: flex;-webkit-box-pack: justify;justify-content: space-between;align-items: flex-start;
  margin: 16px 0px;}
.loging-mobile-left{flex: 1 1 0%;} 
.loging-mobile-right {flex: 1 1 0%;}
.loging-mobile-right a{text-align: right !important;}
.loging-mobile-right a{color: rgb(136, 99, 251) !important;}
.find-store{background: linear-gradient(to right,#de57e5,#8863fb);display: inline-block;border-radius: 6px;margin: 16px 0;}
.find-store a{font-family: 'MuliLight';display: block;text-align: center !important;color: #ffffff !important;font-size: 1rem !important;line-height: 21px;
  min-width: 228px;}
  .nav-list li a.mainlist::before, .pincode-div::before, .user-profile::before, .takestowishlist::before, .takestocart::before{display: none;}
  .user-base-banner{padding: 10px 0px;display: block;z-index: 1;position: relative;}
  .user-base-banner-left, .user-base-banner-right{flex: 100%;}
  .user-base-banner-left{padding-right: 0rem;}
  .user-base-banner-right-full{padding-right: 0rem;flex: 100%;}
  .user-base-banner-right-top{padding: 10px 0px;margin-bottom: 0rem;}
  .visual-tab {padding: 10px 10px 0px;}
  .visual-tab div{flex: 50%;padding-right: 5px;padding-left: 5px;margin-bottom: 10px;}
  .collection{padding: 50px 0px;}
  .collection-div{visibility: visible;overflow-x: auto;padding:0px;}
  .collection-one, .collection-two, .collection-three{top: 0px;min-height: 334px;min-width: 334px;}
  .view-all-collection-btn{top:20px;}
  .additional-banners{display: block;padding: 40px 0px 0px;}
.additional-banners div{flex: 0 0 100%;padding: 0px 0px 10px 0px;}
.store-div img {max-width: 100%;}
.store-content {text-align: center;position: static;margin: 25px auto 0 auto;max-width: 70%;top: 0;display: block;transform: translateY(0%);}
.store-div {padding: 46px 21px;}
.store-content h2{font-size: 0.8rem;}
.store-content p {font-size: 0.6rem;text-align: center;}
.store-btn {font-size: 0.8rem;padding: 11px 0px;min-height: 40px;max-width: 150px;margin: 0 auto;}
.search-main{max-width: 300px;margin: 0 auto;position: relative;}
.store-content h2::after {margin: 10px 0px 20px 128px}
.store-div {padding: 20px 21px;}
.search-dropdown-list {text-align: left;}
.gift a{display: block;}
.gift-right{padding-top: 20px;}
.gift-right, .gift-right h2 {text-align: center;padding-left: 0px;}
.gift-right h2{line-height: 32px;}
.store-content h2::after, .gift-right h2::after, .shope-instagram-top h2::after, .about-us-text h2::after{margin: 20px auto;}
.gift-button {margin: 20px auto;}
.advantage-container-main{padding: 20px 10px;}
.advantage-list{flex-direction: column;}
.advanatge-list-inner, .advanatge-list-inner a{flex: 1 1 auto;flex-direction: column !important;}
.advantage-list:nth-child(3) {padding-left: 0px;}
.advanatge-list-inner-right p { display: none;}
.advanatge-list-inner-right h3 {text-align: center; }
.shope-instagram {padding:0px;}
.shope-instagram-top h2{margin: 0px 0px 10px;padding-left: 0px;}
.shope-instagram-top {display: block;text-align: center;margin-bottom: 10px;}
.shope-instagram-top span {font-size: 1.2rem;}
.instagram-view {flex-flow: column;cursor: default;}
.instagram-view-left, .instagram-view-right{flex: 0 0 auto;}
.instagram-view-right-div{flex: 1 0 50%;max-width: 50%;}
.newsletter-box, .gender-box {width: 284px;}
.newsletter-box button {width: 95px;font-size: 0.8rem;}
.about-us-content {-webkit-flex-flow: column;-ms-flex-flow: column;flex-flow: column;}
.about-us-text {text-align: center;}
.footer{padding: 24px 0px;}
.footer-top-block-main-ul {flex-flow: column;}
.footer-top-block-main-list h3{font-size: 0.9rem;font-family: 'MuliRegular';padding: 13px 0px;border-bottom: 1px solid rgb(233, 233, 233);position: relative;}
.footer-top-block-main-list h3 .toogle-icon-plus {content: "";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);
  background: url('../images/spriteImage1.png') -696px -16px / 832px no-repeat;
  width: 14px;height: 13px;}
.footer-top-block-main-list ul{ max-height: 0px;overflow: hidden;transition: all 0.5s ease-in-out 0s;}
.max-height{max-height: 200px !important;padding: 12px 0px 0px;}
.toogle-icon-minus{background-position: -53px -388px !important;height: 2px !important;}
.footer-middle-block{flex-flow: column-reverse;}
.footer-middle-block-right{position: relative;margin: 24px auto 12px;}
.footer-middle-block-link-left{text-align: center;flex: 1 1 0%;}
.footer-middle-block-link-right{display: none;}
.testimonials-section {padding: 20px 20px 100px; }
.testimonials-content p {font-size: 1.2rem;line-height: 30px;}
}


@media only screen and (max-width: 850px){ 
  .submenu-section-one .submenu-section-one-list li {
    width: 20%;
}

}
@media only screen and (max-width: 768px){

  .submenu-section-one .submenu-section-one-list li {
    width: 33.33%;
}
.store-visite{display: block;}
.search-dropdown-list {max-width: 300px;left: 0;right: 0;}
}
@media only screen and (max-width: 750px){ 
  
}
@media only screen and (max-width: 700px){

}
@media only screen and (max-width: 650px){

}
@media only screen and (max-width: 600px){
  .gift-right h2{font-size: 1.5rem;}
  .advanatge-list-inner-right h3 {font-size: 0.8rem;}
}
@media only screen and (max-width: 550px){
   .submenu-section-one .submenu-section-one-list li {

    width: 50%;
}
  
}
@media only screen and (max-width: 500px){ 

}
@media only screen and (max-width: 480px){
  .gift-right h2 { font-size: 1.2rem;}
  .trust-banner {padding: 10px;}

}
@media only screen and (max-width: 450px){  
  .submenu-section-one .submenu-section-one-list li {flex-basis: 100%;}
  
 
}
@media only screen and (max-width: 400px){ 
  .wishlist2-list {
    width: 100% !important;
    margin-top: 25px !important;
}
.wishlist2-list .cart-product-left{
display: inherit !important;
}
.wishlist2-list .cart-product{
  display: inherit !important;
}
.cart-product-img-div {
    min-width: 100% !important;
    max-width: 100%;
    margin-bottom: 10px;
    height: auto !important;
}
 
}
@media only screen and (max-width: 360px){
  .right-menu-section {width: 160px;}
  .store-content h2, .trust-banner-div p {font-size: 0.7rem;}
  
}

.center {
  margin: auto;
  text-align: center;
}

.error_field {
    font-size: 13px;
    text-align: center;
    margin: 5px 5px 0 5px;
    color: #e60944;
}

.success_msg {
    font-size: 18px;
    text-align: center;
    margin: 5px 5px 0 5px;
    color: #1b7ced;
}

.inputfocus {
      box-shadow: 0 0 2px rgba(81, 203, 238, 1);
}


@media only screen and (max-width: 980px){
.search-icon{background: url('../images/spriteImage1.png') -51px -15px / 832px no-repeat;
  display: block;cursor: pointer;width: 1.8rem;height: 1rem;position: absolute;left: 1rem;
  z-index: 1;top:10px}
.search-inner-flex-div{display: grid;-webkit-box-align: center;align-items: center;position: relative;}
.search-inner-div {width: 100%;position: absolute;left: 0px;top: 48px;padding: 1rem 1.2rem;}
}

.gold-rate-box {
  display: inline-flex;
  align-items: center;
  background-color: #fff8dc; /* light golden background */
  border: 1px solid #e0c068; /* soft gold border */
  padding: 10px 15px;
  border-radius: 8px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.gold-icon {
  font-size: 20px;
  margin-right: 8px;
}

.gold-label {
  font-size: 16px;
  font-weight: 500;
  color: #6b4e15;
  margin-right: 5px;
}

.gold-value {
  font-size: 18px;
  font-weight: bold;
  color: #d4af37; /* gold text */
}
/* Homepage CSS */
.odi-order-strip {
    position: relative;
    max-width: 1384px;
    margin: 50px auto 0;
    padding: 25px 34px;

    min-height: 105px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background:
        radial-gradient(
            circle at 78% 50%,
            rgba(51, 194, 226, .08),
            transparent 30%
        ),
        linear-gradient(
            110deg,
            #001827 0%,
            #061b2a 55%,
            #071925 100%
        );

    border: 1px solid rgba(51, 194, 226, .55);
    border-radius: 13px;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(0, 19, 32, .12),
        inset 0 0 25px rgba(51, 194, 226, .025);
}


/* LEFT SECTION */

.odi-order-left {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 22px;
}


/* DIAMOND ICON */

.odi-diamond-icon {
    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border: 1px solid #33c2e2;
    border-radius: 50%;

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

    color: #33c2e2;
}

.odi-diamond-icon span {
    font-size: 36px;
    line-height: 1;
    font-family: Georgia, serif;
}


/* TEXT */

.odi-order-content h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-family: Georgia, 'Times New Roman', serif;

    font-size: 22px;
    line-height: 1.25;

    font-weight: 400;
}

.odi-order-content p {
    max-width: 470px;

    margin: 0;

    color: #d2d9de;

    font-size: 12px;
    line-height: 1.55;
}


/* BUTTON */

.odi-order-action {
    position: relative;
    z-index: 3;
}

.odi-order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 210px;

    padding: 13px 22px;

    border: 1px solid #33c2e2;
    border-radius: 4px;

    background: rgba(0, 18, 30, .35);

    color: #33c2e2 !important;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;
    text-transform: uppercase;

    text-decoration: none !important;

    transition:
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.odi-order-btn:hover {
    background: #33c2e2;

    color: #071925 !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 20px rgba(51, 194, 226, .25);
}


/* CYAN DOTTED / WAVE EFFECT */

.odi-wave {
    position: absolute;

    width: 520px;
    height: 160px;

    right: 240px;
    bottom: -100px;

    opacity: .45;

    transform: rotate(-8deg);

    background-image:
        radial-gradient(
            circle,
            rgba(51, 194, 226, .9) 1px,
            transparent 1.4px
        );

    background-size: 8px 8px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 35%,
            #000 65%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 35%,
            #000 65%,
            transparent
        );

    pointer-events: none;
}


/* MOBILE */

@media (max-width: 768px) {

    .odi-order-strip {
        margin: 35px 14px 0;

        padding: 24px 20px;

        flex-direction: column;
        align-items: flex-start;

        gap: 20px;
    }

    .odi-order-left {
        gap: 15px;
    }

    .odi-diamond-icon {
        width: 52px;
        height: 52px;

        flex-basis: 52px;
    }

    .odi-diamond-icon span {
        font-size: 29px;
    }

    .odi-order-content h3 {
        font-size: 19px;
    }

    .odi-order-content p {
        font-size: 12px;
    }

    .odi-order-action {
        width: 100%;
    }

    .odi-order-btn {
        width: 100%;
    }

    .odi-wave {
        right: -100px;
    }
}
/* End of Homepage CSS */