* { 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
	/*font-family: "Kaisei Decol", serif;*/
    font-family: "Lato", sans-serif;
    /*font-family: Nathania;*/

}

:root {
    --sitecolor: #FA2B39;
    --maincolor:#f39314;
}

body{
	padding: 0;
    margin: 0;
    
}

a{
    text-decoration: none;
    color: #000 ;
}

ul {
    list-style: none;
}


img{
    width: 100%;
    display: block;
}





@font-face {
    font-family: Nathania;
    src: url(../fonts/Nathania.otf) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

select:focus{
    outline: none;
}


/* For Webkit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 4px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #F0F0F0; /* Color of the scrollbar track */
}

::-webkit-scrollbar-thumb {
  background:var(--sitecolor); /* Color of the scrollbar thumb */
  border-radius: 6px; /* Radius of the scrollbar thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color of the scrollbar thumb on hover */
}


.wrapper, .wrapper-new{
    width:80% ;
    margin: 0 auto;
}


.v-align{
    text-align: center;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}


.top-header{
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 16px;
  
}

.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: top 0.3s;
}
.sticky-menu{
     background-color: #fff;
      z-index: 999;
      transition: top 0.3s; 

}

.sticky-placeholder {
    display: none;
    width: 100%;
}
.categories{
  transition: top 0.3s;
  box-shadow: 0px 15px 10px -15px rgb(250 43 57 / 17%);
 
}

.ham-menu{
    text-align: center;
    cursor: pointer;
    position: relative;
    display: none;
}

.red-dot{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    top: -20%;
    right: -9%;
    z-index: 999;
}

.menu-toggle {
  display: block;
    font-size: 0;
    background: none;
    border: none;
    width: 30px;
    height: 25px;
    position: relative;
}

.menu-toggle,
.menu-toggle:before,
.menu-toggle:after {
  border-top: 3px solid #000;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.menu-toggle:before,
.menu-toggle:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
}

.menu-toggle:before {
    top: 7px;
}

.menu-toggle:after {
    top: 17px;
}

.menu-toggle.toggled-on {
    border-top-color: transparent;
}

.menu-toggle.toggled-on:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
}

.menu-toggle.toggled-on:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
}
.test {
  display: none;
  /*width: 20vw !important;*/
  width: 350px;
  position: absolute;
  top: 217%;
  z-index: 999999999;
}


 .arw-flx{
    justify-content: space-between;
    cursor: pointer;
  }

.subtest ul{
    /*padding: 14px 10px;*/
    justify-content: space-between;
    cursor: pointer;
}

.slide-menu:hover #sub-test1{
    display: block;
}

.spcl-menu:hover #sub-test2{
    display: block;
}

.top-menu:hover #sub-test3{
    display: block;
}

.rlsn-menu:hover #sub-test4{
    display: block;
}

.cat-menu:hover #sub-test5{
    display: block;
}

.festi-menu:hover #sub-test6{
    display: block;
}


.ham-drpdwn{
    padding-bottom: 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #CECECE;
}

.arw-drp{
    width: 12%;
}

.sub-test-drp-dwn{
    padding-bottom: 40px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.top-cat-list:first-child{
    padding-top: 0px;
}

.oc-mrgn{
     margin-bottom: 27rem;
}


.ham-drpdwn-head{
    justify-content: center;
    align-items: center;
    background-color: var(--sitecolor);
    padding: 8px 0;
    position: relative;
}

.brdr-overlay{
    background-color: #eeeeee78;
    position: absolute;
    top: -2%;
    width: 100%;
    height: 12px;
    border-radius: 0 0 100% 100%;
}

.ham-hdng{
    width: 55%;
}

.ham-hdng p{
    font-family: "Kaisei Decol", serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.smdy-highlt {
    background-color: #FFEDEE;
    margin: 16px 0;
    padding: 10px
}

.mdnght {
    background-color: #F5F5F5;
    margin-top: 16px;
    padding: 10px;
    align-items: center;

}

.srch-head{
        padding: 16px 10px; 
}
.mdnght-txt, .smdy-highlt-txt{
    margin-right: 44px;
}
.smdy-highlt-txt p, .mdnght-txt p{
    font-family: "Kaisei Decol", serif;
    font-size: 16px;
    font-weight: 900;
    
}

.smdy-clr{
    color: var(--sitecolor);
}

.mdnght-clr{
    color: #5500C3;
}

.srch-head p{
    color: #545454;
    font-family: "Kaisei Decol", serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.menu-title p, .sub-test-menu p{
    color: #414141;
    font-family: "Kaisei Decol", serif;
    font-size: 16px;
    font-weight: 700;
}
.top-cat-list, .sub-test-list{
    padding: 14px 10px;
    justify-content: space-between;
    cursor: pointer;
}

.top-cat-list:hover .menu-title p, .sub-test-drpdwn:hover .sub-test-menu p{
    color: var(--sitecolor);
}

.logo-con{
    width: 20%;
    text-align: center;
}

.mobile-logo-con{
display: none;
}

.search{
    width: 52%;
    position: relative;

}

.search-bar{
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.inpt{
    border: 1px solid #D4D4D4;
    padding: 17px 12px;
    font-size: 16px;
    width: 88%;
    background-color: #F8F8F8;
    border-radius: 6px 0 0 6px;


}
.search-bar input:focus{
  outline: none;
}
.search-bar button{
    padding: 15.5px 40px;
    /* margin-top: 12px; */
    background-color: var(--sitecolor);
    color: #fff;
    font-size: 20px;
    margin-left: -1%;
    border: none;
    border-radius:4px;
    cursor: pointer;
}

/*locatio-upper-div*/

.upper-secTxt{
  font-style: normal;
}

.upper-sec-txt p{
      font-size: 14px;
}

.upper-sec-txt span em a{
  color: var(--sitecolor);
}
.upper-sec {
  justify-content: space-between;
}
.upper-sec-txt span{
color: var(--sitecolor);
}
.locaMinDiv{
background-color: #FFD4D7;
    padding: 6px 0;
}
.location-container {
  position: relative;
  width:13% ;
}
.location-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  
}
.loca-inside-txt{
  width: 30%;
}
.loca-inside-txt p{
font-size: 14px
}
.location-toggle img {
  width: 34px;
    height: 22px;
    margin-right: 6px;
}
.toggleArrow {
  margin-left: auto;
  font-size: 16px;
  transition: transform 0.3s ease;
}
.drp-locaDiv{
      padding: 10px ;
}
.drp-locaDiv input{
  padding: 13px 10px;
    width: 100%;
    font-size: 15px;
    color: #5A5A5A;
    border: 1px solid #F0F0F0;
    outline: none;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F0F0F0;
    background-image: url(../../images/loca-srch.webp);
    background-repeat: no-repeat, repeat;
    background-position: right 12px top 50%, 0 0;
 
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.dropdown.open {
    display: block;
    border: 1px solid #ccc;
    position: absolute;
    top: 128%;
    left: 0%;
    width: 114%; 
}

.drp-loca-mainDiv{
    max-height: 190px;
    overflow-y: scroll;
}
.dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.dropdown-item img {
      width: 34px;
    height: 22px;
    margin-right: 6px;
}
.dropdown-item:hover {
  background-color: #F0F0F0;
}
.dropdown-item:active {
  background-color: #E0E0E0;
}
#selectedLocation{
  font-size: 14px;
  font-weight: 600;
}

.flag-div{
    padding: 10px;
    background-color: #FFECED;
    border: 1px solid #FF929A;
    border-radius: 4px;
    width: 30%;
    position: relative;
    cursor: pointer;
}

.flag-div-bx{
  align-items: center;
  justify-content: space-between;
}
.flag-sub-div{
  align-items: center;
}
.flag-drpdwn{
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 102%;
    left: 0%;
    z-index: 99;
    box-shadow: 0px 4px 4px 0px #0000003b;
    padding-bottom: 14px;
    border-radius: 0 0 4px 4px;
    height: 190px;
    overflow: hidden;
    overflow-y: scroll;
    display: none;

}

.flag-arrw-rotate{
  transform: rotate(180deg);
}

.place-option{
    border-bottom: 1px dashed #898989;
    padding: 10px;
}
.place-name p{
  font-size: 14px;
    font-weight: 600;
}
.flag-img{
margin-right: 6px;
}
.head-right{
    width: 20%;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}

.head-right a {
    text-align: center;
    color: #000;
    font-size: 14px;
    transition: 1s;
    line-height: 21px;
    /*padding-bottom: 0.4vw;*/
}

.head2-options select {
    background: url(../../images/arrow.webp);
    appearance: none;
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-position-x: 34px;
    background-size: 6px;
    padding: 0px 2px 0 0;
}
.head2-options select::-ms-expand {
  display: none;
}

/*.icn-img-bx{
    position: relative;
    overflow: hidden;
}
.icn-img-bx:nth-child(1) {
    position: absolute;
}
.icn-img-bx:nth-child(2) {
    opacity: 0;
}*/

.icn-img-bx img:last-child{display:none}
.head2-options:hover img:first-child{display:none}
.head2-options:hover img:last-child{display:inline-block}

.icn-img-bx{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 6px;
}

#cart-hvr:hover .crt-img{
  filter: invert(44%) sepia(74%) saturate(7451%) hue-rotate(342deg) brightness(102%) contrast(95%);  
}

#user-hvr:hover .user-img{
  filter: invert(44%) sepia(74%) saturate(7451%) hue-rotate(342deg) brightness(102%) contrast(95%);  
}
#inr-hvr:hover .inr-img{
  filter: invert(44%) sepia(74%) saturate(7451%) hue-rotate(342deg) brightness(102%) contrast(95%);  
}

#help-hvr:hover .help-img{
  filter: invert(44%) sepia(74%) saturate(7451%) hue-rotate(342deg) brightness(102%) contrast(95%);  
}

#track-hvr:hover .track-img{
  filter: invert(44%) sepia(74%) saturate(7451%) hue-rotate(342deg) brightness(102%) contrast(95%);  
}

.cart-box{
  position: relative;
}

.cart-count {
    background: var(--sitecolor);
    border-radius: 50%;
    height: 20px;
    font-size: 11px;
    width: 19px;
    position: absolute;
    bottom: 64%;
    right: -34%;
    color: #fff;
    z-index: 999;
}
 .cart-box, .user-box, .inr-bx, .help-bx{
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;   
 }

 .track-bx{
    margin-bottom: 6px;
      display: flex;
    align-items: center;
    justify-content: center;   
 }      

/*.head-right a:hover .m-btm{
   color: var(--sitecolor); 
}*/


/*.m-btm{
    margin-bottom: 6px;
    font-size: 18px !important; 
}*/

#price{
    border: none;
    text-align: center;
    font-size: 14px;
    color: #000;
    /*font-size: 0.8vw;*/
}



.PC-menu {
    justify-content: center;
     gap: 2.65vw; 
    /*gap: 17px;*/
    /*padding: 10px 0;*/
}

.menu-li {
    /* font-size: 1.1vw; */
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    padding: 4px 0
}
.menu-link-hilyt{
      color: var(--sitecolor) !important;
    font-weight: 800 !important;
    /*padding: 15px 10px !important;*/
    /*background-color: #ffeced !important;*/
    /*border-radius: 4px !important;*/
}
.research-menu, .gift-menu{
    position: relative;
}
.research-sub-mega-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999999999;
    width: 55vw;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
    transition: all .2s ease-out;
}

.gift-sub-mega-menu{
    position: absolute;
    top: 100%;
    left: -200px;
    z-index: 9999999999;
    width: 55vw;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
    transition: all .2s ease-out;
}
.flower-sub-mega-menu{
    position: absolute;
    top: 100%;
    left: -360px;
    z-index: 9999999999;
    width: 78vw;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
    transition: all .2s ease-out;
}




.research-menu:hover .research-sub-mega-menu{
    display: block;
    transition: all .2s ease-out;
}

.gift-menu:hover .gift-sub-mega-menu{
    display: block;
    transition: all .2s ease-out;
}

.flower-menu:hover .flower-sub-mega-menu{
    display: block;
    transition: all .2s ease-out;
}

.new-tag{
    padding: 2px 9px;
    background-color: var(--sitecolor);
    color: white;
    border-radius: 2px;
    font-size: 13px;
    margin-left: 12px;
}

 .rel-menu-ul, .gift-menu-ul {
     width: 100% !important; 
   
}

.subsmldiv:nth-child(1) {
    width: 30% !important;
}

.subsmldiv:nth-child(2) {
    width: 37% !important;
}

.subsmldiv1{
    width: 38% !important;
}





.flower-menu-ul{
    width: 7vw;
}


.flower-menu-ul:nth-child(1), .flower-menu-ul:nth-child(4) {
    width: 12vw !important;
}
.gift-menu-ul:nth-child(5) {
    width: 6vw !important;
}
.rel-menu-images{
    justify-content: space-between;
}

.menu-area{
    padding: 25px 0 25px 0;
    border: 1px solid #929191;
    border-radius: 6px;
}
.menuAreaDiv{
  justify-content: space-around;
}

.gift-menu-area{
    justify-content: center;
    padding: 25px 0 25px 0;
    border: 1px solid #929191;
    border-radius: 6px;
}

.flower-menu-area{
    justify-content: space-between;
    padding: 25px 0 150px 50px;
    border: 1px solid #929191;
    border-radius: 6px;
}

.menu-img-txt{
    padding: 12px;
    background-color: var(--sitecolor);
    border-radius: 4px;
    margin-top: 15px;
}
.menu-img{
  width: 48%;
}

.menu-img img{
 border-radius: 4px;
}
.menu-img-txt p{
    color: #fff;
    font-size:16px;
    text-align:center;
    font-weight: 600; 
}

.rel-menu-title{
    color: var(--sitecolor);
    font-weight: 700;
    font-size: 17px;
    padding-left: 4%;
    margin-bottom: 14px;
   
}
.menuMain, .menuImage{
  display: flex;
  width: 42%
}
.menuImage{
  display: flex;
  margin-top: -34px;
}

.menuMain1, .menuImage1{
  display: flex;
  width: 42%
}
.menuImage1{
  display: flex;
  margin-top: -34px;
}
.rel-menu-ul li, .gift-menu-ul li, .flower-menu-ul li{
    padding-bottom: 15px;
}
.rel-menu-ul li a, .gift-menu-ul li a, .flower-menu-ul li a{
    color: #6B6B6B;
    font-weight: 700;
    font-size: 16px; 
    transition: all .2s ease-out;
}

.rel-menu-ul li a:hover, .gift-menu-ul li a:hover, .flower-menu-ul li a:hover {
    color: var(--sitecolor);
    padding-left: 6px;
    transition: all .2s ease-out;
} 


.menu-link{
    padding: 15px 0;
    color: #303030;
    font-weight: 700;
    transition: all .2s ease-out;
    font-size: 1rem;
}

.menu-link:hover{
    color: var(--sitecolor);
} 

.menu-li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    background-color: var(--sitecolor);
    transform: scale(0,1);
    transition: transform 0.3s ease;
    border-radius: 2px;
}

.menu-li:hover.menu-li::after{
transform: scale(1,1);
}
.menu-li:hover .arr-Down{
  color: var(--sitecolor);
  transition: all .2s ease-out;
}
.arr-Down{
  color: #000;
  transition: all .2s ease-out;
}

.banner{
    height: 0;
    padding-bottom: 32.2%;
}
.banr-con img{
    width: 100%;
    height: auto;
    display: block;
}
.banr-con{
  position: relative;
}

.banr-text{
     position: absolute;
    top: 17%;
    right: 16%;
    text-align: center;
}
.bnr-sbhdng-1{
     /*font-size: 40px;*/
     font-size: 2.1vw;
    font-weight: 300;
    color: #fff;
}

.bnr-sbhdng-2{
  /*font-size: 130px;*/
  font-size: 7vw;
    font-weight: 400;
    font-family: Nathania;
    color: #fff;
    /*line-height: 153px*/
    line-height: 8vw;
}

.bnr-sbhdng-3{
  /*font-size: 50px;*/
    font-size: 2.8vw;
    font-weight: 300;
    color: #F8ADA3;
    padding: 10px 43px;
    border-top: 1px solid #ffffff4f;
    border-bottom: 1px solid #ffffff4f;
    display: inline-block;
}
.highlight{
  /*font-size: 60px;*/
  font-size: 3.2vw;
  font-weight: 700;
  color: #fff;
}

.bnr-main-btn{
    background-color: #fff;
    color: #000;
    padding: 14px 25px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    
}

.shp-main-btn{
  margin-top: 62px;
}


.phn-banr-con img{
    width: 100%;
    height: auto;
    display: block;
}

.phn-banr-con{
    display: none;
}

/*Banner-devider-start */


.devider{
    background-color: #F0F0F0;
    padding: 20px 0;
}

.slider-con{
   justify-content:center;
   align-items: center;
   grid-gap: 16px;
 
    
}

.lft-icn, .rght-icn{
    width: 1.3%;
}

 .trck-icn{
    width: 1.5%;
 } 

.txt-con{
    width: 20%;
}

.txt-con p{
    font-size: 18px;
    font-weight: 700;
}

