/** LOADING FONT FAMILY ***/
@import url('fonts/icons/LineIcons.css');
/*@import url('sofia.css');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');



:root {
  --main-bg-color: #fff;
  --title-bg-color:hsl(0, 0%, 93.3%);
  --header-bg-color:#fff;
  --green-color: #f6371c;
  --dark-green-color: #9c9e00;
  --product-bg-heading:#fcfcfc;
  --grey-btn-color: green;
}
body,html{font-family:'Montserrat', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{
    color: #000;
}
[v-cloak] > * { display:none; }

.ui-datepicker-inline {
    width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    padding: 12px;
}
@-webkit-keyframes placeholder-shimmer {
  /* line 53, ../sass/_functions.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 56, ../sass/_functions.scss */
  100% {
    background-position: 468px 0;
  }
}

@-moz-keyframes placeholder-shimmer {
  /* line 53, ../sass/_functions.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 56, ../sass/_functions.scss */
  100% {
    background-position: 468px 0;
  }
}

@-ms-keyframes placeholder-shimmer {
  /* line 53, ../sass/_functions.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 56, ../sass/_functions.scss */
  100% {
    background-position: 468px 0;
  }
}

@-o-keyframes placeholder-shimmer {
  /* line 53, ../sass/_functions.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 56, ../sass/_functions.scss */
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeholder-shimmer {
  /* line 53, ../sass/_functions.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 56, ../sass/_functions.scss */
  100% {
    background-position: 468px 0;
  }
}

/* line 6, ../sass/shimmer.scss */
.placeholder-item {
  -webkit-animation-name: placeholder-shimmer;
  -moz-animation-name: placeholder-shimmer;
  -ms-animation-name: placeholder-shimmer;
  -o-animation-name: placeholder-shimmer;
  animation-name: placeholder-shimmer;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -o-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 800px;
  position: relative;
  overflow: hidden;
}

.get-in-touch .form-group {
    margin-bottom: 7px;
}
.get-in-touch label {
    margin-bottom: 0px;
}
.footer-newsletter-form input#email:focus {
    outline: none;
}
.mobile-logo img {
    width: 160px;
}

/*** DEALS ***/
.homeslider .nav-btn.prev-slide {
    display: none;
}
.homeslider .nav-btn.next-slide {
    display: none;
}
.checkout-logo img {
    width: 201px;
}
.btn.loyalty-btn {
    background-color: #ff5e00;
}

.single-top-section {
    margin-bottom: 15px;
}
.trendingGrid:hover {
    background-color: #fff;
    transition: 0.5s;
}
.top-part img {
    width: 201px;
}
.deals-information-box img {
    width: 100px;
}
.how-it-works-section h2 {
    text-align: center;
}
p.deals-para {
    text-align: center;
}
.deals-information-box {
    line-height: 26px;
    box-shadow: 0 7px 14px rgb(34 25 36 / 20%);
    padding: 20px 15px 0px;
    border-radius: 0px;
    background-color: #fff;
}
.deals-information-box p {
    font-size: 14px;
}
.header-top-bar {
    background-color: #e9ebee;
    padding: 8px 0px;
}
.top-bar-first a {
    padding-right: 35px;
}
.header-top-bar ul {
    margin-bottom: 0px;
    text-align: right;
}
.header-top-bar .social-icon li i {
    color: #000;
    font-size: 12px;
}
.header-top-bar .social-icon li a {
    padding-right: 20px;
}
.works-deal-one {
    FONT-VARIANT: JIS04;
    max-width: 327px;
    margin: 0 auto;
    box-shadow: 1px 1px 9px 1px #c1c1c182;
    padding: 14px 0px 38px;
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 8px;
}
.works-deal-one img {
    width: 100px;
}
.no-vendor-details p {
    padding-top: 5px;
}
span.single-discount-percentage {
    font-weight: 900;
    color: #ffffff;
    border: none;
    background-color: #ff5e00;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 3px;
    margin-left: 15px;
}
/**END Deals CSSS**/

/*** WHATS APP COLOR CHANGES***/
i.lni.lni-whatsapp {
    color: #25D366;
}
/***END WHATS APP COLOR CHANGES***/

/*** CSS FOR ASSISTENCE BLOCK***/
#assistantBlock h2 {
    font-size: 22px;
}

/**Single product page**/
.product-content-description h3 {
    font-size: 20px !important;
}
.product-content-description li {
    font-size: 14px;
    color: #797979;
}

/**Order detail page**/
.order-details th {
    color: #8c8c8c;
}
.order-details span.pending-payment {
    border: 1px solid #cac300;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: #cac300;
    font-size: 13px;
}
.order-details span.completed {
    border: 1px solid #008635;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: #008635;
    font-size: 13px;
}
.order-details span.accepted {
    border: 1px solid #008635;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: #008635;
    font-size: 13px;
}
.order-details span.failed {
    border: 1px solid red;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: red;
    font-size: 13px;
}  
.order-details span.shipped {
        border: 1px solid #00adff;
        border-radius: 100px;
        padding: 0px 10px 2px;
        color: #00adff;
        font-size: 13px;
}
.order-details span.cancel {
    border: 1px solid #e80000;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: #e80000;
    font-size: 13px;
}
.order-details span.cancel:before {
    content: "\ea7e";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 10px;
    color: #e80000;
    margin: 0px 5px 10px 0px;
}
.order-details span.shipped:before {
    content: "\ea86";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: #00adff;
    margin: 0px 5px 0px 0px; */
}

.order-details span.completed:before {
    content: "\ea86";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: #008635;
    margin: 0px 5px 0px 0px; */
}
.order-details span.pending-payment:before {
    content: "\eb75";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: #cac300;
    margin: 0px 5px 0px 0px; */
}
.order-details span.accepted:before {
    content: "\ebeb";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: #008635;
    margin: 0px 5px 0px 0px;
}
.order-details span.failed:before {
    content: "\eaa3";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: red;
    margin: 0px 5px 0px 0px; */
}
.order-details span.processing {
    border: 1px solid #00ca92;
    border-radius: 100px;
    padding: 0px 10px 2px;
    color: #00ca92;
    font-size: 13px;
}
.order-details span.processing:before {
    content: "\ea55";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 11px;
    color: #00ca92;
    margin: 0px 5px 0px 0px;
}
.order-details td {
    line-height: 3.5;
}
.order-details .dropdown-menu a.dropdown-item {
    font-size: 13px;
    color: #353535;
    padding-bottom: 6px;
    line-height: 1.3;
}
.order-details th {
    border-bottom: 1px solid #dee2e6 !important;
}
.order-details span.mini-text {
    color: #7d7d7d;
}
.order-item-summary th h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 0px;
    margin-top: 7px;
}
.order-item-summary th {
    padding: 0px 6px 15px;
    font-size: 13px;
    font-weight: 500;
    border-top: 0px;
}
.order-item-summary {
    border-radius: 0px;
}
.order-item-summary span.product-id {
    color: #686767;
    line-height: 1.5;
    font-size: 12px;
    margin-top: 3px;
}
.order-item-summary span.product-name {
    line-height: 1.3;
    margin-top: 5px;
}
.order-summary span.pending-payment, .order-summary span.completed, .order-summary span.failed, .order-summary span.shipped, .order-summary span.accepted, .order-summary span.cancel, .order-summary span.processing {
    float: right;
    margin-top: 4px;
}
.order-summary-list span {
    color: #8c8c8c;
    font-size: 14px;
}
.order-summary-list ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.order-summary-list span.last {
    color: #000;
    float: right;
    font-size: 16px;
}
.order-item-summary ul {
    margin-bottom: 0px;
}
.order-item-summary .shippng-address span {
    color: #8c8c8c;
}
.order-item-summary .payment-method span{
    color: #8c8c8c;
}
.order-item-summary .payment-method ul {
    list-style: none;
    padding-left: 0px;
}
.order-summary-list li {
    padding-top: 15px;
}
.order-item-summary .order-summary-list li {
    padding-top: 0px;
}
span.last.h2 {
    font-size: 20px;
}
.c-t-items a img {
   padding: 4px;
   border-radius: 7px;
   background: #fff;
   border: 1px solid #eee;
}

