/** LOADING FONT FAMILY ***/ 
@import url("fonts/icons/flaticon.css?32343");
@import url("fonts/ShadedLarch.css?3948389");
@import url("fonts/gotham.css?3948389");
:root {
  --main-bg-color: hsl(0, 0%, 67.1%);
  --title-bg-color:hsl(0, 0%, 93.3%);
  --header-bg-color:#FBF0F4;
  --green-color: #F23D7F;
  --dark-green-color: #9c9e00;
  --product-bg-heading:#fcfcfc;
}
*{
    font-family: 'GothamPro';
    font-weight: normal;
}

::selection {
color: white;
   background: #f23d7f;
}

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;
}

h1,h2 {
    font-family: Shaded Larch;
}
.add-new-address-btn {
    /*! text-align: right !important; */
    margin-bottom: 0px;
    margin-top: -29px;
    position: relative;
    top: 33px;
}
.checkout .address-block.default {
    margin-top: 10px;
    background: #f0ffde;
    border-radius: 3px;
}
/*.checkout .address-block.default .btn-delivery-here {
    background-color: #f23d7f;
    border-color: #f23d7f;
}*/
.grey-bg{

  /*background-color: var(--main-bg-color);*/

}
.grey-dark-bg{
    background-color: var(--header-bg-color);
}

.t-title{
    /*background-color: var(--title-bg-color);*/
   
}
.product-bg-heading{
    background-color: var(--product-bg-heading);
}
.t-title h2 {
    margin-bottom: 0px;
    font-size: 22px;
    font-family: inherit;
    font-weight: 600;
    text-transform: uppercase;
    color: #011c3a;
}
.productGrid .product-img{
    /* min-height: 222px; */
}
.product-bar .productGrid .product-img{
    min-height: 249px;
}

.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/pink-left-arrow.png?33o3i4) no-repeat scroll 0 0;
      left: 0px;
  }
  .owl-carousel .next-slide{
      background: url(../image/pink-right-arrow.png?33o3i4) no-repeat scroll 0px 0px;
      right: 0px;
  }
  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -26px;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
}
.loop-product {
    padding: 5px;
}
  
.productGrid {
  background: #fff;
  padding: 0px;
  box-shadow: 0px 1px 6px #04040463;
  border-radius: 3px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.productGrid h3 {
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  height: 19px;
  margin-bottom: 16px;
}

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

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

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: #f63c7a;
    padding: 0px 9px;
    font-size: 18px;
    color: #ffff;
}

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

.price h5 {
    margin-bottom: 0px;
    font-size: 21px;
    font-weight: 500;
}

h5.sales-price {
    
font-weight: 100;
    
font-size: 15px;
}

del {
    color: #727272;
}

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

.product-ratings {
    padding-top: 10px;
        display: none;
}

.product-ratings span {
    font-size: 13px;
    color: #525252;
}

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

}

.loader-bg:before {
   content: '';
   background-image:url('../image/Rolling2.gif');
   background-size: 40px;
   background-position: center center;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;
   background-color: rgba(255, 255, 255, 0.8392156862745098);
   pointer-events: none;
   
}

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

span.count {
border-radius: 50%;
background-color: #ec58b9;
color: #fff;
font-size: 9px;
opacity: 1;
position: absolute;
top: -5px;
right: 5px;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
box-shadow: 1px 2px 3px #000;
}

a.cart-count {
    position: relative;
}

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

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

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

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

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

/******** 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: 400px;
}
 
 nav.navbar {
    border-top: 1px solid #d6d0d2;
    padding: 0px;
    /* box-shadow: -2px 4px 7px rgb(125 125 125 / 32%); */
    /* border-bottom: 1px solid #969693; */
    background: #fff;
    /* margin-bottom: 5px; */
    position: relative;
}

.navbar-dark .navbar-nav .nav-link {
    padding: 9px 11px 3px 11px;
    font-size: 14px;
    color: #000;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: var(--green-color);
}

.btn-light-green {
    background: var(--green-color);
    border-color: #ced4da;
}

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

.footer-section-top {
    background-color: #f63c7a;
}
.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: 'GothamPro';
    font-size: 23px;
    font-weight: 400;
    color: white;
}
.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: #232f3f;
}
.footer-content ul li a {
    color: white;
}

.footer-content {
    color: white;
}
.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: #f63c7a;
    border: none;
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 4px;
}
.certificates ul li {
    display: inline;
    list-style-type: none;
    position: relative;
    left: -23px;
    line-height: 90px;
}


/*footer css ends*/

/*** HEADER ***/
header{
    background-color: var(--header-bg-color);
}

.offcanvas-header{ display:none; }


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

.navbar .megamenu {
    border: 0px;
    border-radius: 0px;
    background: #fff;
    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: var(--green-color);margin-right: 8px;}

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

.navbar .has-megamenu.show>a {
    background: var(--green-color);
    color: #000 !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: var(--green-color);
}
.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%);
}



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