.txt-con p span{
    color: var(--sitecolor);
}

 swiper-container {
      width: 100%;
      height: 100%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

/*small-banner-start*/
.sml-bnr-item{
    width: 49.48%;
}

.img-bx{
    overflow: hidden;
    border-radius: 7px;
    position: relative;
}
.sml-bnr-con{
    margin: 48px 0;
    justify-content: space-between;
}

.img-bx img {
    margin-left: -30px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.img-bx:hover img {
    margin-left: 0;
}
.brdr{
    border: 3px solid #fff;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 95%;
    height: 92%;
    margin: 15px;
    opacity: 0;
    transition: linear 0.4s;
    border-radius: 10px;
}

.img-bx:hover .brdr{
    opacity: 1;
} 

.bnr-txt-hvr{
    position: absolute;
    bottom: 15%;
    left: 12%;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    opacity: 0;
    transition: linear 0.4s;
    font-weight: 500;
    margin-left: -30px;
}

.inside-con{
    position: absolute;
    top: 10%;
    left: 10%;
}

.inside-con p{
    font-family: Nathania;
    font-size: 114px;
    color: #fff;
/*    line-height: 138px;*/
}


.arw-gap{
    font-size: 20px;
    margin-left: 10px;
    
}

.img-bx:hover .bnr-txt-hvr{
    opacity: 1;
    margin-left: 0px;
} 

/*exclusive-gifts-start*/

.ex-cat-txt{
    text-align: center;
    /*margin-top: 1.6vw;*/
    padding-bottom: 16px;
}

.ex-cat-txt p{
    font-size: 18px;
    color: #434343;
    font-weight: 600;
    line-height: 27px;

}

.main-hdng, .rvw-hdng{
    position: relative;
}

.main-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1 {
    display: inline;
    /*font-family: "Kaisei Decol", serif;*/
    /*font-size: 1.6vw;*/
    font-size: 35px;
    font-weight: 700;
    line-height: 55px;
}

.main-hdng {
    background: url(../../images/pattern.webp);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 124px;

}

.psition{
        background-position-x: 150px !important;
}

.psition-1{
   background: url(../../images/pattern-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position-x: 184px !important;
    background-position-y: 46px !important;
}

.pttrn{
    background: url(../../images/pattern-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position-x: 128px !important;
    background-position-y: 46px !important;
}
.pttrn-pro-rvw {
    background: url(../../images/pattern-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position-y: 48px !important;
}
.rvw-pttrn{
    background: url(../../images/pattern-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: 228px !important;
}

/*.main-hdng::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -2px;
    left: 10.5%;
    border-radius: 2px 0 0 2px; 
}

.main-hdng::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -5.3px;
    left: 15.2%;
    transform: rotate(320deg);
    border-radius: 2px 0 0 2px; 
}*/


.ex-cat-image{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.ex-cat-box img{
    /*width: 80% !important;*/
    transition: transform .5s ease-in-out;
}

.ex-cat-body{
    margin: 1.6vw 0;  
}
.ex-cat-box{
    position: relative;
}
.ex-cat-box:hover.ex-cat-box img{
    transform: scale(1.1);
    transition: transform .5s ease-in-out;
}

.ex-cat-box::after {
    content: '';
    position: absolute;
    width: 60%;
    height: 6px;
    left: 20%;
    bottom: 0;
    background-color: var(--sitecolor);
    transform: scale(0, 1);
    transition: transform .3s ease;
    border-radius: 4px;
}

.ex-cat-box:hover.ex-cat-box::after {
    transform: scale(1, 1);
}

.owl-nav button.owl-prev{
    margin-right: 16px !important;
  
}


.owl-prev span{
    margin-right: 6px;
}

.ex-cat-body .owl-nav{
    position: absolute;
    top: -20%;
    right: 0%;
    display: flex;
}

/*Middle-Banner-sec-start*/


.mdl-bnr{
    margin-bottom: 64px;
}
.mdl-bnr-con{
    justify-content: space-between;
}

.mdl-bnr-bx{
    width: 49.4%;
}

.mdl-gap{
    margin-bottom: 1.042vw;
}




/*explore-gifts-start*/
.fstv-brdr{
  border: 4px solid var(--sitecolor) !important;
}

.festive{
  color: var(--sitecolor)!important;
}
.explr-cat-image{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 4px solid transparent;
    border-radius: 63px;
     transition: .3s;
}

.explr-cat-image img{
    /*width: 89% !important;*/
}

.explr-cat-body {
    margin-top: 33px;
}
.explr-cat-box{
    position: relative;
/*    width: 89%;*/
    cursor: pointer;
}

.explr-cat-box::after {
    content: '';
    position: absolute;
    width: 60%;
    height: 6px;
    left: 20%;
    bottom: 0;
    background-color: var(--sitecolor);
    transform: scale(0, 1);
    transition: transform .3s ease;
    border-radius: 4px;
}

.explr-cat-box:hover .explr-cat-image {
    border: 4px solid var(--sitecolor);
    transition: .3s;
}

.explr-cat-box:hover .explr-cat-txt p{
color: var(--sitecolor)
}

.explo-gfts{
  padding-top: 70px;
}

.explr-cat-body .owl-nav{
     position: absolute;
    top: -26%;
    right: 0%;
    display: flex;
}
.explr-cat-txt {
    text-align: center;
    /* margin-top: 1.6vw; */
    padding: 16px 0;
    
}

.explr-cat-txt p{
    font-weight: 600;
    font-size: 18px;
    color: #434343;
    line-height: 27px;
}



/*.explo-gfts .main-hdng::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -5.3px;
    left: 13.2%;
    transform: rotate(320deg);
    border-radius: 2px 0 0 2px;
}

.explo-gfts .main-hdng::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -2px;
    left: 8.5%;
    border-radius: 2px 0 0 2px;
}*/


/*same-day-sec-start*/

.sm-day-bx {
    margin: 30px 0 64px 0;
}

.sm-day-bx, .sub-con, .fnky-bx, .rvw-con{
    justify-content: space-between;
}
.sm-con-1{
    width:64.6%;
}
.sm-con-2{
    width: 32%;
}
.same-day-subdiv{
  position: relative;
}

.float-img{
    position: absolute;
    bottom: -10%;
    right: -9%;
}

.smday-text-div{
    position: absolute;
    top: 52%;
    left: 25%;
    
}
.sameday-timer-con{
  background-image: linear-gradient(to right, #FA2B39, #cd2d3887, #A71822);
    padding: 6px 0;
    width: 52%;
    border-radius: 6px;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.same-day-hdng{
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    width: 62%;
  }

  .timer-para{
    /*font-size: 40px;*/
    font-size: 2.2vw;
    color: #fff;
  }

  .sameday-timer{
    background-image: linear-gradient(180deg, white, yellow);
    /*font-size: 58px;*/
    font-size: 1.6vw;
    font-weight: 700;
    background-clip: text;
    color: transparent;
  }
.same-day-mainsec {
    background: url(../../images/teddy-bg.webp);
    background-repeat: no-repeat;
    background-position: left -28px;
        margin-bottom: 56px;
    }

  .same-day-mob{
    display: none;
  }

    .same-day-web{
    display: block;
  }  
.sub-con-bx{
    width: 49%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.top-slng-div {
  justify-content: center;
}

.top-slng-mob{
  display: none;
}

.top-slng-web{
  display: block;
}
.top-slng-title-1{
      width: 50%;
    margin: 0 auto;
}
.tp-slng-div-con{
  width: 22%;
}

.top-sailing-contnt{
    background: url(../../images/kite-bg.webp),url(../../images/temple-bg.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: left 184px, right 200px;
}

.tp-slng-txt{
  text-align: center;
}

.tp-slng-title{
    font-size: 60px;
    color: #000;
    font-weight: 300;
    margin-bottom: 20px;
  }

.top-slng-para{
  font-size: 30px;
    color: #000;
     margin: 20px 0 30px 0;
}

.top-slng-para span{
  font-size: 30px;
    color: var(--sitecolor);
}

.choose-banner-contnt{
  position: relative;
  margin-top: 20px;
}

.choose-banner-con{
  margin-bottom: 40px;
}

.down-bg{
  position: absolute;
  bottom: 0%;
  left: -8%;
}

.choose-txt-con{
  position: absolute;
  top: 12%;
  left: 0%;
  text-align: center;
}
.choose-txt-con-1{
    /*font-size: 50px;*/
        font-size: 2.7vw;
    color: #000;
    font-weight: 400;
   
  }


.choose-txt-con-2{
    /*font-size: 80px;*/
    font-size: 4.3vw;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
  }

.choose-txt-con-2 span{
    color: var(--sitecolor);

  }

.choose-para{
      font-size: 20px;
    color: #000;
    padding-bottom: 20px;
    width: 84%;
    margin: 0 auto;
    line-height: 33px;
}
.chs-none{
  display: none;
}
.choose-btn{
    background-color: var(--sitecolor);
    color: #fff;
    padding: 16PX;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
}

.choose-txt-con-3{
    font-size: 30px;
    color: #000;
    margin-bottom: 50px;
    margin-top: 15px;
  }














.sub-con :nth-child(3) {
    margin-top: 16px;
}

.sub-con :nth-child(4) {
    margin-top: 16px;
}

/*.oc-overlay{
    position: absolute;
    top: -16px;
    width: 100%;
    height: 100%;
    background-color: rgb(78 78 78 / 38%);
    border-radius: 10px
}*/

.see-more {
    position: absolute;
    bottom: -100px;
    left: 24%;
    font-size: 0.9vw;
    background: #fff;
    color: #000;
    padding: 10px 30px;
    transition: .5s ease-in-out;
    border-radius: 5px;
}

.see-more p{
    font-family: "Kaisei Decol", serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--sitecolor);
}

.sub-con-bx:hover .see-more {
    bottom: 50px;
    transition: .5s ease-in-out;
}

.search-oc-txt {
    text-align: center;
    font-size: 1.6vw;
    /*padding: 0 10px;*/
    color: #fff;
    position: absolute;
    top: 7%;
    width: 100%;
    margin-top: 40px;
    z-index: 999;
    transition: .3s ease-in-out;
}

.search-oc-txt p {
    font-family: Nathania;
    /*font-size: 76px;*/
    font-size: 3.9vw;
}

.sub-con-bx:hover .search-oc-txt{
     margin-top: 0px;
     transition: .3s ease-in-out;
}


/*relation-sec-start*/
.rltn-item{
  width: 15%;
}
.rltn-gfts{
        margin-bottom: 40px;
}
.rltn-cat-image{
    display: flex;
    align-items: center;
    justify-content: center;
    /*overflow: hidden;*/
    /*border-radius: 50%;*/
    position: relative;
}
.rltn-cat-body-con {
  justify-content: space-between;
}
.rltn-cat-body, .combo-cat-body {
    margin-top: 33px;
}
.rltn-cat-box{
    position: relative;
}

.rltn-cat-box::after {
    content: '';
    position: absolute;
    width: 60%;
    height: 6px;
    left: 20%;
    bottom: 0;
    background-color: var(--sitecolor);
    transform: scale(0, 1);
    transition: transform .3s ease;
    border-radius: 4px;
}

.rltn-cat-box:hover.rltn-cat-box::after {
    transform: scale(1, 1);
}

.rltn-cat-body .owl-nav{
    position: absolute;
    top: -26%;
    right: 0%;
    display: flex;
}
.rltn-cat-txt {
    text-align: center;
    /* margin-top: 1.6vw; */
    padding: 16px 0;
  
}

.rltn-cat-txt p{
    font-weight: 600;
    font-size: 18px;
    color: #434343;
    line-height: 27px;

}

.rltn-gfts-div{
background:url(../../images/ballon-bg.webp);
    background-repeat: no-repeat;
    background-position: left 90px;
}

/*.rltn-gfts .main-hdng::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -5.3px;
    left: 17.8%;
    transform: rotate(320deg);
    border-radius: 2px 0 0 2px;
}

.rltn-gfts .main-hdng::after {
    content: '';
    position: absolute;
    width: 148px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -2px;
    left: 8.5%;
    border-radius: 2px 0 0 2px;
}*/

/*.rltn-cat-body .item{
        padding: 0 10px;
}
*/
.retire-box{
    width: 49.5%;
}

.retire-con {
    justify-content: space-between;
}

.retire {
    margin-bottom: 56px;
}


/*extra-spcl-gift-sec-start*/


.extr-gift{
    margin-bottom: 56px;
    /*display: none;*/
}

.spcl-gft-con{
    position: relative;
}


.img-box-text{
    position: absolute;
    top: 11%;
    right: -5%;
    text-align: center;
}

.hdng-1{
    font-family: Nathania;
    font-size: 4.3vw;
    color: #fff;
}

.hdng-bx{
      margin-bottom: 16px;
}


.para{
    font-size: 18px;
    color: #fff;
    width: 60%;
    margin: 0 auto 56px;
}

.spcl-gft-btn a{
    padding: 12px 41px;
    color: #fff;
    background-color: var(--sitecolor);
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    font-family: "Kaisei Decol", serif;

}


/*product-sec-start*/
.pro-main-hdng{
    justify-content: space-between;
    align-items: center;
}

#pro-price{
   font-size: 16px;
    font-weight: 600;
    padding: 8px 16px;
    border: 1px solid var(--sitecolor);
    border-radius: 6px;
    color: #000;
}

#pro-price:hover{
    background-color:var(--sitecolor);
    color: #fff; 
}



.pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .also-view-hdng h1, .combo-hdng, .cart-hdng h1{
    display: inline;
    /*font-family: "Kaisei Decol", serif;*/
    /* font-size: 1.6vw; */
    font-size: 35px;
    font-weight: 700;
}
.combo-hdng{
    line-height: 20px;
    font-size: 32px;
}

.pro-tab-sub-container {
    margin: 20px 0 40px 0;
}

.head-active {
    background: var(--sitecolor);
    color: #fff;
    border: 1px solid var(--sitecolor); 
}
.prod-tab {
    padding: 10px 44px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #bcbaba;
    border-radius: 6px;
    margin-right: 8px;
}

.prod-tab.active{
    background: var(--sitecolor);
    color: #fff;
}
.pro-tab-tabheads{
    justify-content: space-between;
    align-items: center;
}

/*.protab-content {
    margin-top: 40px;
}*/
.prod-contnt-block{
    position: relative;
}

.pro-content-blocks{
    display: none;
}

.all-pro-bx p{
    font-size: 16px;
    padding-bottom: 6px;
    color: #000;
   /* text-decoration: underline;
    text-decoration-thickness: 2px;*/
}

.see-txt{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.all-pro-bx{
    text-align: right;
    margin-top: -33px;
    justify-content: end;
    align-items: center;
    position: absolute;
    right: 0%;
    top: 0%;
    transition: .3s;
}

.all-pro-bx::before {
   content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0%;
    right: 0%;
    background-color: #1F1F1F;
}

.angl{
    margin: 0px 0 0 7px;
}

 
.ind-prds-item {
    width: 24%;
    /*padding-bottom: 20px;*/
   /* float: left;
    padding: 1.2vw 1.2vw 1.2vw 0;
    margin: 0 auto;*/
}

.index-product{
        gap: 1vw;
        padding-top: 40px;
}


.img-link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.inner-prd-item{
    position: relative;
}
.off-tag{
    position: absolute;
    top: 3%;
    right: 0%;
    padding: 6px 14px;
    background-color: var(--sitecolor);
}

.off-tag p{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.inner-prd-item img {
    width: 100%;
    height: auto;
    display: block;
}

/*.inner-prd-texts{
    text-align: center;
}*/

.prd-det-title{
    font-size: 16px;
    /*line-height: 1.4vw;*/
    padding: 16px 0px 8px 0;
    font-weight: 500;
    /*height: 3.5vw;*/
    }

     .early p {
    font-size: 16px;
    font-weight: 500;

    }

   .early-txt p {
    font-size: 16px;
    font-weight: 500;

    }   

.main-price p{
    font-size: 20px;
    font-weight: 800;
}

/*.main-price{
     margin: 8px 0px;
}*/

.off-price p{
    font-size: 16px;
    color: #FA2B39;
    text-decoration: line-through;
    -webkit-text-decorations-in-effect: line-through;
}
.price-box-main{
    align-items: center;
    gap: 9px;
    margin-top: 8px;
}
.early span{
color: #00610A;
font-weight: 700;
}

.early{
    margin-top:8px ;
    justify-content: space-between;
    align-items: center;
}

.tag-img-bx{
    background-color: #e0e08c;
    gap: 8px;
    padding: 2px 8px;
    border-radius: 2px;
    display: none;
}


.tag-img-bx1{
    background-color: #FFEAFC;
    gap: 8px;
    padding: 2px 8px;
    border-radius: 2px;
    display: none;
}

.tag-con p{
    font-size: 14px;
    color: #00610A;
    font-weight: 600;
}
.tag-con1 p{
    font-size: 14px;
    color: #E327CC;
    font-weight: 600;
}

.star{
    align-items: center;
    /*justify-content: center;*/
}
.rating{
    font-size: 17px;
    /*font-size: 1.6vw;*/
    /*line-height: 1vw;*/
    /*color: #FFD233;*/
    line-height: 20px;
}

.gold{
    color: #FFD233;
}

.grey{
    color: #E0E0E0;
}

.rating span{
    margin-right: 2px;
}

.off-prcnt-div p{
    font-size: 14px;
}

.nmbr p{
    color: #878787;
    margin-left: 4px;
}

/*#tab-1{
        background:url(../../images/per-btl-1.webp);
        background-repeat: no-repeat;
        background-position: left;

}*/


 /*gift-baskets-start*/
.all-pro-bx-1{
    align-items: center;
    border: 1px solid var(--sitecolor);
    padding: 8px 30px;
    border-radius: 6px;
    cursor: pointer;
}


.angl-1 img:last-child{display:none}
.all-pro-bx-1:hover img:first-child{display:none}
.all-pro-bx-1:hover img:last-child{display:inline-block}
.all-pro-bx-1:hover .see-txt{
    color: #fff;
}

.angl-1{
    margin: 3px 0 0 7px;
}
.all-pro-bx-1:hover{
    background-color: var(--sitecolor);

   
}
 .gft-bskt-hdng{
    justify-content: space-between;
    align-items: center;
 }

.gft-bskt-con {
    margin-top: 40px;
    margin-bottom: 20px;
    justify-content: space-between;
}

.gft-bskt-div{
    width: 32.4%;
}

.gft-bskt-sbhdng{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-top: 16px;
    color: #000;
    transition: .3s ease-out;
}


.cat-img-box{
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.gft-overlay {
    position: absolute;
    bottom: -16%;
    width: 100%;
    padding: 14px 0;
    background-color: var(--sitecolor);
    border-radius: 0 0 7px 7px;
    transition: .3s ease-out;
}

.gft-overlay p{
    color: #fff;
    text-align: center;
    font-size: 18px;

}
.hover-efct:hover .gft-overlay {
  bottom: 0%;
  transition: 0.8s ease-out;  
}

.hover-efct:hover .gft-bskt-sbhdng {
  color: var(--sitecolor);
  transition: .3s ease-out;
}

.gft-bskt-div{
    overflow: hidden;
    padding-bottom: 36px;
}
.gft-bskt-div:hover .cat-img-box img {
    transform: scale(1.1);
     transition: 0.8s ease-out;
}

.cat-img-box img {
    transition: 0.8s ease-out;
}

/*Wine-label-start*/


.wine-img-box-text {
    position: absolute;
    top: 11%;
    left: 0%;
    text-align: center;
}

.wine-label-con {
    position: relative;
}

.wine-label, .fnky-bx{
    padding-bottom: 40px;
}


/*about-us-start*/
.abt-us-mobile-img{
    display: none;
}

.abt-us-con {
    /*position: relative;*/
    margin-bottom: 56px;
    align-items: center;
    justify-content: space-between;
    background-color: #FFEDED;
    border-radius: 6px;
    padding: 0px 0px 14px 4px;
}

.abt-us-img{
    width: 34%;
}



.abt-us-txt {
    /*position: absolute;*/
    /*top: 6%;
    left: 36%;*/
    width: 64.3%;
    margin-top: -14px;
}


.abt-main-hdng{
    font-family: "Kaisei Decol", serif;
    /* font-size: 1.6vw; */
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 16px;
}

.abt-para-1, .abt-para-2{
     font-family: "Kaisei Decol", serif;
    /* font-size: 1.6vw; */
    font-size: 16px;
    color: #070707;
    margin-bottom: 24px;
    font-weight: 500;
    width: 94%;
}

.abt-para-2 span{
    color: var(--sitecolor);
    font-family: "Kaisei Decol", serif;
    font-size: 16px;
    font-weight: 900;
}

.abt-btn a{
    padding: 10px 16px;
    color: #000;
    border: 1px solid var(--sitecolor);
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    font-family: "Kaisei Decol", serif;
}

.abt-btn{
    margin-top: 35px;
}


/*rvw-sec-start*/

.rvw-container{
        background:url(../../images/insta-bg.webp), url(../../images/FB-bg.webp);
        background-repeat: no-repeat, no-repeat;
        background-position: right 14px, left 536px;
}


.rvw-hdng h1 {
    display: inline;
    /*font-family: "Kaisei Decol", serif;*/
    /* font-size: 1.6vw; */
    font-size: 35px;
    font-weight: 700;
    line-height: 55px;
}

/*.rvw-hdng::after {
    content: '';
    position: absolute;
    width: 143px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -2px;
    left: 15.5%;
    border-radius: 2px 0 0 2px;
}

.rvw-hdng::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 3px;
    background: var(--sitecolor);
    bottom: -5.3px;
    left: 24.5%;
    transform: rotate(324deg);
    border-radius: 2px 0 0 2px;
}*/

.rvw-con-bx{
        width: 24%;
}

.review-slider .owl-nav button.owl-prev {
    position: absolute;
    left: 0%;
    top: 23%;
}

.review-slider .owl-nav button.owl-next {
    position: absolute;
    right: 0%;
    top: 23%;
}

.review-slider .owl-nav button.owl-prev {
    margin-right: 0px !important;
}

.rvw-brdr{
    border-radius: 50%;
    border: 1px solid var(--sitecolor);
    padding: 8px;
}

.rvw-brdr img{
     border-radius: 50%;
}

/*.rvw-txt{
        text-align: center;
}*/
.rvw-main-box{
  padding: 0 60px;
}

.clnt-name{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 12px;
}

.rvw-cntnt{
   font-size: 20px;
    color: #4C4C4C;
    margin-bottom: 16px;
    margin-top: 12px;
    font-style: italic;
    width: 100%;
}
.rvw-str{
    text-align: center;
    line-height: 20px;
    display: flex;
    /*justify-content: center;*/
    gap: 6px;
}
.rvw-str span{
        font-size: 14px;
/*        font-size: 1.8vw;*/
        color: #F3870C;
}

.rvw-con {
    margin: 40px 0 0px 0;
}

.clint-name {
    font-size: 24px;
    /*font-weight: 600;*/
    margin-bottom: 12px;
    margin-top: 24px;
}

.rvw-contnt {
    font-size: 18px;
    color: #4C4C4C;
    margin-bottom: 16px;
}

.rvw-star {
    text-align: center;
    line-height: 20px;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.rvw-star span {
    font-size: 21px;
    /* font-size: 1.8vw; */
    color: #FFD233;
}
.revw-txt {
    text-align: center;
}
.review-slider{
    padding-bottom: 30px;
    position: relative;
}

.p-btm{
    padding-bottom: 50px;
}
.rvw-sbmt-btn{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 16px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 46%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.faq-sbmt-btn{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 16px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 28px;
}

.rvw-sbmt-btn a{
    color: #fff;
    /*font-family: "Inter", sans-serif;*/
    font-weight: 600;
    font-size: 20px;
}

.faq-sbmt-btn a{
    color: #fff;
    /*font-family: "Inter", sans-serif;*/
    /*font-weight: 600;*/
    font-size: 18px;
}
.faq-sbmt-btn a span{
    font-weight: 600;
    text-decoration: underline;
}


   /************ ADDON MODAL *************/
#addon1{position: fixed;/* display: none; */width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99999999999;cursor: pointer;}
.addon-content{position:relative;margin:10px auto 0;padding:0;max-width:1200px;width:98%;background: #fff;}
.addon-header{background:#FF9B38;color:#fff;text-align:center;font-weight: 500;padding: 15px 0;font-size: 26px;font-family: futura-md-bt;}
.addon-footer{padding:5px;background-color:#EAEAEA;text-align:center;border-top:1px solid #94618E;}
.addon-footer a{cursor:pointer;margin:10px 12%;font-family: 'futura-md-bt';}
#countrytabs.tabs{overflow:hidden;margin: 8px 12px 12px;display: flex;justify-content: flex-start;align-items: center;gap: 12px;}
.addon-tablinks{display: inline-block; cursor: pointer;width: 100%; max-width: 19%; padding: 8px; transition: .3s; font-size: 15px;font-family: "Lato", sans-serif;background: #fff;color:#000;border:1px solid #000; border-radius: 2px;}
.modal-contentainer{margin:0px;padding:0px;}
.addon-tabcontent{display: none;overflow-y: scroll; height:400px;}
.addon-section{padding:0;margin:0;}

/*addon card css*/

.addon-card-container{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;gap:12px;margin-left: 12px;margin-bottom: 12px;}
.addon-card-outer{width: 100%;max-width: 19%;}
.addcard{border: 1px solid #e0e0e0;border-radius: 2px;box-shadow: 0 0 5px rgba(224,224,224,0.88);padding: 5px;background-color: #fff;cursor: pointer;}
.addcard:hover{border: 1px solid #007105;}
.addon-image-container{margin-left: auto;margin-right: auto;}
.addon-image-container img{width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.addon-info-container{font-family:futura-md-bt;text-align: left;}
.addon_item_title{font-size: 15px;color: #333333;height: 47px;padding: 5px 0px;}
.addon_item_price{font-size: 18px;color: #000;font-weight: 600;padding: 6px 0px;}
.add_check_btn{position: relative;top:0px;left: 0px;background-color: #e33571;width: 0;height: 0rem;display: grid;place-items: center;border: 0.5rem;color: transparent;border-radius: 50%;}
input[type="checkbox"]{display: none;}

/*addon card css*/

.addon-btn-back, .addon-btn-next{padding: 10px;border:1px solid;border-radius:2px;display:inline-block;transition:.3s;width: 100%;max-width:22%;font-size:18px ;}
#popup-close-btn{position: absolute;right: 2%;top: 2.5%;border:none;padding: 2px 6px;color: white;font-weight: 900;cursor: pointer;background: transparent;width: 17px;height: 17px;font-size: 18px;font-family: "Lato", sans-serif;}
#popup-close-btn:hover{color: #C70039;}

/*addon css*/
.addon-subsections{padding: 10px 0px;}
.addon-header-outer-container{display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;border-top: 1px solid #eee;}
.addon-header-container{display: flex;justify-content: flex-start; gap: 5px;align-items: baseline;}
.addon-head{font-size: 20px;color: #666666; font-weight: 700;font-family: "Lato", sans-serif;letter-spacing: 0.3px;text-align: center;}
.addon-header-container img{width: 35px;height: 24px;padding: 0px 5px;}
.gourmet-header-container{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.gourmet-head{font-size: 16px;color: #4f4f4f; font-weight: 700;font-family: "Lato", sans-serif;line-height:24px;letter-spacing: 0.3px;}
.gourmet-addon-cards{display: flex;justify-content: flex-start;align-items: center;gap:5px;padding: 20px 0px;}
.card-container{/*width:auto;*/box-sizing: border-box;}
.card-revamp{background: #fff;border-radius: 2px;border: 1px solid #e0e0e0;/*cursor: pointer;*/padding: 5px;text-align: left;box-shadow: 0 0 5px #ccc;}
.card-img{height: auto;width: 100%;position: relative;transition: transform 0.5s ease-in-out;}
.product-info{display: flex;flex-direction: column;align-items: flex-start;text-align: left;}
#prod-title{font-size: 15px;font-family:"Lato", sans-serif;color: #333333;height: 33px;padding: 5px 0px;}
#prod-price{font-size: 18px;font-family:"Lato", sans-serif;color: #000000;font-weight: 600;padding: 10px 0px;text-align: left;}
/*new prod card button*/
.prod-cart-btn-container {display: flex;justify-content: center;align-items: center;width:100%;background: green;}  
.prod-cart-btn {width: 100%;background-color: var(--primary-color);color: #fff;border: none;padding: 10px 20px;cursor: pointer;display: flex;justify-content: center;align-items: baseline;font-size: 15px;font-family: "Lato", sans-serif;font-weight: 600;text-transform: uppercase;}
.prod-cart-btn span img{height: 13px !important;width:15px !important;margin-left: 5px;}
.quantity-selector {display: none;}  

.minus-btn, .main-minus-btn{background: transparent;}
.main-plus-btn, .plus-btn{background: var(--primary-color);color: #fff;}
.main-quantity, .quantity {font-size: 20px;font-family:"Lato",  sans-serif;}

.addon-tabcontent.current {
    display: block;
}
.addon-tablinks.current{
      background-color: green;
    color: #fff;
    border: 1px solid green;
    border-radius: 3px;
}

.spcl-touch-addbtn-bx{
width: 100%;
}
/*FAQ-sec-start*/


.faq-hdng{
    margin: 0px 0 26px 0;;
}
.Dropdown {
  display: flex;
  flex-direction: column;
}
.Dropdown .faq {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background-color: #F3F3F3;
    margin-bottom: 16px;
    padding: 14px 30px;
    border-radius: 6px;
    cursor: pointer;
}

.Dropdown .faq .button .fa-caret-down {
  transform: rotate(0deg);
  transition: all 0.3s;
}
.Dropdown .faq .button .fa-caret-down.active {
  transform: rotate(180deg);
}
.faq .faq__active {
    background-color: #e5e4e4;
}
.Dropdown .faq button {
    border: none;
    color: #000;
    cursor: pointer;
    background-color: transparent;
    font-size: 22px;
}

.Dropdown .faq input:focus,
.Dropdown .faq button:focus {
  outline: none;
}

/*.head2-options select:focus{
    outline: none;
}*/
.Dropdown .dropdownList {
  display: none;
  padding: 4px 30px 20px 30px;
}

.Dropdown .dropdownList li{
    font-size: 18px;
}

.Dropdown .dropdownList li span{
    font-weight: 600;
}

.card-header a{
    font-size: 19px;
}


/*assure-banner-start*/

.assure{
    margin: 65px 0 65px 0;
}
.cate-assure{
   margin:18px 0 56px 0;
}
.specialities{
    justify-content: space-evenly;
    background-color: var(--sitecolor);
    padding: 9px 0;
}

.specialities-box{
    width: 24%;
    align-items: center;
    border-left: 1px solid #fff;
    padding: 6px 0;
    justify-content: center;
    gap:20px;
}


.specialities :nth-child(1){
    border-left: none !important;
}

.specialities-txt p{
    font-weight: 600;
    font-size: 22px;
    color: #fff;
}

.icon-hide{
  display: none;
}
.v-srprise{
  margin-bottom: 65px;
}
/*location-sec-start*/

.loca-con{
  justify-content: space-between;
  margin-top: 28px;
  /*gap:32px;*/
}
.loca-bx{
    width: 10.1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loca-bx:hover.loca-bx p{
    color: var(--sitecolor);
    transition: .3s;
}
.loca-bx p {
    font-family: "Kaisei Decol", serif;
    /* font-size: 1.6vw; */
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 32px 0;
    color: #000;
    transition: .3s;
}

.location{
    margin-bottom: 32px;
}

.combo-item{
  width: 18%;
  text-align: center;
}
.combo-item-txt-1{
    font-size: 19px;
    text-align: center;
    padding: 36px 0 16px 0;
}
.combo-item-txt-2{
    text-align: center;
    font-size: 16px;
    color: var(--sitecolor);
    font-weight: 600;
    border-bottom: 1px solid var(--sitecolor);
    display: inline-block;
    padding-bottom: 6px;
}
.locationDiv-bx {
    background: url(../../images/loca-bg.webp);
    background-repeat: no-repeat;
    background-position: left 130px;
}

.deli-para{
      align-items: center;
    border-bottom: 1px solid #1F1F1F;
}

.deli-para p{
  padding-bottom: 6px;
}
/*order-process*/

 
.order-process-div{
  position: relative;
  margin: 30px 0 50px 0;
}
.order-process-con{
  position: absolute;
  top: 10%;
  left: 0%;
 
      border-radius: 4px;
}

.order-process-img{
    position: absolute;
    bottom: -1%;
    right: -12%;
}

.order-Div{
 width: 26%;
 position: relative; 

}

.step-txt{
  width: 20%;
}

.order-Div-flx{
  justify-content: center;
  width: 90%;
  margin-bottom: 56px;
}
.step-con-txt-1{
    padding: 24px 0;
    font-size: 25px;
    color: #fff;
}

.step-con-txt-2{
    font-size: 18px;
    color: #fff;
}
.step-con-div{
    width: 67%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.order-process-main-div{
   justify-content: center;
    flex-wrap: wrap;
    padding: 0px 6%;
}

.step-txt p{
    font-size: 22px;
    font-family: 'Nathania';
    color: #fff;
}

.order-process-title p{
   color: #fff;
    font-size: 80px;
    font-family: 'Nathania';
    text-align: center;
    margin-bottom: 26px;
}

.order-devider{
  position: absolute;
    bottom: 77%;
    right: -25%;
    align-items: center;
}
.devider-shw{
  visibility: hidden;
}
.order-devider-line {
    width: 114px;
    height: 1px;
    background: #fff;
}
.order-devider-circle{
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #fff;
}

.order-devider-triangl{
    border-top: solid 10px #fff;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    transform: rotate(270deg);
}


/*SURPRISE-SECTION-START*/
.v-day-dev{
  display: block;
}

.v-day-mob{
  display: none;
}



.v-srprise-div{
  position: relative;
}
.v-srprise-txt{
    position: absolute;
    top: 32%;
    left: 55%;
    text-align: center;
}

.v-srprise-txt-1 {
    /*font-size: 50px;*/
    font-size: 2.7vw;
    color: #fff;
    margin-bottom: 10px;
}

.v-srprise-txt-2 {
    /*font-size: 28px;*/
    font-size: 1.5vw;
    font-style: italic;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 300;
}

.v-srprise-txt-3 {
    /*font-size: 28px;*/
    font-size: 1.5vw;
    color: #fff;
    font-style: italic;
    line-height: 40px;
    width: 87%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.v-srprise-btn{
    background-color: #fff;
    color: var(--sitecolor);
    padding: 14px 25px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
}


























/*blog-sec-start*/

.blg-con{
    justify-content: space-between;
    margin: 28px 0 96px 0;
}

.blg-con-bx{
    width: 18.3%;
}

.blg-para{
    font-family: "Kaisei Decol", serif;
    /* font-size: 1.6vw; */
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-top: 16px;
}

.blg-sub-para{
    text-decoration: underline !important;
    /*font-family: "Kaisei Decol", serif;*/
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}

.blg-img{
    position: relative;
    overflow: hidden;
}

.blg-overlay{
    position: absolute;
    top:-100%;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background-color: #ffffff1c;
    transition: .3s ease-out;
}

.arw-div{
    position: absolute;
    top: 46%;
    left: 25%;
    padding: 10px 16px;
    background-color: #918e8ead;
    border-radius: 6px;
    align-items: center;
}
.arw-div p{
    font-size: 17px;
    color: #fff;
    margin-right: 10px;
}
.blg-img:hover .blg-overlay{
    top:0%;
} 



/*bottom-write-up-start*/

/*.wrtup-hdng{
    background-color: #FFF3F3;
    padding: 18px 20px;
    border-radius: 6px;
}*/

.wrtup-container h3, .wrtup-container h2{
    font-size: 19px;
    font-weight: 600;
    background-color: #FFF3F3;
    padding: 18px 16px;
    border-radius: 6px;
    margin: 16px 0;


}

.wrtup-container p{
  padding-left: 12px;
   font-size: 16px;
   line-height: 27px;
   text-align: justify;
  /* padding: 16px;*/
}

.wrtup-container ul li{
   font-size: 16px;
   line-height: 21.6px;
   text-align: justify;
   margin-bottom: 8px;
}

.wrtup-container ul{
    /*list-style-type: disc;*/
    padding-left: 16px;
}
.wrtup-container li::marker {
    font-size: 20px;
}

/*.wrtup-container{
    margin-bottom: 30px;
}*/

.show-more-height {
    /*height: 35.2vw;*/
    height: 658px;
    overflow: hidden;
}

.show-more{
    display: block;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid var(--sitecolor);
    background-color: #fff;
    color: #000;
    margin-top: 20px;
    transition: .3s;
}

.show-more:hover{
    color: var(--sitecolor);
    transition: .3s;

}

/*footer-start*/

footer{
    background-color: #280D0F;
    padding: 65px 0 46px 0;
    margin-top: 45px;
}

#footmenu{
    justify-content: space-between;
}


.f-categories h4{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 24px;
    line-height: 27px
}

.footer-newsletter h4{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 15px;
    }

.f-categories ul li {
    font-size: 16px;
    padding-bottom: 16px;
    
}

.f-categories ul li a{
    color: #fff;
}

.f-categories ul li p::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

.f-categories ul li p:hover::after {
    width: 100%;
    transition: width .3s;
}
.f-categories ul li p{
    display: inline-block;
}
.f-categories{
    width:13%; 
}


.f-categories:last-child {
    width: 36%;
}

.f-categories:first-child {
    width: 15%;
}

.f-categories:nth-child(3) {
    width: 12%;
}

.social-media{
   gap:13px;
    padding-bottom: 24px; 
}
.social-media-img{
    width: 17%;
}

.social-media-icn-img{
    width: 13%;
}

.social-media-icn{
    justify-content: flex-start;
    padding-bottom: 24px;

}

.mail-con{
  border-bottom: 1px solid #fff;
  display: flex;
  margin-bottom: 6px;
}
.mail-con input{
    width: 94%;
    background: transparent;
    border: none;
    padding: 18px 0;

}

.mail-con input:focus{
    outline: none;
    color: #fff;
}

.tof-form-group input:focus{
    outline: none;
    color: #fff;
}

.mail-con ::placeholder, .ftr-subscribe-txt {
    color: #fff !important;
    font-size: 17px;
}

.mail-con button{
    width: 6%;
    background: transparent;
    border: none;
    cursor: pointer;
}

.ftr-logo-div img{
    width: 60%;
}

.ftr-logo-div{
    margin-top: 32px;
}
.copyright{
    text-align: center;
    padding: 8px 0;
    background-color: #272222;
}

.copyright p{
    font-size: 15px;
    color: #fff;
}


/*------------category-page-CSS-start------------*/





.pulse{
    color: yellow;
    -webkit-animation: blink 800ms step-end infinite;
            animation: blink 800ms step-end infinite;
}
@-webkit-keyframes blink { 50% { color: #fff; }}
        @keyframes blink { 50% { color: #fff; }}
.border{
    background-color: var(--sitecolor);
    padding: 15px 0;
    margin-bottom: 32px;
}

.border-con p{
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #fff;

}
.p-bttm{
  padding-bottom: 10px;
}

.pttrn-neww{
    background: url(../../images/pattern-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position-x: 0px !important;
    background-position-y: 54px !important;
}

.cate-con-para {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.second-section {
    display: none;
}
.add-read-more.expanded .second-section {
    display: inline;
}

.read-less {
   
    display: none;
}
.add-read-more.expanded .read-more {
    display: none;
}
.add-read-more.expanded .read-less {
    display: inline;
}
.cat-mianDiv{
  padding-bottom: 100px;
}
.cate-text{
    margin-bottom: 20px;
    margin-top: 32px;
}
.gift-hdng{
      padding-right: 20px;
    border-right: 1px solid #787878;
}
.ratngDiv{
    padding: 4px 10px;
    border: 2px solid #CBCBCB;
    border-radius: 20px;
    margin: 0 10px;
}

.blue{
      color: #375AA6;
}

.greenclr{
      color: #00610A;
      margin-right: 6px;
}
.rvw-titleDiv{
  font-size: 18px;
  align-items: center;
}
.knowmr-cntnt{
    display: none;
}

.knowmore-button{
    color: var(--sitecolor);
    text-decoration: underline;
    margin-top: 8px;
    font-weight: 600;
    cursor: pointer;
}

.knowmr-cntnt h2{
    font-size: 24px;
    margin: 8px 0;
    color: var(--sitecolor);
}

.bread-n-select {
    align-items: center;
    justify-content: space-between;
}
.brdcrmb {
    padding: 16px 0 16px 0;
    border-bottom: 1px solid #CAC8C8;
}

header{
      
}
.category-breadcrumb li:last-child{
    color:#000;
    font-weight: 500;
}

.category-breadcrumb li a{
    color: #6F6F6F;
}

.category-breadcrumb li:after{
    content: url(../../images/breadcrumb.webp);
    margin: 0 12px;
}

.category-breadcrumb li:last-child:after{
    content: "";
}

.category-breadcrumb, .pro-num{
    font-size: 15px;
}

.pro-num span{
    color: var(--sitecolor);
    font-weight: 700;
}




.show-cat-box {
    position: relative;
    transition: transform .5s ease-in-out;

}

.show-cat-image {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 40px;
}

.show-cat-txt {
    text-align: center;
    padding: 16px 0 16px 0;
}

.show-cat-box::after {
    content: '';
    position: absolute;
    width: 90%;
    height: 6px;
    left: 6%;
    bottom: 0;
    background-color: var(--sitecolor);
    transform: scale(0, 1);
    transition: transform .3s ease;
    border-radius: 4px;
}

.show-cat-box:hover.show-cat-box img{
    transform: scale(1.1);
    transition: transform .5s ease-in-out;
}

.show-cat-box:hover.show-cat-box::after {
    transform: scale(1, 1);
}

.show-cat-slider .owl-nav button.owl-prev {
    position: absolute;
    left: -1.8%;
    top: 34%;
}

.show-cat-slider .owl-nav button.owl-next {
    position: absolute;
    right: -1.8%;
    top: 34%;
}

.show-cat-txt p {
    font-size: 17px;
    color: #434343;
    font-weight: 700;
}

.cat-mid-bnr{
    margin-bottom: 32px;
    margin-top: 24px;
}

.cat-mid-bnr-img{
    width: 49.5%;
}

.cat-mid-bnr-con{
    justify-content: space-between;
}



.also-view-con{
    margin-top: 26px;
    margin-bottom: 42px;
}

.show-cat-body .owl-dots{
    display: none;
}
.also-view-slider .owl-dots, .simi-slider .owl-dots{
    display: none;
}
.also-view-slider .owl-nav button.owl-prev {
    position: absolute;
    left: -3.2%;
    top: 20%;
    padding: 50px 8pz !important;
/*    border-radius: 3px;*/
/*    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    margin-right:0px !important;
}

.also-view-slider .owl-nav button.owl-next{
    position: absolute;
    right: -3.2%;
    top: 20%;
    padding: 50px 8px !important !important;
/*    border-radius: 3px;*/
/*    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.simi-slider .owl-nav button.owl-prev {
    position: absolute;
    left: 0.8%;
    top: 30%;
    padding: 50px 8pz !important;
    margin-right:0px !important;
}

.simi-slider .owl-nav button.owl-next {
    position: absolute;
    right: 0.8%;
    top: 30%;
    padding: 50px 8px !important !important;

}

.sml-hdng p{
    font-size: 27px;
    font-weight: 600;
    font-family: "Kaisei Decol", serif;
}

.tab {
    gap:8px;
    align-items: center;
}

.tab button {
    background-color: #F1F1F1;
    border: 1px solid #C1C1C1;
    outline: none;
    cursor: pointer;
    padding: 11px 40px;
    transition: all 0.3s ease 0s;
    font-size: 15px;
   color: #252525;
    border-radius: 4px;
    
}

.tab button:hover{
    background-color: #FFF4F4;
       
}

.tabbtn-bx{
    align-items: center;
    gap:12px;
}

.tab button.active {
    background-color: var(--sitecolor);
    color:#fff;
    border: 1px solid transparent;
    font-weight: 600;
}

.tablinks.active {
    background-color: var(--sitecolor);
    color: white;
}

.tablinks {
    background-color: transparent;
    color: #000;
    width: 24%;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    cursor: pointer;
}
.Tabbox{
  justify-content: space-between;
      margin: 10px 0 20px 0;
}
.filter-bar{
    width: 18%;
    position: sticky;
    top: 22%;
    left: 0;
    
  
 
}
.drpdwn-main-title p{
      font-size: 18px;
    color: #333333;
    padding: 10px 0;
    border-bottom: 1px solid #EFEFEF;
}
.drpdwn-menu{
  border: 1px solid #EAEAEA;
    border-radius: 6px;
    padding: 10px 20px 0 20px;
}
.drpdwn-menu.open::-webkit-scrollbar-thumb {
    background: #e0e0e0 !important;
    border-radius: 6px;
}
.drpdwn-menu.open{
  height: 77vh;
  overflow-y: scroll;
}
.loca-box{
    background-color: var(--sitecolor);
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 24px;
}

.filter-bar-hdng{
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    
}

.fltr-heading p{
        font-size: 20px;
    margin: 0 0 24px 20px;
}

.fltr-heading{
    padding: ;
}

.del-icn-bx{
    width: 1.2vw;
}

.hdng-wdth{
    width: 14vw;
}

.loca-box span{
        font-size: 19px;
    color: #fff;
}

.location-con{
        margin-top: 12px;
}

.date-con{
        margin-top: 12px;
}

.location-con p, .date-con p{
    margin-bottom: 4px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
}
.date-con select{
    appearance: none;
    width: 100%;
    border: none;
    padding: 12px 10px;
    border-radius: 4px;
    font-size: 16px;
    /*font-weight: 600;*/
    color: #7A7A7A;
    background-image: url(../../images/up-arrow.webp);
    background-repeat: no-repeat;
    background-position: right 10px top 50%, 0 0;
    background-color: #fff;
}


.location-con input{
    width: 100%;
    border: none;
    padding: 12px 10px;
    border-radius: 4px;
    font-size: 16px;
    /*font-weight: 600;*/
    color: #7A7A7A;
    background-color: #fff;
}

.location-con input:focus{
outline: none;
}
.avail-btn{
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 0px;
    background-color: #FFD747;
    border-radius: 4px;
    text-align: center;
    margin-top: 16px;
    font-weight: 800;
}


.tb-cntnt{
    justify-content: space-between;
    align-items: center;
}

/*.sort-btn{
    position: absolute;
    top: -0%;
    right: 0%;
}
*/
.total-con{
    position: relative;
    margin-top: 32px;
}


.sorting-btn-container {
    position: relative;
    
}

.sortbtn {
    padding: 10px 8px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #9A9999;
    border-radius: 4px;
    align-items: center;
}
.fltrmainDiv{
  margin-top: 50px;
}
.sortbtn1 {
    padding: 10px 10px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    border:1px solid #8c8888;
}

.cate-right{
  width: 80%;
}

.tb-cntntDiv{
  justify-content: space-between;
  align-items: start;
}

.sort-content {
    display: none;
    position: absolute;
    top: 102%;
    background: #fff;
    z-index: 1;
    width: 100%;
    /*border: 1px solid var(--sitecolor);*/
    border-radius: 0 0 6px 6px;
    border-top: none;
    box-shadow: 0px 0px 4px 0px rgb(61 61 61 / 50%);

}



.srt-txt p{
    font-size: 17px;
    color: #595959;
    margin-left: 10px;
   
}

.srt-txt p em{
    font-style: normal;
    color: #000;
    margin-left: 4px;
}
.srt-arw{
    margin-left: auto;
    font-size: 13px;
    margin-top: 2px;
}
.nrml-srtbtn, .sortBttn{
  width: 232px;
}
.rotate-arww{
    transform: rotate(180deg);
}
.srt-op{
    padding: 12px 0 12px 12px;
    text-align: center;
    /* border-bottom: 1px dashed #ACACAC; */
    cursor: pointer;
    display: flex;
    justify-content: left;
    gap: 10px;
    align-items: center;
    background-color: #fff;
}

.srt-op:hover{
    background-color: #FDE8EA;
}

.bg-active{
  background-color: #FDE8EA;
}
.slct-optn{
    height: 16px;
    width: 16px;
    background-color: #F5F5F5;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    border: 1px solid #A6A6A6;
}
.activated{
      background-color: var(--sitecolor);
      border: 1px solid var(--sitecolor);
      background-image: url(../../images/tick-new.webp);
      background-repeat: no-repeat;
      background-position: center;
}
/*.srt-op:hover.srt-op p{
    color: #fff;
    font-weight: 600;
}*/

.srt-op p{
 /*   font-weight: 700;*/
    color: #000;
    font-size: 17px;
}
#bst-slr{
    border-bottom: none !important;
}

.rotation{
        transform: rotate(180deg);
}

.combo-prds-item{
   width: 23.3%;
   padding-bottom: 16px;
}

.cat-pro-sec-1-con{
    /*justify-content: space-between;*/
      gap: 1.4vw;
}

.cat-pro-sec-1{
    margin-top: 32px;
}
.cat-pro-sec-2, .cat-pro-sec-3, .cat-pro-sec-4{
   margin-top: 16px;  
}


.mobile-mid-bnr{
    display: none;
}


.show-more-content{
    display: none;
}

.moreless-button{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
}

.moreless-button a{
    padding: 12px 48px;
    border: 1px solid var(--sitecolor);
    border-radius: 6px;
    cursor: pointer;
     transition: .3s;
}

/*.moreless-button a:hover{
    background-color: var(--sitecolor);
}*/
.moreless-button a:hover.hvr-clr{
    color: var(--sitecolor);
    transition: .3s;
}

.cat-faq-sec{
        padding-top: 28px;

}



.cat-dropdown {
  display: flex;
  flex-direction: column;
}
.cat-dropdown .menu-slide {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /*background-color: var(--sitecolor);*/
    margin-bottom: 12px;
    padding: 12px 0px;
    /*border-radius: 6px;*/
    cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
}

.cat-dropdown .menu-slide .button .fa-angle-down {
  transform: rotate(0deg);
  transition: all 0.3s;
}
.cat-dropdown .menu-slide .button .fa-angle-down.active {
  transform: rotate(180deg);
}
.menu-slide .menu-slide__active {
    background-color: #e5e4e4;
}
.cat-dropdown .menu-slide button {
    border: none;
    color: #000;
    cursor: pointer;
    background-color: transparent;
    font-size: 16px;
}

.cat-dropdown .menu-slide input:focus,
.cat-dropdown .menu-slide button:focus {
  outline: none;
}


.cat-dropdown .menudropdownList {
  display: none;
  /*padding: 0px 10px 10px 20px;*/
}

.menu-slide-header p{
    font-size: 17px;
    color: #333333;
    font-weight: 700;
}

.cat-sub-list{
    /*justify-content: space-between;*/
    padding-bottom: 16px;
    cursor: pointer;
    align-items: center;
    gap:14px;
}
.chck-clr input[type="checkbox"] {
    height: 28px;
    width: 28px;
    /*border-radius: 50%;*/
    appearance: none;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*border: 1px solid #aaafb3;*/
}

.chck-clr input[type="checkbox"]:after {
    content: url(../../images/tick.webp);
     display: none; 
}

.chck-clr input[type="checkbox"]:checked:after {
    display: block;
}

.clr-option {
    gap: 10px;
}
.catusub-op{
    font-size: 16px;
}
.cate-sub-op{
    font-size: 16px;
    color: #121212;
}
.cat-sub-list .fa-plus{
    color: var(--sitecolor);
}

.bld-nm{
    font-weight: 700;
}

.bld-clr-1{
    color: #FF6B00;
    font-weight: 700;
}
.bld-clr-2{
    color: #EE0056;
    font-weight: 700;
}
.bld-clr-3{
    color: #6A009C;
    font-weight: 700;
}
.bld-clr-4{
    color: #FF0000;
    font-weight: 700;
}
.bld-clr-5{
    color: #9B9B9B;
    font-weight: 700;
}
.bld-clr-6{
    color: #FFC700;
    font-weight: 700;
}
.bld-clr-7{
    color: #005AC3;
    font-weight: 700;

}

.cat-sub-list input[type="checkbox"]{
    appearance: none;
    height: 22px;
    width: 22px;
    background-color: #FFFBFB;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #949494;
}
.cat-sub-list input[type="checkbox"]:after{
  content:url(../../images/tick.webp);
  display: none;
}
.cat-sub-list input[type="checkbox"]:checked{
  background-color: var(--sitecolor);
  border: 1px solid var(--sitecolor);
}
.cat-sub-list input[type="checkbox"]:checked:after{
  display: block;
}
.assrtmnt-box-area{
    /*padding-left: 20px;*/
    /*border-radius: 6px;*/
      cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 20px;
        margin: 8px 0 0px 0;
}
.price-box-area{
  cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
    padding-top: 20px;
}
.pric-hdng{
    padding-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}
.side-sml-bnr-con{
    margin-top: 18px;
    border-radius: 6px;
}

.side-sml-bnr-con img{
    border-radius: 6px;
}
.cate-fltrDiv{
    padding: 20px 0 100px 0;
}
.cate-seemr-hyt {
    height: 230px;
    overflow: hidden;
}

.txtmore-hyt{
    height: 118px;
    overflow: hidden;
}
.toggleMore{
    /*margin-left: 28px;*/
    color: #9F9F9F;
    cursor: pointer;
    border-bottom: 1px solid #EFEFEF;
    padding: 8px 0;
}
.add-read-more .read-more, .add-read-more .read-less{
    /*display: inline-block;*/
    border-bottom: 1px solid var(--sitecolor);
    font-size: 16px;
    color: var(--sitecolor);
    cursor: pointer;
}
.filtermore{
    margin-right: 10px;
    color: #212121;
    font-size: 12px;
}
.nrml-height{
    height: auto;
}
.show-cat-slider .owl-nav button.owl-prev{
    margin-right:0px !important;
}

.phn-fltr{
    display: none;
}

.srt-btn-bx{
 align-items: center;
     width: 16%;
    justify-content: space-between;
}



/*pro-details-page-css*/

.update-main-bx {
    background-image: url(../../images/update.webp);
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding: 0 12% 0px 26px;
    margin-bottom: 56px;
    margin-top: 56px;
}


.updt-hdng {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.update-con {
    width: 52%;
}

.updt-para {
    font-size: 19px;
    color: #fff;
    margin-bottom: 36px;
}

.sub-email {
    border: 1px solid #fff0;
    padding: 15px 12px;
    font-size: 16px;
    width: 73%;
    background-color: #F8F8F8;
    border-radius: 6px 0 0 6px;
}

.sub-email:focus {
    outline: none;
}

.sbscribe-box button {
    background-color: #FBC300;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    margin-left: -1%;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    width: 28%;
    border-right: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    border-top: 1px solid #fff0;
}

.subscribe-img {
    margin-top: -3.8%;
}

.moment-sbmt-btn {
    background-color: var(--sitecolor);
    text-align: center;
    padding: 16px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.moment-sbmt-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.moment-sbmt-btn a span {
    text-decoration: underline;
}

.productImage {
    justify-content: space-between;
    /*flex-direction: column-reverse;*/
}

#thumbs {
    /*margin: 0 auto;*/
    width: 18%;
    /*margin-top: 20px;*/
    margin-bottom: 20px;


}

.thumb-div {
    /*flex-direction: row;*/
    /*flex-wrap: nowrap;*/
    gap: 20px;
}

#thumbs img {
    border-radius: 6px;
    cursor: pointer;
}



#largeImage {
    border-radius: 6px;
    object-fit: cover;
}






.img-sec {
    width: 52%;
    position: relative;
   /* top: 210px;
    left: 0;
    height: fit-content;
    will-change: top;
    align-self: flex-start;
    backface-visibility: hidden;*/
}

.img-main-sec {
    width: 78%;
}

.tag-container-box {
    margin-top: 20px;
    justify-content: center;
    gap: 10px
}

.main-container-box {
    justify-content: space-between;
    height: 68vh;
     margin-top: 20px;
     position: relative;
}
.text-section::-webkit-scrollbar-thumb {
  background: #FFA3A3 !important;
}
.text-section {
    width: 44.5%;
    overflow: auto;
    height: 100%;
    padding-right: 1.1vw;
    scroll-behavior: smooth;
 
}

.resultDiv {
  position: absolute;
  top: 0; /* Adjust based on image height */
  left: calc(52% + 20px); /* if .img-sec is 52% wide */
  width: 40.5%;
  aspect-ratio: 1 / 1;
  /*background-repeat: no-repeat;*/
  background-size: cover;
  display: none;
  z-index: 10;
  border-radius: 6px;
  border: 1px solid #E0E0E0;
}
.lensdiv{
  background: rgba(255, 255, 255, 0.3);
  cursor: crosshair;
  position: absolute;
  display: none;
}

.tag-con-1 {
    background-color: #FFF8E1;
    padding: 10px 8px;
    border-radius: 4px;
    width: 16vw;
}

.tag-con-2 {
    background-color: #FEE1FF;
    padding: 10px 8px;
    border-radius: 4px;
    width: 16vw;
}

.tag-con-3 {
    background-color: #D3FFFF;
    padding: 10px 8px;
    border-radius: 4px;
    width: 16vw;
}

.tag-con-4 {
    background-color: #E9FFE1;
    padding: 10px 8px;
    border-radius: 4px;
    width: 16vw;
}


.tag-inside-con {
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.tag-con-txt p {
    font-weight: 700;
    font-size: 14px;
}

.tag-con-clr-1 {
    color: #FA2B39;
}

.tag-con-clr-2 {
    color: #9747FF;
}

.tag-con-clr-3 {
    color: #007AA0;
}

.tag-con-clr-4 {
    color: #00610A;
}

.tag-con-image {
    width: 1.2vw;
}

.tag-con-txt {
    width: 12.9vw;
}



.opactive {
    background-color: transparent !important;
    color: var(--sitecolor) !important;
    border: 1px solid var(--sitecolor) !important;
}

.size-card {
    background-color: transparent;
    color: #3F3F3F;
    border-radius: 4px;
    padding: 10px 18px;
    font-size: 14px;
    border: 1px solid #BDBDBD;
    cursor: pointer;
}

.opbutton input[id="size-card-1"]:checked~label[for="size-card-1"] .size-card {
    border-color: 1px solid var(--sitecolor);
    color: var(--sitecolor);
}

.opbutton input[type="radio"] {
    display: none;
}

.modal {
    /*display: none;*/
    position: fixed;
    z-index: 9999;
    /*padding-top: 100px;*/
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    /*overflow: auto;*/
    background-color: rgb(16 13 13 / 50%);
    transition: left 0.3s ease;
}
 #myModal.activee {
    left: 0%;
    transition: left 0.3s ease;
  }
.modal-content {
    background-color: #fefefe;
    width: 80%;
    text-align: center;
}

.modal-head {
    padding: 22px 25px;
    box-shadow: 0px 21px 14px -19px rgba(179, 175, 175, 0.45);
    justify-content: space-between;
    align-items: center;
}

.fltr-main-tab{
  justify-content: space-between;
}

.fltr-vrtcl-tab{
  flex-direction: column;
  flex-wrap: nowrap;
  width: 30%;
  background-color: #F9F9F9;
  padding-bottom: 60px;
}

.fltr-tab-cntntDiv{
    width: 67%;
    padding: 20px 20px 0 0;
    height: 700px;
    overflow: hidden;
    overflow-y: scroll;
}


.fltr-tab{
  padding: 20px;
  border-bottom: 1px solid #d6d4d4;
  color: #737278;
  text-align: left;
}

.fltr-tab.active{
    color: #fff;
    font-weight: 500;
    background-color: var(--sitecolor);
}
.apply-bttn {
    height: 5vh;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    background-color: var(--sitecolor);
    border: none;
    box-shadow: inset 0 20px 24px -24px rgb(198 198 198 / 80%);
}

.apply-div {
    position: relative;
    bottom: 5px;
    z-index: 1;
    margin: 0 auto;
    background: #fff;
}

.apply {
    position: sticky;
    bottom: 0;
    z-index: 1;
}
.sml-bnr-Item{
    width: 49.48%;
}

/*.modal-con-box {
    padding: 25px 0;
}*/

.icon-container {
    gap: 15px;
    align-items: center;
}

.icon-container p {
    font-size: 20px;
}


.close {
    border: none;
    background: none;
    font-size: 24px;
    cursor: pointer;

}



.quantity-container {
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: var(--sitecolor);
    border-radius: 4px;

}

.quantity-container button {
   border: none;
    cursor: pointer;
    padding: 4px 0px;
    border-radius: 4px;
    color: #fff;
    width: 20%;
}

.plus-btn {
    background-color: var(--sitecolor);
    color: #fff;
}

.add-to-cart-btn {
    width: 100%;
    padding: 4px 0px;
    border-radius: 4px;
    background-color: transparent;
    display: block;
    color: #1C1A1A;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid var(--sitecolor);
}

.add-to-cart-btn span {
    margin-left: 4px;
}

.spcl-touch-slider {
    padding: 0 20px;
    margin-bottom: 20px;
}

.spcl-touch-slider .owl-dots {
    display: none;
}

.spcl-touch-slider .owl-nav img {
    width: 70%;
}

.spcl-touch-slider .owl-nav button.owl-prev {
    position: absolute;
    left: -0%;
    top: 32%;
    margin-right: 0px !important;
}

.spcl-touch-slider .owl-nav button.owl-next {
    position: absolute;
    right: -0.7%;
    top: 32%;
}

.specialityfood-main-box,
.Personalized-main-box {

    width: 23.8%;
}


.specialityfood-con,
.Personalized-con {
    justify-content: space-between;
}

.cart-btn-container {
    position: sticky;
    bottom: -15px;
    padding-bottom: 10px;
    z-index: 1;
}

.btn-position {
    position: relative;
    bottom: 5px;
    z-index: 1;
    padding: 12px 0px;
    margin: 0 auto;
    background: #fff;
}

.btn-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.btn-container-div {
    width: 49%;

}

.shine {
    position: relative;
    overflow: hidden;
}

.shine-effect {
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: slide 3s infinite;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.13) 77%,
            rgba(255, 255, 255, 0.5) 92%,
            rgba(255, 255, 255, 0.0) 100%);

}

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.add-to-cart-revamp,
.upld-revamp {

    height: 7vh;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--sitecolor);
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    background-color: #fff;
    border: 1px solid #C1C1C1;
}

.buynow-revamp {
    height: 7vh;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    background-color: var(--sitecolor);
    border: none;
}

.button-main-box {
    width: 50.3%;
    justify-content: space-between;
    box-shadow: ;
}

/* Hide the default cross button */
.pin-box input[type="search"]::-ms-clear {
    display: none;
}

/* Customize the appearance of the cross button */
.pin-box input[type="search"]::-webkit-search-cancel-button {
    appearance: none;
    background-image: url(../../images/cross-btn.webp);
    /*background-size: 15px;*/
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    cursor: pointer;
}


.rating-bx-con {
    gap: 8px;
    margin-bottom: 10px;
    align-items: center;
}

.pro-name p {
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 12px;
    color: #222222;
    margin-top: -6px;
}

.rvw-count p {
    color: var(--sitecolor);
    font-size: 15px;
    font-weight: 600;
}
.rvw-grn-bx{
  padding: 6px;
    background-color: #10A44F;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.rvw-num p{
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.vst-txt p {
    color: #161616;
    font-size: 14px;
    display: inline-block;
}
.white-star{
      color: #fff;
    font-size: 10px;
}
.vst-txt p::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #161616;
    transition: width .3s;
}

.main-prce p {
       font-size: 35px;
    color: #141414;
        margin-right: 12px;
            margin-top: -4px;
}

.pr-price {
    align-items: center;
    /*gap: 10px;*/
    margin-bottom: 10px;
    margin-top: 6px;
    padding-right: 10px;
    /*border-right: 1px solid #666666;*/
}

.tax-div p,
.about-item-cntnt {
          font-size: 18px;
    color: #31A959;
}

.off-prcnt {
    color: #fff;
    background-color: var(--sitecolor);
    font-weight: 800;
    padding: 5px 8px;
    border-radius: 4px;
}

.cut-price span {
   font-size: 22px;
    text-decoration: line-through;
    color: #7D7D7D;
        margin-right: 8px;
}

.cut-price p {
    font-size: 20px;
    color: #7A7A7A;
}

.main-big-div {
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #DBDBDB;
    /*padding-bottom: 15px;*/
    margin-bottom: 10px;
}
.moreDIV{
  padding: 6px 10px;
    border: 1px solid var(--sitecolor);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
/*    height: 33px;*/
    cursor: pointer;
}
.make-spcl-div{
      align-items: center;
    justify-content: space-between;
}
.moreDIV p{
    font-size: 14px;
    color: var(--sitecolor);
    font-weight: 600;
}

.moreDIV span{
    font-size: 12px;
    color: var(--sitecolor);
}
.addr-div-wdth, .date-main-div-wdth{
    width: 49%;
    position: relative;
}
.make-spclDiv, .make-spcl-Div{
   align-items: center;
    gap: 10px;
    width: 70%;
}
.make-spclDiv-hdng{
  font-size: 22px;
}
.flx-add{
  display: flex;
}
.addr-div {
    background-color: transparent;
    border: 1px solid #D4D4D4;
    font-size: 14px;
    padding: 6px 10px;
    color: #a54d4d;
    border-radius: 3px;
    position: relative;
}

.sml-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--sitecolor);
}

.date-main-div {
    position: relative;
}

.date-error {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 12px;
    color: red;
    /*display: none; */
}

.pincode-form {
    justify-content: space-between;
    gap: 5px;
    align-items: center;
}

.pincode-text {
    position: absolute;
    bottom: -21px;
    left: 0;
    font-size: 14px;
    color: #00519C;
    display: none;
}

.pincode-icon {
    width: 20px;
    font-size: 26px;
}

.pincode-container {
    width: 70%;
    /*padding: 10px;*/
}

.error-message {
    font-size: 11px;
    color: red;
}

.pincode-chck-btn {
    width: 18%;
}

.pincode-icon i {
    color: var(--sitecolor);
}

.pincode-container input {
    text-align: left;
    border: none;
    outline: none;
    font-size: 15px;
    width: 100%;
    max-width: 13.4rem;
}

.pincode-area-show {
    font-size: 12px;
    color: #4F4F4F;
    font-weight: 500;
    /*display: none;*/
}

.pincode-chck-btn button {
    border: none;
    background: #c8ffca;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #2e2e2e;
    cursor: pointer;
    padding: 8px 10px;
    text-align: center;
        margin-bottom: 10px;

}

.pincode-chck-btn button:hover {
    background: #008004;
    color: #fff;
    transition: 0.2s linear;
}

.order-available {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    background: green;
    font-weight: 600;
    font-size: 15px;
    color: #2e2e2e;
    cursor: pointer;
    padding: 3px 6px;
    text-align: center;
    width: 38%;
    /*display: none; */
    margin-left: 20px;
    border-radius: 50%;
}

.order-available img {

    width: 14px;
    height: 16px;
}

.addr-div input::placeholder,
.date-main-div input::placeholder {
    color: #7C7C7C;
    font-size: 14px.
}
.flower-city-sel {
    padding: 13px 10px;
    font-size: 14px;
    border: 1px solid #C0C0C0;
    background-color: #F5F5F5;
    border-radius: 5px;
    appearance: none;
    background-image: url(../../images/area-arrow.webp);
    background-repeat: no-repeat, repeat;
    background-position: right 16px top 50%, 0 0;
    width: 100%;
  }
 
.adrs-div {
    align-items: center;
    justify-content: space-between;
        margin-top: 24px;
}

.date-main-div input {
    padding: 13px 10px;
    width: 100%;
    font-size: 14px;
    color: #000;
    border: 1px solid #C0C0C0;
    outline: none;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F5F5F5;
    background-image: url(../../images/CALENDER-NEW.webp);
    ,
    linear-gradient(to bottom, #fff 0%, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right 12px top 50%, 0 0;
    cursor: pointer;
}

.swiper-button-next, .swiper-button-prev{
      height: 30px!important;
    width: 30px!important;
    border-radius: 50%!important;
    background-color:#F2F2F2!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 14px !important;
  color: #000 !important;
}
.ui-datepicker {
    margin: 5px auto 0 !important;
    font-size: 16px !important
}

.ui-datepicker table {
    width: 100% !important;
    margin-top: 12px;
}

.ui-datepicker-header {
    background: #fff !important;
    color: var(--sitecolor) !important;
    border: none !important;
    border-width: 0 !important;
}

.ui-datepicker-title {
    text-align: center !important;
    font-size: 17px !important
}

.ui-datepicker-prev {
    float: left !important;
    cursor: pointer !important;
      margin-left: 10px;
    background-position: center -30px !important
}

.ui-datepicker-next {
    float: right !important;
    cursor: pointer !important;
        margin-right: 10px;
    background-position: center 0 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width: 8px;
}

.ui-datepicker-prev span {
    content: url('../../images/cal-left-arrow.webp');
    width: 25px !important;
    background-image: none !important
}

.ui-datepicker-next span {
    content: url(../../images/cal-right-arrow.webp);
    width: 25px !important;
    background-image: none !important
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
  padding: 20px;
  display: none;
  width: 16%;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}

.ui-datepicker th {
    font-size: 10pt !important;
    color: #555555 !important;
    padding-bottom: 5px;
    font-weight: 700;
}
.ui-datepicker th span{
      padding: 0 5px !important;
}
.ui-datepicker tbody td {
    padding: 0 !important
}

.ui-datepicker tbody td:last-child {
    border-right: 0 !important
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #fff !important
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0 !important
}

.ui-datepicker a {
    text-decoration: none !important
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: inline-block !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 24px !important;
    color: #fff !important !important;
}

.ui-datepicker-calendar .ui-state-default {
    height: 30px !important;
    width: 30px !important;
    border: none !important;
    border-radius: 50%;
    font-size: 15px;
}

.ui-datepicker-calendar .ui-state-hover {
    background: var(--sitecolor) !important;
    color: #fff !important
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: var(--sitecolor) !important;
    color: #fff !important;
}

.ui-datepicker-calendar .ui-state-active {
    background: var(--sitecolor) !important;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1) !important;
    -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1) !important;
    color: #fff !important;
    /*text-shadow: 0 1px 0 #4d7a85 !important;*/
    /*border: 1px solid #55838f !important;*/
    position: relative;
    /*margin: -1px !important;*/
    /*font-weight: 600 !important;*/
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f5e7e7 !important;
    color: #000 !important
}

.cod-div p {
    color: var(--sitecolor);
    font-size: 16px;
}

.about-item-hdng {
    color: var(--sitecolor);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.about-item-cntnt {
    list-style-type: decimal;
    padding-left: 15px;
}

.about-item-cntnt li {
    margin-bottom: 20px;
    line-height: 20px;
}

.cod-div span {
    font-weight: 600;
}

.cod-div {
    margin: 20px 0;
}

.quantity-main-box button {
    border: none;
    cursor: pointer;
    background: transparent;
    color: var(--sitecolor);
    font-size: 16px;
}

.quantity-main-box input {
    border: none;
    font-size: 16px;
    text-align: center;
    width: 20%;

}

.quantity-main-box {
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    padding: 12px 10px;
    justify-content: space-between;
}

.quan-box {
    width: 16%;
}

.fixed-cart{
    position: sticky;
    bottom: 0;
    z-index: 1;
    padding-bottom: 0;
    background-color: #fff;
    padding: 12px 0;
}
.addBag {
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    background-color: var(--sitecolor);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 50px;
}

.addBag-div {
    justify-content: center;
    align-items: center;
    gap: 15px;

}
.addBag-div-txt{
  font-size: 20px;
  font-weight: 600;
}
.add-to-bag-div {
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
}

.heart {
    color: var(--sitecolor);
    font-size: 30px;
}

.red {
    color: red;
}





.sv-div p {
    font-size: 20px;
    color: #5B5B5B;
    margin-top: 10px;
}



.pin-sbmt:focus {
    outline: none;
}

.pin-box {
    width: 63%;
    border-bottom: 1px solid #BEBEBE;
}

.pin-sbmt {
    border: 1px solid #fff;
    padding: 12px 12px;
    font-size: 18px;
    width: 70%;
    /*    background-color: #F8F8F8;*/
    border-radius: 6px 0 0 6px;
}

.pin-box button {
    background-color: var(--sitecolor);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    width: 30%;
    margin-bottom: 6px;
}

.ordr-avail {
    gap: 4px;
    margin-top: 8px;
}

.ordr-avail span {
    background-color: #00610A;
    color: #fff;
    padding: 1px 3px;
    border-radius: 50%;
}

.date-hldr {
    font-size: 18px;
    color: #4E4E4E;
    font-weight: 600;
}

.date-box button {
    background-image: url(../../images/calender.webp);
    background-repeat: no-repeat;
    padding: 30px 40px;
    border: none;
    background-color: #E8E8E8;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;

}

.date-box {
    width: 55%;
    justify-content: space-between;
    background-color: #F0F0F0;
    border-radius: 4px 0 0 4px;
    padding: 0px 0 0px 20px;
    align-items: center;

}


.countdwn-bx {
    width: 42%;
}

.date-timer-con {
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 20px 0;
}

.timer {
    color: var(--sitecolor);
    font-size: 20px;
    font-weight: 700;
}

.hours {
    font-size: 20px;
    font-weight: 700;
    color: #373737;
    margin-left: 2px;
}

.grn-clr {
    color: #00610A;
    font-weight: 600;
}

.upgrd-hdng,
.op-select-hdng {
    font-size: 14px;
    font-weight: 500;
    color: var(--sitecolor);

}

.quantity {
    font-size: 16px;
    color: #fff;
}

.upgrd-box {
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

.opbutton .selected {
    border-color: 1px solid var(--sitecolor);
    color: var(--sitecolor);
}

.card-box-div {
    width: 23.8%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;

}

.card {
    border: 3px solid transparent;
}

.card img {
    border-radius: 6px;
}

.card-box-div label {
    cursor: pointer;
}

.card-box-txt-con {
    padding: 16px 12px;
}

.title {
    margin-bottom: 8px;
    color: #515151;
}

.card-price p,
.prdct-price {
    font-size: 16px;
    font-weight: 600;
}


.spcl-touch-head p,
.specialityfood-head p {
    font-size: 17px;
    font-weight: 500;
    color: #636363;
    margin-bottom: 20px;
}

.spcl-touch-main-box{
  border: 1px solid #E4E4E4;
    padding: 8px;
    border-radius: 8px;
}

.spcl-touch-txt,
.specialityfood-txt,
.Personalized-txt {
    text-align: center;
    margin-bottom: 10px;
}

.spcl-touch-img-bx img,
.specialityfood-img-bx img,
.Personalized-img-bx img {
    border-radius: 4px;
}

.prdct-name {
   font-size: 14px;
    padding: 8px 0 8px 0;
    color: #3E3D3D;
    height: 66px;
}


.cardactive {
    background-color: #FFFDF3;
    border: 3px solid #FFC530;
}

.op-select {
    margin: 20px 0;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
}

.op-select-btn {
    margin-top: 12px;
    gap: 8px;
}


.op-select-hdng span,
.about-item-cntnt li span {
    font-weight: 600;
}

.clropbutton {
    background-color: transparent;
    color: #3F3F3F;
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #BDBDBD;
    cursor: pointer;
}

.thmbclropbutton {
    border-radius: 6px;
    /*padding: 6px;*/
    border: 1px solid #DEDEDE;
}
.thmbclropbutton.selected {
    border: 1px solid var(--sitecolor); 
}
.color-op-img {
    border-radius: 4px;
    overflow: hidden;
}

.specialityfood-cntnt-main-box {
    margin-bottom: 20px;
}

.per-cntnt-box {
    margin-bottom: 32px;
}

.descrip ul li {
    margin-bottom: 10px;
}

.descrip {
    margin: 20px 0;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
}
.more-hght {
    height: 166px;
    overflow: hidden;
}

.policy-main-div {
    justify-content: space-between;
    align-items: center;
        padding: 20px 0;
}

/*.policyImg{
  width: 24%;
}*/

.policy-txt{
    color: #151515;
    font-size: 18px;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}
.policy-div{
  flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 25%;
    text-align: center;
}
.share-div:hover .shareImg {
    /*filter:invert(5%) sepia(74%) saturate(7424%) hue-rotate(342deg) brightness(102%) contrast(50%);*/
    filter: sepia(100%) hue-rotate(193deg) saturate(773%);
}

.share-div{
  cursor: pointer;
  position: relative;
}
.icons-main-box {
    position: absolute;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    width: 350px;
    /* height: 129px; */
    top: 178%;
    right: -70%;
    background-color: #fff;
    padding: 24px 50px;
    display: none;
}

.icn-clr-1{
  color: #3B5998;
}

.icn-clr-2{
  color: #25D366;
}

.icn-clr-3{
  color: #55ACEE;
}
.icn-sml-hdng{
  font-size: 14px;
  margin-top: 6px;
}
.share-div-tip {
    position: absolute;
    border-top: solid 12px #e7e7e7;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    top: 102%;
    left: -38%;
    transform: translate(-50%, -50%);
    rotate: 180deg;
    display: none;
}

.icon-1-div{
    width: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icon-1-img-div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #c7c3c3;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconimg-box{
      justify-content: space-between;
  
}

.descri-tabs{
  border-bottom: 2px solid #EEEEEE;
  position: relative;
  width: 95%;
}
.descri-tabs li {

    cursor: pointer;
    font-size: 14px;
    color: var(--sitecolor);
    background-color: #fff;
    width: 33.3%;
    color: #000;
    font-size: 20px;
    padding: 12px 0;
    font-weight: 500;
    text-align: center;
    position: relative;
    
}
.tab-underline {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--sitecolor);
    position: absolute;
    bottom: -2%;
    display: block;
    transition: left 0.3s ease, width 0.3s ease;
    border-radius: 2px;
}
/*.descri-tabs li.current {
    position: relative;
    background-color: transparent;
    border-bottom: 2px solid var(--sitecolor);
}*/

.tab-content-dscrpsn {
    display: none;
    padding: 10px 24px 24px 24px;
    height: 354px;
    overflow: hidden scroll;

}

.tab-content-dscrpsn.current {
    display: block;
}

.description {
    margin: 30px 0 20px 0;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 30px;

}


.tab-content-dscrpsn ul li {
    line-height: 31px;
    font-size: 18px;
    margin-bottom: 6px;
  }


.tab-content-dscrpsn p {
    line-height: 31px;
    font-size: 18px;
    margin-bottom: 6px;
  }

.m-btm-des {
    margin-bottom: 20px !important;
}

.tab-content-dscrpsn ul {
    /*list-style-type: disc;*/
}

.blt-hide {
    list-style-type: none !important;
}

.tab-content-dscrpsn ul li::marker {
    color: var(--sitecolor);
}

.thick-brdr {
    padding: 40px 0;
    background-color: #E1E1E1;
    margin: 88px 0 88px 0;
}


#ordrAvail {
    display: none;
}

.cart-btn-container {
    display: none;
}

.overlay-show {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 72%);
    z-index: 9999;
    pointer-events: none;
}

#hideContent {
    position: relative;
    pointer-events: none;
    height: 50vh;
    overflow: hidden;
}

#hideContent2 {
    pointer-events: none;
}

.pro-faq-sec {
    margin-top: 40px;
}

.pro-specialities {
    margin-top: 32px;
    margin-bottom: 56px;
}

.added {
    display: none;
}


.hdr-bg {
    background-image: url(../../images/moadl-bg.webp);
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 37px;
    background-position: center;
}

.shpng-bg {
    background-image: url(../../images/moadl-bg.webp);
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 37px;
    background-position: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.timing-bg {
    background-image: url(../../images/moadl-bg.webp);
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 37px;
    background-position: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.shpng-bg p,
.timing-bg p {
    font-weight: 900;
    font-size: 16px;
    color: #fff;
}

.modal-header-div {
    justify-content: flex-end;
    margin-bottom: 18px;
}

.wrapper1 header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-bottom: 22px
}

header .icons {
    display: flex;
}

header .icons span {
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 16px;
    user-select: none;
    width: 44px;
}


header .current-date {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}

.calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}

.calendar li {
    color: #000;
    width: calc(100% / 7);
    font-size: 18px;
    font-weight: 600;
}

.calendar .weeks li {
    cursor: default;
}

.calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 30px;
}

.days li.inactive {
    color: #aaa;
    pointer-events: none;
}

.days li.active {
    color: #fff;
}

.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);

}

.days li.active::before {
    background: var(--sitecolor);
}

.days li:not(.active):hover::before {
    background: var(--sitecolor);

}

.days li.disabled {
    color: #aaa;
    pointer-events: none;
}

.days li:hover {
    color: #fff;
}

#modal {
    display: none;
    z-index: 999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #D0D0D0;
    width: 22%;
    height: 492px;
    border-radius: 14px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



.modal-section {
    display: none;
}

.cross {
    padding: 10px 14px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 22px;
    background-color: var(--sitecolor);
    color: #fff;
}

.modal-section.active {
    display: block;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

#overlay-1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
}

.reset {
    cursor: pointer;
}

.calendar-wrapper {
    width: 100%;
    margin: auto;
}

.options {
    margin: 30px 0;
}

.options label {
    display: block;
    margin-bottom: 10px;
}

.modal-main-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

#prevarow1,
#prevarow2 {
    cursor: pointer;
}

.options input {
    display: none;
}

.deli-div {
    border: 1px solid #CFCFCF;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    justify-content: space-between;
    cursor: pointer;
}

.deli-div:hover {
    transition: .3s;
    box-shadow: #ff253aa6 0px 2px 8px 0px;
}

.time-slot {
    border: 1px solid #CFCFCF;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.time-slot p {
    font-size: 17px;
    color: #424242;
    font-weight: 600;
    padding: 20px 0;
    text-align: center;
}

.time-slot:hover {
    transition: .3s;
    box-shadow: #ff253aa6 0px 2px 8px 0px;
}

.time-slot:hover.time-slot p {
    color: var(--sitecolor);
}

.deli-chrg {
    width: 20%;
    background-color: var(--sitecolor);
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
    font-weight: 800;
}

.ex-deli {
    font-size: 16px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 4px;
}

.ex-deli2 {
    font-size: 14px;
    color: #000000;
    /*    font-weight: 600;*/
}

.deli-time {
    width: 77%;
}

.op-checked {
    box-shadow: #ff253aa6 0px 2px 8px 0px;
}

.block-div {
    display: block !important;
}

.strt-align {
    align-items: start;
}

.sticky-posi {
    position: sticky;
    top: 15%;
    left: 0;
}

.link-hdng {
    text-decoration: underline;
    font-size: 20px;
}

/*-----header-hide----------*/
#categories {
    position: fixed;
    z-index: 99999;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 13%;
    transition: all .3s;


}

.cncl-btn-div {
        display: none;
    }
.cncl-btn-div {
        padding: 35px 0 20px 0;
        border-bottom: 1px solid grey;
    }

.hidden {
    transform: translateY(-200px);


}

.custo-div {
    justify-content: center;
    align-items: center;
    gap: 14px;
}

#custoModal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    right: -100%;
    width: 50%;
    height: 100%;
    background-color: white;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 9999999;
}

#custoModal.activee {
    right: 0;
    transition: right 0.3s ease
}

.c-moadl-close-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 30px;*/

}
.addnDiv-hdng{
  font-size: 26px;
}
.c-moadl-close {
    /*background-color: var(--sitecolor);*/
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 30px;
}
.addn-tab{
    background-color: transparent;
    color: #000;
    width: 24%;
    text-align: center;
    padding: 6px 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    border:none;
}
.addnDiv{
  justify-content: space-between;
  margin: 30px 0;
  background-color: #fff;
  border-bottom: 1px solid #ebebea;
  border-radius: 4px;
  padding-bottom: 10px;

}
.addnmainDiv{
    justify-content: flex-start;
    gap: 16px;
}
.addn-box{
  width: 18%;
}
.addnhdng {
    color: #3C3C3C;
    margin-bottom: 20px;
    font-size: 19px;
}
.mainSection{
  overflow: scroll;
    height: 100vh;
    scroll-behavior: smooth;
    padding: 0px 20px 200px 0;
    position: relative;
  
}
.Section{
  margin-bottom: 40px;
  position: relative;

}
.addn-tab.activate{
  background-color: var(--sitecolor);
  color: #fff;
}
.modal-con {
    padding: 10px 24px 24px 50px;
}

.custo-header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.modal-cus-hdng p {
    font-weight: 800;
    font-size: 20px;
    font-family: "Kaisei Decol", serif;
    color: #2D2D2D;
}

.reset p {
    font-weight: 600;
    font-size: 15px;
    color: #0C74E9;
}

.drop-zone {
    width: 100%;
    height: 40vh;
    border: 2px dashed #D68888;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F1F1F1;
}

.v-alignment {
    text-align: center;
}

.upld-div {
    height: 53px;
    width: 53px;
    margin: 0 auto;

}

.mrgn {
    margin: 10px 0;
    font-weight: 600;
}

.mrgn-btm {
    margin-bottom: 10px;
    font-weight: 600;
}


.bin-div {
    border: 1px solid var(--sitecolor);
    border-radius: 2px;
    padding: 10px;
    cursor: pointer;
}

.img-upld-div {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;

}

#removeDiv {
    display: none;
}

.sub-upld-div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.sub-upld-div img {
    border-radius: 2px;
    overflow: hidden;
}


.save-div {
    height: 7vh;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--sitecolor);
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    background-color: #fff;
    border: 1px solid var(--sitecolor);
    margin-top: 30px;
    display: none;
}

.txt-cntnt {
    margin-top: 56px;
}

.txt {
    font-size: 18px;
    color: #2B2B2B;
    margin-bottom: 8px;
}

.hidden-div {
    display: none;
}

.checkout {
    opacity: 0;
    margin-left: -30%;
}

.move {
    opacity: 1;
    margin-left: 0%;
    transition: .5s;
}

/*skeleton-body-css-start*/

.card-1 {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
}

.card-img {
    padding-bottom: 95.7%;
    position: relative;
}

.card-img img {
    position: absolute;
    width: 100%;
}

#productContainer {
    display: none;
}

.card-body {
    padding: 16px 10px;
}


.card-title.skeleton {
    min-height: 28px;
    border-radius: 4px;
    width: 90%;
}

.card-intro {
    margin-top: 0.75rem;

}

.card-intro.skeleton {
    min-height: 72px;
    border-radius: 4px;
    width: 60%;
}

.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}


.skeleton-body .card-1 {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.skeleton-body .card-1.visible {
    opacity: 1;
}

/*skeleton-body-css-ends*/


/*cart-sec-css-start*/

.cart-main-div{
    position: relative;
    margin-top: 3%;
}

.cart-left{
    width: 70%;
    position: relative;
   

}

.cartsec-main-div{
  height: 70vh;
    overflow: hidden;
     padding-right: 10px;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
.cart-div{
    justify-content: space-between;
        align-items: start;
}

.cart-right{
    position: sticky;
    left: 0;
    top: 30%;
    padding: 40px 30px;
    width: 28%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.cart-qntity-div {
    align-items: center;
    justify-content: space-between;
    width: 14%;
}

.cart-pro-details{
    width: 83%;
    justify-content: space-between;
}

.cart-quantity-container{
        justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
}

.cart-quantity-container button {
    border: none;
    cursor: pointer;
    padding: 10px 14px;
    border-radius: 4px;
}

.cart-plus-btn {
    background-color: var(--sitecolor);
    color: #fff;
}

.cart-sub-box{
    justify-content: space-between;
}
.cart-table-headings{ 
    justify-content: flex-start;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 10px;
}

.c-t-hdng-items{
    width: 53%;
    font-size: 20px;
    font-weight: 600;
    color: #4B4B4B;
}

.c-t-hdng-qty{
    width: 24%;
    font-size: 20px;
    font-weight: 600;
    color: #4B4B4B;
}

.c-t-hdng-price{
    font-size: 20px;
    font-weight: 600;
    color: #4B4B4B;
}


.cart-quantity {
    font-size: 20px;
    /*font-weight: 600;*/
}

.cart-boxx{
    margin-bottom: 12px;
        margin-top: 30px;
}
.dlt-img{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px 10px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;
    transition: .3s;

}

.dlt-div, .pro-price{
    align-items: center;
}

.dlt-img:hover{
    background-color: var(--sitecolor);
    transition: .3s;
}

.dlt-img:hover.dlt-img img{
  filter: brightness(0) invert(1);
  transition: .3s;  
}

.grey-brdr-btm{
    border-bottom: 1px solid #D9D9D9;
}

.coupon{
    border: 1px solid #DFDFDF;
    padding: 12px 12px;
    font-size: 16px;
    width: 73%;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
}

.coupon::placeholder {
  color: #5C5C5C;

}

.coupon-div button {
    background-color: var(--sitecolor);
    color: #fff;
    font-size: 16px;
    font-weight:700 ;
    margin-left: -1%;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    width: 28%;
    border-right: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    border-top: 1px solid #fff0;
}

.chckout-sbmt-btn {
    background-color: var(--sitecolor);
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    
}

.chckout-sbmt-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

 .summery-hdng{
       padding-bottom: 20px;
       margin-bottom: 35px;
 }

.summery-hdng p{
    font-size: 30px;
    font-weight: 700;
}

.cart-info{
     margin-top: 35px;
    padding-bottom: 86px;
}

.cart-fnt{
    color: #4B4B4B;
    font-weight: 600;
}
.justi-cntnt{
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.total-price p{
        font-size: 20px;
    font-weight: 600;
}

.esti{
        margin-top: 20px;
}

.chckout-div{
        margin-top: 60px;
}

.coupon-div input:focus,
.coupon-div button:focus {
  outline: none;
}


.prod-num p{
    font-size: 20px;
}

.cart-pro-img{
       width: 15.6%;
        justify-content: space-between;
}

.cart-hdng{
    /*margin-bottom: 26px;*/
   /* position: sticky;
    top: 12%;
    left: 0;*/
    background-color: #fff;
    padding: 24px 0 24px 0px;
}

.pro-title{
    font-weight: 600;
    margin-bottom: 8px;
}

.adn-pro-title{
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
}

.size-div, .shpng-chrgs, .dlvry, .slot{
    margin-bottom: 6px; 
    color: #242424;
     font-size: 13px;
}

.dlvry span{
    color: var(--sitecolor);
}

.addon-div{
    background-color: #F6F6F6;
    padding: 20px 30px;
    /*margin-bottom: 30px;*/
    box-shadow: 0 8px 8px -4px #d0cccc;
}

.adn-pro-img {
    width: 12%;
  

}

.pro-price{

}

.addon-sub-box {
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C8C8C8;
}

.adn-title p{
    color: var(--sitecolor);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
}

.addon-div-bx div:last-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 0px;
   
}

.pro-price p{
    font-size: 20px;
    font-weight: 600;

}

.pro-details{
    width: 28%;
}

.prod-num{
    width: 12%;
}

.pro-img{
    width: 80%;
}

/*popup-Fordelete-sec*/


#overlay2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }

#modal2 {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #D0D0D0;
    width: 30%;
    height: 235px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

.alrt-pop button{
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 17px;
     transition: .3s;
}


.noBtn{
    background-color: var(--sitecolor);
    color: #fff;
}

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

.alert p{
    color: #585858;
    font-size: 20px;
    font-weight: 700;
}

.alrt-pop{
        justify-content: center;
        gap: 60px;
}


.yes-btn:hover.yes-btn button{
    color: #fff;
    background-color: var(--sitecolor);
    transition: .3s;
}

/*login-css-start*/
#countries_id{
  color: #000;
}
.login-container{
    justify-content: space-between;
    margin: 4% 0;
}
.login-left{
    width: 43%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-right{
    width: 43%;
}

.login-card{
        background-color: #FAFAFA;
        border:1px solid #FBC300;
        box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
        border-radius: 4px;
        width: 100%;
        height: 100%;
        padding: 50px 30px;
       /* max-width: 375px;*/
    }


#email{
      border-bottom: 1px solid #C1C1C1;
    padding: 12px 12px;
    font-size: 15px;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #fafafa;
    margin-bottom: 30px;
   
}

/*#password{
      border-bottom: 1px solid transparent;
    padding: 12px 12px;
    font-size: 18px;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #fafafa;
   
}*/

.signup-name, .signup-phone, .signup-email, .signup-password{
    border-bottom: 1px solid #C1C1C1;
    padding: 12px 12px;
    font-size: 15px;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #fafafa;
    margin-bottom: 20px;
   
}

#signup-email:focus {
    outline: none;
}
#eye{
    width: 3%;
}
.eye-div{
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 30px;

}
.eye-icon.eye {
  display: none;
  cursor: pointer;
}

.eye-icon {
  cursor: pointer;
}

.pass-box{
    width: 96%;
    position: relative;
}
.pass-box input {
    border: none;
    padding: 12px 12px;
    font-size: 15px;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #fafafa;
}
#email-error{
    position: absolute;
    bottom: 10%;
    left: 0;
    color: red;
}
.pass-box .error{
    
    top: 120% !important;
    left: 0 !important;
    color: red !important;
}
.error{
  color: red;
}
.rtname, .rtemail, .rtarea{
    position: absolute;
    top: 100%;
    left: 0%;
    color: red;
}
.rtstar{
color: red;
}
.rtarea{
    position: absolute;
    top: 90%;
    left: 0%;
    color: red;
}
#searchAlert{
    color: red;
    position: absolute;
    bottom: -35%;
    left: 2%;
}
#password-error, #name-error, #mobile_number-error, #countries_id-error, #confirm_password-error{
  position: absolute;
    bottom: 0%;
    left: 0;
    color: red;
}
#emailid-error, #order_id-error{
  color: red;
}
.email-div{
  position: relative;
}
.login-title{
        text-align: center;
    font-size: 28px;
    margin-bottom: 35px;
}

.rmmbr-div{
    justify-content: space-between;

}
.rmmbr-div label{
    font-size: 17px;
    color: #181818;
    font-weight: 600;
    margin-left: 10px;
}

.link span{
    color: #4F4F4F;
}

.buttons button{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 51%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.terms{
    text-align: center;
    color: #2F2F2F;
    margin-top: 10px;
}

.terms span a{
    color: red;
}

.or-div{
   color: #2F2F2F; 
   justify-content: center;
    margin-top: 30px;
    font-weight: 600;
}

.or-div a{
    color: var(--sitecolor);
}

.frgt-bx{
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 4% 0;
}


.back-div{
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}


.email-2{
    border: 1px solid #BEBEBE;
    padding: 12px 12px;
    font-size: 18px;
    width: 100%;
    background-color: #F8F8F8;
    margin-bottom: 30px;
    border-radius: 6px;
}


.lgin-div button{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 14px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #fff;
    font-size: 15px;
}

.fgrt-hdng{
    margin-bottom: 24px;
}

.rate-hdline p{
  margin-bottom: 0px !important;
}

.fgrt-hdng h1{
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
}


#overlay3 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }

#modal3 {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 24px 20px 80px 20px;
    border: 1px solid #D0D0D0;
    width: 40%;
    height: ;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }


#overlay4 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
  }

#modal4 {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 30px 50px ;
    border: 1px solid #D0D0D0;
    width: 60%;
    height:100%;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }



 #cross-popup{
    border: 1px solid var(--sitecolor);
    padding: 4px;
    border-radius: 4px;
}


.rvw-sbmt p{
    color: var(--sitecolor);
    font-size: 24px;
    
}

.rvw-sbmt{
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 24px;
}

.rate-main-div{
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 27px;
    justify-content: space-around;
    text-align: center;
    width: 5em;
    line-height: 40px;
}

.star-rating input {
    display: none
}

.star-rating label {
    color: #ccc;
    cursor: pointer
}

.star-rating :checked~label {
    color: #FBC300;
}

.star-rating label:hover,.star-rating label:hover~label {
    color: #fc0;
}


.rvw-name, #rvtext{
    border: 1px solid #E9E9E9;
    padding: 12px 12px;
    font-size: 16px;
    width: 100%;
    background-color: #FCFCFC;
    margin-bottom: 20px;
    border-radius: 3px;
}


.rvw-city-sel{
    padding: 12px 12px;
    font-size: 16px;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    appearance: none;
    background-image: url(../../images/drp-arw.webp);
    background-repeat: no-repeat, repeat;
    background-position: right 10px top 50%, 0 0;
    width: 100%;
    color: #7E7E7E;
     margin-bottom: 20px;
    /*background: #F0F0F0;*/
}
.rvw-sbmt-pop{
    justify-content: flex-end;
}
.rvw-sbmt-pop button{
    border: none;
    cursor: pointer;
    padding: 10px 0px;
    border-radius: 2px;
    font-size: 14px;
    transition: .3s;
    background-color: var(--sitecolor);
    color: #fff;
    width: 18%;
    font-weight: 600;

}


.modal4-con{
    /*box-shadow: 0 1px 6px 0 hsla(0, 0%, 0%, 0.2);*/
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    border-radius: 10px;
        padding-bottom: 60px;


}

.c-add{
      align-items: center;
    justify-content: space-between;
}
.modal-text{
        padding: 30px;
    border: 1px solid #C5C5C5;
    margin: 0px 20px 20px 0;
    border-radius: 3px;
    background-color: #FDFDFD;
}
.rvw-sec{
      margin-top: 65px;
}
.rvw-dsply{
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    background: url(../../images/patternNew.webp) !important;
    background-repeat: no-repeat !important;
    background-position-y: 56px !important;
    position: relative;
}

.rvw-main-head{
       align-items: center;
    justify-content: center;
    gap:8px;
}

.rvw-title{
      line-height: 62px;
}
.rvw-title p{
    font-size: 23px;
    color: #000;
    font-weight: 600;
}
.goldd{
  color: #F3870C;
}
.person-name {
  margin-bottom: 8px;
  justify-content: space-between;
  align-items: center;
}

.custo-name{
    font-weight: 600;
}

.time-info{
    color: #5C5C5C;
}
.area p{
    color: #000;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 4px;
}

.rvw-cntntt p{
    line-height: 33px;
    color: #000;
    font-size: 22px;
    font-style: italic;
    margin-bottom: 16px;
}


.rvw-star-div{
    margin-bottom: 8px;
        font-size: 12px;
}
.d-block input{
    display: inline-block !important;
}

.rvw-count{
    cursor: pointer;
}

.rvw-name, #rvtext, #email, #password, .signup-name, .signup-phone, #signup-email, #confirm_password:focus{
    outline: none;
}
#rvtext::placeholder{
    color: #7E7E7E;
}

.rvw-name::placeholder{
    color: #7E7E7E;
}

.colorText{
    color: #474747;
    padding: 12px 12px;
    font-size: 16px;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    appearance: none;
    background-image: url(../../images/drp-arw.webp);
    background-repeat: no-repeat, repeat;
    background-position: right 10px top 50%, 0 0;
    width: 100%;
    margin-bottom: 20px;
}


option:hover {
  background-color: var(--sitecolor);
}


.no-cart-btndiv, .no-ordr-btndiv{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 18px 0;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    gap:10px;
}


.no-cart-text{
    text-align: center;
    margin: 40px 0 35px 0;
}
.no-cart-txt-1{
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}

.no-cart-txt-2{
    font-size: 20px;
    
}

.no-item-main-div{
   width: 40%;
    margin: 0 auto;
    padding: 2% 0;
}

.mem-body{
    justify-content: space-between;
    align-items: center;

}

.mem-block{
    width: 18.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 4% 0;
    transition: .3s;
    margin-top: 0px;
    border-radius: 6px;
}

.mem-con{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px;
}


.mem-con img{
height: 85px;
width: 85px;
}

.user-head p{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #585858;
}

.mem-det p{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.color-1{
    color: #256DFF;
}

.color-2{
    color: #AF00C9;
}

.color-3{
    color: #FA2B39;
}

.color-4{
    color: #6900C9;
}

.color-5{
    color: #FAA12B;
}

.mem-block:hover {
  margin-top: -20px;
  transition: .3s;
  
}

.clr-shdow-1:hover{
  box-shadow:  0px 2px 4px 0px rgb(37 109 255 / 35%);  
}
.clr-shdow-2:hover{
  box-shadow: 0px 2px 4px 0px rgb(175 0 201 / 35%); 
}
.clr-shdow-3:hover{
  box-shadow:  0px 2px 4px 0px rgb(250 43 57 / 35%);  
}
.clr-shdow-4:hover{
  box-shadow:  0px 2px 4px 0px rgb(105 0 201 / 35%);
}
.clr-shdow-5:hover{
  box-shadow:  0px 2px 4px 0px rgb(250 161 43 / 33%);  
}

.user-account{
    padding: 2% 0;
}

.fieldset{
    display: flex;
    flex-direction: column;

}

.per-info-div{
    justify-content: space-between;

}

.per-info-left{
    width: 30%;
}

.per-info-right{
    width: 40%;
}
.per-info-sub-div{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.per-info-sub-div span{
color: #323232;
}

.fieldset input{
    border: 1px solid #9A9A9A;
    padding: 12px 12px;
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 2px;
}


.fieldset label{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #545454;
}


.info-input::placeholder{
    color: #000 ;
}

.per-info-btn-div{
    justify-content: flex-end;
    gap: 12px;

}

.per-info-svbutn button{
    background-color: var(--sitecolor);
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 18px;
     width: 100%;
    font-weight: 600;
   
}

.per-info-cnclbutn button{
    background-color: #fff;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #B1B1B1;
    color: #383838;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    transition: .3s;
   
}

.per-info-cnclbutn, .per-info-svbutn{
    width: 32%;
} 

.per-info-cnclbutn button:hover{
    border: 1px solid var(--sitecolor);
    background-color: var(--sitecolor);
    color: #fff;
    transition: .3s;
}

.per-info{
      padding: 3% 0;
}


/*adreesBook-css-start*/



.custom-tab {
    cursor: pointer;
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: #5b5b5b38 0px 0px 4px 1px;
    color: #747474;
    margin-bottom: 20px;
    border-radius: 4px;
     font-weight: 500
}

.custom-tab.active {
    color: var(--sitecolor);
    background-color: #fff;
    box-shadow: #966f404f 0px 0px 4px 2px;
    font-size: 16px;
    font-weight: 500;
}

.adrsbk-main{
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 24px 0;
}
 
.vertical-tabs{
    width: 20%;
    flex-direction: column;
}

.tab-con{
    width: 78%;
    box-shadow: #5b5b5b38 0px 0px 4px 1px;
    padding: 32px;
    border-radius: 4px;
}

.member-left-div{
    width: 56%;
    padding-right: 32px;
    border-right: 1px solid #C1C1C1;
}

.member-right-div {
    width: 41.5%;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 10px;
}

.membr-main-div{
  justify-content:space-between;
}
.adrs-sbhdng p{
color: var(--sitecolor)
}
.cncl-btn{
    color: var(--sitecolor);
    background-color: #fff;
    border: 1px solid var(--sitecolor) !important;
    font-weight: 400 !important;

}
.save-btn, .save-chng-btn, .edit-dtls-btn, .passchange-btn, .wshlst-bttnn{
    color: #fff;
    background-color: var(--sitecolor);
}
.btn-main-sec button{
    font-size: 16px;
    /*font-weight: 600;*/
    padding: 12px 20px;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
}
.btn-main-sec{
  gap:10px;
  margin-top: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    }
.form-group input, .form-group textarea, .form-group select {
    font-size: 16px;
    background: #F1F1F1;
    color: #535353;
    border-radius: 3px;
    padding: 14px;
    border: none;
    outline: none;
}

.form-error-txt {
    color: #E00000;
    margin-top: 5px;
    display: none;
}


 .addrs-con{
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid var(--sitecolor);
    cursor: pointer;
    margin-bottom: 20px;
}

.saved-address-section input[type="radio"]{display: none;} 

.saved-add-details{
  width: 80%;
}

.add-active{
    padding: 12px;
    justify-content: space-between;
   /* height: 120px;
    overflow: hidden;
    overflow-y: scroll;*/
}
.addrs-con input:checked + label.add-active {
  background-color: #fffaf4; 
}

.saved-add-details p{
/*margin-bottom: 6px;*/
    color: #000;
    font-weight: 400;
    line-height: 24px;
}

.saved-add-details span{
margin-bottom: 10px;
color: #474747;
}

.name-clr{
  color: var(--sitecolor) !important;
  font-weight: 600;
}

.edit-address-btn{
      color: var(--sitecolor);
    font-size: 18px;
    margin-right: 6px;
}

.delete-address-btn{
      color: red;
    font-size: 18px;
}


.perinfo-right-div{
  width: 48%;
  padding-left: 22px;
  border-left: 1px solid #C1C1C1;
}
.perso-info-form ::placeholder{
  color: #000;
}

.perinfo-left-div{
  width: 50%;
}
.per-info-box p{
  color: #2B2B2B;
  font-size: 16px;
}

.per-info-box span{
  color: #4F4F4F;
  font-size: 16px;
  font-weight: 600;
}

.per-info-box{
  margin-bottom: 16px;
}
.btn-sec{
  margin-top: 24px;
}
.m-top-btn{
  margin-top: 80px;
}


.ordr-status-div{
  /*display: none;*/
}

.order-status-div{
     justify-content: space-between;
     align-items: center;
    /*margin-bottom: 24px;*/
    padding-left: 20px;
    background-color: var(--sitecolor);
    padding: 8px 20px 8px 20px;
    border-radius: 25px 0 0 25px;
    color: #fff;
}

.ordr-plcd {
    padding: 10px 30px;
    background-color: #e5d4c1;
    border-radius: 4px;
}

.ordr-plcd  p{
      color: var(--sitecolor);
    font-size: 18px;
        font-weight: 500;
}
.dwnld-icn{
  font-size: 20px;
}
.details-main-box{
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px dashed #C1C1C1;
}
.pro-name-details{
  width: 38%;
}
.prod-price{
      width: 16%;
    display: flex;
    justify-content: center;
}

.dlvr-pro-chrg{
      width: 16%;
    display: flex;
    justify-content: center;
}

.dlvry-date{
      width: 16%;
    display: flex;
    justify-content: center;
}

.prod-image{
      width: 8%;
 
}

.main-pro-name p{
    margin-bottom: 8px;
    font-size: 15px;
    /*color: #212121;*/
    color: var(--sitecolor);
    font-weight: 600;
}

.addon-pro-name p{
    margin-bottom: 8px;
    font-size: 15px;
    color: #242424;
}

.prod-price, .dlvr-pro-chrg, .dlvry-date{
  font-size: 15px;
}

.ordr-summery{
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color:#fff8f0;
}

.sbtotal-hdng{
    gap: 10px;
    justify-content: center;
}

.sbtotal-hdng{
  font-weight: 600;
    font-size: 17px;
    color: var(--sitecolor);
}
.smry-sml-hdng{
  font-size: 14px;
  font-weight: 500 !important;
}
.smry-hdng p{
      font-weight: 600;
    color: var(--sitecolor);
}
.proddetails-main-hdng{
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    /*background-color: var(--sitecolor);*/
    padding: 15px 0 15px 20px;
    /*border-radius: 25px 0 0 25px;*/
    align-items: center;
    /*margin-bottom: 24px;*/
}
.prod-hdng-1{
  width: 38%;
}
.prod-hdng-2{
  width: 16%;
  justify-content: center;
}
.prod-hdng-3{
  width: 16%;
  justify-content: center;
}
.prod-hdng-4{
  width: 16%;
  justify-content: center;
}
.prod-hdng-5{
  width: 8%;
  justify-content: center;
}
.proddetails-main-box{
  padding-left: 20px;
  margin-top: 24px;
  height: 180px;
    overflow: hidden;
    overflow-y: scroll;
}

.proddetails-main-hdng p{
  font-weight: 600;
}

/*.order-history-div{
  display: none;
}*/
.form-correct-txt{
      color: #0B8400;
      margin-top: 5px;
     display: none;
}

.adressbook{

  width: 96.5%;
  margin: 20px auto;
}

.ordr-div-box{
     
    border-bottom: 1px dashed #d4a976;
    margin-bottom: 24px;
}

.ordr-plcd-div{
    align-items: center;
    gap: 15px;
}

.wshlist-main-div{
  justify-content: space-between;
      padding-bottom: 25px;
}

.wshlist-bx-2{
      align-items: center;
    gap: 25px;
}

.wshlist-bx-1{
gap:25px;
align-items: center;

}

.wshlist-bx-1{
  width: 70%;
}

.wshlst-img-div{
      border-radius: 4px;
    overflow: hidden;
        width: 100px;
    height: auto;
}

.dlt-img-btn{
      color: #828282;
    font-size: 20px;
}
.wshlst-pro-hdng p{
      font-weight: 500;
    color: var(--sitecolor);
}

.wshlst-price p{
      font-weight: 600;
    color: #050505;
}

.wshlst-addcart-btn{
  margin-top: 0;
}

.adressbook-hdng{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: var(--sitecolor);
    font-family: "Kaisei Decol", serif;
}


/*CHECKOUT PAGE-css-start*/
.total-main-div{
      padding: 20px 0;
}
.totalDiv{
      justify-content: space-between;
    padding-bottom: 15px;
}

.totalDiv p{
  font-size: 16px;
}

.grndtotalDiv p{
  font-size: 20px;
  justify-content: space-between;
}

.grndtotalDiv {
  justify-content: space-between;
}
.b-bttm{
      border-bottom: 1px solid #CCCCCC;
}
input[type="radio"], .check-term-cond input[type="checkbox"]{ display: none; }
.checkout-welcome-msg h2 {
    font-size: 26px;
    margin: 24px 0;
}

.checkout-section {
    width: 96.5%;
    margin: 40px auto;
    font-family: "Kaisei Decol", serif;
}

.checkout-msg {
    text-align: center;
    color: #3F3F3F;
}

.checkout-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 24px 0;
}

.checkout-tag {
    width: 20%;
}

.checkout-tab {
    width: 15%;
}

.checkout-body {
    width: 78%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: #5b5b5b38 0px 0px 4px 1px;
    padding: 32px;
    border-radius: 4px;
}

.checkout-tag-title {
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-weight: 500;
    color:#747474;
    background-color: #fff;
    cursor: pointer;
    box-shadow: #5b5b5b38 0px 0px 4px 1px;
}

.checkout-tag-title i, .checkout-tag-title svg {
    padding-left: 15px;
    color: #fff;
}

.tag-active {
      box-shadow: #966f404f 0px 0px 4px 2px;
    background-color: #fff;
    color: var(--sitecolor);
}

.tag-active-color {
    background-color: var(--sitecolor);
    color: #fff;
}

.checkout-details-section {
    width: 56%;
    padding-right: 32px;
    border-right: 1px solid #C1C1C1;
}

.review-order-section {
    width: 41.5%;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 6px;

}

fieldset {
    border: none;
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.form-group:first-child {
    margin-top: 0;
}

.form-group input,
.form-group textarea,
.form-group select {
    
    font-size: 16px;
    background: #F1F1F1;
    color: #535353;
    border-radius: 3px;
    padding: 14px;
    border: none;
    outline: none;
    
}

.cus_message_purpose .form-group input{
    display: inline-block;
}
.emailReminder{
    display: flex;
    gap: 10px;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #535353;
}

.login-type-radio {
    display: flex;
    gap: 50px;
    margin-bottom: 30px;
    padding-left: 20px;
}

.login-type-radio label {
    color: #1E1E1E;
}

.login-type-radio .form-group {
    margin-top: 0;
}

.form-error-txt {
    color: #E00000;
    margin-top: 5px;
    display: none;
}

.form-btn {
    /* font-family: "Kaisei Decol", serif; */
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: var(--sitecolor);
    margin-top: 30px;
    padding: 10px 40px;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
}

.login-label {
    position: relative;
    cursor: pointer;
}

.login-label:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #B1B1B1;
    border-radius: 100%;
    background: #fff;
    transition: all 0.2s ease;
}

.login-label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--sitecolor);
    background: #B1B1B1;
    position: absolute;
    top: 6px;
    left: -18px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.login-input:not(:checked)+.login-label:before {
    border: 1px solid #B1B1B1;
}

.login-input:checked+.login-label:before {
    border: 1px solid var(--sitecolor);
}

.login-input:not(:checked)+.login-label:after {
    background-color: #B1B1B1;
}

.login-input:checked+.login-label:after {
    background-color: var(--sitecolor);
}

.normal_user_form {
    display: none;
}

#forgotpassword {
    color: var(--sitecolor);
    margin-top: 20px;
}

.pass-email label {
    padding-bottom: 10px;
}

.saved-address {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--sitecolor);
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
}

/*.saved-add-details p {
    padding-bottom: 5px;
}*/

.saved-add-details p:last-child {
    padding-bottom: 0;
}

.saved-add-btns {
    display: flex;
    gap: 15px;
    height: 20px;
    justify-content: flex-end;
    width: 15%;
}

.saved-add-btns a {
    color: var(--sitecolor);
}

.edit-address-btn {
    display: block;
    margin-top: 1px;
}

.saved-add-btns i, .saved-add-btns svg {
    font-size: 20px;
}

.shipping-btns button,
.edit-address-btns button,
.add-address-btns button {
    /* font-family: "Kaisei Decol", serif; */
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    border: none;
    outline: none;
    border-radius: 3px;
}

.add-ship-address {
    color: var(--sitecolor);
    background-color: #fff;
    border: 1px solid var(--sitecolor) !important;
}

.continue-to-billing {
    color: #fff;
    background-color: var(--sitecolor);
    margin-left: 10px;
}

.recipient-name .form-group:first-child {
    width: 17%;
}

.recipient-name .form-group {
    width: 80%;
    margin-top: 0;
}

.recipient-name select {
    padding: 14px 5px;
    text-align: center;
}

.active-saved-address {
    background: #fffaf4;
}

#shipping_form {
    display: none;
}

.billing-form-phone {
    display: flex;
    gap: 2%;
    margin-bottom: 36px;
}

.billing-form-phone span {
    font-size: 16px;
    background: #F1F1F1;
    color: #535353;
    border-radius: 3px;
    padding: 14px;
}

.billing-phone {
    width: 98%;
    position: relative;
}

.billing-phone input {
    width: 100%;
}

.billing-phone p {
    position: absolute;
    bottom: -36px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.billing-phone p img{width: 22px;}

/*.edit-address-section {
    display: none;
}*/

.edit-address-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--sitecolor);
    padding-bottom: 12px;
}

.cancel-edit-address,
.cancel-add-address {
    color: var(--sitecolor);
    background-color: #fff;
    border: 1px solid var(--sitecolor) !important;
    margin-left: 10px;
}

.save-edit-address {
    color: #fff;
    background-color: var(--sitecolor);
}

.recipient-name{justify-content: space-between;}

.special-instruction-txt {
    color: #E00000;
    margin-top: 5px;
}

.form-title {
    color: #525252;
    color: var(--sitecolor);
    margin-bottom: 12px;
    font-size: 20px;
}

.payment-option-box {
    padding: 16px 0 24px;
    border-bottom: 1px dotted #B1B1B1;
}

.payment-option-box:first-child {
    padding-top: 0;
}

.payment-option-box:last-child {
    border-bottom: none;
}

.payment-option-box .form-btn {
    margin-top: 16px;
}

.check-term-nd-cond {
    margin-top: 100px;
}

.check-term-nd-cond a {
    color: var(--sitecolor);
    text-decoration: underline;
}


.check-term-cond label {
    position: relative;
    cursor: pointer;
}

.check-term-cond label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--sitecolor);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -3px;
    border-radius: 4px;
}