/** Track order**/
div#appOrderTracking h2 {
    font-weight: 700;
    font-size: 30px;
}
span.order-has-cancelled, span.order-completed {
    padding: 16px;
    box-shadow: 0 7px 15px rgb(34 25 36 / 20%);
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #008635;
    color: #008635;
}
span.order-has-cancelled {
    padding: 16px;
    box-shadow: 0 7px 15px rgb(34 25 36 / 20%);
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #e80000;
    color: #e80000;
}
span.order-completed:before {
    content: "\ea86";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 19px;
    color: #008635;
    margin: 0px 10px 0px 0px;
    position: relative;
    top: 2px;
}
span.order-has-cancelled:before {
    content: "\ea7e";
    font-family: LineIcons;
    transform: translate(0, 0);
    font-size: 19px;
    color: #e80000;
    margin: 0px 10px 0px 0px;
    position: relative;
    top: 2px;
}

/**Coupon CSS**/
h2.coupon-heading {
    font-weight: 700;
    font-size: 30px;
}
.coupon-box-main {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px 28px;
}
.coupon-valid-date span {
    color: red;
}

/**Loyalty point**/
/**Loyalty point**/
.availabel-points-list h5 {
   font-weight: 700;
   font-size: 25px;
   margin-bottom: 0px;
}
.availabel-points-list {
   background-image: url("../image/loyalty/coupon-image.jpg");
   background-repeat: no-repeat;
   padding-top: 36px;
   padding-bottom: 30px;
   padding-left: 25px;
   border-radius: 0px;
   background-size: cover;
   max-width: 500px;
   margin-bottom: 15px;
}
.availabel-points-list h1 {
   font-weight: 600;
   font-size: 45px;
}
.point-c.gained {
   /* border: 1px solid #c6fdd0; */
   background-color: #d9f9de;
   color: #032f0a;
   width: 50px;
   height: 50px;
   border-radius: 100px;
   line-height: 3;
   margin-top: 10px;
}
.point-c.gained span {
   margin-left: 8px;
}
.point-c.redeemed {
   /* border: 1px solid #f59393; */
   background-color: #ffb1b1;
   color: #520404;
   width: 50px;
   height: 50px;
   border-radius: 100px;
   line-height: 3;
   margin-top: 10px;
}
.point-c.redeemed span {
   margin-left: 8px;
   text-align: center;
   display: block;
}
.point-description small {
   display: block;
   font-weight: 300;
   color: #ababab;
}

/**Wishlist CSS**/
h2.wishlist-heading {
    font-weight: 700;
    font-size: 30px;
}

/**My address**/
.my-address-title {
    font-weight: 700;
    font-size: 30px;
}
/**Customer dashboard new**/
.my-profile-mb img {
    height: 120px;
    width: 120px;
    margin-top: 10px;
    border-radius: 100px;
}
span#menubugeger {
    z-index: 99;
}
.my-profile-mb-links ul li a:hover {
    text-decoration: none;
}
/*.my-profile-mb-links ul li:after {
        content: "\f054";
        font: normal normal normal 14px/1 FontAwesome;
        transform: translate(0, 0);
        top: 10px;
        font-size: 9px;
        color: #d2d2d7;
        float: right;
}*/
.my-profile-mb-links ul li a {
    display: block;
}
.my-profile-mb {
    text-align: center;
}
.my-profile-mb h3 {
    font-size: 16px;
    margin-top: 10px;
    color: #2d2d2d;
}
.my-profile-mb h3 a i {
    color: #2d2d2d;
    position: relative;
    top: -1px;
}
.my-profile-mb-links ul {
    list-style-type: none;
    padding-left: 0px;
}
.my-profile-mb-links ul li {
    cursor: pointer;
    padding: 16px;
    background: white;
    border-bottom: 1px solid #F5F5F6;
    display: block;
}
span.mb-padding-left {
    padding-left: 27px !IMPORTANT;
    color: #94969F !important;
    font-weight: 500 !important;
    font-size: 15px;
    text-align: justify;
}
.my-profile-mb-links ul li a i {
    color: #94969F;
        position: relative;
    top: 11px;
}
.my-profile-mb-links ul li a span {
    color: #191919;
    padding-left: 7px;
    font-weight: 600;
}

/**Customer dashboard header**/
.my-customer-leftsidebar img {
    height: 100px;
    width: 100px;
    margin-top: 10px;
    border-radius: 100px;
}
.my-customer-leftsidebar h3 {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 600;
}
.my-customer-leftsidebar ul {
    padding-left: 0px;
    list-style-type: none;
    margin-top: 25px;
}
.my-customer-leftsidebar ul li {
    border-top: 1px solid #ececec;
    /* padding: 16px 8px; */
}
.my-customer-leftsidebar {
    background-color: #fff;
    padding: 0px 11px;
}
.my-customer-leftsidebar ul li a {
    color: #404040;
    font-weight: 600;
    font-size: 15px;
    display: block;
    padding: 16px 8px;
}
.my-customer-leftsidebar ul li a i {
    color: dimgrey;
    padding-right: 8px;
}
.my-customer-leftsidebar ul li a:hover {
    text-decoration: none;
    color: #0062cc;
}


/**New header css**/
.sub-menu-item ul {
    padding-left: 0px;
}
/**End new header css**/
/** OFFCANVAS CSS**/
.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover {
    background: #0062cc;
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #0062cc;
}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: #0062cc;
    border-top: 1px solid #2b5a8b;
    border-bottom: 1px solid #2b5a8b;
}
li.simple-submenu:hover .dropdown-menu {
   display: block;
   top:auto;
   left: auto;
   width: 232px;
}
li.simple-submenu .dropdown-menu ul {
    padding-left: 13px;
}
.hc-offcanvas-nav li:not(.custom-content) a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    font-family: sofia,arial,sans-serif;
}
/**END OFFCANVAS CSS**/

/**NEW PAYMENT CSS**/
#PaymentAndNotes label.active {
   background: #ebffdf;
}
.checkout-cart-table {
   box-shadow: 0 7px 14px rgb(34 25 36 / 20%);
   padding:16px;
   border-radius:0px;
}
.checkout-cart-table table td{
   border:0px solid #000;
   padding: 1px 0px;
}
.checkout-cart-table table td h5{
   font-weight:700;
}
tr.total-cart-area td {
   padding: 12px 0px;
   font-weight: 700;
   font-size: 20px;
   border-top: 1px solid #dddd;
   border-bottom: 1px solid #dddd;
}
td.coupon-box.checkout-coupon-box {
   padding-top: 18px;
}