ol.breadcrumb.product-breadcrumb a {
    color: #000;
    font-size: 14px;
}

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

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

.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: var(--header-bg-color);*/
}
.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: 300px;
}



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: var(--header-bg-color);*/
}

.btn-wish-list {
    background: #fff;
    border-radius: 0px;
    border: 1px solid var(--header-bg-color);
    display: none;
}
.gallery-items{
    position: sticky;
    z-index: 1;
    top: 0;
    overflow: hidden;
}

.types-block {
    background: #fffff7;
    box-shadow: 0px 0px 5px #9e9e9e85;
}

.types-block label.c-til {
    display: block;
    font-size: 18px;
    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: 0px 0px 7px #969696dd;
    padding: 9px;
    font-size: 15px;
    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/Rolling2.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: 3px 3px;
    margin-top: 13px;
    background: #5b5b5d;
    width: 100%;
    z-index: 999;
    top: 77px;
    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: #FBF0F4;
}
.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;
}

/** 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:var(--green-color);
    top: -15px;
    color: #fff;
    line-height: 40px;
    border-radius: 50%;
}
.order-details button.btn {
    font-size: 16px;
}
.shipping-address {
    padding-left: 0px;
    padding-right: 0px;
}
.payment-method {
    padding-left: 0px;
    padding-right: 0px;
}
.order-summary {
    padding-left: 0px;
    padding-right: 0px;
}

/***checkout delivery address popup***/
.modal-footer button.checkout-button.btn {
    margin: 0 auto;
}
.checkout .address-block {
    border: 1px solid;
    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;
}
.btn-delivery-here {
    background-color: #5b5a5d;
    border-color: #5b5a5d;
    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 {
    background-color: #5b5b5d;
}
.dropdown-menu  a.dropdown-item {
    font-size: 13px;
    color: #c3c3c3;
    padding-bottom: 6px;
}
.dropdown-menu a.dropdown-item:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #fff;
    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;
}

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

@media (max-width: 992px) {
    
  .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(--header-bg-color);
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(0);
    display: block;
  }
/*  .navbar-collapse.show {
    z-index: 999;
}*/
#registerOrLogin {
    z-index: 99999999;
  }
#signupmodal {
    z-index: 9999999;
}
#forgotpwmodal {
    z-index: 99999;
}
.swal-overlay {
    z-index: 99999999;
}
span.count {
    border-radius: 50%;
    background-color: #ec58b9;
    color: #fff;
    font-size: 9px;
    opacity: 1;
    position: absolute;
    top: -11px;
    right: -11px;
    width: 18px;
    height: 18px;
    line-height: 25px;
    text-align: center;
    box-shadow: 1px 2px 3px #000;
}

.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: 100%;
}
/*.mobile-nav img {
    height: 25px;
}*/

.left-social-media {
    position: fixed;
    right: 18px !important;
    bottom: 95px !important;
    text-align: center;
    z-index: 9999999999!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: 18px !IMPORTANT;
}
.btn-cart {
    background: var(--green-color);
    padding: 0px 5px;
    font-size: 20px;
    color: #ffff;
}
.mobile-nav button.btn.btn-outline-danger.btn-close.float-right {
    color: black;
    border-color: black;
}
/**Gift css**/ 
.giftGrid {
    position: relative;
    margin-bottom: 35px;
    min-height: auto !IMPORTANT;
}
.gift_categories {
    padding-right: 35px !important;
    padding-top: 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: 50px;
    background-size: cover;
    background-position: center center;
    border: 1px solid #000000;
    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;
}
.add-to-cart-mobile-btn .btn-add-to-cart.btn-lg {
    margin-right: 0px !important;
    width: 100%;
    font-size: 17px;
    background-color: #40d366;
    /* 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;
    display: none;
}
/*** 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: 0px;
    max-height: 100%;
    left: 0px;
    right: 0;
    overflow: scroll;
}

.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 {
    /* display: flex; */
    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;
    overflow: hidden;
    max-height: 60px;
    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;
}
}

@media (max-width: 767px) {
.menu-category-list h3 {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
}
h4.delevery-address-heading {
    position: relative;
    /*top: -48px;*/
}
.add-new-address-btn {
    text-align: left !important;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
    top: 33px;
}
.menu-category-list img {
    width: 80px;
    height: 80px;
}
.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: 500;
}
.product-content {
    /* padding: 5px 2px !important; */
    padding: 5px !important;
}

.hero-inner {
    margin-left: 25px !important;
    top: 21% !important;
}
.hero-inner h2 {
    font-size: 20px;
    max-width: 200px;
}
.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: var(--green-color);
    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;
}
.ribbon.ribbon-top-left {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border-radius: 0 0 4px;
    z-index: 5;
        background-color: red;
}
}

@media (max-width: 500px) {
.giftfinder-display {
    display: inline;
}
.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: var(--green-color);
    padding-top: 10px !important;
}

}

@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;
}
.add-on-item {
    width: 50% !important;
}
}
@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;
}
}

@media(min-width:768px){
/* 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);
}
}