.check-term-cond input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 4px;
    height: 10px;
    border: solid var(--sitecolor);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.review-order-section .cart-table-details {
    display: flex;
    gap: 15px;
    margin: 12px 0 0;
    border-radius: 5px;
    padding: 8px 8px 8px 0;
    justify-content: space-between;
}
.cart-addon-prd-badge p {
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    background-color: var(--sitecolor);
    font-size: 14px;
}
.cart-addon-prd-badge, .review-order-section .cart-addon-product {
    /* background-color: #f5f5f5; */
    /*background-color: #fafafa;*/
    margin-bottom: 0;
    margin-top: 0;
}

.review-order-section .cart-prd-img {
    width: 80px;
}

.review-order-section .cart-prd-txt {
    display: block;
    line-height: 21px;
    margin-top: -5px;
        width: 58%;
}

.review-order-price{
      font-size: 18px;
}

.review-order-quantity{
      margin-top: 24px;
      font-size: 14px;
}

.review-order-ptitle{
  font-size: 15px;
}

.review-order-title {
    padding-bottom: 20px;
    color: #303030;
    font-size: 18px;
    font-weight: 600;
}
.rvwOrdrSec{
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}
.review-order-total {
    text-align: right;
    padding: 7px 26px;
}
.EditDiv p{
  border-bottom: 1px solid black;
  margin: 0 8px;
}
.review-order-body {
    height: 250px;
    overflow: auto;
    border-bottom: 1px solid #CCCCCC;
}