td.coupon-box.checkout-coupon-box input.form-control {
   border-radius: 0px 0px 0px 0px;
   border-width: 2px;
   height: 50px;
}

td.coupon-box.checkout-coupon-box .coupon-btn {
   border-radius: 0px 0px 0px 0px;
   background-color: #ff5e00;
}

.coupon-btn:hover {
   background-color: #023469;
   color: #fff;
}
.loyalty-btn:hover {
    background-color: #f55a00;
    color: #fff;
}
/** END NEW PAYMENT CSS **/
h1,h2 {
    /* font-family: Shaded Larch; */
}

.grey-bg{

/* background-color: hsl(35deg 100% 50%); */
}
.grey-dark-bg{
    /* background-color: #042242; */
}

.t-title{
    /*background-color: var(--title-bg-color);*/
   
}
/*.product-bg-heading{
    background-color: var(--title-bg-color);
}*/
.t-title h2 {
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 600;
        position: relative;
}
.productGrid .product-img{
    /*min-height: 222px;*/
    border-radius: 0px;
}
.productGrid img.product-img {
    border: 1px solid #8080801c;
}
.product-bar .productGrid .product-img{
    min-height: 249px;
}

form.searchBox .form-control {
    border-color: #ff5e00;
    /* background: #f9f9f9; */
}

.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
    margin-top: 0px;
  }
 
  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }
 
 
  .owl-carousel .item {
      /* text-align: center; */
  }
  .owl-carousel .nav-btn{
      height: 39px;
      position: absolute;
      width: 39px;
      cursor: pointer;
      top: 45% !important;
  }
  
   
  .owl-carousel .prev-slide{
      background: url(../image/left.png?32o3i4) no-repeat scroll 0 0;
      left: 0px;
      width: 30px;
      height: 30px;
  }
  .owl-carousel .next-slide{
      background: url(../image/right.png?32o3i4) no-repeat scroll 0px 0px;
      right: 0;
      width: 45px;
      height: 30px;
  }
  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -26px;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
}
  
.productGrid {
  /*background: #fff;*/
  padding: 0px;
  border-radius: 0px;
  position: relative;
  margin-top: 9px;
  border: 1px solid #eee;
  /* transition: transform .2s cubic-bezier(.22,.61,.36,1); */
  /*box-shadow: 1px 1px 6px 1px #00000014;*/
}
.productGrid:hover {
    /* transform: translateY(-8px); */
    /* box-shadow: 1px 1px 6px 1px #00000014; */
}
.productGrid h3 {
  text-align: left;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 21px;
  height: 25px;
  margin-bottom: 10px;
}

.selectors {margin-top: 10px;}
    .selectors .mz-thumb img {max-width: 75px;margin-right: 5px;border-bottom: 0px;border: 1px solid #5b5b5d;padding: 0px;}
    
    .MagicZoom {
    border: 1px solid #5b5b5d;
}

.selectors .mz-thumb-selected img {
    border: 1px solid #df4859;
}
  
.productGrid a img {
    /* padding: 3px; */
    /* border-radius: 7px; */
}
.trendingGrid{
    /*min-height: 296px;*/
    background: #ffffff; 
}

ul.categories_rule.expanded {
    overflow-y: auto;
    height: 200px;
    width: 100%;
}

ul.categories_rule li:nth-of-type(1n+3) {
    display: none;
}
ul.categories_rule li.expanded:nth-of-type(1n+3) {
    display: inherit;
}
ul.categories_rule li:last-child {
    display: inherit;
}


.btn-cart {
    background: #ff5e00;
    font-size: 17px;
    color: #ffffff;
    border-radius: 0px;
    width: 100%;
    font-weight: 700;
}

.btn-cart:hover {
    background: #f55a00;
    color: #fff;
}

.price h5 {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 700;
    color: #ff5e00;
}

h5.sales-price {
    
font-weight: 400;
    
font-size: 17px;
}

del {
    color: #727272;
}

.product-ratings i {
    color: #ffd309;
    margin-right: 2px;
}

/*.product-ratings {
    padding-top: 10px;
}*/

.product-ratings span {
    font-size: 14px;
    color: #333;
}

.loader-bg {
   position: relative;
   opacity: 0.8;
   pointer-events: none;

}



.swal-footer {
    text-align: center;
}

span.count {
    border-radius: 50%;
    background-color: #ff5e00;
    color: #fff;
    font-size: 10px;
    opacity: 1;
    position: absolute;
    top: 1px;
    right: 29px;
    width: 17px;
    height: 17px;
    line-height: 18px;
    text-align: center;
    /* box-shadow: 1px 2px 3px #000; */
}

a.cart-count {
    position: relative;
}

a.cart-count i {
    font-size: 20px;
    color: #6c757d;
}

a.cart-count {
    position: relative;
    top: -6px;
}

.swal-button {
    background-color: var(--grey-btn-color);
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    padding: 6px 15px;
    margin: 0;
    cursor: pointer;
}

/**** NAVBAR *****/
.navbar-imanaglore ul li {

  list-style-type:none;

}

.navbar-imanaglore{
    background: #ffffff;
    padding: 0 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.navbar-imanaglore-brand{
    font-size: 1.8rem;
    letter-spacing: 3px;
    font-weight: 700;
}
.navbar-imanaglore-toggler{
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    transition: all 0.4s ease;
    border: 2px solid #000;
    border-radius: 4px;
}
.navbar-imanaglore-toggler:hover{
    opacity: 0.7;
}
.navbar-imanaglore-collapse{
    overflow-y: scroll;
    display: none;
}
.navbar-imanaglore-nav > li > a{
    /* text-transform: uppercase; */
    font-size: 1.1rem;
    font-weight: 700;
    display: block;
    padding: 0.6rem 0;
    margin: 0.2rem 0;
    border-bottom: 1px solid #ddd;
    border-radius: 1px;
    position: relative;
    transition: all 0.4s ease;
}
.drop-icon{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-imanaglore-nav > li > a:hover{
    opacity: 1;
}
.sub-menu h4{
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0.5rem 0;
}
.sub-menu ul li{
    text-transform: capitalize;
    padding: 0.2rem 0;
    margin: 0.2rem 0;
    font-size: 0.95rem;
}
.sub-menu ul li a{
    opacity: 0.8;
    transition: all 0.5s ease;
    color: #646266;
}
.sub-menu ul li a:hover{
    padding-left: 14px;
    opacity: 0.9;
    color: #0062cc;
}
.sub-menu{
    display: none;
}

.sub-menu-item{
    padding-left: 1.2rem;
}
.sub-menu-item:nth-child(3){
    background: #ddd;
}
.sub-menu-item:nth-child(3) h2{
    text-transform: capitalize;
    margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn{
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: all 0.5s ease;
}
.sub-menu-item:nth-child(3) .btn:hover{
    background: transparent;
    color: #000;
}
.sub-menu-item:nth-child(4){
    width: 70%;
    margin: 0 auto;
}
.sub-menu h4 i {
    position: relative;
    top: 2px;
}
li.simple-submenu .dropdown-menu ul {
    padding-left: 13px;
}
li.simple-submenu .dropdown-menu ul li a {
    color: #646266;
    font-size: 13px;
}

/*New css*/
.services-list{
	list-style: none;
	display: flex;
    padding-left: 0;
    align-items: center;
    margin-bottom: 0px;
}
.services-list li {
    margin-right: 10px;
}
.why-me-icon{
    font-size: 25px;
    padding: 8px 12px;
    border-radius: 50%;
}
.why-me-section {
    font-size: 25px;
    padding: 8px 12px;
    border-radius: 50%;
    margin: 15px 0 0;
}
.why-me-content p {
    font-size: 16px;
}
.why-me-content {
    padding-top: 15px;
}
/* Media Queries */
@media screen and (min-width: 992px){
span.discount-percentage {
    font-weight: 900;
    color: #ffffff;
    border: none;
    background-color: #ff5e00;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    top: 11px;
    right: -4px;
}
    nav.navbar-imanaglore i {
        color: #5b0f70;
    }
    .searchBox .btn-light-green {
        background-color: #ff5e00 !important;
        color: #fff;
    }
    .navbar-imanaglore{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        /* border-bottom: 1px solid #ddd; */
        padding: 6px 0rem 2px;
        position: relative;
        background-color: #e9ebee;
    }
    .how-it-works p {
        max-width: 871px;
        margin: 0 auto;
    }
    .how-it-works-section p {
        max-width: 850px;
        margin: 0 auto;
    }
    .percentage-display-mobile {
    display: none !important;
    }
        a.cart-count i {
        font-size: 40px;
        color: #232020;
    }
    
    /*** HOW IT WORKS**/
    .how-it-works-deals-section li {
      width: 100px;
      height: 100px;
      text-align: center;
      line-height: 6em;
      margin: 0 5em;
      display: inline-block;
      color: white;
      position: relative;
      padding: 0px 5px 0px;
    }
    
    .how-it-works-deals-section li::before{
      content: '';
      position: absolute;
      top: 3em;
      left: -9.7em;
      width: 150px;
      /* background: dodgerblue; */
      z-index: -1;
      border: 1px dashed #e51d2f;
    }
    
    .how-it-works-deals-section li:nth-child(2)::before {
      display: none;
    }
    .how-it-works-deals-section ul {
        margin: 0 auto;
    }
    /** END HOW IT WORKS **/
/**Single product page custom scroller***/
/*.product-content-description {
    max-height: 400px;
    overflow: auto;
}*/
.product-content-description::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.product-content-description::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.product-content-description::-webkit-scrollbar-thumb {
  background: #2c134d; 
  border-radius: 10px;
}

/* Handle on hover */
.product-content-description::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
.product-content-description {
    padding: 0px 12px 0px 0px;
}
/**End scroller**/
    .navbar-imanaglore-toggler{
        display: none;
    }
    .brand-and-icon{
        flex: 0 0 100px;
        border-bottom: none;
        padding: 0;
    }
    .navbar-imanaglore-collapse{
        display: block!important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }
    .navbar-imanaglore-nav{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        padding: 0px;
    }
    .navbar-imanaglore-nav > li > a{
        border-bottom: none;
        margin: 0 0.4rem;
        padding: 4px 5px;
        font-size: 13px;
        text-decoration: none;
        color: #000000;
        font-weight: 500;
        border: 1px solid transparent;
    }
    .sub-menu{
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #ffffff;
    }
    .navbar-imanaglore-nav > li:hover .sub-menu{
        display: grid!important;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 3.2rem;
    }
    .navbar-imanaglore-nav > li{
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.4s ease;
    }
    .navbar-imanaglore-nav > li:hover{
        border-radius: 8px 8px 0 0;
        z-index: 1;
        /* background-color: #fff; */
    }

.navbar-imanaglore-nav > li:hover > a {
    color: #ff5e00;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0px 6px 0 rgb(48 48 48 / 10%);
    z-index: 1;
    border: 1px solid #d7d7d7;
    border-bottom: 1px solid transparent;
}
    .sub-menu-item{
        padding-left: 0;
        padding-top: 15px;
    }
    .sub-menu-item:nth-child(3){
        padding-left: 2rem;
        padding-right: 2rem;
    }


}


/****** PERSONALIZED GIFTS *******/
.personalized-Block h3 {
    padding: 15px;
    text-align: center;
    margin-bottom: 0px;
    background: #fff;
    font-size: 17px;
    color: #000;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.personalized-Block a {
    text-decoration: none;
}

.personalized-Block a:hover h3 {
    background: #ddd;
}

/********* RIBBON ********/



/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 9;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #730809;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 0;
  background-color: red;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0px;
  right: 17px;
}
.ribbon-top-left::after {
  bottom: 16px;
  left: 0px;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}


/******** MASONARY *****/
.masonry {
    display: block;
}

.masonry figure:nth-child(1) {
    width: 49%;
    float: left;
    margin-right: 20px;
}

.masonry figure img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.masonry figure:nth-child(2) {
    float: left;
    width: 24%;
    margin-right: 18px;
}

.masonry figure:nth-child(3) {
    width: 24%;
    float: left;
}
.mosonary-last-img img {
    width: 49%;
    margin-left: 0px !important;
}
.masonry figure {
    margin-bottom: 10px;
}

/** SEARCH **/
.searchBox .form-control{
    width: 520px;
    height: 43px;
    border-width: 1px;
    border-radius: 0px;
}
.searchBox .form-control::placeholder{
    font-size: 15px;
}
 
 nav.navbar {
    /* border-top: 1px solid #052140; */
    padding: 0px;
    /* box-shadow: 1px 1px 0px rgb(0 98 204); */
    /* border-bottom: 1px solid #0062cc; */
}

.navbar-dark .navbar-nav .nav-link {
    padding: 9px 11px;
    font-size: 14px;
    color: #0a0a0a;
    font-weight: 600;
}
.btn-light-green {
    background: #ffffff;
    border-color: #ff5e00;
    color: #042242;
    border-width: 1px;
    height: 43px;
    border-radius: 0px;
}

.btn-light-green:hover {
        background-color: #e51d2f;
        color: #fff;
}
/*footer css*/

.footer-section-top {
    background-color: #364867;
}
.footer-services .col-sm img {
    float: left;
    padding-right: 20px;
}
.footer-services h6 {
    color: white;
    font-size: 16px;
    margin: 0;
}

.footer-services h6 span {
    font-size: 13px;
    color: #f0f2c0;
}
.footer-services .right-border {
    border-right: 1px solid white;
}
.footer-services .star {
    color: red;
    font-size: 16px;
    margin-left: 2px;
}
.footer-services:last-child {
    padding-right: 7px;
}
.footer-title h2 {
    /* font-family: sofia,arial,sans-serif; */
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}
.footer-content ul{
    padding-left: 0px;
}
.footer-content ul li {
    /*position: relative;*/
    font-size: 14px;
    list-style-type: none;
    /*left: -23px;*/
    line-height: 30px; 
}
.footer-section {
    background-color: #314555;
    border-top: 1px solid #314555;
}
.footer-content ul li a {
    color: #ffffff;
}

.footer-content {
    color: #ffffff;
}
.form .mail input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
    padding: 5px;
    margin-bottom: 12px;
    color: white;
}

.form .mail input:focus {
    outline: none;
}
.mail input::-webkit-input-placeholder {
                color: #fff !important;
                font-weight:400;
                font-size: 15px;
}
.btn-submit {
    background-color: #007bff;
    border: none;
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 4px;
    color: #fff !important;
}
.certificates ul li {
    display: inline;
    list-style-type: none;
    position: relative;
    left: -23px;
    line-height: 90px;
}


/*footer css ends*/

/*** HEADER ***/
header{
    background-color: #ffffff;
}

.offcanvas-header{ display:none; } 


.navbar .has-megamenu a:after {display: none;}

.navbar .megamenu {
    border: 0px;
    border-radius: 0px;
    background: #f5f5f5;
    margin: 0;
    border-top: 1px solid #989797;
}

.col-megamenu .title {
    color: var(--green-color);
    font-weight: 400;
}

.col-megamenu ul li a {
    font-size: 13px;
    color: #000000;
    padding-bottom: 6px;
    display: inline-block;
}

.col-megamenu ul li:before {content: "\f105";font-family: FontAwesome;color: #7b7b7b;margin-right: 8px;}

.col-megamenu ul li {
    margin-left: 6px;
}

.navbar .has-megamenu.show>a {
    background: var(--green-color);
    color: #ffd400 !important;
}

.stripper h3 {
    font-size: 23px;
}

.stripper p {
    font-size: 12px;
}

.stripper p.nav-link {
    font-size: 14px;
}

.product-title {
    font-size: 22px;
}

.product-title span {
    color: #1a74b6;
}
.white{
    background-color: #fff;
}

.product-filter hr {
    margin-bottom: 7px;
    margin-top: 10px;
}

.f-header h4 {
    font-size: 20px;
}

.filters label {
    font-size: 14px;
}

.chk {
    width: 15px;
    height: 15px;
    -webkit-appearance: initial;
    background-color: white;
    border: 1px solid #c5c5c5;
    position: relative;
}
.chk:checked{
    background: var(--dark-green-color);
}

.chk:focus {
    outline: none;
}

.chk:checked:after {
    content: "\2713";
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/***payment checkout section***/
#PaymentAndNotes label:after {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    transform: translate(0, 0);
    font-size: 12px;
    color: #7f7f7f;
    float: right;
    position: relative;
    top: 10px;
}
#PaymentAndNotes {
    max-width: 438px;
}
#PaymentAndNotes label {
    box-shadow: 2px 1px #8e88881c;
}
#PaymentAndNotes textarea {
    box-shadow: 2px 1px #8e88881c;
}