/*.review-order-body::-webkit-scrollbar {
    width: 10px;
}*/

.review-order-body::-webkit-scrollbar-thumb {
    background: var(--sitecolor);
    border-radius: 0px;
}

.review-order-body::-webkit-scrollbar-track {
    background-color: #efefef;
}

.checkout-details-section .checkout-tag-title {
    display: none;
}

.forgot-password { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999999; padding-top: 5% !important;}
.forgot-password .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /* width: 73%; */
    width: 600px;
    text-align: left;
    height: auto;
}
.modal-heading {
    width: 100%;
    padding: 0.7rem 0;
    text-align: center;
    position: relative;
    background-color: var(--sitecolor);
    color: white;
}
.modal-heading h2 {
    font-size: 20px;
    font-weight: 500;
}
.modal-heading img {
    position: absolute;
    top: 31%;
    right: 2%;
    cursor: pointer;
    width: 18px;
}
.modal-body{justify-content: space-between;font-weight: 500;}
.add-review-main {
    background-color: #fefefe;
    margin: auto;
    padding: 1.5rem 2rem;
    min-width: 400px;
    max-width: 1000px;
    width: 100%;
    border-radius: 5px;
}
.forgot-password button {
    width: 50%;
    display: block;
    padding: 0.5rem 0;
    font-family: inherit;
    font-size: 1.2rem;
    margin: 1rem auto;
    border-radius: 50px;
    border: 2px solid var(--sitecolor);
    background-color: var(--sitecolor);
    color: white;
    cursor: pointer;
}