/** Product Section **/
.product-bg{
    background-color: var(--header-bg-color);
}
ol.breadcrumb.product-breadcrumb {
    background-color: transparent;
    padding-left: 0px;
    margin-bottom: 0px;
}

ol.breadcrumb.product-breadcrumb a {
    color: #ff5e00;
    font-size: 12px;
}

ol.breadcrumb.product-breadcrumb li:before {
    padding-right: 3px;
}

.single-price h5 {
    font-size: 25px;
    color: #ff5e00;
}

.single-price h5.sales-price {
    font-size: 18px;
}
.timeellapse .timeleft {
    font-weight: 500;
    color: #b10404;
}

span.deltxt,span.deltxt1 {
    font-size: 12px;
    font-weight: 400;
    color: #b10404;
}

.product-description>h4 {
    font-size: 18px;
    font-weight: 500;
}

.product-content-description p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #797979;
}
.user_input_file_field input {
    width: 100%;
}

.user_inputs_fields {
    margin-top: 10px;
}
.product-content-description strong {
    font-weight: 500;
}

.product-content-description h5 {
    font-weight: 400;
}

.product-content-description {
    max-width: 100%;
        margin-top: 15px;
}



span.sku {
    color: #3f3f3f;
    font-size: 13px;
}
.check-availability .form-control {
    max-width: 224px;
    border: 0px;
    border-radius: 0px;
    box-shadow: 1px 2px 3px #ccc;
}

.check-availability .input-group-text {
    background: #fff;
    border-radius: 0px;
    border: 0px;
    box-shadow: 1px 2px 3px #ccc;
}

.variation ul {
    list-style-type: none;
    padding: 0;
}

.variation ul li {display: inline-block;width: 26%;}

.variation h4 {
    font-size: 16px;
}

.btn-add-to-cart {
    border-radius: 0px;
    background-color: #ff5e00;
    border-color: #ff5e00;
    width: 100%;
    border-radius: 0px;
    font-size: 17px;
    font-weight: 600;
}

.btn-wish-list {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #0062cc;
}
.gallery-items{
    position: sticky;
    z-index: 1;
    top: 0;
    overflow: hidden;
}

.types-block {
    background: #cacaca57;
    box-shadow: none;
}

.types-block label.c-til {
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.additonal_prices ul {
    list-style-type: none;
    padding: 0;
}

.additonal_prices ul li {
    font-size: 14px;
}

.user_inputs_fields input[type="text"],.user_input_textarea_field textarea,.user_input_dropdown_field select  {
    width: 100%;
    background: #fff;
    border: 0px;
    height: 48px;
    box-shadow: navajowhite;
    padding: 9px;
    font-size: 13px;
    color: #5b5b5d;
}
.user_input_textarea_field textarea {
    height: 56px;
}
.user_input_dropdown_field select {
    height: auto;
}
.user_inputs_fields .required {
    color: initial;
}

.order-notes {
    padding: 17px 0px;
}

.order-notes .note-title {
    color: #f60002;
    font-size: 13px;
}

.order-notes p {
    font-size: 13px;
    margin-bottom: 0px;
}

.form-message.error {
    color: red;
    font-size: 13px;
}
.form-message.success {
    color: green;
    font-size: 13px;
}

/** End Product Section **/


/* loader css */
.loader-bg {
   position: relative;
   opacity: 0.8;
   pointer-events: none;

}

.loader-bg:before {
   content: '';
   background-image:url('../image/icon/loader3.gif');
   background-size: 40px;
   background-position: center center;
   background-repeat: no-repeat;
   position: fixed;
   left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;
   background-color: rgba(255, 255, 255, 0.8392156862745098);
   pointer-events: none;
   
}
body.loader-bg:before {
     background-size: 100px !important;
      background-attachment: fixed !important;
}
.user_inputs_fields input[type="text"].error, .user_input_textarea_field textarea.error, .user_input_dropdown_field select.error, .user_inputs_fields input[type="checkbox"].error,.user_inputs_fields input[type="file"].error {
    border: 2px solid #f60002;
}

.user_input_checkbox_field .error {
    border: 2px solid red;
}

/**********mobile search field**************/
.search-form-wrapper input {
    border-radius: 0px;
    font-size: 16px;
    color: #000 !IMPORTANT;
    border: 0px;
    background: #fff;
}
.search-form-wrapper {
    display: none;
    position: absolute;
    right: 0;
    padding: 14px 3px;
    background: #efefef;
    width: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
}

/*** Mobile menu category-list***/
.mobile-nav-links i.fa.fa-search {
    color: #575757;
    font-weight: 100;
    font-size: 20px;
}
.mobile-nav-links i.fa-times.fa {
    color: #575757;
    font-weight: 100;
    font-size: 20px;
}
.menu-cat-list-bg {
    background-color: #e7e7e700;
}
.menu-category-list {
    overflow: auto;
}
.menu-category-list h3 {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}
.hero-inner a.btn-submit {
    color: #000;
}
.mobile-cart-btns a.btn-lg {
    color: #fff;
    background-color: #ff5e00;
    border-radius: 0px;
}

/** checkout **/
.steps{
    position:relative;
}
.steps.faded {
    pointer-events: none;
    opacity: 0.5;
    
}
.steps .number {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #7e8018;
    top: -15px;
    color: #fff;
    line-height: 40px;
    border-radius: 50%;
}
.order-details button.btn {
    font-size: 12px;
    padding: 0px 8px;
}
.shipping-address {
    padding-left: 0px;
    padding-right: 0px;
}
.payment-method {
    padding-left: 0px;
    padding-right: 0px;
}
.order-summary {
    border-radius: 0px;
}


/***checkout delivery address popup***/
.modal-footer button.checkout-button.btn {
    margin: 0 auto;
}
.checkout .address-block {
    border: 1px solid #ddd;
    padding: 15px;
}
.date-inner:hover {
    background-color: #5b5a5d;
    color: #fff;
}
.showDeliveryMethods button {
    margin-top: 10px;
    border: 0px;
    font-size: 14px;
    padding: 5px 10px;
}
.showDeliveryMethods button:hover {
    background-color: #5b5a5d;
    color: #fff;
}
.showDeliveryMethods .btn-link:hover {
    border-radius: 0px;
    text-decoration: none;
}

.showDeliveryTimings button {
    margin-top: 10px;
    border: 0px;
    font-size: 14px;
    padding: 5px 10px;
}
.showDeliveryTimings button:hover {
    background-color: #5b5a5d;
    color: #fff;
}
.showDeliveryTimings .btn-link:hover {
    border-radius: 0px;
    text-decoration: none;
}
div#OccasionForm .btn-lg {
    background: #5b5a5d;
    border-color: #5b5a5d;
    border-radius: 0px;
        margin-top: 15px;
}
.checkout .address-block {
    margin-top: 10px;
    background: #fff;
    border-radius: 3px;
}
.btn-delivery-here {
    background-color: #0062cc;
    border-color: #0062cc;
    border-radius: 0px;
    font-size: 16px;
}
.recipient-address-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}
.checkout-occation :checked + span {background-color: #028014 !important;color: #ffff !important;}

.checkout-occation input[type="radio"] {
    display: none;
}
p#id_occasion {
    margin-left: -10px;
}
#id_occasion span {
    margin-left: 10px;
}

/***Dropdown menu***/
.dropdown-menu {
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 3px 9px 0 rgb(48 48 48 / 20%);
    border: 1px solid #d7d7d7;
    background-color: #fff;
    display: none;
    justify-content: space-between;
    margin-left: 6px;
    margin-top: 0px;
}
.dropdown-menu  a.dropdown-item {
    font-size: 13px;
    color: #353535;
    padding-bottom: 6px;
}
.dropdown-menu a.dropdown-item:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #292828;
    margin-right: 8px;
}

.dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
}
.ui-datepicker-inline.ui-datepicker {
    border-radius: 0px;
}
.ui-datepicker-header.ui-widget-header {
    border-radius: 0px;
    background-color: grey;
    color: #fff;
}

/***product filter***/
.product-filter{
    border: 1px solid #1414142e;
}
.discount-offer img.masonry-img {
    width: 100%;
}
/** BREADCRUMBS **/
.checkout-header {background: #ffffff;border-bottom: 1px solid;}

.checkout-progress .breadcrumb {
    margin-bottom: 0px;
    background: transparent;
    padding: 0px 37px;
}

.checkout-progress ol .breadcrumb-item {
    color: #000;
    font-size: 13px;
}

.checkout-progress .breadcrumb-item + .breadcrumb-item::before{
    color:#fff;
}

.checkout-badges span {
    color: #0062cc;
}

.checkout-badges span a {
    color: #000;
}

.checkout-footer {
    padding: 10px 0px;
    background: #f1f1f1;
}

.checkout-footer p {
    font-size: 13px;
}

/******** MEDIA QURIES ********************/
@media(min-width:320px){
    .container{
        max-width:100%;
    }
}

@media (max-width: 1200px) {
.offcanvas-header{ display:block; }
  .navbar-collapse {
   visibility: hidden;
   transform: translateX(-100%);
   border-radius: 0;
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   z-index: 1200;
   width: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
   transition: visibility .2s ease-in-out, transform .2s ease-in-out;
   background: var(--grey-btn-color);
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(0);
    display: block;
  }
  /*.navbar-collapse.show {
    z-index: 999;
}*/

.navbar-nav {
    /* display: flex; */
    /* width: 100%; */
}
.mobile-nav {
    background-color: #fff;
    border-top: 0px !important;
    border-bottom: 0px !important;
    box-shadow: none !important;
}
.mob-header-icons img {
    width: 70%;
}
.mobile-nav img {
    height: 25px;
}
.navbar-expand-xl .navbar-toggler {
    display: block;
}
.trendingGrid {
    min-height: auto;
    /*background: #FAFAFA;*/
}
}

@media (max-width: 992px) {
span.discount-percentage {
    font-weight: 900;
    color: #ffffff;
    border: none;
    background-color: #ff5e00;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 3px;
}
.trendingGrid {
    min-height: 116px !important;
    box-shadow: none !important;
}
.selectors .mz-thumb img {
    max-width: 40px;
}
.search-form-wrapper button {
    border: none;
    background-color: white;
    color: #116ca5;
}
.share-icon {
    display: none;
}
.mobile-share .share-icon {
    display: block;
    margin-left: 10px;
}
.how-it-works-section p {
   
    padding-bottom: 0px !important;
}
.how-it-works {
    padding-top: 25px;
}

.hide-on-mobile {
    display: none;
}
span.coupon-clone {
    position: relative; 
    top: 15px;
}
div#appOrderHistory .order-summary span.sli-first:first-child {
    border: 1px solid #00adff;
    border-radius: 6px;
    margin-top: 6px;
    margin-bottom: 15px;
    padding: 0px 10px;
    color: #00adff;
}
.order-blocks-mobile h2 {
    font-size: 23px !IMPORTANT;
}
.order-blocks-mobile span.pending-payment, .order-blocks-mobile span.completed, .order-blocks-mobile span.failed, .order-blocks-mobile span.shipped, .order-blocks-mobile span.accepted, .order-blocks-mobile span.cancel, .order-blocks-mobile span.processing {
     float: none;
}
.order-detail-padding-mb {
    padding: 0px !important;
        margin-top: 20px;
}
.order-summary h2 {
    color: #000;
    font-size: 25px;
}
div#appOrderHistory .order-summary span.sli-first {
    color: #000000a8;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
}
div#appOrderHistory .order-summary span.sli-last {
    color: #000;
}
.order-details h2 {
    /* font-family: 'GothamPro'; */
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 6px !important;
}
.invoice-btn {
    float: none !important;
    margin-bottom: 15px;
}
.mobile-menu-header i.lni.lni-user {
    color: #6c757d;
    margin-top: 10px;
    margin-right: 13px;
    font-size: 19px;
}
.profile-icon {
    margin-top: 11px;
}
a.cart-count {
    position: relative;
    top: 5px;
}
span.count {
    border-radius: 50%;
    background-color: #ff5e00;
    color: #fff;
    font-size: 13px;
    opacity: 1;
    position: absolute;
    top: -10px;
    right: 12px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    /* box-shadow: 1px 2px 3px #000; */
}
.trendingGrid {
    margin-bottom: 19px !important;
}
.trending-product .grey-bg {
    padding-top: 15px !important;
}
/*.trendingGrid img {
    padding: 10px 10px 0px !important;
}*/
.t-title {
    padding-bottom: 35px;
}
.owl-carousel-slider .nav-btn.prev-slide, .owl-carousel-personalized .nav-btn.prev-slide {
    left: unset !important;
    top: 0% !important;
    margin-top: -75px !important;
    right: 72px !important;
}
.owl-carousel-slider .nav-btn.next-slide, .owl-carousel-personalized .nav-btn.next-slide {
    left: unset !important;
    top: 0%!important;
    margin-top: -75px !important;
    right: 12px !important;
}