/*contact us*/
.contact-left img{width: 30%;}
.no-flex{display: block !important;}
.contact-container{box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;display: flex;flex-wrap: wrap;margin: 25px auto;width: 80%;}
.contact-lt{padding: 50px;}
.contact-rt{padding: 40px;}
.contact-lt{width: 70%;}
.contact-rt{width: 30%;background: #D3D3D3;}
.lt-head{text-align: center;font-size: 30px;color: var(--sitecolor);font-weight: 600;}
.lt-body{padding-top: 30px;}
.lt-body .con-field{padding: 10px 0;display: flex;}
.lt-body .con-field .title{width: 30%;line-height: 1.15; text-align: left; display: flex; align-items: center;}
.lt-body .con-field .field-body{width: 70%;}
.field-body {display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.lt-body .con-field sup{color: red;}
.lt-body .con-field label{font-size: 17px;}
.con-field select,.con-field input[type="text"],.con-field textarea{padding: 10px 0 10px 10px;border-radius: 5px;width: 100%;}
.con-field select{outline: none; border: none; background: #D3D3D3;}
.con-field input[type="text"]{border: none;border-bottom: 1px solid #D3D3D3;border-radius: 0;}
.con-field textarea{height: 80px;border: none; border-bottom: 1px solid #D3D3D3; border-radius: 0;}
#country_isd {width: 50%; background: #fff; border-bottom: 1px solid #d3d3d3; color: #808080; border-radius: 0px; padding: 8.5px 0px; }
#contact_mobile {width: 74%; }
.g-captcha-block{
  display: flex;
  justify-content: right;
  margin: 10px 0;
}
#contact-msg-cont {width: 71%; border: 1px solid #ccc; border-radius: 5px; }
#contact_message {margin-bottom: 0; border-bottom: none; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#contact-attachment {border-top-left-radius: 0; border-top-right-radius: 0;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;border: none; background-color: #f2f2f2; width: 100%; padding: 0.5em; }


.verify-captcha-block{display: flex;justify-content: space-between;}
.verify,.captcha{width: 50%;}
.verify{display: flex;flex-direction: column;    width: 40%;}
.verify input[type="text"]{background-image: url(../imagess/captcha.jpg); height: 40px; width: 90%; border: none; /* padding-top: 10px; */ margin-top: 10px; outline: none;   color: var(--black); font-size: 20px; font-weight: 600; text-align: center;}
.verify div i{color: var(--sitecolor);padding-left: 5px;cursor: pointer;}
.captcha sup{color: red;}
.captcha input[type="text"]{border: none; border-bottom: 1px solid #D3D3D3; border-radius: 0;width: 100%;padding-top: 15px;}
.con-field button[type="submit"],.track-container button{    padding: 10px 50px; border-radius: 5px; border: 1px solid; color: #fff;background: var(--sitecolor);font-size: 17px;cursor: pointer;}
.captcha-down{width: 50%;}
.flex-end{justify-content: flex-end;}
.bulk{ padding: 40px 10px; text-align: center; background: #fff; border-radius: 15px;}
.bulk p{
   font-weight: 600; 
   font-size: 24px;
}
.bulk input[type="button"]{    margin-top: 10px; padding: 10px; border-radius: 5px; border: 1px solid var(--sitecolor);color: #fff;background: var(--sitecolor);cursor: pointer;}
.bulk-add-con{    padding-top: 50px; line-height: 40px; font-weight: 600;}
.bulk-add-head{font-size: 25px;}
#contact-us-btn {padding: 10px 2px; border-radius: 5px; border: 1px solid  var(--sitecolor); background: var(--sitecolor); cursor: pointer; width: 65%; margin: 10px auto 0; }
#contact-us-btn a{color: #fff;font-size: 17px;}
#bulk_message {margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; }
#bulk-attachment {border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; background-color: #ebebeb; }
#country_isd_bulk {
    width: 25%;
    background: #fff;
    color: #808080;
    padding: 14px 12px;
}


/*inside pages*/
.inside-container{width: 85%;margin: 25px auto;    border-radius: 5px; border: 1px solid var(--sitecolor); }
.inside-heading{text-align: center; font-size: 26px; background-color: var(--sitecolor);  border-bottom: 1px solid var(--sitecolor);padding: 12px;color: #fff;}
.inside-txt{justify-content: space-between;line-height: 25px; text-align: justify; padding-top: 20px;font-size: 15px; font-weight: 500; padding: 40px;}
.inside-txt .team-thanks{text-align: center;font-weight: 600;padding-bottom: 20px;}
.inside-txt-blocks{padding-bottom: 20px;font-size: 19px;}
.inside-txt-blocks strong{display: block;padding-bottom: 5px;}
.inside-txt .bold{font-weight: 600;}
.inside-txt .small-button-color-red{color: var(--sitecolor);font-size: 16px;}
.inside-txt ul {padding-left: 0 !important; padding-bottom: 20px; }
.inside-txt ul li { float: left; width: 16.6%; list-style: none;padding: 0; }
.inside-txt ul li a { font-size: 16px; padding: 15px 0; color: var(--black); }
.inside-txt ul li a:hover{color: var(--sitecolor);}
.location-link{text-align: left;}

.ticket-link {
    backdrop-filter: blur(2px) saturate(180%);
    background-color: rgb(233 231 231 / 80%);
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0;
}

.thanks-note span {
    color: var(--sitecolor);
    font-weight: 600;
}

/*view-ticket*/

.c-ticket-outer-cont{margin: 2rem auto 0;}
    .c-ticket-ahead{width: 80%; display: flex;justify-content: flex-start;gap: 2rem;background: transparent;margin: 0 auto; border-radius: 5px;padding-bottom: 3rem;border: none;}
    .c-ticket-heading{display: flex; justify-content: flex-start;align-items: center; border-top-left-radius: 5px;border-top-right-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding:10px;background: var(--sitecolor);color: #fff; }
    /*.c-ticket-heading-right{background: #fff;color: #000;border-bottom: 1px solid lightgrey;display: flex;justify-content: flex-start; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; padding: 10px;}*/
    .c-block-left{background-color: #fff; width: 30%; border: 1px solid lightgrey;border-radius: 5px;}
    .c-block-right{width: 70%;border-radius: 5px;border: 1px solid lightgrey;}
    .c-block-left ul{list-style-type: none;}
    .c-block-left ul li{text-decoration: none;font-weight: 600;font-size: 16px;border-bottom: 1px solid lightgrey;padding: 0 10px;}
    .c-c-ticket-details{ font-size: 16px; margin: 1rem auto -2.5rem; width: 60%;}
    .c-ticket-heading p{ text-transform: uppercase; font-size: 20px; font-weight: 500; }
    .c-ticket-det{display: flex;color: #444;align-items: center;padding: 3px 0;}
    .c-ticket-det-title{ width: 100%;max-width: 6em; display: flex;justify-content: space-between;color: #5b6887;line-height: 5rem; }
    .c-ticket-det-sub{font-size: 15px; word-wrap: break-word; width: 72%;line-height: 2rem;}
    .c-ticket-msg-box{ width: 100%; padding: 0 1rem 1rem; background: whitesmoke;border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .c-ticket-msg-box{height: 480px; overflow-y: scroll; overflow-x: hidden;}
    .c-ticket-msg-box::-webkit-scrollbar {width: 5px; }
    .c-ticket-msg-box::-webkit-scrollbar-thumb {background: #ccc; }
    .admin{flex-direction: row;justify-content: start;gap: 1%;}
    .user{flex-direction: row-reverse;justify-content: flex-start;;gap: 1%;}
/*    .sender-date{margin-right: 3.5rem;}
    .c-sender-date-admin{margin-left: 3.8rem;}*/
    .c-c-sender-name-admin{justify-content: flex-start;padding: 20px 0 0 13px;display: flex; font-size: 12px; color: #6c757d;}
    .c-c-sender-name-admin p{font-weight: bold;color: #678BD1;}
    .c-sender-date-admin {display: flex; justify-content: start; font-size: 12px; color: #6c757d; padding-top: 0; padding-left: 13px;}
    .c-c-msg-img-txt{justify-content: flex-start; align-items: center;}
    .c-c-msg-txt-download{display: flex;justify-content: center;align-items: center;gap: 10px; background-color: #c5d5e1; padding: 12px 10px; margin-bottom: 5px; border-radius: 4px;  color: #2d2d2d;  font-weight: 500; width: 14em;}
    .c-msg-img{width: auto; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 5px 0; border: 1px solid #ccc;}
    .c-msg-img img{ width: 35px;height: 35px; display: block; margin: 0 auto; border-radius: 50%; }
    .c-msg-txt{background-color: #f0eff4; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; /* padding-left: 1rem; */ 
        border-radius: 10px; color: #6c757d; min-width: 50px !important; max-width: 80% !important; transition: width 0.25s; text-align: left; font-size: 12px; line-height: 20px; }
    .c-msg-txt p{ padding: 5px; }
    .c-sender-name{ display: flex; justify-content: end; font-size: 12px; color: #6c757d;padding: 20px 13px 15px 0; }
    .c-sender-name p{font-weight: bold;color: #505050;}
    .sender-date{display: flex; justify-content: end; font-size: 12px; color: #6c757d;padding-top: 2px;padding-right: 13px;}
    .c-ticket-reply{width: 100%; margin: 0; position: sticky; bottom: 0; border-top: 1px solid lightgrey; background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; }
    .c-ticket-reply form{ justify-content: flex-start; /*margin-top: 1rem;*/ }
    .c-ticket-reply form input{ padding: 0.7rem 0; font-family: 'Quicksand', sans-serif; padding-left: 0.7rem; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid gray; }
    .c-ticket-reply form button{ width: 10%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: none;background: #fff;cursor:pointer; }
    .c-ticket-reply form button i{ font-size: 1.2rem; color: var(--sitecolor); }
    .c-btn_download{display: flex; justify-content: center; align-items: center;gap: 10px;background: #bfc5f3;width: 14em;padding: 12px 10px; margin-bottom: 5px; border-radius: 4px;  color: #2d2d2d;  font-weight: 500;}

    .c-ticket-reply form textarea{width: 100%; margin-bottom: 0;padding: 1.3rem 0;padding-left: 0.7rem;border: none;outline: none;resize: none; height: 54px;font-size: 16px;}
    .c-ticket-reply form textarea::-webkit-scrollbar {display: none; }

    .admin-main .c-msg-img{border: 1px solid #000; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding: 0;}
    .user-main .c-msg-txt{ background-color: #f0eff4; color: #222; font-weight: 500;}
    .admin-main .c-msg-txt{background-color: #f0eff4;color: #000;}
    .reply-sec{width: 90%;display: flex;align-items: center;padding: 10px 0;}

/*    .reply-sec input{width: 100%;margin-bottom: 0;border-radius: 0;padding: 0; padding-left: 0.7rem; font-family: inherit; line-height: 24px; border: none;}*/
/*    .reply-sec #bulk-attachment{padding: 0.4rem 0; padding-left: 0.7rem; margin-top: -4px; width: 10%; background-color: #fff;}*/
    


.callout {position: relative; }
.bubble {border-radius: 5px; padding: 10px; box-sizing: border-box; position: absolute; text-align: left;  min-width: 27em !important; max-width: 450px !important; transition: width 0.25s; text-align: left;}
.bubble-admin{position: relative; display: flex; flex-direction: column; width: 50em; max-width: 400px !important; 
    align-items: flex-start;background: #e8eaf0;margin: 1rem auto 2px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.bubble-user{position:relative;display: flex; flex-direction: column; width: 50em; max-width: 400px !important;background: #FFF;margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.callout .bubble a {color: #222; text-decoration: none; cursor: default; font-size: 13px;font-weight:500; }
.triUp {width: 0; height: 0; border-top: 5px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f0eff4; border-left: 15px solid transparent; position: absolute; top: -1px; left: 7rem; }
.triUp-admin{left: 0.5rem;top:0px;border-bottom: 15px solid #e8eaf0;}
.triUp-user{width: 0; height: 0; border-top: 5px solid transparent; border-right: 15px solid transparent; 
    border-bottom: 15px solid #fff; border-left: 15px solid transparent; position: absolute; top: -16px; right: 0.5rem!important;}
.bubble-admin a img,.bubble-user a img{width: 100%; height: auto; padding: 5px 0; max-width: 300px;}
.fa-circle-down{cursor: pointer;font-size: 18px; color: #34A853;}

.fa-paperclip {
    font-size: 25px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}
.subMit img{
  height: 24px !important;
  width: 24px !important;
}

/************ Track Order *************/

.track-order-body p, .track-container{text-align: center;}

.track-order-body form{width: 500px;
    margin: 40px auto 0;}

.tof-form-group{display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}

.tof-form-group input{
    margin-top: 12px;
    width: 100%;
    padding: 14px;
    font-family: inherit;
    font-size: 15px;
    border: 1px solid #2e2e2e;
/*    box-shadow: 0px 0px 6px -1px #05660875;*/
    border-radius: 4px;
}



.track-order-btn button{
    background-color: var(--sitecolor);
    color: #fff;
    padding: 10px 32px;
    font-size: 17px;
    font-family: inherit;
    border: none;
    border-radius: 4px;
}


/*order-status-details-css-start*/

.order-status-details{width: 97%; margin: 28px auto; box-shadow: #5B5B5B40 0px 0px 4px 1px; padding: 18px; }
.osd-head-wrapper{display: flex;justify-content: space-between;align-items: center;}
.osd-head{ color: var(--sitecolor);font-weight:600; }
.order-status-details table{width: 100%; text-align: center; border-collapse: collapse;border-color: #F6BF55;}
.order-status-details table tr:first-child{background-color: #ffd4d7;}
.order-status-details table tr:first-child th{padding: 6px}
.order-status-details table tr td{color: #242424}
.order-status-details table tr td:nth-child(2), .order-status-details table tr td:nth-child(4), .order-status-details table tr td:nth-child(6){background-color: #FFF9F5}
.order-status-details table tr td img{width: 100%; height: auto; display: block; margin: 0 auto; padding: 5px; }
.order-status-details table tr td:first-child{width: 12%}
.order-status-details table tr td:nth-child(2){width: 13%}
.inside-txt div, .ticket-details p, .ticket-msg-box-title {
    padding-bottom: 10px;
}
.osd-head-mainDiv{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    
}
.osd-headDiv{
    padding: 10px;
    background-color: #E7D5C1;
    border-radius: 4px;
}























/*media-query-start*/



@media only screen and (max-device-width:1694px){
.order-Div {
    width: 30%;
  }
}


@media only screen and (max-device-width:1600px){
.main-container-box{
  height: 65vh;
}
.addBag{
  background-position: right 100px top 50%, 0 0;
}
  .order-process-con {
    top: 5%;
  }
.choose-para{
  padding-bottom: 15px;
}
.cate-sub-op {
    font-size: 15px;
  }
 
.location-container {
    position: relative;
    width: 15%;
}
  .choose-txt-con-3{
    margin-bottom: 42px;
  }
.banr-text {
    top: 13%;
    right: 10%;
  }
.img-box-text{
            right: -8%;
    }

 .drop-zone {
    height: 30vh
}

.txt{
        font-size: 16px;

}

.descri-tabs li{
    font-size: 17px; 
}

.tab-content-dscrpsn p{
   font-size: 16px; 
}

.bin-div {
    padding: 8px;
}

.bin-div img {
    width: 90%;
}

.add-to-cart-revamp, .upld-revamp, .buynow-revamp{
    font-size: 16px;
}

.add-to-cart-revamp, .upld-revamp{
    font-size: 16px;
}

 .c-moadl-close-div{
     margin-bottom: 16px;
    
  }

  .custo-header{
    margin-bottom: 16px; 
  }
  .txt-con {
    width: 23%;
}


.gft-overlay{
        bottom: -18%;
}

.ham-hdng {
    width: 66%;
}

.wine-img-box-text{
    left: -4%;
}

.bnr-txt-hvr{
        bottom: 10%;
}
   .red-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    top: -20%;
    right: -40%;
    z-index: 99999;
}
.subsmldiv:nth-child(1) {
    width: 34% !important;
}

.subsmldiv:nth-child(2) {
    width: 44% !important;
}

}
@media only screen and (max-device-width:1560px){
.tablinks {
  width: 25%;
}
#searchAlert{
  font-size: 14px;
}
#largeImage{
  height:65vh;
}
.main-container-box{
  height: 66vh;
}
.resultDiv{
  height: 65.2vh;
}
.addn-box {
        width: 23%;
    }
  .addn-tab{
            width: 25%;
        font-size: 17px;
  }
.search-bar button {
    padding: 12.5px 40px;
  }
.inpt {
    padding: 14px 12px;
  }
.cate-con-para {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}
.menu-li{
  padding: 0px 0;
}
.top-header{
  padding-bottom: 14px;
  padding-top: 14px;
}
.search {
    width: 55%;
}
.logo-con {
    width: 16%;
  }
.main-prce p {
    font-size: 30px;
  }
.pro-name p {
    font-size: 27px;
  }
.cut-price span {
    font-size: 20px;
  }
.tax-div p, .about-item-cntnt {
    font-size: 17px;
}
.menu-link{
      font-size: 0.9rem;
}
.main-container-box {
    margin-top: 20px;
    
  }
.brdcrmb {
    padding: 15px 0 15px 0;
  }
.menu-slide-header p {
    font-size: 16px;
    }
   .pric-hdng{
    font-size: 16px;
  }
.filter-bar {
    width: 20%;
  }
.cate-right {
    width: 78%;
}
.c-block-left{
  width: 40%;
  }
  .c-block-right{
    width: 60%;
  }

.policy-txt {
    font-size: 16px;
}



.gift-sub-mega-menu{
  width: 64vw;
}
.ui-widget.ui-widget-content{
 width: 18%;
 left: 74% !important;
}
.locationDiv-bx {
        background: none;
    }
 
.rvw-container{
  background: none;
}

.order-process-img{
  display: none;
}
  .combo-item-txt-1 {
    font-size: 19px;
  }
 .down-bg{
  display: none;
  } 

  .top-sailing-contnt {
    background: url(../../images/kite-bg.webp), url(../../images/temple-bg.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: left 184px, right 334px;
    background-size: 247px, 210px;
}
.same-day-mainsec{
background: none;
}

.explr-cat-image{
  border-radius: 50px;
}
.float-img {
    position: absolute;
    bottom: -10%;
    right: -2%;
    width: 35%;
}


.fixed-cart{
      padding: 12px 0 6px 0;
}

.order-process-con {
    position: absolute;
    top: 5%;
    left: 0%;
}
.img-box-text {
        right: -5%;
    }
.summery-hdng p, .cart-hdng h1 {
    font-size: 27px;
}
.txt-cntnt {
    margin-top: 24px;
}

.wrapper{
    width: 90%;

}

#modal{
    width: 30%;
}



.early-txt p{
    font-size: 14px;
}
.rvw-container{
    background-position: right 14px, left 532px;
    background-size: 128px, 167px;
}

.arw-div {
    left: 20%;
}
   .menu-img-txt p {
    font-size: 14px;
}
  .txt-con {
    width: 24%;
}
 
 .see-more p{
    font-size: 18px;
 }

 .inside-con p {
    font-family: Nathania;
    font-size: 85px;
    color: #fff;
/*    line-height: 123px;*/
    }

    .para{
        margin: 0 auto 47px;
}


.abt-btn {
    margin-top: 20px;
}
.abt-para-1, .abt-para-2{
        margin-bottom: 10px;
}
.abt-main-hdng{
   margin-bottom: 8px; 
}
/*.loca-bx {
    width: 12.6%;
}*/
.main-hdng h1, .rvw-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .also-view-hdng h1, .combo-hdng, .cart-hdng h1{
  font-size: 28px;
}

.rvw-pttrn {
    background-position-x: 180px !important;
}
.psition-1 {
    background-position-x: 150px !important;
    background-size: 110px !important;
}
.pttrn {
    background-position-x: 100px !important;
    background-size: 117px !important;
}
.choose-banner-con{
    margin-bottom: 30px;
}
.wine-label, .fnky-bx{
  padding-bottom: 30px;
}
}


@media only screen and (max-device-width:1530px){
    .loca-box span, .filter-bar-hdng {
    font-size: 17px;
}
    .bnr-txt-hvr{
        font-size: 22px;
    }

    .see-more{
        left: 22%;
    }


.hdng-1{
    line-height: 78px;
}



.bnr-txt-hvr{
        bottom: 10%;
}


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

/* Checkout */
    .checkout-tag { width: 20%; }
    .checkout-body { width: 78%; }
    .checkout-details-section { width: 52%; }
    .review-order-section { width: 43%; }
    .shipping-btns button, .edit-address-btns button, .add-address-btns button{padding: 10px 20px;}
.order-Div-flx {
    margin-bottom: 33px;
  }
/*.PC-menu{
    gap: 14px;
}*/ 

.sub-con-bx:hover .see-more {
    bottom: 28px;
    } 
 .sub-con :nth-child(4), .sub-con :nth-child(3){
        margin-top: 12px;
}
.shp-main-btn {
    margin-top: 40px;
}

#custoModal{
  width: 60%;
}
}

@media only screen and (max-device-width:1468px){
    .txt-con {
    width: 26%;
}
.img-box-text{
    width: 55%;
}
.research-sub-mega-menu, .gift-sub-mega-menu{
  width: 60vw;
}
.review-order-section .cart-prd-txt{
  width: 52%;
}
.review-order-price {
    font-size: 16px;
}

}

@media only screen and (max-device-width:1450px){
  .choose-txt-con {
    top: 8%;
  }
  .combo-item-txt-1 {
    font-size: 20px;
  }
    .tag-con p, .tag-con1 p{
font-size: 13px;
    }
    .tag-img-bx, .tag-img-bx1{
        align-items: center;
    }
.rvw-container {
        background-position: right 14px, left 500px;
    }

 .locationDiv-bx{
    background: none;
  }


.arw-div {
    left: 18%;
}

.inpt{
        padding: 12px;
    }

.search-bar button {
    padding: 11.5px 36px;
    font-size: 18px;
}

.see-more{
            left: 20%;
    }
.wine-img-box-text{
    top: 9%;
    left: -8%;
    }



.gft-overlay{
        bottom: -20%;
}

.mdnght-txt, .smdy-highlt-txt {
    margin-right: 26px;
}


.abt-btn{
display: none;
}

.abt-para-1{
line-height: 30px;
}

.abt-para-2{
    display: none;
}

.abt-main-hdng {
    margin-bottom: 14px;
}  
}


@media only screen and (max-device-width:1432px){
.research-sub-mega-menu, .gift-sub-mega-menu{
  width: 66vw;
}
.gift-sub-mega-menu{
  left: -188px;
}
}


@media only screen and (max-device-width:1350px){
#largeImage, .resultDiv{
  height: auto;
}
    .cate-right {
        width: 76%;
    }
      .filter-bar {
        width: 22%;
    }
    .ui-widget.ui-widget-content {
        width: 20%;
        left: 72% !important;
    }
.subsmldiv:nth-child(1) {
    width: 40% !important;
}

.subsmldiv:nth-child(2) {
    width:50% !important;
}
 .cat-mianDiv {
    padding-bottom: 50px;
}  

.cate-fltrDiv {
    padding: 50px 0 50px 0;
} 
        .research-sub-mega-menu {
        width: 71vw;
    }
    
        .gift-menu-ul {
        width: 11vw;
    }
        .gift-sub-mega-menu {
        width: 71vw;
    }
    .rel-menu-title1 {

    padding-left: 4.5%;
}
.rvw-sbmt-pop button{
  width: 20%;
}
.location-container {
    width: 16%;
}
  .step-con-div {
    width: 75%;
  }

  .order-process-title p {
    font-size: 64px;
  }

  .step-con-txt-1 {
    padding: 16px 0;
    font-size: 22px;
  }

  .step-con-txt-2 {
    font-size: 16px;
  }
  .specialities-box{
    flex-direction: column;
  }

  .specialities-txt p {
    font-size: 18px;
  }
.choose-para {
    font-size: 18px;
    width: 95%;
  }

.choose-txt-con-3 {
        margin-bottom: 38px;
    }
.same-day-hdng {
    font-size: 18px;
    }

.sameday-timer-con{
      margin-top: 10px;
    }
.explr-cat-image {
        border-radius: 40px;
    }
.cart-qntity-div{
    width: 16%;
}
.date-box {
    width: 62%;
}

.countdwn-bx {
    width: 35%;
}
.location-con p, .date-con p{
        font-size: 14px;
    }
.loca-box span, .filter-bar-hdng {
        font-size: 15px;
    }
.also-view-slider button img, .simi-slider button img{
    width: 90%;
}

.del-icn-bx {
    width: 1.5vw;
}

/*.filter-bar {
    width: 27.5%;
}

.tabcontent{
width: 71%;
}*/
.loca-bx p{
        padding: 32px 0 0 0;
}
.arw-div {
    left: 16%;
}


.para {
    margin: 0 auto 42px;
}

.hdng-1 {
    line-height: 70px;
}



.red-dot{
    right: -20%;
}
    .txt-con {
    width: 28%;
}
.gft-overlay {
    bottom: -22%;
}


.head-right{
   width: 27%; 
}

.search {
    width: 45%;
}
.see-more {
    left: 18%;
}
.sub-con :nth-child(4), .sub-con :nth-child(3){
        margin-top: 12px;
}

.loca-bx {
    width: 14%;
}

.loca-con{
    justify-content: start;
    gap: 32px;
}

}
@media only screen and (max-device-width:1300px){
.bubble-admin,.bubble-user{
  width: 45em !important;
  }
  .c-ticket-det-title{
    font-size: 14px;
  }
    .addBag {
        background-position: right 70px top 50%, 0 0;
    }
.top-sailing-contnt {
        background: none;
    }

.explr-cat-body .owl-nav{
            top: -33%;
    }

.rltn-cat-body .owl-nav{
       top: -33%; 
    }
.txt-con {
    width: 30%;
} 

.wine-img-box-text{
    top: 10%;
    left: -11%;
    } 
}

@media only screen and (max-device-width:1273px){
.adressbook-hdng {
    font-size: 26px;
  }
    .review-order-section .cart-prd-txt {
        width: 46%;
    }
.show-cat-image{
      border-radius: 25px;
}
  .choose-txt-con {
        top: 4%;
    }

.txt-new {
    margin: 0 auto 32px !important;
}


.arw-div {
    left: 14%;
}
.combo-hdng, .cart-hdng h1,.summery-hdng p {
    font-size: 25px;
}

.policy-txt {
       width: 70px;
       }

}

@media only screen and (max-device-width:1250px){
.cat-pro-sec-1-con{
      gap: 1.6vw;
}

.combo-prds-item {
    width: 31.6%;
}

.cate-right {
    width: 73%;
}
.menuMain1{
  width: 45%;
}
    .custom-tab, .custom-tab.active {
        font-size: 13px;
    }
.ui-widget.ui-widget-content{
  left: 68% !important;
          width: 23%;
}
.addn-box {
    width: 23%;
}
.order-process-main-div {
    padding: 0px 4%;
}
.order-process-img{
  display: none;
}
.cart-qntity-div{
    width: 18%;
}
#modal {
        width: 36%;
    }



.filter-bar {
    width: 25.5%;
}

.rvw-container {
    background-size: 118px, 150px;
}
.loca-bx {
    width: 13.8%;
}

.inside-con p{
    font-size: 64px;
}

.brdr{
    width: 94%;
    height: 90%;
}



.see-more {
    left: 16%;
}

.wine-img-box-text {
    top: 6%;
    left: -12%;
}

.spcl-gft-btn a {
    padding: 10px 30px;
    font-size: 16px;
}

.abt-para-1 {
    line-height: 26px;
}

}

@media only screen and (max-device-width:1216px){

.bulk p{
  font-size: 20px;
}
 .bubble-admin,.bubble-user{width: 25em !important;}
    .c-block-left ul li{font-size: 16px;} 
    .c-block-left{width: 40%;} 
    .c-block-right{width: 60%;}
    .c-ticket-det-title{font-size: 13px;}
    .c-ticket-det-sub{font-size: 13px;}
.contact-container {
        width: 90%;
        }
  /*Checkout*/ 
        .checkout-body{padding: 20px 25px;}
        .checkout-tag-title{padding: 8px 10px;margin-bottom: 10px;  font-size: 14px;}
        .checkout-details-section{padding-right: 25px;}
        .review-order-section { width: 44.5%; }
        .login-type-radio label{font-size: 14px;}
        .login-label:before{left: -20px;top: 1px;width: 14px;height: 14px;}
        .login-label:after{width: 8px; height: 8px;left: -16px;top: 5px;}
        .form-group input, .form-group textarea, .form-group select{font-size: 14px;padding: 12px;}
        .form-btn{font-size: 14px;padding: 10px 25px;}
        .recipient-name select{padding: 12px 5px;}
        .recipient-name .form-group:first-child { width: 20%; }
        .recipient-name .form-group { width: 77%; }
        .saved-add-details p, .shipping-btns button, .edit-address-btns button, .add-address-btns button{font-size: 14px;}
        .billing-form-phone{margin-bottom: 20px;}
        .billing-form-phone span{font-size: 14px;padding: 12px;}
        .billing-phone p{bottom: -22px;font-size: 12px;gap: 5px;}
        .billing-phone p img{width: 16px;}
        .special-instruction-txt{font-size: 12px;}
        .form-title{font-size: 16px;}
        .payment-option-box p{font-size: 14px; line-height: 20px; }
        .payment-option-box .form-btn{font-size: 12px; padding: 8px 16px; }
        .check-term-nd-cond{font-size: 14px;}
        .check-term-cond label:before{padding: 7px;}
        .check-term-cond input:checked + label:after{top: 3px; left: 7px; width: 3px; height: 8px;}
        .review-order-title, .review-order-total{font-size: 17px;}

.tablinks{
  font-size: 14px;
}
.step-txt {
    width: 24%;
}

.order-process-title p {
        font-size: 52px;
    }
.chs-none{
  display: block;
}

.chs-shw{
  display: none;
}

.choose-txt-con {
    top: 15%;
    }

.choose-para {
        font-size: 18px;
        width: 84%;
        padding-bottom: 20px;
    }

.choose-txt-con-3 {
        margin-bottom: 42px;
    }

.choose-txt-con-3 {
    font-size: 27px;
  }
.mem-con img {
    height: 60px;
    width: 60px;
}

.coupon {
    font-size: 14px;
}

.cart-info {
    padding-bottom: 60px;
    }
.chckout-div {
    margin-top: 46px;
}


.show-cat-slider .owl-nav button.owl-next{
    right: -2.8%;
    top: 26%;
    }

.show-cat-slider .owl-nav button.owl-prev {
    left: -2.8%;
    top: 26%;
}
.gft-overlay{
    padding: 12px 0;
}

.gft-overlay {
    bottom: -24%;
}
.abt-main-hdng{
    font-size: 18px;
}
.abt-para-1 {
    line-height: 24px;
}

.abt-main-hdng {
    margin-bottom: 8px;
}

.clnt-name {
    font-size: 22px;
    }


.menu-slide-header p{
    font-size: 17px;
}
 .date-con select, .location-con input, .filter-bar-hdng{
        font-size: 15px;
    }

  .location-container {
        width: 18%;
    }
}

@media only screen and (max-device-width:1187px){

#modal3{
        width: 50%;
    }
.countdwn-bx {
        width: 32%;
    }

    .date-box {
        width: 65%;
    }

    .pin-box {
    width: 75%;
}
}

@media only screen and (max-device-width:1163px){
.gift-sub-mega-menu {
        left: -162px;
    }
    #custoModal {
        width: 65%;
    }
.menu-link{
      font-size: 0.9rem;
}
.PC-menu {
    gap: 2vw;
  }
.updt-hdng {
    font-size: 32px;
}
.update-con{
    width: 60%;
}
.subscribe-img{
    width: 30%;
}
.img-box-text{
        top: 5%;
    }
   
.loca-bx {
    width: 13.5%;
}
.txt-con {
    width: 32%;
}

.inpt {
    padding: 11px;
}

.search-bar button {
    padding: 10.5px 28px;
    font-size: 18px;
}

.para {
    margin: 0 auto 32px;
}

.wine-img-box-text {
    top: 6%;
    left: -14%;
}

.review-slider {
    padding-bottom: 30px;
    }

    .rvw-container {
    background-position: right 14px, left 504px;
}

}

@media only screen and (max-device-width:1140px){
.see-more {
    left: 12%;
}
.arw-div {
    left: 10%;
}
.poliDiv{
  padding: 0 30px;
}

}

@media only screen and (max-device-width:1128px){
.order-process-div{
   background-color: #e8212a;
}
.choose-txt-con {
        top: 10%;
    }
.ordr-bnr-show{
  display: none;
}
.devider-shw{
  visibility: visible;
}
.order-process-con {
        top: 10%;
  }

    .order-Div {
        width: 35%;
    }
  .order-process-div {
    background-color: #e8212a;
    padding: 50% 0;
    border-radius: 4px;
  }
  .top-sailing-contnt{
  background: none;
}
  .top-slng-para {
    font-size: 25px;
  }
.top-slng-para span {
    font-size: 25px;
  }
  .tp-slng-title {
    /*font-size: 45px;*/
    font-size: 4vw;
  }
.tabcontent {
        width: 66.2%;
    }
/*.filter-bar {
        width: 32%;
    }*/
.specialities-box{
        flex-direction: column;
}

.rvw-container {
    background-size: 110px, 150px;
}

.date-box {
        width: 77%;
        margin-bottom: 10px;
    }

.countdwn-bx {
        width: 77%;
    }
.c-t-hdng-items {
    width: 51%;
}
}

@media only screen and (max-device-width:1102px){
    .gift-sub-mega-menu, .research-sub-mega-menu {
        width: 77vw;
    }
    #custoModal {
        width: 70%;
    }
.per-info-right {
    width: 50%;
}
.login-left {
    width: 50%;
}

.updt-hdng {
        font-size: 30px;
    }

.abt-main-hdng {
    margin-top: 8px;
}
.abt-us-con{
    padding: 0px 20px 30px 0px;
}

.abt-us-img {
    width: 100%;

}

.abt-us-txt {
    width: 100%;
    text-align: center;
    padding: 0 0 0 20px;
}

.abt-para-1, .abt-para-2{
    width: 100%;
}

.abt-para-2 {
    display: block;
}
.para{
        display: none;
    }
.tex-posi{
    left: 55%;
    width: 46%;
    top: 10%;
}

.wine-img-box-text {
    top: 7%;
    left: 6%;

}

.hdng-bx {
    margin-bottom: 16%;
}

.gap{
  margin-bottom: 12% !important;  
}


.txt-con p {
    font-size: 16px;
}

.lft-icn, .rght-icn {
    width: 2%;
}

.trck-icn {
    width: 2.5%;
}

.bnr-txt-hvr {
    font-size: 20px;
}

.img-bx img {
    margin-left: -20px;
    }
        .location-container {
        width: 20%;
    }
}



@media only screen and (max-device-width:1050px){
.perinfo-right-div {
    width: 100%;
     padding-left: 0px; 
     border-left: 1px solid #fff; 
}
.perinfo-left-div, .perinfo-right-div{
    width: 100%;
}

.m-top-btn {
    margin-top: 30px;
}
.ui-widget.ui-widget-content {
        width: 28%;
    }
  /*adressbook*/
  .adrsbk-main{
  flex-direction: column;
  gap: 20px;
}

.tab-con {
    width: 100%;
    }

    .vertical-tabs {
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
/* Checkout */
        .checkout-tag{display: none;}
        .checkout-body{flex-direction: column;padding: 0; box-shadow: none;}
        .checkout-body, .checkout-details-section, .review-order-section{width: 100%;}
        .checkout-details-section { padding-right: 0; border-right: none; padding: 0; border-radius: 4px; }
        .review-order-section{margin-top: 40px;}
        .checkout-details-section .checkout-tag-title { display: block; /* margin-bottom: 0; */ transition: 0.2s linear; }
        .checkout-details{padding: 20px;box-shadow: #5B5B5B 0px 0px 4px 1px;border-radius: 4px;border-top-right-radius: 0; border-top-left-radius: 0; margin: -10px 1px 20px; }
        .form-title{display: none;}
        .review-order-body{height: auto;}
        .tag-active{border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
    .addBag {
        background-position: right 40px top 50%, 0 0;
    }
.ui-widget.ui-widget-content{
  left: 64% !important;
}
  .psition-1{
    background-position-x: 136px !important;
    background-size: 100px !important;
    background-position-y: 46px !important;
  }
  .explo-gfts {
    padding-top: 30px;
}
    .order-Div {
        width: 40%;
    }

    .order-process-div {
        background-color: #e8212a;
        padding: 53% 0;
      }
.ordr-bnr-show{
  display: none;
}
    .mem-block {
    width: 23%;
    margin-bottom: 22px;
}
    #modal4{
        width: 85%;
    }
    .pro-details {
    width: 36%;
}
.update-con{
        margin-top: 14px;
    }
.updt-para {
    margin-bottom: 26px;
}
#modal {
        width: 43%;
    }

.tab button{
            padding: 11px 30px;
    }

.arw-div {
        padding: 8px 10px;
}


.see-more p {
    font-size: 16px;
}
.loca-bx {
    width: 16.7%;
}

.inside-con p {
    font-size: 54px;
}

.brdr {
    width: 93%;
    height: 88%;
}

.inside-con {
    position: absolute;
    top: 18%;
    }

.bnr-txt-hvr {
    font-size: 18px;
}

.ex-cat-body .owl-nav{
        top: -25%;
}
.main-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .rvw-hdng h1, .also-view-hdng h1, .sml-hdng p{
    font-size: 25px;
}

.psition {
    background-position-x: 122px !important;
}
.main-hdng{
    background-position-x: 98px;
}

.pttrn{
        background-size: 97px !important;
        background-position-x: 97px !important;
}
.ex-cat-txt p {
    font-size: 16px;
}

.bubble-admin,.bubble-user{width: 26em !important;}
}

@media only screen and (max-device-width:999px){
.cat-pro-sec-1-con{
      gap: 2.2vw;
}
.bubble-admin,.bubble-user {width: 30em !important; }
    .c-block-left ul li{font-size: 12px;}
    .c-block-left,.c-block-right{width: 100%;}
    .c-ticket-det-title{line-height: 3rem;}
    .c-ticket-det-sub{line-height: 1rem;}
    .c-ticket-msg-box{height: 290px;}
    .c-ticket-outer-cont {margin: 1rem auto 0; }
    .c-ticket-ahead{flex-direction: column;gap: 1rem;}
    .contact-container {
        width: 95% !important;
        flex-direction: column;
        justify-content: center;
    }
.contact-lt, .contact-rt {
        width: 100%;
        
    }
.contact-lt {
        padding: 50px 50px 0 50px;
    }
.ui-widget.ui-widget-content {
        left: 52% !important;
        width: 36%;
    }
.flex-end {
    justify-content: center;
}
header {
    box-shadow: 0px 15px 10px -15px rgb(250 43 57 / 17%);
}
.star-rating{
      margin-top: -3px;
}
.menuMain, .subsmldiv1{
width: 100% !important;
}
.cat-sub-list {
        border-bottom: 1px solid #d6d4d4;
        margin-bottom: 20px;
    }
    .modal-cntnt {
        height: 100%;
    }

.fltr-vrtcl-tab {
        padding-bottom: 100vw;
    }
.total-con {
    margin-top: 60px;
}
.sortBttn{
  position: absolute;
    right: 0%;
    top: 145%;
}

.phn-fltr{
  position: absolute;
    left: 0%;
    top: 145%;
    width: 100%;
}
.MTop{
  margin-top: 80px !important;
}
.tb-cntnt {
        position: relative;
    }
.cate-fltrDiv {
        padding: 30px 0 50px 0;
    }
.cate-right {
    width: 100%;
}
.cate-con-para {
  margin-top: 8px;
}
  .combo-cat-body {
    width: 100%;
    overflow: hidden;
}
.rltn-cat-body-con {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    gap:20px;
}
.rltn-cat-body-con::-webkit-scrollbar {
    display: none;
}
.combo-item {
    flex: 0 0 auto;
    width: 28%;
    
}

.addn-box {
        width: 31%;
    }

.addn-tab{
  font-size: 16px;
}
.pro-name p {
    font-size: 25px;
  }
.tablinks{
  font-size: 16px;
}
  .rel-menu-title, .rel-menu-title1  {
    display: none;
}
.subsmldiv:nth-child(1), .subsmldiv:nth-child(2){
  width: 100% !important;
}
.menuAreaDiv {
    justify-content: normal;
}
.menuMain1{
  width: 100%;
    flex-direction: column;
}
.menu-li::after{
  background-color: transparent;
}
.menu-link-hilyt{
  background-color: transparent !important;
      padding: 20px 0px !important;
}
.subtest ul {
    padding: 0px 10px;
    }
.menu-area, .gift-menu-area {
        padding: 15px 0;
        border: none;
        border-radius: 0px;
    }
.rel-menu-ul {
    width: 90vw !important;
}
.gift-menu-ul {
    width: 100%;
}
      .rel-menu-ul li, .gift-menu-ul li, .flower-menu-ul li, .comfo-menu-ul li {
        padding: 0 0 15px 15px;
        width: 100%;
    }
      .gift-menu, .research-menu {
        width: 100%;
    }
    .gift-menu-ul:nth-child(1) {
        width: 100% !important;
    }
    .rel-menu-images, .gift-menu-images{
    display: none;
}
    #sub-test1, #sub-test2 {
        position: static;
        width: 100%;
        box-shadow: none;
        padding-bottom: 0px;
        background-color: #f9f6f2;
        height: 208px;
        overflow: hidden scroll;
    }
    .menu-area {
        padding: 15px 0;
    }

        .rel-menu-ul li, .gift-menu-ul li, .flower-menu-ul li, .comfo-menu-ul li {
        padding: 0 0 15px 15px;
        width: 100%;
    }
    .menu-li {
        width: 100%;
        border-bottom: 1px solid grey;
        gap: 0;
        justify-content: space-between;
        padding: 0px;

    }

    .PC-menu {
    justify-content: center;
    gap: 0;
  }

  .menu-link {
    padding: 20px 0;
  }
      .categories {
        background-color: #fff;
        width: 100%;
        position: absolute;
        top: 0%;
        left: -101%;
        z-index: 999;
        height: 100%;
    }
    .cncl-btn-div img {
        width: 20px;
        height: 20px;
    }
    .cncl-btn-div{
        display: flex;
        justify-content: end;
    }
 
.rltn-gfts-div{
  background: none;
}
.banr-text {
        top: 6%;
        right: 10%;
    }

 
.order-devider-line {
    width: 90px;
  }
    .order-process-con {
        top: 6%;
    }
.choose-para {
        font-size: 16px;
        width: 84%;
        padding-bottom: 15px;
        line-height: 30px;
    }
.choose-txt-con-3 {
        margin-bottom: 38px;
    }


  .chs-none{
      display: none;
    }

  .choose-banner-contnt {
    background-color: #FDEBEC;
    /*padding: 34% 0;*/
    height: 586px;
    border-radius: 6px;
}

    .choose-btn{
      font-size: 14px;
    }
.same-day-hdng {
        font-size: 14px;
        line-height: 24px;
    }
.top-slng-mob{
  display: block;
}

.top-slng-web{
  display: none;
}

.tp-slng-div-con {
    width: 34%;
}
.top-slng-div{
  gap:30px;
}
    .c-t-hdng-items {
        width: 58%;
    }
.per-info-cnclbutn button, .per-info-svbutn button{
        padding: 10px 0;
        font-size: 16px;
}
.per-info-left {
    width: 40%;
}
.cartsec-main-div{
    margin-bottom: 20px;
}
#modal3 {
        width: 60%;
        padding: 24px 20px 40px 20px;
    }


.frgt-bx {
    width: 50%;
}
.cart-hdng{
    position: static;
}
.cart-right, .cart-left{
    width: 100%;
}

.cart-right{
    position: static;
}

.coupon {
        font-size: 16px;
    }
.card-box-div, .specialityfood-main-box, .Personalized-main-box {
    width: 31.5%;
    margin-bottom: 16px;
}
.img-sec{
    top: 15px;
}
.show-cat-slider .owl-nav button.owl-next{
    right: -3.8%;
    top: 34%;
    }

.show-cat-slider .owl-nav button.owl-prev {
    left: -3.8%;
    top: 34%;
}

.cat-dropdown .menu-slide{
            padding: 10px 25px;
    }

.cat-dropdown .menudropdownList {
    padding: 0px 10px 10px 25px;
}

.price-box-area, .flower-box-area{
    padding-left: 25px;
    border: none;
    margin-bottom: 0px;
}

.pric-hdng {
    padding: 10px 0 20px 0;
    font-size: 17px;
    text-align: left;
}

.cat-pro-sec-1 {
    margin-top: 24px;
}
.phn-fltr{
        display: flex;
        justify-content: flex-start;
    }

.total-con{
        position: static;
    }
.loca-box{
    position: relative;
}
/*.sort-btn {
    position: absolute;
   top: 112%;
    right: 0%;
}*/
.filter-bar {
        width: 100%;
        /*margin-bottom: 24px;*/
    }

.tabcontent {
        width: 100%;
    }
.del-icn-bx{
    display: block;
        width: 3%;
}

.hdng-wdth{
    width: 97%;
}
.loca-box span, .filter-bar-hdng {
        font-size: 17px;
    }
.drpdwn-menu, .side-sml-bnr-con{
        display: none;
    }
.cat-mid-bnr-img{
        width: 100%;
    }
.m-btm-bnr{
  margin-bottom: 16px;  
}
.also-view-slider button img, .simi-slider button img{
    width: 80%;
}
    
.gft-bskt-div{
        padding-bottom: 28px;
}

.gft-bskt-sbhdng{
        padding-top: 10px;
}
.arw-dwn{
        transform: rotate(90deg);
    }



.mobile-logo-con{
        display: block;
        width: 30%;
        margin: 0 auto;
        padding-top: 20px;
    }
.logo-con{
        display: none;
    }

.top-header{
    flex-direction: column;
    gap: 20px;
    }

    .search-bar button {
    padding: 11.5px 36px;
}
.inpt {
    padding: 12px;
}

.search {
    width: 62%;
}

.head-right {
    width: 46%;
}

.ham-menu {
    /*width: 100%;*/
    display: block;
    position: absolute;
    top: 8%;
    left: 5%;
}
.loca-inside-txt {
    width: 32%;
}
.upper-sec{
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.location-container {
    position: relative;
    width: 22%;
}
.test{
    width: 100%;
}

.red-dot {
    left: 3%;
}

.mdnght{
    justify-content: space-between;
}

.smdy-highlt{
   justify-content: space-between; 
}

.arw-div {
    left: 22%;
    padding: 10px 16px;
}

.blg-con {
    justify-content: flex-start;
    margin: 28px 0 96px 0;
    gap: 20px;
}

.blg-con-bx {
    width: 31.4%;
}

.rvw-container {
    background-position: right 14px, left 605px;
    background-size: 113px, 147px;
}



.gap {
    margin-bottom: 8% !important;
}

    .hdng-bx {
    margin-bottom: 10%;
}

    .gft-overlay{
    padding: 10px 0;
}

.gft-bskt-sbhdng {
    font-size: 18px;
    }

.gft-overlay {
    bottom: -27%;
}
.prod-tab {
    padding: 10px 36px;
}
    .ind-prds-item {
    width: 32.4%;
}
.ex-cat-body .owl-nav {
    top: -14%;
}

.see-more p {
    font-size: 15px;
}

.sub-con-bx:hover .see-more {
    bottom: 12px;
}

.sub-con :nth-child(4), .sub-con :nth-child(3) {
    margin-top: 10px;
}

.rltn-cat-body .owl-nav, .explr-cat-body .owl-nav{
        top: -28%;
}


}

@media only screen and (max-device-width:970px){
.pro-name p {
    margin-top: 0px;
}
.fixed-cart {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
        transition: .3s;
        padding: 6px 0;
    }
.description {
    margin: 10px 0 10px 0;
  }
    .addBag-div-txt {
        font-size: 16px;
    }
.addBag{
    padding: 5px 50px;
}

.policy-txt {
       width: 100%;
       }
.poliDiv {
         padding: 0 0px; 
    }
.thmbclropbutton{
  width: 30%;
}
.thumb-div {
  gap:10px;
}
    .order-process-div {
        padding: 63% 0;
    }

    .order-process-con {
        top: 12%;
    }
.updt-hdng {
        font-size: 27px;
    }
.subscribe-img {
        width: 34%;
    }
.date-box {
        width: 65%;
        margin-bottom: 0px;
    }
.pin-box {
    width: 63%;
}

.countdwn-bx {
        width: 32%;
    }
.button-main-box {
    width: 100%;
}
.loca-con{
        gap:28px;
    }

.loca-bx p{
        padding: 28px 0 0 0;
}
.txt-con {
    width: 35%;
}

.inside-con p {
    font-size: 48px;
}
.brdr {
    border: 2px solid #fff;
}
.main-container-box{
    flex-direction: column;
    height: auto;
}
.img-sec {
    width: 100%;
    position: static;
}

.text-section {
    width: 100%;
    height: auto;
    padding-right: 0px;
    overflow-y: inherit;
}
.thumb-div{
    flex-direction: row;
    flex-wrap: nowrap;
    }
    .productImage{
        flex-direction: column-reverse;
    }
    .img-main-sec{
        width: 100%;
    }

    #thumbs{
       
        width: 36%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-device-width:895px){
#custoModal {
        width: 80%;
}
  .order-process-con {
        top:7%;
    }
.login-right {
    width: 46%;
}
.arw-div {
    left: 20%;
}
    .txt-con {
    width: 37%;
}
.see-more{
        padding: 8px 24px;
}

.all-pro-bx{
        margin-top: 3%;

}

.index-product {
    padding-top: 70px;
}

.prod-tab {
    padding: 10px 5.2vw;
}

.wine-img-box-text {
    top: 10%;
    left: 6%;
}

.hdng-1 {
    line-height: 6vw;
}

.hdng-bx {
    margin-bottom: 14%;
}
    .location-container {
        width: 25%;
    }

}

@media only screen and (max-device-width:863px){
.blg-con-bx {
    width: 31.2%;
}

.arw-div {
    left: 18%;
}
}

@media only screen and (max-device-width:850px){
.prd-det-title{
  height: 60px;
}
.user-main:first-child .c-c-msg-img-txt{margin-top: 0}
.modal-con {
    padding: 24px;
}

.addnDiv-image{
      width: 14%;
}

.addnDiv-hdng {
    font-size: 22px;
}
       .order-process-div {
        padding: 70% 0;
    }
    .order-process-con {
        top: 8%;
    }
  .specialities-txt p {
        font-size: 16px;
    }
.choose-txt-con {
        top: 10%;
    }

    .choose-txt-con-3 {
        font-size: 24px;
    }
.fieldset input{
    font-size: 16px;
}

.mem-block {
        width: 48%;
        margin-bottom: 25px;
    }

.mem-det p {
    font-size: 16px;
    font-weight: 600;
}

.user-head p {
    font-size: 22px;
    }
.cart-pro-img {
    width: 19.6%;
}

.adn-pro-img {
    width: 15.6%;
}
.cart-qntity-div {
        width: 20%;
    }
.cart-pro-details {
    width: 78%;
    }
#modal {
        width: 50%;
    }
.rvw-container {
    background-position: right 14px, left 583px;
    background-size: 106px, 147px;
}
.gap {
    margin-bottom: 12% !important;
}
    .see-more {
    left: 10%;
}
.loca-bx {
    width: 21.5%;
}
    .txt-con {
    width: 40%;
}
.bnr-txt-hvr {
    font-size: 17px;
}

.inside-con p {
    font-size: 44px;
}

.brdr {
    width: 91%;
    height: 86%;
}
}
@media only screen and (max-device-width:790px){
#thumbs {
        width: 45%;
      }

.same-day-mob{
  display: block;
}
.same-day-web{
  display: none;
}

.smday-text-div {
    top: 44%;
    left: 50%;
    width: 84%;
    transform: translate(-50%, -50%);
    text-align: center;
    }
.sameday-timer-con{
      margin: 14px auto;
          width: 80%;
}

.timer-para{
font-size: 30px;
}
.same-day-hdng {
        font-size: 20px;
        line-height: 24px;
        width: 100%;
    }
.sameday-timer{
  font-size: 3.6vw;
}
    .float-img {
        display: none;
    }
.login-left{
    display: none;
    }

.login-right {
        width: 100%;
    }
.updt-hdng {
        font-size: 26px;
    }
.updt-para {
    font-size: 18px;
}

.sub-email{
    font-size: 16px;
}

.sbscribe-box button{
    font-size: 17px;
}


.txt-cntnt {
    margin-top: 40px;
}
.gft-bskt-div{
        padding-bottom: 22px;
}




.arw-div {
    left: 16%;
}

.wine-img-box-text {
    top: 10%;
    left: 8%;
}

.prod-tab {
    padding: 10px 5vw;
}
.lft-icn, .rght-icn {
    width: 3%;
}

.brdr{
        margin: 12px;
}

.trck-icn {
    width: 3.5%;
}

.wrapper {
    width: 90%;
}

.brdr {
    width: 93%;
    height: 88%;
}
}
@media only screen and (max-device-width:777px){
    #custoModal {
        width: 100%;
    }
  .v-srprise, .same-day-mainsec {
    margin-bottom: 30px;
}
    .osd-head{font-size: 14px;}
   .osd-head-wrapper, .order-status-details table{font-size: 12px;}
    .order-status-details{margin: 16px auto;padding: 12px;}
    .order-status-details table tr td img{padding: 0}
    .order-status-details table tr td{padding: 4px}
.inside-txt ul li{
        width: 24.6%;
}
.inside-heading{
    font-size: 20px;
}
 .c-block-left ul li{font-size: 15px;line-height: 25px;}
        .c-ticket-det-title{font-size: 15px;}
        .c-ticket-det-title{line-height: 2rem;}
        .c-ticket-msg-box{height: 200px;}
    .total-con {
        margin-top: 30px;
    }
    .cat-mianDiv {
        padding-bottom: 30px;
    }
  .fltrmainDiv {
    margin-top: 30px;
}
   
.pttrn-neww {
    background-position-y: 48px !important;
    background-size: 114px !important;
}
.ui-widget.ui-widget-content {
        left: 56% !important;
    }

  .rvw-sbmt-btn{
    width: 65%;
  }
 
  .step-txt {
        width: 22%;
    }

  .order-Div {
        width: 44%;
    }

    .order-process-main-div {
        padding: 0px 0%;
    }

        .assure {
        margin: 20px 0 0px 0;
    }
/*.specialities :nth-child(1) {
    border-radius: 4px 4px 0 0;
}
.specialities :nth-child(4) {
    border-radius:  0 0 4px 4px;
}*/
 /* .specialities-box{
    width: 100%;
    background-color: #cf030f;
    border: none;
    margin-bottom: 10px;
    }*/

  /*  .specialities-box {
    flex-direction: row;
}

    .specialities{
        flex-direction: column;
        background-color: transparent;
    }
  .specialities-box{
  justify-content: center;
      padding: 10px 0;
}

.specialities-img{
      width: 8%;
}

.specialities-txt{
  width: 30%;
}
*/
.specialities-box {
    width: 50%;
    margin-bottom: 24px;
  }

  .specialities{
background-color: #fff;
    padding: 0px 0;
  }

      .specialities-txt p {
        color: #CE000C;
    }

    .specialities-txt {
        width: 100%;
        text-align: center;
    }
    .icon-hide{
      display: block;
    }

     .icon-show{
      display: none;
    }


.v-srprise-txt {
        position: absolute;
        text-align: center;
        top: 30%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    .v-srprise-txt-1 {
    /*font-size: 44px;*/
    font-size: 7.2vw;
    color: #fff;
    margin-bottom: 10px;
}


  .v-srprise-txt-2, .v-srprise-txt-3{
    font-size: 22px;
  }

.v-srprise-txt-2{
  margin-bottom: 20px;
}
.v-srprise-txt-3{
  padding-bottom: 30px;
}

      .v-day-dev{
    display: none;
  }
.v-day-mob{
  display: block;
}

 .sm-con-1,.sm-con-2,.retire-box{
  width: 100%;
 }

 .retire-con {
  gap:30px;
 }
.fnky-bx{
  gap: 30px;
}
.choose-banner-con {
    margin-bottom: 30px;
}

    .top-slng-para {
    font-size: 20px;
  }

      .tp-slng-div-con {
        width: 41%;
    }
.top-slng-para span {
    font-size: 20px;
  }
    #modal3 {
        width: 70%;
    }

.per-info-div {
    justify-content: space-between;
    flex-direction: column;
}
.per-info-sub-div {
    font-size: 16px;
}
.per-info-right {
        width: 100%;
        margin-top: 25px;
    }

.per-info-left {
        width: 100%;
    }

.per-info-btn-div {
    justify-content: center;
}

.moment-sbmt-btn a{
    font-size: 16px;
}
.srt-btn-bx {
    width: 20%;
}
.arw-div {
    left: 20%;
}

.gft-bskt-con {
    margin-top: 30px;
}
.loca-bx {
    width: 21.2%;
}

.txt-con {
    width: 42%;
}

.img-bx img {
    margin-left: -16px;
    }


.f-categories:first-child, .f-categories:nth-child(3) {
    width: 47%;
}

.f-categories {
    width: 45%;
}

.f-categories:last-child {
    width: 80%;
}
.cate-con h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .pttrn-neww {
        background-size: 0px !important;
        position: relative;
    }
.knowmr-cntnt h2 {
    font-size: 22px;
}

.pttrn-neww::before {
        content: " ";
        width: 20%;
        top: 110%;
        height: 3px;
        background: var(--sitecolor);
        position: absolute;
        bottom: -11px;
}
.pttrn-neww::after {
        content: " ";
        border-right: 3px solid var(--sitecolor);
        width: 20px;
        height: 12px;
        left: 16.5%;
        bottom: -25%;
        transform: rotate(44deg);
        position: absolute;

}
.p-bttm {
    padding-bottom: 0px;
}
    .cate-con-para {
        margin-top: 10px;
        font-size: 15px;
    }
}

@media only screen and (max-device-width:750px){
.cate-fltrDiv {
        padding: 0px 0 50px 0;
    }
.cate-text{
  margin-top: 10px;
}
    .custom-tab {
        margin-bottom: 0px;
    }
    .rvw-cntntt p {
        line-height: 30px;
        font-size: 20px;
    }

    .area p {
    font-size: 20px;
  }
      .location-container {
        width: 28%;
    }
  .order-process-con {
        top: 5%;
    }
    .order-process-main-div {
    justify-content: space-evenly;
  }

      .step-con-txt-1 {
        padding: 12px 0;
        font-size: 20px;
    }
    #modal4 {
        width: 90%;
        padding: 30px 30px;
    }


.rvw-title p {
    font-size: 24px;
    }
.rvw-container {
    background-position: right 14px, left 583px;
    background:none;
}
.fnky-bx{
            padding-bottom: 26px;
    }

.off-price p {
    font-size: 15px;
}

.main-price p {
    font-size: 18px;
    }
.see-more {
       padding: 10px 40px;
}

.see-more p {
    font-size: 16px;
}

.sub-con-bx:hover .see-more {
    bottom: 34px;
}


.see-more {
    left: 20%;
}

.txt-con p {
    font-size: 15px;
}

    .sub-con-bx {
    width: 48%;
}


.sm-con {
    width: 100%;
    margin-bottom: 30px;
}

.sub-con :nth-child(4), .sub-con :nth-child(3) {
    margin-top: 30px;
}

.sm-day-bx {
    margin: 0px 0 10px 0;
}

.search-oc-txt p {
    font-size: 50px;
}

}


@media only screen and (max-device-width:716px){

.ui-widget.ui-widget-content {
        left: 52% !important;
        width: 40%;
    }

.no-cart-txt-1, .no-cart-txt-2 {
    font-size: 18px;
}

.no-item-main-div {
    width: 50%;
    }
.update-con {
        width: 57%;
    }

.subscribe-img {
        width: 37%;
    }

.sbscribe-box button{
        width: 34%;
    }
.sub-email{
    width: 67%;
}
#modal {
        width: 60%;
    }
.arw-div {
    left: 16%;
}
.gft-overlay {
    bottom: -30%;
}

.gft-overlay p {
    font-size: 16px;
}

.blg-con-bx {
    width: 31%;
}
}

@media only screen and (max-device-width:690px){
.track-order-body form {
    width: 100%;
}
.frgt-bx {
        width: 70%;
    }
.prod-num p {
    font-size: 16px;
}
    .p-btm {
    padding-bottom: 30px;
}

.red-dot {
    left: 4%;
}

.head-right {
    width: 50%;
}

.search {
    width: 70%;
}

.show-more {
    padding: 8px 12px;
    font-size: 16px;
}

.wrtup-hdng p {
    font-size: 18px;
}
.wrtup-con p, .wrtup-con ul li {
    font-size: 16px;
    }

.blg-con {
    justify-content: flex-start;
    margin: 20px 0 20px 0;
}

.location {
     margin-bottom: 20px; 
}

.card-header a {
    font-size: 18px;
}

.dropdown .dropdownList li {
    font-size: 17px;
}
.rvw-pttrn{
            background-position-x: 174px !important;
    }


.loca-bx {
    width: 29.5%;
}

.loca-con {
    justify-content: start;
    gap:28px;
    }

    .txt-con p {
    font-size: 15px;
}

.inside-con p {
    font-size: 40px;
}

.order-process-div {
        padding: 77% 0;
    }

.step-txt p {
    font-size: 20px;
  }
}


@media only screen and (max-device-width:650px){
.pttrn-neww::after{
  display: none;
}

.pttrn-neww::before {
        top: 106%;
        }
.rtname, .rtemail, .rtarea{
    font-size: 12px;
}
.btn-main-sec button {
    font-size: 13px;
    padding: 12px;
}

.membr-main-div {
    justify-content: space-between;
    gap: 20px;
}
.member-left-div, .member-right-div{
    width: 100%;
}

.member-left-div{
    padding-right: 0px;
    border-right: 1px solid #fff;
}
.member-right-div{
    height: auto;
    padding-right: 0px;
}
.ham-menu{
  top: 7%;
}
.c-ticket-heading{padding: 6px;font-size: 17px;}
.nrml-srtbtn, .sortBttn {
    width: 210px;
}
.srt-txt p {
    font-size: 15px;
  }
.rvw-titleDiv {
    font-size: 16px;
  }
.gift-hdng {
    padding-right: 10px;
  }
.ratngDiv {
    margin: 0 10px;
}
.Dropdown .faq{
  gap: 10px;
}
/*checkout */
    .add-review-main{width: 93%;padding: 1.5rem 0rem 0.5rem;min-width: 0;}
    .add-review .modal-content, .forgot-password .modal-content{width: 93%;}
    .add-review .modal-content .modal-body{height: auto;}
    .add-review-form select, .add-review-form input, .add-review-form textarea{padding: 10px 0 10px 10px;}
    .rate:not(:checked) > label{margin: 0;}
    .add-review-form button, .forgot-password button{margin: 0.5rem auto;}
    .ui-widget.ui-widget-content {
        
        width: 43%;
    }
.addBag{
      background-position: right 80px top 50%, 0 0;
}
    .addn-box {
        width: 30.5%;
    }
  .order-devider {
        display: none;
    }
.order-Div-flx {
    width: 100%;
  }
  .step-txt{
    position: absolute;
    left: 8%;
    top: -6%;
  }

  .order-Div{
    position: relative;
  }
      .order-process-div {
        padding: 80% 0;
    }
 .choose-para {
        width: 95%;
        }
           .sameday-timer-con {
        width: 100%;
    }
        .smday-text-div {
        top: 48%;

      }
.mem-con img {
        height: 50px;
        width: 50px;
    }
#modal3 {
        width: 80%;
    }
.fgrt-hdng h1{
    font-size: 22px;
}
    .addon-div {
    padding: 20px 20px;
}

.adn-pro-title{
        font-size: 13px;
    }
.pro-name p{
            font-size: 25px;
    }

.main-prce p{
    font-size: 35px;
}
.del-icn-bx {
        width: 4%;
    }
        .hdng-wdth {
        width: 80%;
    }
.abt-us-con {
    padding: 0px 16px 30px 0px;
}

.abt-us-txt {
    padding: 0 0 0 16px;
}

.arw-div {
    left: 12%;
}

.copyright p {
    font-size: 14px;
}

.blg-con-bx {
    width: 30.8%;
}
.txt-con {
    width: 48%;
}

.devider {
    padding: 16px 0;
}

.inside-con p {
    font-size: 40px;
}

.brdr {
    width: 92%;
    height: 88%;
}

.img-bx img {
    margin-left: -12px;
}
}

@media only screen and (max-device-width:600px){
.adressbook-hdng {
    font-size: 22px;
  }
  .addn-tab {
        width: 40%;
        font-size: 15px;
        padding: 6px 10px;
    }
      .v-srprise, .same-day-mainsec {
        margin-bottom: 20px;
    }
  .order-process-div {
    position: relative;
    margin: 30px 0 20px 0;
} 
.rvw-sec {
    margin-top: 0px;
}
    .p-btm {
        padding-bottom: 10px;
    }
  .blg-con {
        justify-content: flex-start;
        margin: 20px 0 0px 0;
    }
    .review-slider {
        padding-bottom: 0px;
    }
      .addnDiv {
        justify-content: normal;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }
.inside-txt ul li {
        width: 32.6%
    }
.banner{
    height: 0;
    padding-bottom: 126.2%;
}
/*.policyImg {
    width: 35%;
}*/
.cate-text {
    margin-top: 15px;
}
#thumbs {
        width: 50%;
    }
.rvw-sbmt-btn a{
    font-size: 18px;
  }
.rvw-sbmt-btn {
        width: 77%;
    }
.psition-1 {
        background-position-x: 126px !important;
        background-size: 90px !important;
        background-position-y: 46px !important;
    }
 .combo-item {
    width: 40%;
  }

.order-process-con {
        top: 6%;
    }

.order-process-div {
        padding: 90% 0;
    }
.v-srprise-txt-2 {
        margin-bottom: 10px;
    }

.v-srprise-btn {
    padding: 14px 20px;
    font-size: 14px;
  }
.v-srprise-txt-2, .v-srprise-txt-3 {
        font-size: 20px;
        line-height: 30px;
    }

.txt-cntnt {
        margin-top: 30px;
    }
#custoModal {
        width: 100%;
    }
.txt {
    font-size: 16px;
}
.srt-btn-bx {
        width: 25%;
    }
.combo-hdng, .cart-hdng h1,.summery-hdng p {
        font-size: 23px;
    }
.phn-banr-con{
    display: block;
}

.banr-con-shw{
    display: none !important;
}

.banr-text{
      top: 25%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}
    .search-bar button {
    padding: 13.5px 28px;
    font-size: 18px;
}

.bnr-sbhdng-2 {
    line-height: 22vw;
    font-size: 18vw;
    }


.highlight {
    font-size: 7.2vw;
  }

  .bnr-sbhdng-1 {
    font-size: 30px;
    font-size: 6.5vw;
  }
    .shp-main-btn {
        margin-top: 30px;
    }
  .bnr-main-btn {
    padding: 12px 20px;
    font-size: 14px;
}

.bnr-sbhdng-3 {
    font-size: 8.2vw;
    }
.inpt {
    padding: 14px;
}
.location-container {
        width: 38%;
    }
.search {
    width: 100%;
}

.head-right {
    width: 52%;
}

.mobile-logo-con {
    width: 38%;
    }

.arw-div {
    left: 24%;
}

.f-categories:last-child {
    width: 90%;
}

.blg-para {
        font-size: 17px;
    }

.blg-con-bx {
    width: 48%;
    margin-bottom: 20px;
}

.blg-con {
    justify-content: space-between;
    gap:0;
}

.faq-hdng {
    margin: 0px 0 16px 0;
}
.dropdown .faq button{
        font-size: 20px;
    }

.rvw-container {
    background-position: right 14px, left 746px;
    background-size: 104px, 140px;
}

.abt-us-con {
    margin-bottom: 40px;
}

.abt-para-2 {
    display: none;
}

.fnky-bx {
    padding-bottom: 16px;
}

.wine-label{
    padding-bottom: 40px;
}
.extr-gift{
    margin-bottom: 20px;
}
.spcl-gft-btn a {
    padding: 10px 22px;
    font-size: 14px;
}

.gft-bskt-div {
    width: 47.5%;
}

.index-product {
    padding-top: 60px;
}

.index-product {
    gap: 4.3vw
}

.prod-tab {
    font-size: 15px;
}
.all-pro-bx p {
    font-size: 15px;
}

.pro-tab-sub-container {
    margin: 10px 0 40px 0;
}
.ind-prds-item {
    width: 47.5%;
}

.off-tag p {
    font-size: 16px;
}
    .rltn-gfts {
    margin-bottom: 0px;
}

.retire-box {
    width: 100%;
    /*margin-bottom: 24px;*/
}

.retire {
    margin-bottom: 20px;
}

.pttrn{
      background-size: 94px !important;
      background-position-x: 84px !important;
    }

.rltn-cat-body .owl-nav, .explr-cat-body .owl-nav{
        top: -20%;
    }

.sub-con :nth-child(4), .sub-con :nth-child(3) {
    margin-top: 24px;
}

.sm-con {
    width: 100%;
    margin-bottom: 24px;
}

.see-more {
    left: 16%;
}

.search-oc-txt p {
    font-size: 46px;
}

.mdl-bnr-bx {
    width: 100%;
    margin-bottom: 26px;
}
.sml-bnr-con {
    margin: 40px 0;
    justify-content: space-between;
}

.mdl-gap{
    margin-bottom: 26px;
}

.mdl-bnr {
    margin-bottom: 14px;
}
.sm-day-bx {
    margin: 0px 0 0px 0;
}

.ex-cat-box img {
    width: 88% !important;
    transition: transform .5s ease-in-out;
}

.hide{
/*display: none;*/
margin-top: 20px;
}

.inside-con {
    position: absolute;
    top: 10%;
    }

.sml-bnr-item{
    width: 100%;
}

.brdr {
    width: 94%;
    height: 90%;
    margin:15px;
}

.inside-con p {
    font-size: 74px;
}

.bnr-txt-hvr {
    font-size: 22px;
}

.main-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .rvw-hdng h1, .also-view-hdng h1, .sml-hdng p {
    font-size: 23px;
}

.psition {
    background-position-x: 110px !important;
}

.main-hdng {
    background-position-x: 86px;
}
}

@media only screen and (max-device-width:576px){
.cat-pro-sec-1-con{
      gap: 4vw;
}
    .ui-widget.ui-widget-content {
        width: 50%;
    }
.cate-con-para p {
    font-size: 16px;
    line-height: 28px;
}
.nrml-srtbtn{
    position: absolute;
    right: 0%;
    top: 110%;
}
.cat-sub-list input[type="checkbox"] {
    appearance: none;
    height: 18px;
    width: 18px;
}
.catusub-op, .cate-sub-op {
    font-size: 15px;
}
.total-con {
        margin-top: 70px;
    }
    .fltr-vrtcl-tab {
        padding-bottom: 100vw;
    }

    .combo-prds-item {
        width: 47.6%;
    }
  .fltrmainDiv {
    margin-top: 20px;
}

.rvw-titleDiv flex{
 width: 100%;
}
.srtbtnnew{
    position: absolute;
    top: 100%;
    right: 0%;
}
.rvw-contnt {
    font-size: 16px;
}

.clint-name {
    font-size: 22px;
}

.rvw-mainDiv{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rvw-img-bx{
      width: 65%;
}

.rvw-star span {
    font-size: 16px;
  }
.choose-txt-con-3{
  margin-top: 0px;
}

    .choose-txt-con {
        top: 6%;
    }
   .top-slng-mob {
        width: 70%;
      }
      .tpslngDiv{
            display: flex;
         justify-content: center;
      }
.tab-content-dscrpsn ul li {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0px;
}
.TabboxMAin{
  width: 95%;
  overflow: hidden;
}
.Tabbox{
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
        scrollbar-width: none;
}
.tablinks {
    width: 46%;
    padding: 8px 16px;
}
.ui-widget.ui-widget-content {
        left: 47% !important;
    }
.main-container-box {
    margin-top: 16px;
  }
   
.rvw-sec {
    margin-top: 0px;
}

    .review-slider {
        padding-bottom: 0px;
    }

    .p-btm {
        padding-bottom: 0px;
    }
.policy-txt {
    font-size: 15px;
   width: 66px;
}
.rvw-sbmt-btn {
        width: 100%;
    }   
.order-Div {
        width: 50%;
    }

.order-devider {
    position: absolute;
    bottom: 77%;
    right: -18%;
  }
.order-devider-line {
        width: 75px;
    }

.order-process-title p {
        font-size: 44px;
    }
.choose-txt-con-1 {
    font-size: 20px;
  }

.choose-txt-con-2 {
    font-size: 26px;
  }

.choose-txt-con-3 {
        font-size: 22px;
    }
.tp-slng-div-con {
        width: 80%;
    }
.c-t-hdng-items {
        width: 44%;
    }

.c-t-hdng-qty {
    width: 30%;
}
.buttons button{
    padding: 12px 0;
    font-size: 16px;
    margin-top: 30px;
}

.or-div{
    margin-top: 24px;
}

.link span{
    font-size: 14px;
}

.email-2{
    font-size: 16px;
}

.lgin-div button{
    padding: 10px 0;
}

#email, #password{
    font-size: 16px;
}

.rvw-sbmt-pop button{
    padding: 10px 0;
    width: 25%;
}
.rvw-sbmt{
    margin-bottom: 10px;
}

.rvw-title p {
        font-size: 20px;
    }
.adn-pro-img {
        width: 19.6%;
    }
.cart-qntity-div {
        width: 23%;
    }
.cart-pro-details{
        margin-top: 20px;
        align-items: center;
    }
.cart-pro-img {
        width: 25.6%;
        margin-bottom: 20px;
    }
.pro-price p {
    font-size: 17px;
}
.cart-pro-details {
        width: 100%;
    }
#modal {
        width: 70%;
    }
.countdwn-bx {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.sub-box{
    width: 42%;
  
    }
.tdays-dlvry{
            width: 56%;
    }

.date-box {
        width: 72%;
        margin-bottom: 16px;
    }

.pin-box {
        width: 72%;
    }

.modal-content{
    width: 85%;
    }

.border-con p {
    font-size: 15px;
}


.knowmr-cntnt h2 {
    font-size: 20px;
}
.faq-sbmt-btn a{
    font-size: 15px;
}
    
.rvw-cntnt{
  width: 100%;
}
.wrtup-con p, .wrtup-con ul li {
    font-size: 15px;
}
.wrtup-hdng p {
    font-size: 16px;
}

.rvw-container {
    background-position: right 14px, left 724px;
    background-size: 104px, 140px;
}

.specialities-txt p{
        font-size: 17px;
    }

.spcl-gft-btn a {
    padding: 7px 18px;
    font-size: 14px;
}
.prod-tab {
    font-size: 14px;
}

.loca-bx {
    width: 28.33%;
}

.txt-con {
    width: 54%;
}

.txt-con p {
    font-size: 14px;
}

.devider{
    padding: 14px 0;
}

.trck-icn img{
    width: 24px !important;
    height: 15px !important;
}

.lft-icn img, .rght-icn img{
    width: 16px !important;
    height: 10px !important;

}

.slider-con{
    grid-gap: 10px;
}

.owl-nav img{
    width: 90%;
}

.rltn-cat-body .owl-nav, .explr-cat-body .owl-nav{
    position: static;
}
.owl-nav button.owl-prev {
    margin-right: 0px !important;
}
.rltn-cat-body .owl-nav button.owl-next, .explr-cat-body .owl-nav button.owl-next{
    position: absolute;
    right: -3%;
    top: 35%;
}
.rltn-cat-body .owl-nav button.owl-prev, .explr-cat-body .owl-nav button.owl-prev{
    position: absolute;
    left: -3%;
    top: 35%;
}
}


@media only screen and (max-device-width:542px){
.adressbook-hdng {
        font-size: 20px;
    }
.adrsbk-main {
    margin: 15px 0;
}
.wrtup-container h3, .wrtup-container h2{
      line-height: 27px;
  }
.add-read-more .read-more, .add-read-more .read-less{
  font-size: 15px;
}
.cat-sub-list input[type="checkbox"]:after {
    content: url(../../images/tick-phone.webp);
  }
.bubble{min-width: 18em !important;}
        .bubble-admin,.bubble-user{width: 18em !important;}
.nrml-srtbtn{
    position: absolute;
    right: 0%;
    top: 140%;
}

.total-con {
        margin-top: 80px;
    }
.fltr-tab-cntntDiv {
    width: 62%;
  }
.fltr-vrtcl-tab {
    width: 34%;
  }

.off-prcnt-div p{
  font-size:14px; 
}
.Dropdown .faq button {
  font-size: 18px;
  }

  .Dropdown .dropdownList li {
    font-size: 16px;
}
.ui-widget.ui-widget-content {
        left: 43% !important;
    }
.addnDiv {
    justify-content: normal;
  }
.addnDiv{
    margin: 0px 0 20px 0;
}
.Section {
    margin-bottom: 20px;
}

.addnhdng {
    margin-bottom: 15px;
    }

.make-spclDiv-hdng {
    font-size: 18px;
}

.make-spclDiv, .make-spcl-Div {
    gap: 4px;
    }
    .make-spcl-Div{
              width: 85%;
    }
  .pro-name p {
        font-size: 24px;
    }
  .tax-div p, .about-item-cntnt {
    font-size: 14px;
  }

  .cut-price span {
    font-size: 16px;
  }
.pro-name p{
  margin-bottom: 6px;
}

.addBag-div-txt {
    font-size: 20px;
    }

    .rvw-sec {
     margin-top: 10px; 
}
  .main-prce p {
        font-size: 25px;
        margin-right: 8px;
    }
      .step-txt {
        left: 12%;
      }

          .order-devider-line {
        width: 65px;
    }
    .step-con-div {
        width: 85%;
    }
  .choose-banner-contnt {
        height: 650px;
      }
    
        .timer-para {
        font-size: 25px;
    }
.mem-block {
        margin-bottom: 20px;
    }
    
.no-cart-btndiv, .no-ordr-btndiv{
        padding: 14px 0;
        font-size: 16px;
    }

.no-item-main-div {
        width: 60%;
    }
.person-name{
    flex-direction: column;
    align-items: flex-start;
}

.custo-name {
    margin-bottom: 8px;
}

#modal4 {
        padding: 30px 18px;
    }

.rvw-title p {
        font-size: 22px;
    }
.rvw-sbmt p {
    font-size: 22px;
}

 .pro-details {
        width: 43%;
    }

    .cart-qntity-div {
        width: 23%;
    }   
    
.pin-box {
        width: 90%;
    }
.date-box {
        width: 90%;
    }
.wrtup-container ul li {
    font-size: 16px;
}
.category-breadcrumb, .pro-num {
    font-size: 15px;
}
.card-header a {
        font-size: 16px;
    }
.dropdown .dropdownList li {
        font-size: 16px;
    }
.dropdown .faq button { 
        font-size: 17px;
    }
.wrtup-container p{
        font-size: 16px;
    }
.wrtup-container h3, .wrtup-container h2{
    font-size: 17px;
}
.cat-mid-bnr {
    margin-bottom: 32px;
    margin-top: 0px;
}
.specialities-txt p {
        font-size: 15px;
    }
.prd-det-title{
    font-size: 14px;
}
.main-price p {
        font-size: 16px;
    }
.off-price p {
        font-size: 14px;
    }
.early-txt p {
        font-size: 13px;
    }
.red-dot {
    left: 5%;
}

.arw-div {
    left: 22%;
}

.prod-tab {
    padding: 10px 20px;
}
.sub-con-bx:hover .see-more {
    bottom: 16px;
}

.see-more {
    left: 13%;
}

.see-more {
    padding: 10px 36px;
}

.see-more {
    left: 16%;
}

.see-more p {
    font-size: 14px;
}

.search-oc-txt p {
    font-size: 42px;
}
}
@media only screen and (max-device-width:524px){
    .cart-pro-details {
         margin-top: 0px;
        }
        .adn-pro-img {
        width: 28%;
    }
.inside-txt ul li {
        width: 50%;
    }
    .cart-pro-details {
        position: relative;
        flex-direction: column;
        align-items: normal;
        width: 65%;
    }

    .pro-details {
        width: 90%;
    }
        .cart-qntity-div {
        width: 44%;
    }

.pro-price {
    margin-top: 10px;
}
.cart-pro-img {
        width: 30.6%;
        margin-bottom: 0px;
    }

        .dlt-div {
        position: absolute;
        top: 0;
        right: 0;
    }
.policyImg{
  width: 48%;
}
.ui-widget.ui-widget-content {
        width: 52%;
    }
.descri-tabs li {
        font-size: 14px;
    }

.addBag-div-txt {
        font-size: 18px;
    }
  #thumbs {
        width: 55%;
    }

      .order-process-div {
        padding: 98% 0;
    }
    .v-srprise-txt-2, .v-srprise-txt-3 {
        font-size: 17px;
        line-height: 27px;
    }

    .v-srprise-txt-3 {
        padding-bottom: 20px;
    }

        .v-srprise-btn {
        padding: 12px ;
        font-size: 14px;
    }
    #modal3 {
        width: 90%;
    }

.frgt-bx {
        width: 90%;
    }
.update-main-bx{
        padding: 20px 26px 20px 26px;
        background-position: inherit;
}

.update-con {
        margin-top: 0px;
    }
.update-con {
        width: 100%;
    }

.subscribe-img {
        display: none;
    }

.sub-box {
        width: 100%;
    }

.countdwn-bx {
        width: 100%;
        display: block;
        } 
.show-cat-slider .owl-nav button.owl-next{
    right: -1.5%;
    top: 30%;
    }

.show-cat-slider .owl-nav button.owl-prev {
    left: -0.8%;
    top: 30%;
}
    .mobile-logo-con {
    width: 45%;
}



.head-right {
    width: 62%;
}


.gft-bskt-con {
    margin-top: 26px;
    margin-bottom: 0px;
}

.wine-label {
        padding-bottom: 20px;
    }


.gft-bskt-div {
    padding-bottom: 20px;
}

.gft-bskt-sbhdng{
    padding-top: 8px;
}

.all-pro-bx-1 {
    padding: 7px 30px;
    }

.inside-con p {
    font-size: 65px;
}

.bnr-txt-hvr {
    font-size: 20px;
}
}

@media only screen and (max-device-width:506px){
.category-breadcrumb li:after {
          margin: 2px 5px 0 5px;
}
.order-status-div{
        padding: 6px 20px 6px 20px;
}

.ordr-plcd {
    padding: 6px;
    }
.proddetails-main-hdng{
    display: none;
}
.ordr-plcd p{
    font-size: 14px;
}
.tab-con{
    padding: 10px;
}
.ordr-nmbr{
    font-size: 14px;
}
.prod-price, .dlvr-pro-chrg, .dlvry-date, .main-pro-name p {
    font-size: 14px;
}

.prod-image {
    width: 14%;
}
.pro-name-details {
    width: 30%;
}
.tablinks {
    padding: 8px 20px;
}
.rvw-cntntt p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 8px;
    }
.area p {
        font-size: 16px;
        margin-bottom: 0px;
    }
.rvw-cntnt {
        font-size: 16px;
        line-height: 25px;
    }
  .clnt-name {
        font-size: 16px;
    }

.cross {
        padding: 8px 12px;
        font-size: 20px;
    }
.location-container {
        width: 42%;
    }
    .psition-1 {
        background-position-x: 122px !important;
        background-size: 80px !important;
      }
  .step-txt {
        width: 27%;
    }

    .step-con-txt-1 {
        padding: 10px 0;
        font-size: 18px;
    }

    .step-con-div-image{
      width: 58%;
    }
.descri-tabs li.current::after {
    border-top: solid 9px var(--sitecolor);
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    top: 112%;
}
    .order-process-div {
        padding: 105% 0;
    }

    .order-devider{
      display: none;
    }

#thumbs {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #thumbs {
        width: 60%;
    }
.rvw-count p {
    font-size: 15px;
}

#modal {
        width: 80%;
    }

.rating-bx-con{
        align-items: center;
    }

  .cntnt-hide{
    display: none;
  } 

   .cntnt-show{
display: block!important;
   }
   
.gft-bskt-sbhdng {
    font-size: 16px;
}
.del-icn-bx {
        width: 5%;
    }

.rvw-container {
    background-position: right 14px, left 688px;
    background-size: 88px, 109px;
}

.see-txt {
    font-size: 15px;
}

.ex-cat-box img {
    width: 80% !important;
    transition: transform .5s ease-in-out;
}
.txt-con {
    width: 57%;
}

.devider {
    padding: 12px 0;
}

.brdr {
    width: 93%;
    height: 88%;
    margin: 15px;
}

.ex-cat-body .owl-nav {
    top: -12%;
}
.main-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .rvw-hdng h1, .also-view-hdng h1, .sml-hdng p {
    font-size: 22px;
}

.pttrn{
        background-size: 87px !important;
}

.tp-slng-div-con {
        width: 100%;
    }

}

@media only screen and (max-device-width:479px){
  .prod-tab {
        padding: 8px 15px;
        margin-right: 0px;
        width: 60%;
        font-size: 14px;
    }
  .pro-tab{
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
    gap: 8px;
  }
    .sameday-timer {
        font-size: 15px;
    }
    .timer-para {
        font-size: 20px;
    }
.tp-slng-title{
    font-size: 20px;
}
    .dlt-div {
        top: 20%;
    }
    .contact-lt {
        padding: 50px 30px 0 30px;
    }

.addn-box {
        width: 47.5%;
    }
  
  .addnDiv-hdng {
        font-size: 20px;
    }
  .make-spclDiv img, .make-spcl-Div img {
        width: 60%;
    }  
    .ui-widget.ui-widget-content {
        left: 40% !important;
        width: 55%;
    }
    .top-slng-mob {
        width: 60%;
      }
      .tpslngDiv{
            display: flex;
         justify-content: center;
      }
          .top-slng-div {
        gap: 16px;
    }
    .tablinks {
        font-size: 15px;
    }
.rvw-dsply {
    background-position-y: 38px !important;
}
.rvw-title p {
        font-size: 18px;
    }
.modal-text {
    padding: 16px;
  }
.rvw-title {
    line-height: 40px;
}
.coupon, .coupon-div button, .chckout-sbmt-btn a {
        font-size: 14px;
    }
.total-price p {
    font-size: 17px;
}
.cart-hdng{
        padding: 24px 0 24px 10px;
}
.addon-div {
    padding: 20px 14px;
}

.main-price p {
    font-weight: 700;
}
    .arw-div {
    left: 18%;
}


.txt-con {
    width: 62%;
}

.trck-icn {
    width: 5.5%;
}

.see-more {
    left: 12%;
}

.sm-con {
    width: 100%;
    margin-bottom: 20px;
}

.wrtup-hdng {
    padding: 14px 10px;
}

.wrtup-con {
    padding: 20px 0 45px 10px;
}
  
}



@media only screen and (max-device-width:466px){
.inpt {
        padding: 11px;
    }
#searchAlert {
        font-size: 12px;
    }
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 0px) !important;
    
}
.brdcrmb {
        padding: 10px 0 10px 0;
    }
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0px) !important;
}
    .cross {
        padding: 6px 10px;
        font-size: 17px;
    }
.rltn-cat-body .owl-nav button.owl-next, .explr-cat-body .owl-nav button.owl-next{
    right: -4%;
}
.rltn-cat-body .owl-nav button.owl-prev, .explr-cat-body .owl-nav button.owl-prev{
    left: -4%;
}
.moreDIV {
    width: 20%;
}


.cartsec-main-div{
    height: auto;
}
.moreDIV p {
    font-size: 12px;
    }
.review-order-ptitle {
    font-size: 16px;
}
.make-spclDiv{
  width: 80%;
}
    .ham-menu {
        top: 2.5%;
        left: 4%;
    }
.nrml-srtbtn, .sortBttn {
        width: 194px;
    }
.policy-txt {
    font-size: 15px;
/*    padding: 0 28px;*/
}
.fltr-tab {
    padding: 14px;
  }
    .fltr-vrtcl-tab {
        width: 36%;
        height: 100vh;
    }
      .fltr-tab-cntntDiv {
        width: 60%;
    }
    .tablinks {
        padding: 6px 16px;
    }

    .modal-heading{padding: 0.5rem 0;}
    .modal-heading h2 { font-size: 16px; }
    .modal-heading img{width: 14px;}
    .add-review-form select, .add-review-form input, .add-review-form textarea{font-size: 14px;padding: 10px 0 10px 6px;}
    .add-rating p{font-size: 16px;}
    .add-review-form button, .forgot-password button{width: 150px;padding: 8px 0; font-size: 13px;}
    .btn-position button{height: 50px;font-size: 15px;}
    .checkout-details{  padding: 12px;}
.ui-widget.ui-widget-content {
        left: 36% !important;
    }
  
.same-day-hdng {
        font-size: 16px;
        }

    .loca-bx p {
        font-size: 14px;
        padding: 15px 0 5px 0;
    }
.no-item-main-div {
        width: 70%;
    }
.cart-table-headings{
    display: none;
}
.fgrt-hdng h1 {
        font-size: 20px;
    }

.email-2 {
    margin-bottom: 25px;
    
}
.cart-pro-details{
    position: relative;
}




.add-to-cart-revamp, .upld-revamp, .buynow-revamp {
        font-size: 14px;
    }
.main-prce p {
        font-size: 30px;
    }

    .custo-div{
        gap:6px;
    }

.pro-name p {
        font-size: 22px;
    }
.opbutton{
    padding: 12px 14px;
    font-size: 16px;
}
.modal-content{
    width:90%;
    height: 100%;
    }

.srt-btn-bx {
        width: 30%;
    }
.faq-sbmt-btn a {
        font-size: 14px;
    }
.ham-drpdwn {
    height: 470px;
    overflow-y: scroll;
}

.rating {
    font-size: 15px;
}
.rating span {
    margin-right: 3px;
}

.footer{
    margin-top: 35px;
    }
.blg-con {
        margin: 20px 0 30px 0;
    }



.red-dot {
    left: 6%;
}

.search-bar button {
    font-size: 17px;
}

.head-right {
    width: 70%;
}

.search {
    width: 100%;
}

.mobile-logo-con {
    width: 50%;
}

.inpt{
    font-size: 13px;
}
    .search-bar button {
        padding: 11px 28px;
        font-size: 15px;
    }
.arw-div {
    left: 16%;
}

#pro-price{
            padding: 6px 14px;
    }

.abt-para-1{
 font-size: 14px;
    }
.abt-main-hdng {
    font-size: 16px;
}

.spcl-gft-btn a {
    font-size: 13px;
}

.hdng-1 {
    font-size: 20px;
}

    .gft-overlay {
    padding: 6px 0;
}
.loca-con{
        gap: 8px;
        justify-content: flex-start;
    }

    .loca-bx {
        width: 23.33%;
    }

.inside-con p {
    font-size: 58px;
}

.bnr-txt-hvr {
    font-size: 18px;
}

.dropdown .faq{
        padding: 14px 18px;
}

.dropdown .dropdownList {
    display: none;
    padding: 4px 30px 20px 18px;
}
.updt-hdng {
        font-size: 24px;
    }
      .location-container {
        width: 45%;
    }
    .show-cat-image {
        border-radius: 16px;
    }
}

@media only screen and (max-device-width:441px){
    .addn-tab {
        width: 45%;
      }
.rvw-con {
    margin: 25px 0 0px 0;
}

.date-main-div input{
  font-size: 12px;
}
  .category-breadcrumb, .pro-num {
        font-size: 13px;
    }

.order-status-div {
        padding: 6px;
        border-radius: 0px;
    }
.explr-cat-txt p{
    font-size: 14px;
}
    .retire {
        margin-bottom: 0px;
    }
.ui-widget.ui-widget-content {
        left: 35% !important;
        width: 60%;
    }
.rvw-main-box {
    padding: 0 44px;
}
.bnr-sbhdng-1{
  font-size: 22px;
}
.choose-txt-con-3 {
        font-size: 20px;
    }

.step-con-txt-2 {
        font-size: 14px;
    }

.step-con-txt-1 {
        font-size: 16px;
    }

.pttrn {
        background-size: 88px !important;
        background-position-x: 75px !important;
    }
.retire-con {
        gap: 0px;
    }
.specialities-txt {
        width: 45%;
    }

.specialities-txt p {
        font-size: 14px;
    }
.choose-txt-con {
        top: 7%;
    }
.choose-para {
      font-size: 14px;
        line-height: 28px;
    }
    .choose-banner-contnt {
        height: 636px;
    }
.tab button {
        padding: 8px 18px;
        font-size: 14px;
    }
.show-cat-txt p {
    font-size: 14px;
}
.cate-con h1 {
        font-size: 24px;
    }
.cntnt-show{
    display: none;
}
.knowmr-cntnt h2 {
    font-size: 18px;
}
.combo-hdng, .cart-hdng h1,.summery-hdng p {
        font-size: 21px;
    }
.abt-us-con {
    padding: 0px 10px 30px 0px;
}

.abt-us-txt {
    padding: 0 0 0 10px;
}

.blg-para {
        font-size: 14px;
    }

.rvw-pttrn {
    background-position-x: 143px !important;
}
.rvw-container {
    background-position: right 33px, left 660px;
    background-size: 77px, 100px;
}


.off-tag p {
    font-size: 14px;
}
.off-tag{
        padding: 4px 10px;
}
  .sub-con :nth-child(4), .sub-con :nth-child(3){
        margin-top: 20px;
    }

.retire-box{
        margin-bottom: 20px;
      }

.search-oc-txt p {
    font-size: 36px;
}

.see-more {
    padding: 8px 30px;
}

.mdl-bnr-bx {
    width: 100%;
    margin-bottom: 20px;
}

.mdl-gap{
    margin-bottom: 20px;
}

 .mdl-bnr {
    margin-bottom: 10px;
}

.sml-bnr-con {
    margin: 30px 0;
    }
.main-hdng {
    background-position-x: 76px;
    background: none;
}

.explr-cat-body {
    margin-top: 30px;
}

.sm-day-bx {
    margin: 0px 0 10px 0;
}

.owl-nav img{
    width: 82%;
}

.rltn-cat-body, .explr-cat-body, .combo-cat-body  {
    margin-top: 20px;
}
.psition {
    background-position-x: 102px !important;
}
.blg-con {
        margin: 20px 0 0px 0;
    }
  .locationDiv-bx{
    margin-top: 10px;
  }
.main-hdng h1, .pro-main-hdng h1, .gft-bskt-hdng h1, .faq-hdng h1, .blg-hdng h1, .also-view-hdng h1, .sml-hdng p{
    font-size: 18px;
}

.main-hdng h1, .pro-main-hdng h1, .blg-hdng h1 {
    line-height: 25px;
}
    .fnky-bx {
        padding-bottom: 20px;
    }
 .rvw-hdng h1{
      font-size: 20px;
 }
.txt-con {
    width: 65%;
}
.brdr {
    margin: 12px;
}

.inside-con p {
    font-size: 48px;
}

.ex-cat-body .owl-nav {
    top: -16%;
}

    .rvw-title p {
        font-size: 17px;
    }
}

@media only screen and (max-device-width:435px){
    .addBag {
        background-position: right 44px top 50%, 0 0;
    }
.rvw-cntntt p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 8px;
    }
    .area p {
        font-size: 17px;
        margin-bottom: 0px;
    }
    .location-container {
        width: 48%;
    }
    .top-slng-para {
        font-size: 18px;
    }
  .order-Div-flx {
        margin-bottom: 28px;
    }

    .step-txt p {
        font-size: 18px;
    }

    .step-txt {
        width: 27%;
    }

.order-Div-flx {
        margin-bottom: 50px;
    }
.order-process-div {
        padding: 110% 0;
    }

.step-con-div {
        width: 90%;
    }

#modal {
        width: 90%;
    }
.arw-div {
    left: 18%;
}
.arw-div p {
    font-size: 16px;
}
.arw-div {
    padding: 8px 10px;
}

.spcl-gft-btn a {
    padding: 4px 14px;
}


    .TabboxMAin {
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-device-width:420px){
.rltn-cat-body .owl-nav button.owl-next, .explr-cat-body .owl-nav button.owl-next{
    top: 26%;
}
.rltn-cat-body .owl-nav button.owl-prev, .explr-cat-body .owl-nav button.owl-prev{
    top: 26%;
}

.rltn-cat-body .owl-nav button.owl-next, .explr-cat-body .owl-nav button.owl-next {
        right: -5%;
    }
    .moreDIV {
        width: 25%;
    }
  


    .make-spclDiv {
        width: 73%;
    }

    .policy-txt {
        font-size: 15px;
        /*padding: 0 22px;*/
    }
    .tablinks {
        padding: 6px 12px;
    }
.pin-box {
        width: 100%;
    }
.loca-bx {
        width: 23%;
    }
.date-box {
        width: 100%;
    }
.gft-bskt-div {
        padding-bottom: 16px;
    }

.gft-bskt-sbhdng {
        padding-top: 6px;
    }

.txt-con {
    width: 70%;
}

.see-more {
    left: 10%;
}

.search-oc-txt p {
    font-size: 32px;
}


.gft-overlay {
    bottom: -32%;
}

.wine-img-box-text {
    left: 7%;
}

.rvw-container {
    background-position: right 48px, left 630px;
    background-size: 70px, 90px;
}

.del-icn-bx {
        width: 7%;
    }
        .hdng-wdth {
        width: 90%;
    }
.order-process-div {
        padding: 115% 0;
    }
    .location-container {
        width: 52%;
    }
    .ui-widget.ui-widget-content {
        left: 28% !important;
        width: 66%;
    }
}

@media only screen and (max-device-width:390px){
.addn-box {
        width: 46.5%;
    }
.addnDiv-hdng {
        font-size: 18px;
    }
  .c-moadl-close{
    width: 12%;
    font-size: 26px;
  }
    .addBag {
        background-position: right 30px top 50%, 0 0;
    }
  
 .inpt{
  width:83%;
 }
.choose-banner-contnt {
        height: 665px;
    }
.rvw-container {
        background-position: right 48px, left 600px;
    }

.red-dot {
    left: 6%;
}

.head-right {
    width: 80%;
}
.arw-div {
    left: 16%;
}



.wine-img-box-text {
    left: 6%;
}
.txt-con {
    width: 74%;
}
}

@media only screen and (max-device-width:382px){

.ui-widget.ui-widget-content {
        left: 24% !important;
        width: 70%;
    }
.cart-qntity-div {
        width: 53%;
    }
.date-hldr {
    font-size: 16px;
}

.date-box button{
    padding: 28px 30px;
}

.ham-hdng p{
        font-size: 18px;
    }

.ham-drpdwn-head{
        padding: 6px 0;
    }

.menu-title p, .sub-test-menu p{
        font-size: 15px;
    }
.arw-drp{
font-size: 15px;
}

.rvw-hdng h1 {
    font-size: 19px;

}
.sub-con-bx:hover .see-more {
    bottom: 12px;
}

.see-more {
    padding: 6px 24px;
}

.gft-overlay {
    bottom: -35%;
}
}

@media only screen and (max-device-width:375px){

.order-process-div {
        padding: 124% 0;
    }
    
.cate-con h1 {
        font-size: 17px;
    }
   
.tab button {
        padding: 8px 10px;
        font-size: 14px;
    }

.osd-headDiv {
    padding: 7px;
  }
.osd-head {
        font-size: 13px;
    }

.srt-btn-bx {
        width: 37%;
    }

.border-con p {
        font-size: 13px;
    }
#pro-price {
    font-size: 14px;
}

.wine-label, .fnky-bx {
    padding-bottom: 30px;
}

.owl-nav img {
    width: 70%;
}

.bnr-txt-hvr {
    font-size: 16px;
}

}


@media only screen and (max-device-width:369px){
     .order-process-div {
        padding: 130% 0;
    } 
.choose-banner-contnt {
        height: 695px;
    }
.updt-hdng {
        font-size: 22px;
    }
.updt-para {
        font-size: 17px;
    }
.sub-email{
    padding: 12px 12px;
}
.rating {
        font-size: 14px;
    }
.main-price p {
        font-size: 16px;
    }


.rvw-pttrn {
        background-position-x: 120px !important;
    }

.off-price p {
        font-size: 14px;
    }

.arw-div {
    left: 12%;
}
.txt-con {
    width: 73%;
}
.txt-con p {
    font-size: 13px;
}


.red-dot {
        left: 7%;
    }

    .location-container {
        width: 56%;
    
    }
  .ui-widget.ui-widget-content {
        left: 18% !important;
    }
}

@media only screen and (max-device-width:345px){
.see-more {
    left: 8%;
}

.see-more p {
    font-size: 13px;
}

.location-container {
        width: 60%;
    }
}