/***Mobile responsive home page***/
.giftbox {
    background-color: var(--main-bg-color);
    margin-top: 0px !important;
    padding-top: 30px;
}
.mobile-gift-box {
    background-color: #e7e7e7 !important;
}
/****Trending Now***/
.mobile-categories {
    position: initial !IMPORTANT;
    background-image: none !important;
    opacity: 1 !important;
    color: #000 !IMPORTANT;
        padding: 7px 0px !important;
}
.mobile-categories h2::before {
    content: none !important;
}
.mobile-categories h2::after {
    content: none !important;
}
.mobile-trendingGrid {
    background-color: #e7e7e7;
    margin-bottom: 0px !important;
    min-height: auto;
    margin-top: 15px;
}
.grey-light-bg {
    background-color: #e7e7e7 !important;
}
.mobile-trendingGrid img {
    border: 1px solid;
    padding: 2px;
}
.mobile-categories h2 {
    position: relative;
    opacity: 1 !important;
    margin-bottom: 0px !important;
    font-size: 14px !IMPORTANT;
    text-align: center !important;
    padding-left: 0px !important;
}
.btn-cart {
    background: #ff5e00;
    font-size: 15px;
    color: #fff;
}
.mobile-nav button.btn.btn-outline-danger.btn-close.float-right {
    color: white;
    border-color: #fff;
}
/**Gift css**/ 
.giftGrid {
    position: relative;
    margin-bottom: 35px;
    min-height: auto !IMPORTANT;
}
.gift_categories {
    padding-right: 35px !important;
    padding-top: 10px !important;
    bottom: 10px !important;
}
.gift_categories .giftforher {
    margin-right: -27px !important;
}
.gift_categories li {
    margin-top: 2px !important;
    margin-bottom: 10px !important;
}
.giftforher h5 {
    font-size: 18px !important;
}
.square-image {
    width: 95px;
    height: 95px;
    border-radius: 0px;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
}
.offer-content {
    background-size: cover !important;
    background-position: center center !important;
}
.offer-body {
    margin: 0px 0px 50px 0px !important;
    background-color: #ffffffd1;
}
.offer-content h4 {
    line-height: 1;
}


/**** css for mobile single product page ***/
.check-availability .form-control {
    max-width: 100%;
}
.product-info h3 {
    font-size: 25px;
}
.add-to-cart-mobile-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 888;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px;
    padding: 10px;
}
.add-to-cart-mobile-btn .btn-add-to-cart.btn-lg {
    margin-right: 0px !important;
    width: 100%;
    font-size: 17px;
    background-color: #ff5e00;
    /* border-color: #b6b800; */
    /* font-weight: 500; */
    /* padding: 15px 0px; */
}
/*.add-to-cart-mobile-btn .btn.btn-wish-list.btn-lg {
    width: 50%;
    margin-left: -5px;
        font-size: 17px;
}*/
/*** addon css for mobile***/
.addon-text {
    font-size: 15px !important;
}
.addon-close-btn {
    margin-top: -16px !important;
    font-size: 30px !important;
}
.add-on-selected {
    font-size: 15px !important;
}
nav.navbar.navbar-addon {
    top: -9px !important;
}
.add-on-btn {
   font-size: 15px;
    padding: 2px 5px;
}
nav.navbar.navbar-addon ul li a {
    padding: 3px 5px !important;
    font-size: 15px;
}
.item-title {
    font-size: 15px !important;
}
.new-price {
    font-size: 15px !important;
}
.add-on-items {
    margin-top: -25px !IMPORTANT;
}
.mob-trending-colun-gap {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-nav i.fa.fa-angle-down {
    float: right;
}
.col-megamenu {
    margin-left: 13px;
}
.mobile-nav-links button.navbar-toggler {
    padding: 0px;
}

/**Cart css**/
.my-cart h4 {
    font-size: 25px !important;
}
.table-heading {
    font-size: 16px !important;
}
.cart-table img {
    max-width: 100px;
}
.cart-table td {
    font-size: 13px;
}
.coupon-btn {
    font-size: 13px;
}
.coupon-box input {
    font-size: 13px;
}
.mobile-cart-btns a.btn-lg {
    font-size: 13px;
}

/**order history**/
.order-details h2 {
    font-size: 25px;
}
.order-details img {
    max-width: 100px;
}
.order-details td {
    font-size: 13px;
}
.order-details th {
    font-size: 15px;
}
.order-details button.btn {
    font-size: 13px;
}

/**order detail**/
.detail-order h1 {
    font-size: 20px !important;
}
.detail-order ul li {
    font-size: 13px;
}
.order-head border span {
}

span.order-id {
    font-size: 15px;
}

span.order-date {
    font-size: 15px;
}

span.delivery-date {
    font-size: 15px;
}

span.track {
    font-size: 15px;
}

span.invoice {
    font-size: 15px;
}


/***my profile***/
.my-profile-info td {
    font-size: 13px;
}
.profile-options {
    font-size: 13px;
}
.profile-options i {
    font-size: 26px !important;
}

/*** product catelog***/
.close-button {
    padding-right: 80px;
}
.close-btn{
    position: absolute;
    z-index: 9999;
}
.apply-cancel-btn {
    background: #e7e7e7;
    position: fixed;
    right: 0;
    left: 0;
    padding-top: 5px;
    bottom: 0;
    z-index: 99999;
}
.filter-contents {
    margin-top: -1px;
    padding-top: 55px;
}

.popup-overlay-filter {
   position: fixed;
    z-index: 999;
    width: 100%;
    bottom: 0;
    max-height: 100%;
    left: 0;
    right: 0;
    overflow: scroll;
    margin: 0;
}

.filter-search{
    background: #ffffff;
    width: 100%;
    left: 0;
    z-index: 999999;
    position: sticky;
    padding-top: 10px;
    padding-bottom: 0px;
    right: 0;
    overflow: scroll;
    top: 0;
    bottom: 0;
    margin: -56px 0 0 0;
    overflow-y: auto;
    scroll-behavior: smooth;

}

.filter-mob-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    margin: 0;
    text-align: center;
}
.filter-btn {
    background-color: #FFFFFE !important;
    border-radius: 0px;
    color: black;
    font-weight: 500;
    box-shadow: 0px 0px 5px 2px #ababab;
    border: none;
}


.filter-mob-btn button:hover {
  border: 1px solid #666666;
  background: #666666;
  color: #000000;
}
.recipient-address-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}
#id_occasion input[type="checkbox"] {
  display: none;
}

#id_occasion span {
  padding: 5px 10px 5px 10px !important;
}
.checkout-occation {
    display: block !important;
}

input.secret-checkbox:checked:before {
  height: 30px !important;
}
.other-occasion {
    width: 100% !important;
    height: 30px !important;
    margin-left: 0px !important;
    border: 1px solid #0000002b !important;
    margin-bottom: 10px;
}
.dropdown-menu a.dropdown-item:focus {
    background-color: transparent;
    outline: none;
}

/*Cart Mobile*/
.stepper{
    display: flex;
    padding-top: 10px;
}
.trash-btn {
    float: right;
}
.product-name a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
}
.rmv-btn {
    padding-left: 0px;
}
.apply-cpn-btn{
    padding: 8px 0 8px 0;
}
.total-price {
    padding-top: 15px;
}
.cart-table img {
    max-width: 75px;
}
.stepper{
    display: flex;
    padding-right: 15px;
}
.m-cart-price{
    display: flex;
}
.m-cart-price.stepper {
    padding-right: 10px;
}
.m-remove {
    padding-top: 7px;
    margin: auto;
    position: absolute;
    right: 30px;
}

/**CSS FOR BASE SERVICES TEXT**/
.base-service {
    font-size: 55px !important;
}

/**Header top icons**/
.mobile-menu-header i.lni.lni-search-alt {
    font-size: 19px;
    position: relative;
    top: 1px;
}
a.cart-count i {
    font-size: 23px;
    color: #6c757d;
}
}
@media (max-width: 767px) {
.service-vendor-page-header h1 {
    font-size: 20px;
    margin-bottom: 0px; 
}
.deal-one h5 {
    color: #000000d6;
    font-size: 15px;
    font-weight: 700;
    max-width: 90px;
    margin: 0 auto;
}
.single-top-section {
    display: block !important;
}
.product-ratings {
    margin-left: 0px !important;
    padding-bottom: 20px;
}
.categories {
    padding: 10px 10px 10px !important;
}
.menu-category-list h3 {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    margin-bottom: 0px;
}
.shortlisted-items a.btn {
    margin-top: 15px;
}
.shortlisted-items button.btn {
    margin-top: 15px;
}
span.order-completed {
    padding: 11px;
    box-shadow: 0 7px 15px rgb(34 25 36 / 20%);
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #008635;
    color: #008635;
    font-size: 14px;
}
span.order-has-cancelled {
    padding: 11px;
    box-shadow: 0 7px 15px rgb(34 25 36 / 20%);
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #e80000;
    color: #e80000;
    font-size: 14px;
}
.order-tracking p {
    color: #A4A4A4;
    font-size: 13px !important;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 20px;
}
.order-tracking p span {
    font-size: 13px !important;
}
.profile-icon {
    margin-top: 10px;
}
.footer-main-conents {
    margin-top: 20px;
}
/*.categories h2 {
    height: 17px !important;
}*/
div#deliveryMethods label, #PaymentAndNotes label span strong {
    font-size: 13px;
}
.categories h2 {
    position: relative;
    opacity: 1;
    margin-bottom: 0px;
    font-size: 14px !important;
    max-width: 152px;
    text-align: left;
    padding-left: 13px;
    font-weight: 700;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-category-list img {
    width: 70px;
    height: 70px;
        margin: 0 auto;
    display: block;
}
.productGrid .product-img {
    min-height: 150px !important;
}
.productGrid h3 {
    font-size: 15px;
    margin-bottom: 5px;
}
.price h5 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
}
.btn-cart {
    /* height: 25px; */
    /* width: 25px; */
}
.btn-cart i.lni.lni-cart {
    font-size: 13px;
    position: relative;
    top: -7px;
}
.product-content {
    padding: 5px 2px !important;
}
.hero-inner {
    margin-left: 25px !important;
    top: 21% !important;
}
.hero-inner h2 {
    font-size: 20px;
    max-width: 140px;
}
.hero-inner input.btn-submit {
    font-size: 10px;
    background-color: #A79C95;
    color: #fff;
    border-radius: 0px;
    padding: 6px 20px;
}
.hero-inner a.btn-submit {
    background-color: #A79C95;
    color: #fff;
    border-radius: 0px;
    padding: 6px 20px;
    font-size: 10px;
}
.masonry figure:nth-child(1) {
    width: auto;
    float: left;
    margin-right: 0px;
}
.masonry figure:nth-child(2) {
    float: left;
    width: 49%;
    margin-right: 0px;
}

.masonry figure:nth-child(3) {
    width: 49%;
    float: left;
    margin-left: 6px;
}
.mosonary-last-img img {
    width: 100%;
}
.add-on-footer {
    padding: 10px 15px 10px 15px !important;
}
.checkout-button {
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-size: 15px;
}
.checkout-btn {
    font-size: 15px;
}
.checkout input {
    font-size: 15px;
}
.checkout select {
    font-size: 15px;
}
.checkout textarea {
    font-size: 15px;
}
.checkout label {
    font-size: 15px;
}
.delivery-address-date-rate {
    display: block !IMPORTANT;
}
p.orderhistory-deliver-date {
    padding: 6px 0px !important;
}
.checkout span {
    font-size: 15px;
}
.checkout  .date-inner p {
    font-size: 33px !important;
    font-weight: 600;
}
.checkout .date-inner {
    width: 55px !important;
    height: 65px !important;
}
.checkout .date-li {
        padding-right: 0px;
    padding-left: 0px;
        font-size: 15px;
}
div#OccasionForm .btn-lg {
    font-size: 15px;
}
.steps .number {
    width: 30px;
    height: 30px;
    line-height: 30px
}
.track-table {
    width: 100% !important;
}
.track-table .user-detail {
    font-size: 14px;
    line-height: 20px;
}
.td-w30 {
    width: 30%;
    font-weight: 500;
    line-height: 18px;
    font-size: 14px;
}
.order-label {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}
.single-price  h5 {
    font-size: 25px;
}
}

@media (max-width: 500px) {
.giftfinder-display {
    display: inline;
}
.t-title h2 {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 600;
    position: relative;
}
.t-title h2:after {
    top: 38px !important;
}
.gift-finder-btn {
    text-align: center;
    margin-top: 15px;
}
.giftfindbox h2 {
    text-align: center !important;
}
.gift-finder {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.footer-services .right-border {
    border-right: 0px solid white;
}
.footer-services {
    margin-top: 18px;
}
.footer-section-top {
    background-color: #172337;
}
}

@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:inherit!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

@media(min-width:1601px){
    .container{
        max-width:1600px;
    }
}

@media screen and (max-width: 374px) and (min-width: 320px) {
.masonry figure:nth-child(2) {
    float: left;
    width: 48%;
}
.hero-inner h2 {
   max-width: initial;
    margin-top: 8px;
}
}
@media screen and (max-width: 1295px) and (min-width: 767px) {
.masonry figure:nth-child(1) {
    width: 49%;
    float: left;
    margin-right: 7px;
}
.masonry figure:nth-child(2) {
    float: left; 
    width: 24%;
    margin-right: 9px;
}
.footer-newsletter-form input#email {
    width: 61% !important;
}
}
@media(max-width:575px){
.deals-information-box {
    margin-top: 20px;
    text-align: center;
}
.single-top-section {
    margin-bottom: 0px;
}
.mobile-giftbox-padding:first-child {
    margin-top: 0px;
}
.mobile-giftbox-padding{
    margin-top: 10px;
}
.product-image-placehlder {
    margin-top: 13px;
}
ul.right-list-ser {
    float: left !important;
}
.service-image-placehlder a {
    margin: 0 !important;
}
.single-price.price {
    padding-top: 15px;
}
.how-it-works-deals .deal-one {
    margin: 30px auto 30px;
}
span.deal-number {
    background-color: #e51d2f !important;
    color: #fff;
}