@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
	--sitecolor: #a94160;
	--deepestcol:#15be61;
	--black:#000;
	--grayrgba:rgb(201, 196, 196);
	--catbantxt:#ef4b4b;
    --navbar: #EDC5C6;
}

@font-face {
    font-family: "MYRIADPRO-REGULAR";
    src: url(../fonts/MYRIADPRO-REGULAR.OTF) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url(../fonts/PlayfairDisplay-Regular.otf) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rakkas-Regular";
    src: url(../fonts/Rakkas-Regular.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'montserrat', sans-serif }
html { font-size: 15px; scroll-behavior: smooth }
.clearfix::after { content: ""; clear: both; display: table }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between }
.flex1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex3 { display: flex; flex-wrap: nowrap; justify-content: flex-end; }
.flex4 {display: flex; flex-wrap: wrap; justify-content: center; }
.fixed { position: fixed; width: 100%; top: 0; z-index: 200 }
a {text-decoration: none}
hr{ color: #cbc9c9; }
button, input, optgroup, select, textarea { font-family: inherit; line-height: 1.15; }


/*header*/
.index-heading {width: 100%}
.head11 { background-color: var(--navbar); padding: 0.3rem 1rem; color: #fff;}
.wine-title{display: none;}
.head11-left {display: flex;align-items: center;}
.head11-left p { font-size: .85rem; font-weight: 500; color: #000; margin-left: 0.5rem; }
.head11-right a { color: #000; font-weight: 500; transition: color .2s linear; font-size: .85rem;text-transform: uppercase; }
.head1 { background-color: #f3f3f3; height: 0; padding-top: 10px !important; padding-bottom: 30px !important; flex-wrap: nowrap }
.head1,.head2 { padding: .5rem 1rem }
.head1-left h3 { font-size: 14px; font-weight: lighter; color: #4c4848; margin-left: .5rem }
.head1-right a { color: #4c4848; font-weight: 500; transition: color .2s linear; font-size: 14px }
.head1-right a:hover, .head2-options:hover.head2-options p { color: #b3327b }
.head2 { margin: 1rem 0; position: relative; height: 0; padding-bottom: 8%;align-items: center; }
.search-bar2 { width: 30%; /*margin: auto 0;*/ position: relative; }
.search-bar2-main {display: flex;justify-content: center;}
.search-bar2 input { width: 100%; font-family: montserrat,sans-serif; font-size: 15px; border: 1px solid var(--sitecolor); border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0.5rem 0 0.5rem 1rem; outline: none;}
.search-bar2 .search-btn { width: 13%; cursor: pointer; border: 1px solid var(--sitecolor); border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: var(--sitecolor); color: #fff; }
.logo { width: 24%; padding-bottom: 2rem; }
.logo-img { height: 0; padding-bottom: 24%;cursor: pointer; }
.logo img { width: 95%; height: auto; display: block; margin: 0 auto }
.logo p { font-weight: 600; font-size: 16px; text-align: center }
.head2-right { width: 300px; /*margin: auto 20px auto 0 */    margin-right: 30px;align-items: baseline;}
.head2-options { margin-right: 8px }
.head2-options i { color: var(--sitecolor) ;font-size: 1.4rem ;height: 21px;width: 21px;}
.head2-options .fa-truck { margin-left: 3rem }
.head2-options .fa-dollar-sign, .head2-options .fa-jpy { margin-left: 2.5rem }
.head2-options p { color: var(--sitecolor); font-size: 1.4rem; font-weight: 600; transition: color .1s linear }
#searchAlert{    color: red; font-size: 13px; font-weight: 600;}

/*navbar*/
.cat-menu span,.occation-btn span{ font-size: 15px;margin-left: 5px;}
.view-cat {display: none}
.categories ul { width: 100%; list-style: none; background-color: var(--sitecolor); }
.category-btn,.occation-btn{color: #ffed00;}
.categories ul li { width: 14.2%; font-size: 17px; text-align: center; padding: .6rem 0; transition: background-color .2s linear }
.categories ul li a {display: block; color: #fff ; cursor: pointer;font-weight: 600; }
.categories ul li a:hover { display: block }
#cat-mega-menu ul li a{ color: var(--sitecolor) !important; }
#oc-mega-menu ul li a{ color: var(--sitecolor) !important; }
#rel-mega-menu ul li a{ color: var(--sitecolor) !important; }
.categories ul li:hover a{ color:white !important; }
.highlight{background:#B454CB !important;}
.highlight a{color:#FFFFFF !important;}

/*home banner*/
.new-banner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0.5%;
    margin: 6px auto;
    justify-content: space-between;
    overflow: hidden;
    width: 98.7%;
}
.new-banner-mob {
    display: none;
}
.ban-lft-container, .ban-rgt-container {
    display: flex;
    flex-direction: column;
    width: 23%;
}
.banner-row {
    cursor: pointer;
    position: relative;
    height: 0;
    padding-bottom: 79%;
}
.banner-row-2 {
    cursor: pointer;
    position: relative;
    height: 0;
    padding-bottom: 77%;
}
.ban-img {
    border-radius: 15px;
}
.banner-txt {
    position: absolute;
    top: 22%;
    /* width: 45%; */
}
.bg-lft-txt {
    text-align: right;
    right: 3%;
}
.bg-bold {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: var(--sitecolor);
/*    margin-bottom: 10px;*/
    text-transform: capitalize;
}
.bg-light {
    font-family: "Poppins", sans-serif;
    color: var(--sitecolor);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.shop-now {
    clear: both;
    text-transform: uppercase;
    margin-top: 40px;
/*    font-size: 8px;*/
}
.shop-now a {
    /* background-color: #771447; */
    background-color: #bf5977;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-family: "MYRIADPRO-REGULAR";
}
.ban-mid-container {
    width: 52.8%;
    cursor: pointer;
    position: relative;
}
.img1 {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 15px;
}
.ban-mid-txtbox {
    position: absolute;
    top: 18%;
    text-align: right;
    right: 3%;
    width: 25%;
}
.mid-bold {
    font-family: "Poppins", sans-serif;
    font-size: 55px;
    font-weight: 500;
    color: var(--sitecolor);
    text-transform: capitalize;
}
.mid-light {
    font-family: "Poppins", sans-serif;
    color: var(--sitecolor);
    font-size: 28px;
    font-weight: 500;
/*    margin-bottom: 7px;*/
    text-transform: capitalize;
}
.smban-txt {
    color: var(--sitecolor);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 52px;
    font-family: "Poppins", sans-serif;
}
.shop-now-mid{text-transform: uppercase;margin-top: 4rem;}
.shop-now-mid a {
    background-color: #bf5977;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 20px;
    border-radius: 12px;
    font-family: "MYRIADPRO-REGULAR";
    letter-spacing: 1px;
}

.sm-ban-txtbox {
    position: absolute;
    text-align: left;
    top: 22%;
    left: 3%;
}
.sm-bold {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: var(--sitecolor);
/*    margin-bottom: 10px;*/
    text-transform: capitalize;
}
.sm-light {
    font-family: "Poppins", sans-serif;
    color: var(--sitecolor);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: capitalize;
}

a {
    text-decoration: none;
}

.img2 {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/*products block*/
.home-products {position: relative;	padding: 0 2%;margin-top: 2%}
.product-discount p { background-color: var(--sitecolor); color: #fff; border-radius: 100%; height: 45px; width: 45px; text-align: center; padding: 3px; align-items: center; display: flex; font-size: 12px;font-weight: 600; }
.prd-info-block{padding: 0px 20px;text-align: left;}
.prd-block-desc{height: 6vh;padding: 15px 0px;}
.prd-block-desc p{ color:#4c4848; font-size: 15px; font-weight: 500; }
.prd-container{ gap:1%; display: flex; flex-direction: row; flex-wrap: wrap; text-align: center;width:100%; }
.prd-block, #cakes-banner{ width: 24.2%; border: 1px solid var(--black); border-radius: 15px;margin-bottom: 1%;}
.product-discount { position: absolute; padding-left: 0.5%; padding-top: 0.5%; }
.prd-img-block {height: 0;padding-bottom: 100%;}
.prd-block img,.item img{ width: 100%;   height: auto; border-top-right-radius: 15px;border-top-left-radius: 15px; }

.btn-section{cursor: pointer; padding: 2% 0%; border-radius: 5px;}
.btn-section a {color: grey;font-size: 35px; }
/* .btn-section a:hover{color: #b3327b;} */
.prd-block:hover .btn-section a{color: var(--sitecolor);}
.item:hover .btn-section a{color: var(--sitecolor);}

/*cart page*/
.container1{display: flex; flex-wrap: wrap; width: 95%; margin: 2rem auto; box-shadow:-1px 1px 12px -2px #7c7c7c ; border-radius: 5px;}
.checkout-btn1{ padding-top:4% }
.select-rupee select{ border:none; font-size: 21px; width: 92px;text-align: left;margin-left: -4px;color: #000;}
.main-price-section{    display: flex; justify-content: center; align-items: center;}
.current-price{font-size: 22px;color: var(--sitecolor);font-weight: bold;    padding: 0 5px;}
.cart100{ width: 70%; padding-top: 3%; padding-left: 5%; padding-right: 5%; padding-bottom: 5%; }
.cartempty{padding: 3% 5% 5%;    width: 100%;}
.cart100 h1,.cartempty h1{ padding-bottom: 6%; font-weight: 500; color:var(--sitecolor);text-align: center; }
.cartempty h1{padding-bottom: 1%;}
.summary{ width: 30%; padding: 4%; text-align: center; background-color: #f8f8f8; }
.summ-head {    border-bottom: 1px solid var(--grayrgba); padding-bottom: 10px;}
.coupon-head{padding-bottom: 1%;  color:var(--sitecolor); border-bottom: 1px solid var(--grayrgba); padding-bottom: 10px;font-weight: 600;}
.apply-coupon{    margin: 20px 0;   display: flex; justify-content: space-between;}
.apply-coupon input[type="text"]{padding: 12px 0 12px 8px; width: 80%; }
.apply-coupon button[type="submit"]{    width: 18%;background-color: var(--sitecolor);border: none;color: #ffffff;cursor: pointer;}
.coupon-error{color: red;font-size: 18px;visibility: hidden;}
.summ-head h3{ padding-bottom: 1%;  color:var(--sitecolor); }
.shopping-count{    width: 24%; text-align: center;}
.shopping-count input{ width: 35px;height:35px; text-align: center;    margin-right: 10px; }
.shopping-count input[type="number"]::-webkit-outer-spin-button,input::-webkit-inner-spin-button {    -webkit-appearance: none;    margin: 0;}
.shopping-count input[type=number]{ -moz-appearance: textfield;}
.item-count{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 10%;align-items: center; }
.items-number,.ship{width: 45%;text-align: left;}
.total-shopping{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10%;padding-top: 5%;border-top: 1px solid var(--grayrgba);color: var(--sitecolor); font-weight: 600; }
.shopping-count input{ width: 24%; text-align: center; }
.shopping-cart-title span{ font-size: 13px; color: var(--sitecolor); font-weight: 600; padding-top: 1%; }
.card-delete{ color:var(--sitecolor); font-weight: 700;margin-right: 5px;}
.shopping-count i{ color:var(--sitecolor); }
.item-count{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 10%; }
.dropdown-delivery-select{ border: none; height: 32px; width: 102%; }
.coupon p{ padding-top: 9%; padding-bottom: 6%; float: left; }
.coupon input{ border: none; height: 30px; width: 104%; margin-bottom: 7%; }
.total-shopping{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 8%; }
.checkout-btn{ padding-top: 11%; }
.checkout{     background-color: var(--sitecolor); border: none; color: white; padding: 3%; font-size: 15px; cursor: pointer; display: block; border-radius: 5px;     width: 100%;}
.checkout1{    background-color: #ddd; border: none; color: #605f5f; padding: 3%; font-size: 15px; cursor: pointer; display: block; border-radius: 5px;}
.back-to-shop{    background-color: #fff; text-align: right; padding-top: 10px;}
.back-to-shop a { color: var(--sitecolor); font-size: 17px; }
.divider11{ width: 98%; height: 1px; background-color: var(--grayrgba); display: inline-block; margin-bottom: 0.8%;}
.divider12{width: 107%;height: 1px; background-color: var(--grayrgba); display: inline-block; margin-bottom: 3%; }
.divider13{ width: 110%; height: 1px; background-color: var(--grayrgba); display: inline-block; margin-bottom: 3%; }

.dropdown-delivery{padding-top: 8%;}
.shipping{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 12%; }
.shopping-card-1{ display: flex; justify-content: space-around; align-items: center; }
.cart200{ height: 300px; overflow-y: scroll; }
.shopping-card-img-1 img{ width:50px; height: 50px; }
.cart200::-webkit-scrollbar{display: none;}
.cart200::-moz-scrollbar{display: none;}
.cart200 .card-group{    padding-bottom: 10px;border-bottom: 1px solid var(--grayrgba);}
.shopping-card-img-1 img{ width:100px; height: 100px; }
.img-cross,.img-details{display: flex;align-items: center;justify-content: space-between;}
.img-details{width: 85%;}
.shopping-cart-title{width: 36%;}
.shopping-count { /*width: 15%;*/ text-align: center; }
.shopping-count input { width: 35px; height: 35px; text-align: center; /*margin-right: 10px;*/ }
.ind-ship-fee, .card-price { width: 30%; text-align: center; }
#home-price1{font-size: 14px !important;}
.Fulfillment{ font-weight: 300; font-size: 120%; padding-top: 1%; padding-bottom: 1%; }
.address-1{font-size: 13px;}
#t5{height: 150px;}
#t4{height: 28px;}
.page-heading h1{ color:var(--sitecolor); text-align: center;  padding-bottom:10px; }
.address{ text-align: center; padding-top:10px; }
.row { clear: both; padding: 0; margin: 0; }
.conpage_contactinfo p.infotext {color: #250024;}
.conpage_contactinfo p {text-align: center;}
.interface-large p {margin-bottom: 0.8em;}
.contact-btn2 { background: var(--sitecolor)!important; color: #fff!important; text-decoration: none; width: auto; height: 28px; display: inline-block; cursor: pointer; border-width: 0; border-radius: 6px; margin: 4px; }
.address h4{font-size: 16px;}
.sign-up, .log-in { font-family: 'Montserrat', sans-serif; background-color: #f9f7f7; padding: 3rem 0; }
.conpage_container { border-color:var(--sitecolor) !important; max-width: 790px; margin-bottom: 80px; width: 98%; border-radius: 5px; margin: .5% auto; border: 1px solid; }
#address-1{padding-bottom: 1%;}
.conpage_heading { display: block; padding: 5px 0; font: normal 18px Arial; text-align: center; }
.conpage_content { width: 98%; margin: 0 auto; font: normal 13px Arial; }
.conpage_col_col2 { width: 66.6666%; float: left; }
.resp_conform p { margin: 0; padding: 0; display: block; clear: both; }
.conpage_coleq2 { width: 50%; float: left; }
#contactform_new label { display: block; clear: both; margin: 2px 0; margin-top: 8px; }
.required-formfield { color: #ff0000; margin-right: 5px; font-size: 11px; }


/* .contactform_new_captcha { height: 28px!important; border: none!important; border-bottom-color: #FFFFFF!important; text-align: center; font-size: 19px!important; background-image: url(https://www.expressgiftbasketsusa.com/captcha_bg2.jpg); padding: 0!important; margin-top: 0!important; } */
.required-smalltext { color: #250024; font-size: 11px; }
.conpage_btncontent:nth-child(1) { order: 1; text-align: left; }
.conpage_btncontent { flex: 1; width: 50%; }
.conpage_btncontent { flex: 1; width: 50%; }
#contactform_new input[type='button'] { background: var(--sitecolor)!important; color: #fff!important; width: 60%; }
#contactform_new input, #contactform_new select, #contactform_new textarea { padding: 4px; margin: .5%; border: 1px solid #ccc; width: 99%; color: #2C3E50; font-size: 13px; -webkit-box-sizing: border-box; }
#contactform_new input[type='hidden'] { height: 0; width: 0; margin: 0; padding: 0; border: 0; }
.conpage_btncontainer {display: flex;}
.conpage_btncontent:nth-child(1) {order: 1;text-align: left;}
.conpage_btncontent:nth-child(2) { order: 2; text-align: right; }
.show-mobile { display: none; visibility: hidden; }
.conpage_col_col1 { width: 33.3333%; /*float: left;*/ display: flex; }
.conpage_contactinfo { border-color: #333333; margin-left: 20px; margin-top: 20px; border-left: 1px solid; min-height: 490px; height: auto; display: block; width: 100%; }
.conpage_heading { background: var(--sitecolor); color: #ffffff; }


.conpage_coleq2 { width: 50%; float: left; }

.conpage_content hr { background: #cccccc; margin: 10px 0; padding: 0; display: block; height: 1px; border-width: 0; }
.required-formfield {color: #ff0000;}
.my-social1{justify-content: center !important;}
.sign-up-body { max-width: 1000px; margin: 2rem auto; padding: 2rem; border-radius: 5px; box-shadow: -1px 1px 12px -2px #7c7c7c; background-color: white; }
.sign-up-body h1, .log-in-body h1 { color: var(--sitecolor)!important; text-align: center; }
.sign-up-form { justify-content: space-evenly; margin-top: 2rem; }
.form-group { width: 45%; display: flex; flex-direction: column; padding: 0.5rem 0; margin-bottom: 0.5rem; }
/* .form-group label { color: var(--black); font-weight: 400; margin: 0.5rem 0; } */
.form-group input ,.form-group textarea{ padding: 0.8rem 0 0.8rem 0.7rem; font-family: 'Montserrat', sans-serif; border-radius: 5px; border: 1px solid darkgray; }
.form-group select { font-size: 1rem; border-radius: 5px; font-family: 'Montserrat', sans-serif; padding: 0.6rem 0.5rem; color: var(--black); }

.sign-up-btn button { width: 250px; display: block; padding: 0.5rem 0; font-size: 1.2rem; margin: 1rem auto; border-radius: 50px; border: 2px solid var(--sitecolor)!important; background-color: var(--sitecolor)!important; color: white; cursor: pointer;}
.sign-up-social, .log-in-social { margin-top: 2rem; text-align: center; }
.sign-up-social p, .log-in-social p {padding: 1rem 0;}
.fb-n-gle { width: 90%; margin: 0 auto; justify-content: center; }
.sign-up-social p, .log-in-social p {padding: 1rem 0;}
.log-in-body { max-width: 500px; margin: 2rem auto; padding: 2rem; border-radius: 5px; box-shadow: -1px 1px 12px -2px #7c7c7c; background-color: #fff; }
.log-in-body h1 { color: #dc446c; text-align: center; }
.log-in-form { margin-top: 0; flex-direction: column; }
.l-form-group { width: 90%; display: flex; flex-direction: column; padding: 0.5rem 0; margin: 0.5rem auto 0; }
.mno { justify-content: flex-start; margin-top: 0.5rem; }
.l-prefix { width: 45px; height: 40px; border: 1px solid var(--sitecolor)!important; display: flex; justify-content: center; align-items: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: var(--sitecolor)!important; color: #fff; }
.l-form-group input { width: 88%; padding: 0.7rem 0 0.7rem 0.7rem; font-family: montserrat,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #a9a9a9; }
.forgot-pass { width: 90%; margin: 0.5rem auto 1rem; display: flex; justify-content: flex-end; }
.forgot-pass a { color: #7c7c7c; transition: color .2s linear; }
.log-in-btn button { width: 180px; display: block; padding: 0.5rem 0; font-size: 1.2rem; margin: 1rem auto; border-radius: 50px; border: 2px solid var(--sitecolor)!important; background-color:var(--sitecolor)!important; color: #fff; cursor: pointer;}
.log-in-social { margin-top: 2rem; text-align: center; }
.log-in-social hr { border: 0; border-top: 1px solid rgba(0,0,0,.1); }
.log-in-social p {padding: 1rem 0;}
.log-in-social p a,.sign-up-social p a{color: var(--sitecolor); font-weight: 600;}
.fb-n-gle { width: 90%; margin: 0 auto; justify-content: center; }
.fb-n-gle a {margin: 1rem;}
.log-in-social p {padding: 1rem 0;}
.product-image1{border-color: #cbc9c9;}
.details-img1{ width: 98%; max-width: 500px; }
.cart-page h1{ text-align: center; color:var(--sitecolor); }

/* .quantity{margin: 0 0 0 5rem;} */
.quantity label{font-size: 21px;}
.quantity input[type='number']{padding: 6px 11px; border-radius: 5px; text-align: center; outline: none; margin: 0 20px 0 10px; width: 60px;}
/**************************PAGE DETAILS STYLE STARTS FROM HERE******/
.cake-delivery1{ gap:1%; display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; }
.cake-delivery1{ gap:1%; display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; }
.new-banner1{position: relative;}
.new-banner1 img{ width: 100%; min-height: 250px; height: auto; }
.pg-ban-txt{
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 50%;
}
.mobile-banner{
    display: none;
}

.ban-bg-txt h1 {
    color: var(--sitecolor);
    font-size: 50px;
    font-weight: 500;
    text-align: center;
    font-family: "Poppins", sans-serif;
    line-height: 70px;
}
.ban-bg-txt span {
    font-size: 19px;
    color: #7F7E7F;
    font-weight: 500;
}
/*.ban-bg-txt span {
    color: #000;
    font-size: 32px;
    font-weight: 400;
}*/
.mobile-heading{display: none;}
/* .ban-sm-txt{
	font-size: 50px;
    font-weight: 400;
    color: #d79913;
    font-family: "Blackside-Rust-Bold";
    letter-spacing: 6px;
}*/
/* .pg-ban-txt em {
    color: #d79913;
    font-size: 130px;
    font-weight: 400;
    font-family: "Blackside-Rust-Bold";
    letter-spacing: 4px;
	font-style: normal;
}
.pg-ban-txt span {
    font-size: 60px;
    font-weight: 400;
    color: #d79913;
    font-family: "Blackside-Rust-Bold";
    letter-spacing: 6px;
} */

/****************************PAGE DETAILS STYLE ENDS HERE********/
/******************************SHOPING CART STARTS HERE*****************************/
.shopping-cart-heading{ text-align: center; color:var(--catbantxt); font-weight: 400; margin-bottom: 2%; font-size: 190%; }
.shopping-cart{ border-color: #e1e1e1; overflow-x: hidden; font-size: 1em; margin-left: 2%; margin-right: 2%; margin-top: 2%; }
.shopping-cart table{ width: 100%; border-collapse: collapse; }
table { display: table; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; }
.shopping-cart th:nth-child(1), .shopping-cart th:nth-child(5), .shopping-cart th:nth-child(6){ min-width: 50px; width: 10%; }
.shopping-cart td, .shopping-cart th{ border-color: #ccc; }
.shopping-cart th { background: #fa5477; color: #fff; padding: 6px; border: 1px solid; font-weight: 700; font-size: 15px; }
tbody { display: table-row-group; vertical-align: middle; border-color: #ccc; }
.shopping-cart table{ border-collapse: collapse; }
tr { display: table-row; vertical-align: inherit; border-color: #ccc; }
.shopping-cart th:nth-child(1), .shopping-cart td:nth-child(1){ text-align: center; }
.shopping-cart td{text-align: center;}
.shopping-cart td, .shopping-cart th{ border-color: #ccc !important; padding: 6px; border: 1px solid; }
.shopping-cart td img { width: 70px; height: 70px; }
.shopping-cart td:nth-child(4) a { background: #549f6c; color: #fff; padding: 5px; margin: 0 2px; display: inline-block; text-align: center; text-decoration: none; }
.shopping-cart td:nth-child(4) a.cart-delete {background: #d1200c;} .cart-calculate table { width: 40%; min-width: 300px; border-collapse: collapse; font-size: 14px; font-family: 'Tenor Sans'; }
.cart-calculate table { float: right; border-collapse: collapse; margin-top: 2%; margin-bottom: 2%; font-size: 14px; margin-right: 3%; font-family: 'Tenor Sans'; }
/* .cart-calculate td:nth-child(1) { font-weight: 400; width: 40%; } */
.cart-calculate td { border-color: #ccc !important; padding: 6px; border: 1px solid; font-size: 14px; }
#footmenu{ clear: both; }
.cart-calculate td.g-total { font-weight: bold; color: var(--catbantxt); }
.cart-page { width: 100%; font-family: montserrat,sans-serif; margin-top: 2rem; }
.cart-prd-img img { max-width: 100px; display: block; margin: 0 auto; }
.cart-body { margin-top: 2rem; justify-content: space-evenly; }
.cart-table { width: 94%; height: 100%; margin-left: 3%; }
.cart-table-details { border: 1px solid #d1d1d1; margin: 0 0 1rem; border-radius: 5px; padding: 0.5rem 0; }
.cart-table-details{ display: flex; flex-wrap: wrap; flex-direction: row; }
.cart-prd-img {width: 10%;}
.cart-prd-txt { width: 87%; }
.cart-name-place-date { width: 30%; flex-direction: column; display: flex; justify-content: center; }
.cart-name {padding-bottom: 0.5rem;}
.cart-name p {font-size: 1.1rem;}
.cart-place-date { font-size: 1rem; color: #dc446c; }
.cart-quantity { width: 13%; padding: 2.5rem 0; display: flex; justify-content: center; }
.cart-qty {padding: 0.2rem 0;}
.cart-modify { /*padding: 0.3em 0.4em;background-color: #28a745; */color: #fff; cursor: pointer; margin: 0 0.3rem; }
.cart-delete { padding: 0.3em 0.5em; background-color: var(--sitecolor); color: #fff; cursor: pointer; }
.cart-unit, .cart-total { width: 23%; text-align: center; display: flex; align-items: center; justify-content: center; }
.add-more{ margin: 1em; display: inline-block; background-color: #c9c9c9; border: 1px solid #b3b1b1; color: #474141; padding:1%; }
.place-order{ margin: 1em; display: inline-block; background-color: #549f6c; border: 1px solid #418c59; color: #474141; padding:1%; }
.button-section{ display: flex; flex-wrap: wrap !important; flex-flow: row; clear: both; justify-content: end; margin-right: 29px; margin-bottom: 4%; }
.add-more a{color:#474141 !important;}
.place-order a{color:white !important;}
.bottom-text { width: 92%; margin-left: 2%; margin-right: 2%; text-align: center; }
.bottom-text p{ color: #727272; font-size: 13px; }
/*******************************SHOPPING CART ENDS HERE****************************/
@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }
@keyframes animate { 0% { opacity: 0 } 100% { opacity: 1 } }
.searchDeactive {display: none}

.hp-heading {padding-bottom: 1%;}
.search-close { background-color: var(--black); color: #fff; padding: 2.2% 8%; padding: 6.5px 18px; width: 10%; float: right; cursor: pointer }


.cat-menu, .oc-menu, .rel-menu { position: relative; transition: display .2s linear }
.cat-menu:hover #cat-mega-menu, .oc-menu:hover #oc-mega-menu, .rel-menu:hover #rel-mega-menu { display: block }
#cat-mega-menu,
#oc-mega-menu,
#rel-mega-menu { list-style: none; position: absolute; top: 100%; z-index: 4; background-color: #fff; padding: 1rem 2.3rem }
#cat-mega-menu { width: 600px; left: 10%; display: none }
#oc-mega-menu { width: 600px; left: 0%; display: none }
#rel-mega-menu { width: 400px; left: 0%; display: none }
.cat-menu-ul, .oc-menu-ul, .rel-menu-ul { width: 33% !important;float: left  }
.cat-menu-ul li, .oc-menu-ul li, .rel-menu-ul li { padding: .5rem 0 !important; background-color: #fff !important; width: 100% !important; text-align: left !important }
.cat-menu-ul li:hover, .oc-menu-ul li:hover, .rel-menu-ul li:hover { background-color: #f3f3f3 }
.cat-menu-ul li a, .oc-menu-ul li a, .rel-menu-ul li a { color: #edb203 !important; font-size: .9rem }
.banner { width: 100%; margin-top: 5px; color: #fff; height: 0; padding-bottom: 50% }
.big-banner, .small-banner { width: 49.7% }
.big-banner { position: relative }
.big-banner-txt { position: absolute; top: 0%; margin-top: 40%; left: 5%; width: 53%; color: var(--black) backdrop-filter: blur(2px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); background-color: rgba(255, 255, 255, .8); border-radius: 12px; border: 1px solid rgba(209, 213, 219, .3); padding: 10px 10px 15px }

.bbt-heading { font-size: 60px; font-weight: 600; font-family: cookie, sans-serif }
.big-banner img { width: 100%; height: auto }
.bbt-link {	font-size: 1.3rem}
.bbt-link::after { content: ""; position: absolute; width: 90px; height: 1px; bottom: 15px; left: 6px; border-bottom: 3px solid var(--sitecolor) }
.sbt-link {font-size: 1.3rem}
.sbt-link::after { content: ""; position: absolute; width: 90px; height: 1px; bottom: 15px; left: 6px; border-bottom: 3px solid var(--sitecolor) }
.sb-row { width: 100%; height: 0; padding-bottom: 50% }
.sb-row:last-child {margin-top: .8%}
.sbr-box { width: 49.3%; position: relative }
.sbr-box img { width: 100%; height: auto }
.small-banner-txt { position: absolute; top: 0%; margin-top: 40%; left: 5%; color: var(--black); backdrop-filter: blur(2px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); background-color: rgba(255, 255, 255, .8); border-radius: 12px; border: 1px solid rgba(209, 213, 219, .3); padding: 10px 10px 15px; width: 82% }
.sbt-heading { font-size: 25px; font-weight: 600 }
.sbt-txt {width: 80%}
.hph-txt {margin-left: 0}
.hph-txt h2, .hph-txt h1 { position: relative; font-size: 30px; font-weight: 600; }

.hp-heading a { font-size: 17px; display: flex; align-self: center; text-decoration: underline; color: var(--black) ;margin-right: 20px }
.home-prd-ul {list-style: none;}
.home-prd-ul li { width: 25%; padding: 20px; float: left; text-align: center }
.home-prd-ul li a img { width: 100%; height: auto }
.price-tag { margin: auto 0; padding-left: 5px;}
.old-price {color:#a0a6b3;font-size: 16px; font-weight: normal;text-decoration-line: line-through; -webkit-text-decoration-line: line-through; text-decoration-color: #a0a6b3; -webkit-text-decoration-color: #a0a6b3;margin-left:5px}
.price-tag p { font-size: 20px }
.prd-det-title { font-size: 1.2rem }

.prd-price-box{align-items: baseline;flex-direction: row-reverse;}

.earl-delv { margin-top: 5px; font-size: 1.1rem }
.ear-del-date {color: #bf1711}
.banner-slider { position: relative; height: 0; padding-bottom: 32%; margin: 0 2% } .banner-slider-img { width: 100%; height: auto } .banner-slider-img-mobile { display: none } .banner-slider-txt { position: absolute !important; top: 50%; max-width: 1000px; text-align: center; left: 50%; transform: translate(-50%, -50%) } .bst-txt1 { font-size: 20px; color: #fff;} .bst-txt2 { font-family: cookie, sans-serif; font-size: 115px; color: #000 !important; }  .bbt-link, .sbt-link { margin-top: 15px; display: block; color: var(--black); font-weight: 600; padding-bottom: 7px }
.bst-inner a {
	/* font-size: 25px;
	margin-top: 40px;
    display: inline-block;
    background-color: #FFE5AA;
    padding: 8px 20px;
    border-radius: 20px;
    color: #3C480F;
    font-weight: 600; */
    /* padding-bottom: 7px; */

    font-size: 25px;
    margin-top: 15px;
    display: block;
    color: var(--black);
    font-weight: 600;
    padding-bottom: 7px;
}

.bst-inner a::after {
	content: "";
	position: absolute;
	width: 11%; height: 1px;
	bottom: 0;
	left: 44%;
    border-bottom: 3px solid #fff;
}

.owl-carousel .owl-item img{height: auto;}
.banner-slider-txt .owl-dots { margin-top: 50px !important } .banner-slider-txt .owl-dots .owl-dot span { background-color: var(--grayrgba); }
 .banner-slider-txt .owl-dots .owl-dot.active span { background-color: var(--sitecolor); }
 .services { width: 90%; margin: 35px auto 0 } .services-section { align-items: center; justify-content: space-around; width: 22% } .ss-icon { width: 20% } .ss-txt { width: 80% } .ss-icon i { font-size: 40px; color: var(--sitecolor) } .ss-txt p { line-height: 25px } .sst-bold { font-weight: 700; font-size: 19px } .sst-light { color: gray } .shop-by-cat, .shop-by-price, .shop-by-relation { padding: 0 1.5%; margin-top: 2% } .sbc-heading, .sbp-heading, .sbr-heading { margin-left: 10px } .sbc-heading p, .sbp-heading p, .sbr-heading p { position: relative; font-size: 30px; font-weight: 600; padding-bottom: 15px }
  .sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { content: ""; position: absolute; width: 12%; height: 1px; bottom: 0; left: 0; border-bottom: 4px solid var(--sitecolor); }
   .sbc-box, .sbp-box, .sbrb-box { width: 25%; padding: 5px 0; float: left; text-align: center; color: var(--var(--black)); }
   .sbc-box h3, .sbp-box h3, .sbr-box h3, .sbrb-box h3 { text-transform: uppercase; font-size: 20px; padding-top: 15px; font-weight: 500;color: var(--black); } .sbcb-cat, .sbpb-cat, .sbrb-cat { width: 100%; height: 0; padding-bottom: 100% } .sbcb-cat img, .sbpb-cat img, .sbrb-cat img { width: 100%; height: auto; border-radius: 5% } .sbc-body, .sbp-body, .sbr-body { margin-top: 2% } .content { background-color: var(--header); /*padding: 1rem 0;*/ margin-top: 2rem }
.con-sec { width: 95%; margin: 3rem auto;padding: 2rem 0;}
.con-sec h2 { margin-top: 2rem;margin-bottom: 1rem ;text-align: left; font-size: 1.7rem }
.con-sec p { text-align: justify; padding: 1rem 0; line-height: 1.7rem; font-size: 1.2rem }
.con-sec p u,.con-sec h2 a strong{color: var(--sitecolor);font-weight:600;}
.testimonials { width: 95%; margin: 3rem auto } .t-head { font-size: 2.5rem; font-weight: 600; text-align: center } .t-body { width: 100%; margin-top: 2rem } .test-sec { width: 85% } .test-sec p { font-weight: 500; padding: .5rem 0 1rem } .tst-date-loc { display: flex; justify-content: space-between } .tst-date-loc p { padding: 0 0 .5rem; font-size: .9rem; color: gray; width: 100% } .quick-links {width: 100%;margin: 5rem auto 0;align-items: flex-start;} .quick-links p { font-weight: 600; text-align: center; font-size: 2rem } .ql-body { margin: 2rem auto; width: 100% } .ql-body ul { list-style: none; justify-content: flex-start } .ql-body ul li { width: 20%; padding: 1.5rem .5rem; text-align: center } .ql-body ul li p { font-weight: 500; line-height: 15px } .ql-body ul li p a { color: var(--black); transition: color .2s linear; font-size: 1.2rem } .ql-body ul li p a:hover { color: #edb203 } footer { margin: 4rem 2rem 2rem; text-transform: lowercase; }
.f-categories:last-child { display: flex; align-items: center; width: 30%; }
.f-categories p {font-size: 1.2rem;font-weight: 700;color: var(--black);text-transform: uppercase;}
.f-categories ul { margin-top: 1rem; list-style: none } .f-categories ul li { padding-bottom: 1rem } .f-categories ul li a { text-decoration: none; color: #4c4848; font-size: 1rem; font-weight: 600; transition: color .2s linear;text-transform: uppercase;} .f-categories ul li a:hover { color: var(--sitecolor); }
.f-logo img { width: 95%; height: auto } .f-logo p { text-align: center; font-size: 1em } .categories ul li:hover { background-color: var(--sitecolor); }
 .home-price { font-size: 14px; padding-left: 10px; font-weight: 400; }
/*----------------------------------PRODUCT DETAILS STARTS HERE--------------------*/
.desc-list-1{ list-style: none; color: #6C6C6C; font-size: 15.5px; padding-bottom: 0.5%; }
.product-details{ width: 100%;margin: 2% auto 0;gap: 4rem;}
.product-image{ width: 32%; /*margin-left: 5%;*/    text-align: center;     border: 1px solid var(--black); border-radius: 7px;}
.product-details img{ width: 100%;/* max-width: 600px; border: 1px solid var(--black); margin-top: 2%;*/ border-radius: 15px; height: 100%;}
.product-description{ width: 55%;/*margin-right: 5%;*/ }
.p1{/*padding-top: 2%;*/    padding-bottom: 0.5%; font-size: 140%; font-weight: 400; }
/* .product-description .p1{ margin-top: 11%; padding-bottom: 3%; font-size: 21px; color: #3d3d3d; } */

.bottom-banner { display: flex; flex-wrap: wrap; text-align: center; justify-content: space-around; width: 91%; margin: 0 auto; margin-top: 4%; margin-bottom: 4%; }
.bottom-banner-1 { width: 25%; border-right: 1px solid #fdc092; }
.bottom-banner-1 i { color: var(--sitecolor); font-size: 32px; margin-bottom: 4%; }
.bottom-banner-1 p { font-size: 18px; /*color: #cd2713;*/color:var(--black); }
.bottom-banner-1:last-child { border-right: none; }

.customer-saying{margin-left: 1%;margin-right: 1%;}
.customer-review-slider-heading { text-align: center; margin-top: 2%; font-size: 24px; margin-bottom: .2%; /*color: var(--sitecolor);*/color: var(--black) }
.customer-review-slider, .related-product { width: 96%!important; margin: 0 auto; position: relative; padding-top: 1.5%; }
.item { border: 1px solid var(--black) ;margin: 0 auto; border-radius: 9px; background-color: #fff; width: 95%; /*padding: 4%;*/}
.review-box{border-radius: 10px; padding: 0px 10px;border: 1px solid var(--black) ;}
.rating1 { font-size: 14px; padding: 10px 10px; }
.owner-details12 {display: flex;font-size: 13px;justify-content: space-between;align-items: baseline;text-align: left;font-weight: 500;color: #000;}
.cus-name{display: flex;justify-content: flex-start;gap: 10px;padding-bottom: 3px;}
.customer-saying-content { padding: 5px 0 8px;; color: gray; font-weight: 400;}
.customer-saying-content p{height: 10vh;overflow-y: scroll;font-size: 14px;padding: 0 10px 0 0;}
.customer-saying-content p::-webkit-scrollbar{width: 5px;}
.customer-saying-content p::-webkit-scrollbar-thumb{background-color:#ccc;border-radius: 5px;}
 .customer-review-slider .owl-prev,.customer-review-slider .owl-next,.related-product .owl-prev,.related-product .owl-next{    position: absolute; font-size: 50px !important; color: var(--sitecolor) !important;}
.customer-review-slider .owl-prev,.customer-review-slider .owl-next{top: -120px;}
.related-product .owl-prev,.related-product .owl-next{top: -290px;}
.owl-theme .owl-nav [class*=owl-]:hover{background: none !important;color: #fa5477;}
.customer-review-slider .owl-prev{left: -25px;}
.customer-review-slider .owl-next{right: -25px;}
.related-product .owl-prev{left: -20px;}
.related-product .owl-next{right: -20px;}

.item-desc1 {font-size: 15px;color: #4c4848; height: 4vh;font-weight: 500;}

.text-3{ padding: 2% 0; }
.delivery-asap{padding: 1% 5px 2%;font-size: 13px;}
.other-location{padding: 1% 5px 2%;font-size: 13px;}
.text-4{ word-spacing: 30px; color: #666666; padding-bottom: 2%; }
.text-8{ word-spacing: 30px; color: #666666; }

/* .sel-date{    padding: 13px 0px;} */
.price-section{display: flex;justify-content: flex-start; align-items: center;padding: 0 0 5px;}
.sel-offer-wrap{display: flex;justify-content:flex-start;width: 49%;}
.select-css { display: inline-block; font-size: 1.1em; color: #444; line-height: 1.3; padding: 0.6em 1.4em 0.5em 0.8em; width: 70%; max-width: 300px; box-sizing: border-box; margin: 0; border: 1px solid #c4c3c3; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: 0.1em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url(./media/select-arrow.png),linear-gradient(to bottom, #f4f1f1 0%,#f4f1f1 100%); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0 0; background-size: 0.65em auto, 100%; }
.pro-addCart { transition: .3s;background-color: var(--deepcol); color: #fff; display: inline-block; font-size: 110%; padding: 0.6em 1.2em; border: 1px solid; cursor: pointer; border-radius: 10px;}
.pro-addCart:hover { background-color: var(--sitecolor);transition: .3s; }
.testimonial{ color:white; background-color:var(--deepestcol); font-size: 120%; display: inline-block; clear:both; padding: 0.5em 2em; margin-top: 3%; margin-left: 1%; }
/* .price-section div:nth-child(1),.price-section div:nth-child(2){ display: inline-block; color: #565656; font-size: 145%; } */
.option-container{display: flex;padding: 5px 0;position: relative;}
.option-qty-price{    font-size: 15px ; margin-left: 15px;width: 50%;cursor: pointer;}
.price-n-qty{    padding: 14px 0;}
.no-display{display: none;}
.option-price{color: var(--sitecolor);}
.stripe-text {padding: 0 5px; font-weight: 300; color: #a7a3a3;font-size: 19px;  text-decoration-line: line-through; -webkit-text-decoration-line: line-through; text-decoration-color: #a7a3a3; -webkit-text-decoration-color: #a7a3a3;}
#cart-btn{padding: 2% 0}
/* .price-section div:nth-child(2) { color: #61a879; } */
.offer {color: #fff; font-size: 16px; background-color: var(--sitecolor); padding: 6px 11px; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.select-city-delivery {display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: space-between; flex-direction: column;padding: 5px 0px;}
.city-dt-container{display: flex;justify-content:flex-start;gap:1rem;}
.sel-city,.sel-date{ width: 47%;}
.select-city ,.select-delivery-date{font-size: 1.1em; color: #444; padding: 0.6em 1.4em 0.5em 0.8em; border: 1px solid #c4c3c3; box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%); border-radius: 7px; background-color: #f4f1f1;width: 100%;appearance: none;background: url(../../images/down-arrow-1.webp) 97% center no-repeat !important;}
/* .select-city{ margin-right: 2%;} */
#delivery_date_error{display: block;color: red;}
.delivery-asap span {color: #426b04;}
.bottom-img{ display: flex; flex-wrap: wrap; flex-direction: row; width: 93%; justify-content: space-around; height: 0; padding-bottom: 67px; }
.bottom-img-1 i{ font-size: 29px; color:var(--sitecolor); }
.bottom-img-2 i{ font-size: 29px; color:var(--sitecolor); }
.bottom-img-3 i{ font-size: 29px; color:var(--sitecolor); }
.text-red { color: #FF0000 !important; padding-bottom: 2%; }
.bottom-img img{ border: none; max-width: 55px; }
.bottom-img-1 ,.bottom-img-2{ width: 39%; margin-top: 2%; font-size: 12px; display: flex; text-align: center;}
.bottom-img-2{ width: 39%; margin-top: 2%; font-size: 13px; text-align: center; }
.tabs p{font-size:20px;}
.rating-n-review { font-size: 18px !important;padding: 5px 0px 8px;}
.product-rating { background-color: #dc446c; color: #fff; padding: 0.2rem 0.5rem; border-radius: 3px; font-size: 1.1rem; }
.product-rating i { margin-right: 5px; font-size: 1rem; color: #fff; }
.rating-n-review a { color: var(--sitecolor); font-size: 20px;padding-left: 6px; }
.tablink { color: var(--black); float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 25%; }
.text-2{ color:#666666; word-spacing: 22px; }
.tab{ border: 1px  solid #cbc9c9; margin-top: 2%; }
.tablink:hover { background-color: #777; }

/* Style the tab content (and add height:100% for full page content) */
.tabcontent { color: white; display: none; padding: 100px 20px; height: 100%; padding-bottom: 3% !important; }
.price{ color: #4d9a8c; text-align: center; font-size: 110%; }
 #News {background-color: white;color:var(--black)}
  #Contact {background-color: white; color:var(--black)}
  .wine-hamper{ padding-bottom: 2%; }
  .wine-link{ color:#FF0000; word-spacing: 1px; }
  .text-6{ word-spacing: 30px; color: #666666; }
  .owl-nav{ position: relative !important; }
  .my-carousel .owl-prev span{ position: absolute !important; top:-1317%; left: 0%; font-size: 50px; color:#fa5477; } .my-carousel .owl-next span{ position: absolute !important; top:-1317%; right: 0; font-size: 50px; color:#fa5477; } .text-5{ padding-bottom: 2%; } .item-desc{ text-align: center; font-size: 1em; line-height: 1.3em; padding: 0.5em 0; color: #565656; } .text-7{ padding-top: 2%; padding-bottom: 2%; } .description-title{ font-size: 1.2rem; color:#666666; padding-top: 2%; padding-bottom: 2%; } .carousel-head p{ color:var(--catbantxt); text-align: center; font-size: 137%; margin-top: 2%; margin-bottom: 2%; } .my-row{ margin-top: 3% !important; } .item{ border:1px solid var(--black); /*margin-left: 4%;*/ } .my-item{ width: 82% !important; padding: 2%; margin-left: 9.4%; border-radius: 15px; /*height: 444px;*/ } .my-item .item-img img{ height: auto; height: 300px; border:none; } .item-img{ height: 300px; } .description-text{ color:#666666; word-spacing: 3px; line-height: 1.5em; padding-bottom: 2%; } .declaration{ padding-top: 2%; color:#666666; font-size: 0.9em; }
.testimonial-text ul li{ list-style-type: square; list-style-position: inside; line-height: 2em; padding-left: 1%; padding-right: 1%; color:#414141; font-size: 14px; }
.testimonial-text{ margin-left: 1%; border:1px solid var(--deepestcol); margin-right: 1%; padding-top:1%; padding-bottom: 1%; }
/*CUSTOMER REVIEW STARTS HERE*/
.glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; opacity: 1; transform: translateY(-50%); }
.item-desc{ color: var(--sitecolor); font-weight: 400; font-size: 100%; display: block; height: 50px; padding-right: 4%; padding-left: 4%; padding-top: 2.8%; }
  /*--------------TAB NEW STYLE STARTS FROM HERE----------------------------*/
.row:before { content: ""; display: table; }
.mock-tab li.active { border-bottom: 1px solid #fff; background-color: #fff; cursor: default; }
.christ { background-color: var(--sitecolor); }

.head1-left h3{ font-weight: 400 !important; }
.mock-tab li { float: left; border: 1px solid #ccc; margin-right: 1em; border-top-left-radius: 3px; border-top-right-radius: 3px; outline: none; font-size: 1.1em; padding: 0.8em 1.5em; margin-bottom: -1px; background-color: #E6E6E6; cursor: pointer; }

.rating{ text-align: center; }


.my-row{ margin-top: 5%; }
.ratings{padding: 5px 0px;}
.rating-yellow {font-size: 15px;text-align: left;}
/* .rating-padding{padding: 8px 0 14px !important;} */
.gold { color: #eea01b; }
.grey{color: gray;}
.review-count{color:gray;letter-spacing:2px;}
.mock-tab-container p{ color:#6c6c6c; font-weight: 400; font-size: 15.4px; margin-top: 1%; line-height: 1.5em; } .mock-tab-container a{ color: #BF1711; } .mock-tab li{ list-style: none; } .mock-tab-container { font-size: 1.1em; display: block; clear: both; padding: 0.8em; border: 1px solid #ccc; margin-top: -1px; } .row:before, .row:after, .rowpad:before, .rowpad:after, .fluid:before, .fluid:after { content: ""; display: table; } .content-n-description { margin-top: 1.2rem; } .wrapper { box-sizing: border-box; padding-top: 4%; font-family: 'Montserrat', sans-serif; line-height: 1.5; max-width: 960px; margin: 0 auto; } .box { display: flex; flex-wrap: wrap; } .box label { background:#E6E6E6; font-weight: 700; text-align: center; order: 1; display: block; padding: 16px 127px; margin-right: 4px; cursor: pointer; } .box .content { display: none; padding: 30px; background: #fff; border:1px solid #ccc; order: 99; flex-grow: 1; width: 100%; margin-top: 0; } .box input[type="radio"] { display: none; } .box input[type="radio"]:checked+label { background: #fff; border:1px solid #ccc; } .box input[type="radio"]:checked+label+.content { display: block; } .gray{ color:#a0a6b3; }
 .your-review { color: var(--sitecolor); font-size: 1.1rem; font-weight: 600; line-height: 2rem;margin: 0 0 10px;display: flex;
    flex-wrap: wrap;}
 .your-review :nth-child(2) {
       margin-left: 10px;
 }
 .your-review2{color: var(--sitecolor); font-size: 20px; padding: 10px 0;cursor: pointer; font-weight: 500;}
.your-review a { color: white; border-radius: 5px; padding: 0.3rem 0.6rem; background-color: var(--sitecolor); }
.tabs { display: flex; flex-wrap: wrap; flex-direction: row; }
.my-tab-1{ border-top-left-radius: 10px; } .my-tab-2{ border-top-right-radius: 10px; } .select-rupee{ margin-right: 1%; display: flex;}
.tab-content { background-color: #ffffff; padding: 15px; border: 1px solid #ccc; overflow-y: scroll; height: 350px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;line-height: 1.5em; }
.tab-content h4 { font-size: 28px; margin-bottom: 20px; color: var(--black); font-weight: 600; }
.tab-content p { text-align: justify; line-height: 1.9; letter-spacing: 0.4px; color: #202238; max-height: 200px; }
.tab-content div { display: none; }
.tab-content .active { display: block; }
.tab-content .active ul{padding-left: 20px;}
.tabs .active { background-color: var(--sitecolor); color:#fff; width: 50%; }
.delivery{ width: 50%; border:1px solid #ccc; border-bottom: none; background-color: #e4e9fd; text-align: center; padding: 15px 0; cursor: pointer; font-weight: 600; }
.delivery-info{ width: 50%; border:1px solid #ccc; border-bottom: none; text-align: center; padding: 15px 0; cursor: pointer; font-weight: 600; }
.tabs p{ background-color: #ffffff; text-align: center; padding: 13px 0; cursor: pointer; font-weight: 600; height: 45px; font-size: 15px; }
.container{ margin-top: 3%; }
.popup-form{ border:1px solid #ccc; text-align: center; width: 70%; position: relative; background-color: white; }
.popup-header{ background-color: var(--sitecolor); color: white; padding: 4%; margin-bottom: 3%; }
.customer-name{ padding: 2%; width: 80%; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 3%; }
.rate{    display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 10px; }
.star-rating { display: flex; flex-direction: row-reverse; font-size: 1.5em; justify-content: space-around; padding: 0 0.2em; text-align: center; width: 5em; margin-left: 1rem; }
/* .star-rating input { display: none; } */

/* .star-rating label { color: #ccc; cursor: pointer; } */
.star-rating label:hover, .star-rating label:hover~label { color: #A0C750; }
.star-rating :checked~label { color: #829F45; }
.popup-content textarea{ border-radius: 10px; margin-bottom: 2%; border: 1px solid #ccc; width: 80%;padding: 2%;}
.btn{ width: 50%; display: block; padding: 0.5rem 0; font-size: 1.2rem; margin: 1rem auto; border-radius: 50px; border: 2px solid #81a140; background-color: #81a140; color: #fff;cursor: pointer; }
textarea{ border-radius: 10px; margin-bottom: 2%; border: 1px solid #ccc; }
.btn{ width: 50%; display: block; padding: 0.5rem 0; font-size: 1.2rem; margin: 1rem auto; border-radius: 50px; border: 2px solid var(--sitecolor); background-color: var(--sitecolor); color: white; }
/* .close{ background-color: var(--sitecolor); color:white; border:none; float: right; font-size: 20px; } */

  /* The Modal (background) */
  .modal-review { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* var(--black) w/ opacity */ }

/* Modal Content */
/* .modal-content {    background-color: #fefefe; margin: auto; border: 1px solid #888; width: 50%; text-align: center; } */

/* The Close Button */
.close { color:white; float: right; font-size: 28px; font-weight: bold;background: var(--sitecolor);border: none;cursor: pointer; }

/* .close:hover, .close:focus { color: var(--black) ;text-decoration: none; cursor: pointer; } */
/*---------------BREADCRUMB STYLE STARTS HERE------------------------------------*/
ul.breadcrumb { padding: 5px; list-style: none; margin-top: 1.5%; margin-left: 1.5%; } ul.breadcrumb li {
display: inline;
font-size: 15px;
}
ul.breadcrumb li+li:before { padding: 8px; color: var(--black); content:">\00a0" }
ul.breadcrumb li a { color: var(--sitecolor); text-decoration: none; }
/*ul.breadcrumb li a:hover { color: #01447e; }*/
/* .tempting{
color:rgba(80, 20, 60, 0.9)!important;
} */


ul.breadcrumb-product { padding: 10px 16px; list-style: none; margin-top: 1.5%; margin-left: 4.5%; } ul.breadcrumb-product li {
    display: inline;
    font-size: 18px;
    }
    ul.breadcrumb-product li+li:before { padding: 8px; color: var(--black); content:">\00a0" }
    ul.breadcrumb-product li a { color: var(--sitecolor); text-decoration: none; }
    /*ul.breadcrumb-product li a:hover { color: #01447e; }*/
    /* .tempting{
    color:rgba(80, 20, 60, 0.9)!important;
    } */


  --------------------BREADCRUMB STYLE ENDS HERE----------------------------------
/*-------------------------------PRODUCT DETAILS ENDS HERE-------------------------*/



.head1-right a { color: #4c4848; font-weight: 500; transition: color .2s linear; font-size: 14px; }

.head1 { background-color: #f3f3f3; height: 0; padding-top: 10px!important; padding-bottom: 30px!important; flex-wrap: nowrap; }

#myDIV { width: 100%; padding: 50px 0; text-align: center; background-color: lightblue; margin-top: 20px; }
.question1 { font-size: 89px; text-align: center; }
.question2{ font-size: 22px; text-align: center; }

.ask-btn{ background-color: #392681; color: white; padding: 1%; border-radius: 2%; border: none; width: 27%; }
.accordion-sub p{ color: var(--sitecolor); }
.head1-left h3{ font-weight: 400 !important; }
.f-categories1 p { font-size: 1.1rem; font-weight: 700; background-color:var(--sitecolor); padding: 10px; border-radius: 5%; color: white; margin: 19px 30px; }


.gray{ color:gray; }
.accordion{ background-color: var(--navbar); margin: 0 15px; padding-top: 2.8%; padding-bottom: 2.8%; border-radius: 8px; }
.accordion .accordion-content{ margin: 10px 0; border-radius: 4px; background-color:white; border-color: #CCCCFF; overflow: hidden; }
.accordion-content:nth-child(2){ background-color: white; border-color: #CCCCFF; }
.accordion-content:nth-child(3){ background-color: white; border-color: #CCCCFF; }
.accordion-content:nth-child(4){ background-color: white; border-color: #CCCCFF; }
.accordion-content.open{ padding-bottom: 10px; } 
/*.second img :nth-child(2){ width: 100%; }
.second img :nth-child(4){ width: 100%; }*/
.accordion-content header{ display: flex; min-height: 50px; padding: 15px; cursor: pointer; align-items: center; justify-content: space-between; transition: all 0.2s linear; }
.accordion-content.open header{ min-height: 60px; }
.accordion-content header .title{ font-size: 16px; font-weight: 500; color: #333; }
.accordion-sub{ width: 30%; font-size: 23px; }
.accordion{ width: 65%; }

.shop-by-price{ margin-top: 2%; }
.accordion-content header i{ font-size: 15px; color: #333; }
.accordion-content .description{ height: 0; font-size: 14px; color: #333; font-weight: 400; padding: 0 15px; transition: all 0.2s linear; line-height: 20px; }
.btn-price{justify-content: space-between !important;align-items: center;padding: 5px 0px;}
/* .related-product {flex-direction: row-reverse !important; } */
.home-price,.home-price-pgdetails{ padding-left: 0 !important;font-size: 19px;font-weight: bold;color: var(--sitecolor); }
/* .hph-txt h2{ padding-bottom: 1% !important; padding-top: 3% !important; } */
.banner-slider-img{border-radius: 15px;}
.hph-txt h2::after { content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left: 0; border-bottom: none !important; }
.hph-txt p{ padding-bottom: 5px;font-size: 18px;border-bottom: 3px solid var(--sitecolor); width: fit-content; }


.t-head{padding-bottom: 15px;}
.categories{width: 100%;}
.price-select select{ border: none; color: var(--black) !important; font-weight: 400;outline: none;cursor: pointer;font-size: 18px; margin-left: -4px; }

.accordion-section{ display: flex;margin: 0 2%; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; flex-direction: row; flex-wrap: wrap; border: 1px solid var(--navbar); background-color: var(--navbar); align-items: center; }
.frequently-question{ display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; border:1px solid #F5DEB3; padding-bottom: 1%; padding-top: 1%; }
.bottom-title{ text-align: right; font-size: 18px; }
.panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; }
.question{ width: 30%; padding-top: 3%; }
.new-cake-title{ text-align: center; color:red; }
.item-header { display: flex; justify-content: space-between; column-gap: 0.2em; align-items: center; }


.prd-block-desc span{text-align: center;}

.chirstmas-btn{text-align: center;}

.sbcb-cat img{width: 95% !important;border: 1px solid var(--black);}
.sbcb-cat{padding-bottom: 93%;}
.sbpb-cat img{width: 95%;border: 1px solid var(--black);}
.sbpb-cat{padding-bottom: 95%;}
.sbrb-cat img{width: 95%;border:1px solid var(--black);}
.sbrb-cat{padding-bottom: 93%;}
#new-sec1{margin-top: 4%;margin-bottom: 2%;}
.new-gift-desc{color:#565656;}


#cakes-banner{ border: none !important; box-shadow: none !important; position: relative; }
#cakes-banner .ban-img { width: 100% !important; height: 100%; object-fit: cover; }
.more-products{ color:var(--sitecolor); background-color: var(--header); font-weight: 600; position: absolute; bottom: 0; padding: 0.8em 0; width: 100%;  border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
#cakes-banner{height: auto;}
.sst-light{color: #525252 !important;}
.tst-date-loc p{color:#595959;}
.more-products span{ padding-bottom: 2%; font-size: 150%; }
.f-categories1 { width: 18.6%; }
.f-categories1 ul li { padding-bottom: 1rem; }
 .f-categories1 ul li a{ color: #4c4848; font-size: 0.9em; font-weight: 600;
} .f-categories1 ul { margin-top: 1rem; list-style: none; }
  /* .bst-txt1{ font-size: 20px; } */
  .bst-inner p{ padding: 2px 0 ;}
  .block-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}

  .msz-del{color:var(--black); font-size: 15px; padding: 8px 0px;} .msz-del a{color:var(--black);}
  .sticker{ clear: both; position: absolute; margin-left: -1.5em; padding: 0.4em 0.7em; text-align: center; border-radius: 50%; display: inline-block; font-size: 1.1em; color: #fff; background-color: #ef4b4a; }


  /*--------------------NEW MODAL--------------------------*/

.view-modal{ top: 50%; background-color: #392681; font-size: 18px; padding: 10px 25px; color:#fff; transform: translate(-50%, -50%); margin-left: 9%; margin-top: 2%; border: none; } .popup{ background: #fff; padding: 25px; border-radius: 15px; top: -150%; max-width: 380px; margin-left: 15%; margin-top: 5%; width: 100%; opacity: 0; pointer-events: none; box-shadow: 0px 10px 15px rgba(0,0,0,0.1); transform: translate(-50%, -50%) scale(1.2); transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out; } .popup.show{ top: 50%; opacity: 1; pointer-events: auto; transform:translate(-50%, -50%) scale(1); transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out; } .popup :is(header, .icons, .field){ display: flex; align-items: center; justify-content: space-between; } .popup header{ padding-bottom: 15px; border-bottom: 1px solid #ebedf9; } header span{ font-size: 21px; font-weight: 600; } header .close, .icons a{ display: flex; align-items: center; border-radius: 50%; justify-content: center; transition: all 0.3s ease-in-out; } header .close{ color: #878787; font-size: 17px; background: #f2f3fb; height: 33px; width: 33px; cursor: pointer; } header .close:hover{ background: #ebedf9; } .popup .content{ margin: 20px 0; } .popup .icons{ margin: 15px 0 20px 0; } .content p{ font-size: 16px; }
.content .icons a{ height: 50px; width: 50px; font-size: 20px; text-decoration: none; border: 1px solid transparent; }
.icons a i{transition: transform 0.3s ease-in-out;}
.icons a:nth-child(1){ color: #1877F2; border-color: #b7d4fb; }
.icons a:nth-child(1):hover{ background: #1877F2; }
.icons a:nth-child(2){ color: #46C1F6; border-color: #b6e7fc; }
.icons a:nth-child(2):hover{ background: #46C1F6; }
.icons a:nth-child(3){ color: #e1306c; border-color: #f5bccf; }
.icons a:nth-child(3):hover{ background: #e1306c; }
.icons a:nth-child(4){ color: #25D366; border-color: #bef4d2; }
.icons a:nth-child(4):hover{background: #25D366;}
.icons a:nth-child(5){ color: #0088cc; border-color: #b3e6ff; }


.icons a:nth-child(5):hover{background: #0088cc;}
.icons a:hover{ color: #fff; border-color: transparent; }
.icons a:hover i{transform: scale(1.2);}
.content .field{ margin: 12px 0 -5px 0; height: 45px; border-radius: 4px; padding: 0 5px; border: 1px solid #e1e1e1; }
.field.active{border-color: #7d2ae8;}
.field i{ width: 50px; font-size: 18px; text-align: center; }

.field.active i{color: #7d2ae8;}
.field input{ width: 100%; height: 100%; border: none; outline: none; font-size: 15px; }
.field button{ color: #fff; padding: 5px 18px; background: #7d2ae8; }
.faq { margin:-4px 2% }
.faq-home{margin:0px 2%}
#faq-1{justify-content: flex-end;}
.ban-img{border-radius: 15px;}
.faq-btn {  display: block; width: 153px; margin-bottom: 2%; border: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; outline: none; background:var(--sitecolor); color: #fff;font-weight: 500; padding: 5px 0; font-size: 15px; position: relative; cursor: pointer;}
.faq-body { display: none; flex-direction: column; padding: 0; position: relative; }
.faq-cross { font-size: 17px; background: #fff ; color: var(--sitecolor); border: none; outline: none; width: 9px; align-self: end; position: absolute; top: 13px;cursor: pointer;font-weight: 600; }
.ban-info{top: 0;}
.faq-text-div { margin-top: 11px;  font-size: 16px; }
.faq-text-div em{padding-bottom: 5px; font-style: normal !important; font-weight: 700; font-size: 1.5rem; display: block;}
.faq-text-div p { height: 85px; overflow: auto; padding: 0 11px 0 0;text-align: left;line-height: 1.5em;}
.faq-text-div p::-webkit-scrollbar{width: 5px;}
.faq-text-div p::-webkit-scrollbar-thumb{background-color:var(--sitecolor);border-radius: 5px;}
.faq-btn span { font-size: 22px; line-height: 0; position: absolute; top: 0px; }
.flex-show{display: flex;animation: animate 1s;}
.faq-hide{display: none;}

/*-----------NEW BANNER---------------------------*/
/* .new-banner{ display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 6px; } */


.categories ul li:hover a{ color:white !important; }


.chocolate{ background-color: white !important; color: var(--sitecolor) !important; }
.search-close{ display: none !important; }
.middle-banner{ display: flex; flex-wrap: wrap; margin: 0 2%; flex-direction: row; text-align: center; background-color: var(--navbar); color: #820D0D; padding: 2%; border-radius: 15px; }
.sub-heading{ font-size: 17px; font-weight: 500; margin-top: 10px;display: block; }
.middle-first-banner , .middle-second-banner, .middle-third-banner, .middle-fourth-banner{ width: 25%; }
.middle-banner-img img{ color: white; }
.quick-link{ text-align: left !important; margin-left: 7%; font-size: 1.1em !important; font-weight: 700 !important; }
.ql-body ul li p a{ font-size: 0.9rem; color:#4c4848 !important; font-weight: 600; text-transform: uppercase !important; }
.ql-body ul li {
padding-bottom: 1rem !important;
padding-top: 0 !important;
}

.chocolate:hover{ background-color: white; }


/* .second{ position: relative; } */
/* .img1{ width: 99%; height: 447px; border-radius: 15px; } */
.middle-banner-img i{ color:var(--sitecolor); font-size: 30px; padding-bottom: 3%; }
.middle-banner-text{ color: var(--black); font-weight: bold; }
/* .img2{ width: 98%; height: 221px; border-radius: 15px; } */
/* .second{ display: flex; flex-wrap: wrap; width: 50%; } */
/* .first-banner{ position: relative; width: 49%; margin-left: 0.8%; cursor: pointer; } */
/* .second-small-banner{ width: 50%; height: 226px;    position: relative; cursor: pointer;} */
.bst-inner a::after{ width: 10% !important; left: 45% !important; }

.first-banner-text{ position: absolute; bottom: 8%; left: 3%; width: 50%; color:var(--black); backdrop-filter: blur(2px) saturate(180%); background-color: rgba(255,255,255,.8); border-radius: 12px; border: 1px solid rgba(209,213,219,.3); padding: 2% 2% 4% 2%; }
.testimonial-div{ text-align: center; }
.second-banner-content{ padding-bottom: 2% 2% 4% 2%; }

.second-banner-text{ position: absolute; bottom:10%; left: 3%;     padding: 2% 2% 5%; width: 50%; color:var(--black); backdrop-filter: blur(2px) saturate(180%); background-color: rgba(255,255,255,.8); border-radius: 12px; border: 1px solid rgba(209,213,219,.3); }
.third-banner-text{ position: absolute; bottom: 10%; width: 50%; color:var(--black); backdrop-filter: blur(2px) saturate(180%); background-color: rgba(255,255,255,.8); border-radius: 12px; border: 1px solid rgba(209,213,219,.3); margin-left: 2%; padding: 2% 2% 5%; }
.fourth-banner-text{ position: absolute; bottom:10%; width: 50%; color:var(--black); backdrop-filter: blur(2px) saturate(180%); background-color: rgba(255,255,255,.8); border-radius: 12px; border: 1px solid rgba(209,213,219,.3); margin-left: 2%; padding: 2% 2% 5%; }
.third-banner-heading p{ font-size: 18px; font-weight: 600; padding-bottom: 10%; color:var(--black); }
.fourth-banner-heading p{ font-size: 18px; font-weight: 600; padding-bottom: 10%; color:var(--black); }
.second-banner-heading p{ font-size: 18px; font-weight: 600; padding-bottom: 10%; color:var(--black); }
.first-banner-heading p{ font-size: 39px !important; font-weight: 600; color:var(--black); }
.banner1 { width: 100%; margin-top: 5px; color: #fff; height: 500px; }
.shop-by-cat{ margin-top: 2% !important; }
.banner-link{ color: var(--black); padding-right: 1%; font-weight: 600; padding-bottom: 2%; border-bottom: 3px solid var(--sitecolor); }
.div-banner-content{ padding-bottom: 4%; padding-top: 2%; }
.big-banner1 { position: relative; }
.chirst:hover{ background-color: var(--sitecolor) !important; color:white !important; }
.search-bar1 { width: 36%; margin: auto 0; position: absolute; right: 26%; top:27%; padding: 1%; background-color: #fff; }
.search-bar-main1 { display: flex; width: 76%; float: left; }
.search-bar1 input { width: 90%; font-family: montserrat,sans-serif; font-size: .8rem; border: 1px solid var(--sitecolor); padding: 0.5rem 0 0.5rem 1rem; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.search-bar1 .search-btn { width: 13%; cursor: pointer; background-color:var(--sitecolor); border:var(--sitecolor); color: #fff; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.ql-body ul li{ width: 25% !important; } .divider{ width: 125px; height: 4px; background-color: var(--sitecolor); display: inline-block; margin-bottom: 3%; }
/* .divider1{ width: 20%; max-width: 42%; height: 4px; background-color: #edb203; display: inline-block; margin-bottom: 3%; }
.divider2{ width: 20%; max-width: 42%; height: 4px; background-color: #edb203; display: inline-block; margin-bottom: 3%; }
.divider3{ width: 20%; max-width: 42%; height: 4px; background-color: #edb203; display: inline-block; margin-bottom: 3%; } */

/*member details*/
.member-container{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;box-shadow: -1px 1px 12px -2px #7c7c7c;border-radius: 5px;margin: 2rem;padding: 20px;flex-direction: row-reverse;}
.mem-right{width: 73%;}
.mem-left{width: 24%;}
.ord-sum{position: sticky;top: 0;}
/* .mem-left,.mem-right{width: 50%;} */
.sum-head,.del-head{text-align: center; color: var(--sitecolor); font-size: 20px; padding-bottom: 15px; font-weight: 600; text-transform: uppercase;}
.sum-body{    border: 1px solid #ccc; padding: 20px; border-radius: 5px;}
.order-blocks { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.title-date{width: 35%;text-align: center;}
.prd-title{padding-bottom: 10px;}
.title-date span{color: var(--sitecolor);}
.prd-img{text-align: center;}
.sum-price-block{display: flex;flex-wrap: wrap;padding-bottom: 10px;align-items: center;justify-content: space-between;}
.sum-price-block label{width: 40%;}
.prd-pr-block{display: flex;}
.prd-price{padding: 0 10px;}
.sum-qty{padding-bottom: 10px;}
.sum-qty input[type="number"]{width: 7%;}
.green-border{border-top: 1px solid var(--sitecolor); padding-top: 10px;}
.grd-tot label{color: var(--sitecolor);font-size: 19px;font-weight: 600;}
.tabs-head{display: flex;flex-wrap: wrap;text-align: center;    justify-content: center; align-items: center;}
.tabs-head div { padding-right: 33px; font-size: 18px; color: var(--black) }
.tabs-head div input[type="radio"] { margin-right: 10px; }
/* .tabs-head button{width: 50%;padding: 10px;background-color: #fff;color: var(--sitecolor);border: none;font-size: 17px;font-weight: 600;border: 1px solid #ccc;cursor: pointer;} */
.tab-new-user{border-top-left-radius: 10px;color: var(--sitecolor);background-color: #fff;}
.tab-reg-user{border-top-right-radius: 10px;color: var(--sitecolor);background-color: #fff;}
.tab-link-active{background-color: var(--sitecolor) !important;color: #fff !important;}
.tab-box-active{display: block !important;}
.tab-body{ border: 1px solid #ccc;  padding: 10px 20px;    margin-top: 10px; }
/* .tab-body-1, .tab-body-2{display: none;} */
.tab-box-active{display: block;}
.details-head{text-align: center; color: var(--sitecolor); font-size: 20px; border-bottom: 1px solid var(--sitecolor);padding: 30px 0 10px;}
.details-head:first-child{padding: 20px 0 10px;}
.details-head em{font-size: 13px; font-weight: 600; font-style: normal;display: block;    padding-top: 10px;}
.int-two-field{display: flex;justify-content: space-between;}
.int-two-field .int-field{width: 49%;}
.int-field{padding: 10px 0;display: flex;flex-direction: column;}
/* .messbox { width: 50% !important; } */
.message { height: 78px !important; }
.int-sub-field{display: flex;justify-content: space-between;}
.isf-name-prefix, .isf-phone-prefix{width: 15% !important;}
.isf-name, .isf-phone{width: 83% !important;}
/* .greeting-select{width: 49% !important;} */
.wid-10{width: 10% !important;outline: none;}
.wid-40{width: 57% !important;}
.wid-17{width: 17% !important;}
.tab-body form .int-field label{font-weight: 600;font-size: 14px; width: 100%; display: inline-block;padding-bottom: 5px;}
.tab-body form .int-field label sup,.tab-body-2 form .int-field label sup{color: red; font-weight: 600;}
.tab-body form .int-field input[type="text"],.tab-body form .int-field input[type="number"],.tab-body form .int-field select,.tab-body form .int-field input[type="password"],.tab-body form .int-field textarea,.tab-body-2 .int-field input[type="text"],.tab-body-2 .int-field input[type="password"]{height: 46px;padding: 10px 15px; font-size: 15px; border-radius: 5px; border: 1px solid #8f8f8f;width: 100%;}
.tab-body form .int-field select{   padding: 10px 15px; font-size: 15px; text-align: left;border-radius: 5px;}
.tab-body-2 form .int-field input[type="button"]{    width: 20%; margin: 0 auto; padding: 10px; border-radius: 5px; border: 1px solid; font-size: 17px; font-weight: 600; color: #fff; background: var(--sitecolor);}
.chartext { display: inline-flex; font-weight: 600; }
.chartext #countnum, .chartext #countnum1 { padding-left: 10px; }
.pay-options{text-align: center;/*margin: 0 170px;*/width: 70%;margin: 0 auto;}
.method{font-size: 17px; padding: 10px;  border-radius: 10px;  text-transform: uppercase;margin: 20px 0;cursor: pointer;}
.method:hover{opacity: 0.8;}
.pay-options .paypal{background: #ffc439;}
.pay-options .paypal img{height: 20px;}
.pay-options .credit{background: var(--black); color: #fff;font-weight: 600;}
.pay-options .credit div{    display: inline-block; padding-left: 10px;}
.pay-options .skrill{background-color: #913573;color: #fff;font-weight: 600;}

/*contact us*/

.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;width: 60%;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;}
#country_isd{width: 50%;background: #fff; border-bottom: 1px solid #d3d3d3;color: #808080;border-radius: 0px;padding: 8.5px 0px;}
.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;outline: none; border-radius: 0;}
.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(../images/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;}
#contact-us-btn{padding: 10px 2px;border-radius: 5px; border: 1px solid;color: #fff; background: var(--sitecolor); font-size: 17px; cursor: pointer;width: 65%; margin: 10px auto 0;}
.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;}
#contact-us-btn a{font-size: 17px;color: white;}
.captcha-down{width: 50%;}
.flex-end{justify-content: flex-end;}
.bulk{padding: 40px 10px; text-align: center; background: #fff; border-radius: 15px; 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_message{margin-bottom: 0; /*border-bottom-left-radius: 0; border-bottom-right-radius: 0;*/ border-bottom: none;width: 100%;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#contact-msg-cont{ width: 71%;border: 1px solid #ccc; border-radius: 5px;}
#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;}
#contact-attachment{border-top-left-radius: 0; border-top-right-radius: 0; border: none; background-color: #f2f2f2;width: 100%;padding: 0.5em;}
#country_isd_bulk{width: 25%;background: #fff;color: #808080;padding: 14px 12px;}
#contact_mobile{width: 74%;}
/*member profile*/
.mem-profile{width: 60%; margin: 0 auto; border: 1px solid #bf1711; padding: 20px; text-align: center; border-radius: 5px;}
.mem-head{    font-size: 30px; letter-spacing: 3px; font-weight: 600; padding-bottom: 30px; border-bottom: 1px solid #bf1711;color: #bf1711; }
.mem-block{width: 25%;margin-top: 20px;}
.mem-block div{    color: var(--black); font-size: 18px; text-transform: capitalize;margin-top: 10px;}

/*address book*/
.addressbook{width: 40%;margin: 0 auto;}
.ser-head,.rep-head{text-align: center;border-bottom: 1px solid var(--sitecolor);}
.ticket-container{width: 60%; margin: 0 auto;}
.ticket-container p{    font-size: 15px; text-align: center; font-weight: 600; color: rgb(129, 161, 64);}
.ticket-container select{border-radius:5px;border:1px solid var(--black);}
.mod-del-container{    padding-top: 30px;}
.mod-del-container .delete{background-color:#bf1711;}
.mod-del-container .modify{background-color:rgb(129, 161, 64);;}
.mod-del-container .delete,.mod-del-container .modify{color:#fff;padding:10px;border-radius:5px;cursor:pointer;}
.field-container{display:flex;justify-content:space-between;padding:10px 0;}
.field-container label{width:40%;}
.field-container input[type="text"],.field-container textarea,.field-container select,.field-container input[type="password"]{width:60%;border-radius:5px;border:1px solid var(--black)}

/*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{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: 21%; 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;}

/*Sitemap*/
.sitemap-container{width: 90%;margin: 50px auto;    border-radius: 5px; border: 1px solid var(--sitecolor); padding: 20px;}
.sitemap-heading{text-align: center; font-size: 30px; color: var(--sitecolor); padding-bottom: 20px; border-bottom: 1px solid var(--sitecolor);}
.sitemap-sub-container{margin: 20px 0;}
.sitemap-tabheads{display: flex;flex-wrap: wrap;}
.sitetabhead{padding: 10px;font-size: 15px;cursor: pointer;}
.sitemap-content{margin: 20px 0;}
.ticket-link{    backdrop-filter: blur(2px) saturate(180%); background-color: rgb(233 231 231 / 80%); padding: 10px;border-radius: 5px;margin: 20px 0;}
.ticket-link a{color: var(--sitecolor);font-weight: 600;word-break: break-word;}
.thanks-note span{color: var(--sitecolor);font-weight: 600;}
.ticket-btn{justify-content: center;}
.ticket-btn input[type="button"]{    padding: 10px 30px; border-radius: 5px; border: none; color: #fff; background: var(--sitecolor);font-size: 18px;cursor: pointer;}
.site-content-blocks{display: none;}
.site-content-blocks a{padding:10px; display: inline-block; color: var(--black); font-size: 16px;}
.site-content-blocks a:hover{color: var(--sitecolor);text-decoration: underline;transition: ease-in;}
.head-active{    background: var(--sitecolor); color: #fff; border-radius: 5px;}
.siteactive{display: block;}

.ticket-container{width: 50%; margin: 0 auto;}
.ticket-container form .ticket-block{display:flex;    padding: 10px 0;}
.ticket-container form .ticket-block div:first-child{padding-right:20px;color:var(--sitecolor);    width: 40%;}
.ticket-container form .ticket-block div:nth-child(2){width: 60%;}
.ticket-block div textarea{width: 100%;height: 150px;}
.ticket-btn{justify-content: center;}
.ticket-block input[type="button"]{background-color:var(--sitecolor);color:#fff;    border: none; padding: 10px; border-radius: 5px; font-size: 18px;cursor:pointer;justify-content: center;}

.order-details{text-align: center; font-size: 21px; color: var(--sitecolor);padding: 20px 0; border-bottom: 1px solid var(--sitecolor);}
.order-table th{color: var(--sitecolor);}
.order-table th,.order-table td{text-align: center;}

.payment-options div{float:left;}

/*review style*/
.pass-modal, .add-review,.modal-addon{ display: none; position: fixed; z-index: 999; padding-top: 4%; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content{ background-color: #fefefe; margin: auto; padding: 0 0 7px 0; width: 80%; }
.pass-modal{ border: none !important; border-radius: 5px; }
.modal-heading{ width: 100%; padding: 0.7rem 0; text-align: center; position: relative; background-color: var(--sitecolor); color: white; }
.pass-modal-heading{ width: 100%; padding: 0.7rem 0; text-align: center; position: relative; /*background-color: rgb(220,68,108); color: white;*/ }
.modal-heading h1{ font-size: 1.2rem; }
.forgot-pass-head{ font-size: 1rem; font-weight: 600; }
.forgot-pass-head i{ padding-right: 1rem; }
.modal-heading i, .pass-modal-heading .fa-xmark{ position: absolute; top: 13%; right: 2%; cursor: pointer; }
.modal-heading i{ font-size: 2rem; }
.pass-modal-heading .fa-xmark{ font-size: 1.5rem; }
.pass-modal-heading hr { border: 0; border-top: 1px solid rgba(0,0,0,.1); width: 95%; margin: 1rem auto 0rem auto; }
.modal-body{ width: 100%; height: 480px; margin: 0.5rem auto 0; overflow-y: scroll;     gap: 1%; display: flex; padding-left: 10px;    flex-wrap: wrap;}
.pass-modal-body{ width: 100%; margin: 0 auto; padding: 0 1rem; /* overflow-y: scroll; */ justify-content: flex-start; }
.pass-modal-body p{ padding: 0.5rem 0; }
.pass-email{ width: 100%; display: flex; flex-direction: column; margin-top: 1rem; }
.pass-email input{ padding: 0.7rem 0 0.7rem 0.7rem; font-family: 'Quicksand', sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid darkgray; margin-top: 0.5rem; }
.modal-product{ width: 19%;   /* float: left; height: 300px;margin: 0.5rem 1.3rem 1.5rem;*/ margin-bottom: 0.8%;text-align: center; border: 1px solid black; border-radius: 5px;  box-shadow: 0 0 5px 2px #dadad8; }
.md-up{ width: 100%; padding: 0.5rem 0.3rem; }
.md-up img{ width: 70%; }
.md-up p{ min-height: 50px; font-size: 1.1rem; }
.md-price{ width: 100%; font-size: 0.9rem; font-weight: lighter; text-align: center; color: var(--sitecolor); }
.md-down{ width: 100%; }
.md-down input{ margin: 0 auto; }
.modal-footer{ width: 100%; padding: 2rem 0; justify-content: space-evenly; margin: 0 auto; }
.modal-footer button{  padding: 0.5rem 1rem; background-color: var(--sitecolor); color: white; /* margin-left: 40%;*/ border-radius: 5px; border: 1px solid var(--sitecolor); cursor: pointer;}
.pass-modal button{ display: block; width: 70%; padding: 0.5rem 0; font-size: 1.2rem; margin: 1rem auto; border-radius: 50px; border: 2px solid var(--sitecolor); background-color: var(--sitecolor); color: white; }
.add-review{ display: none; padding-top: 5% !important; }
.add-review .modal-content{ width: 600px; }
/* .add-review .modal-content .modal-body{
height: 550px;
} */
.add-review-main { background-color: #fefefe; text-align: center; padding: 1.5rem 2rem; border-radius: 5px; }
.add-review-main .contact-form input, .add-review-main .contact-form textarea{ margin-bottom: 1rem; padding: 10px; width: 100%; border-radius: 7px; border: 1px solid var(--black); }
.add-review-main .contact-form .captcha{ margin-top: 1rem; }
.add-rating{ align-items: center; justify-content: center; margin-bottom: 1rem; display: flex; }
.add-rating p, .rating-txt{ color: var(--sitecolor); /* font-weight: 600; */ font-size: 22px; }
.star-rating { display:flex; flex-direction: row-reverse; font-size:1.5em; justify-content:space-around; padding:0 .2em; text-align:center; width:5em; margin-left: 1rem; }
.star-rating input { display:none; }

.star-rating label { color:#ccc; cursor:pointer; font-size: 25px; }
.star-rating :checked ~ label { color:#f90; }

.star-rating label:hover, .star-rating label:hover ~ label { color:#fc0; }
#review_prod{padding: 10px; background: var(--sitecolor); color: #fff; border: none; border-radius: 7px; font-size: 18px;cursor: pointer; }

/*Ticket CSS*/
.ticket-ahead{ width: 80%; margin: 3rem auto; border: 1px solid var(--sitecolor); border-radius: 5px; padding-bottom: 50px; }
.ticket-heading{ background-color: var(--sitecolor); color: white; text-align: center; padding: 0.6rem 0; }
.ticket-heading h1{ font-size: 1.5rem; font-weight: 600; }
.ticket-details{ width: 80%; margin: 1rem auto; font-size: 1.1rem; }
.ticket-details p{ padding-bottom: 0.3rem; }
.ticket-msg-box{ width: 75%; margin: 3rem auto; }
.msg-img-txt{ justify-content: space-around; }
.msg-img{ width: 10%; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding-right: 1rem; }
.msg-img img{ width: 40px; display: block; margin: 0 auto; border-radius: 50%; }
.msg-txt{ /*margin-left: 2rem;*/ background-color: #f0eff4; width: 90%; /*display: flex;*/ align-items: center; padding-left: 1rem; border-radius: 5px; color: #6c757d; }
.msg-txt p{ padding: 0.8rem 0; }
.sender-date{ margin-top: 1rem; display: flex; justify-content: end; font-size: 0.85rem; color: #6c757d; }
.ticket-reply{ width: 80%; margin: 1rem auto; }
.ticket-reply form{ justify-content: flex-start; margin-top: 1rem; }
.ticket-reply form input{ width: 86%; 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; }
.ticket-reply form button{ width: 10%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid gray; }
.ticket-reply form button i{ font-size: 1.2rem; color: var(--sitecolor); }


/*order status*/
.track-container{text-align: center; padding: 30px 0 0;}
.track-container button{margin-top: 20px;}
.tof-form-group{padding-bottom: 20px;display: flex; justify-content: center; align-items: center; gap: 1rem;}
.tof-form-group label{display: block; width: 7%; text-align: right; }
.tof-form-group input[type="text"]{    padding: 7px; border-radius: 5px; border: 1px solid #000;}
.tof-form-group .error{display: block;}
.order-status-details table th,.order-status-details table td{text-align: center;}
.order-status-details table th{color: var(--sitecolor);}
/*media queries*/
@media only screen and (min-width:1400px) and (max-width:1920px){
	.hp-heading a { font-size: 20px }
}
@media only screen and (min-width:1202px) and (max-width:1227px){
	.home-price{ font-size: 21px; }
	.price-select select{ font-size: 20px; }
}
@media only screen and (min-width:1770px) and (max-width:1940px){
	.bottom-img { display: flex; flex-wrap: wrap; flex-direction: row; width: 93%; justify-content: center; height: 0; padding-bottom: 100px; margin-left: -43px; }
}




@media only screen and (min-width:482px) and (max-width:521px){
	.first-banner-heading p{ font-size: 19px !important; margin-top: 24px; }
}
@media only screen and (min-width: 300px) and (max-width:480px){
	#cakes-banner{ width: 48%; }
	/* #cakes-banner .ban-img{ width: 100% !important; } */
	/* .more-products{ position: absolute; bottom: -0.1rem !important; height: 57px !important; } */
	.more-products span{ font-size: 100% !important; } #btn-section{ margin-top: 17%; }
	.prd-container{  gap: 1.15%;    margin-top: 2%; }
}
@media only screen and (min-width:520px) and (max-width:576px) {
	.head1{ flex-direction: row !important; align-items: center !important; padding-bottom: 50px !important; justify-content: center !important; }
	.head1-left{ width: 74% !important; }
}
@media only screen and (min-width:1440px) and (max-width:1920px) {
	.hp-heading a { font-size: 20px }
}
@media only screen and (min-width:941px) and (max-width:956px) {
	.categories ul li { font-size: 14px; }
}



@media only screen and (min-width:696px) and (max-width:701px){
	.categories ul li a{ font-size: 9px; }
}

@media only screen and (min-width:768px) and (max-width:866px){
	.f-categories1{ width: 14% !important; }
}

@media only screen and (min-width:768px) and (max-width:902px){
	.sbc-box h3{ font-size: 16px !important; }
}
@media only screen and (min-width:751px) and (max-width:971px){
	.first-banner-heading p{ font-size: 22px !important; }
	.third-banner-heading p{ font-size: 13px !important; }
}
/* @media only screen and (min-width:876px) and (max-width:1125px){
	.new-banner1 h1{ font-size: 19px; left: 71% !important; }
} */
@media only screen and (min-width:768px) and (max-width:875px){
	.new-banner1 h1{ font-size: 25px; }
}
@media only screen and (min-width:801px) and (max-width:1067px){
	.question1{ font-size: 65px; }
	.question2{ font-size: 17px; }

}

@media only screen and (min-width:751px) and (max-width:1008px){
	.fourth-banner-heading p{ font-size: 13px; }
}
@media only screen and  (min-width:757px) and (max-width:1200px){
    .first-banner{width: 50%; } 
    .img1 {object-fit: cover; }
	.img2{ height: auto; object-fit: cover; } 
    .second-small-banner{object-fit: cover; } }


@media only screen and (min-width:767px) and (max-width:977px){
    #cakes-banner{ width: 32%; }
}


@media only screen and (min-width:481px) and (max-width:977px){    
	/* .home-products{ margin-left: 1%; } */
	#cakes-banner .ban-img { width: 100% !important; }
	.more-products span { font-size: 18px; }
	.prd-container{ gap:1%; }
}
@media only screen and (min-width:481px) and (max-width:767px){
    #cakes-banner{ width: 49%; }
}
@media only screen and (min-width:969px) and (max-width:1100px){
	.bottom-img-1 i , .bottom-img-2 i { font-size: 27px; color: var(--sitecolor); }
	.bottom-img-1 p ,.bottom-img-2 p{ font-size: 10px; }
}
@media only screen and (min-width:972px) and (max-width:1122px){
	.first-banner-heading p{ font-size: 22px !important; }
}

@media only screen and (max-width: 1560px){
	.logo p{font-size: 14px;}
	/*.bg-bold,.bg-bold-rgt{font-size: 35px;}*/
	/* .product-details{justify-content: space-between;} */
	/* .product-image{width: 40%;} */
	.product-description{    width: 53%;}
}


@media only screen and (max-width: 1830px){.home-price{font-size: 18px;}.mid-bold{font-size: 45px}}
@media only screen and (max-width: 1660px){.tab-content{height: 250px;}.bulk{font-size: 22px;}.customer-saying-content p{height: 14.8vh}}
@media only screen and (max-width: 1470px){.tab-content{height: 200px;}}
@media only screen and (max-width: 1440px) {
    .quantity{margin: 0 0 0 1rem;}.sel-offer-wrap{width: 50%;}.item-desc1{height: 4vh;font-size: 15px;}
    .home-price{font-size: 19px;}.old-price{font-size: 16px;}
    .price-select select{font-size: 16px;}.msz-del{font-size: 15px;}.bulk{font-size: 22px;}
    .inside-txt ul li{width: 30%;}
	.logo p { font-size: 14px; }.customer-saying-content p{height: 15vh}
	.bbt-link, .sbt-link { font-size: 1.1rem }
	.bbt-link::after, .sbt-link::after { width: 70px }
	.prd-det-title { font-size: 1rem } .price-tag p { font-size: 18px }
	.earl-delv { font-size: .9rem; padding-top: 2% } .bst-txt1 { font-size: 23px }
	.bst-txt2 { font-size: 75px } .bst-inner a { font-size: 21px } .sst-bold { font-size: 16px }
	.sbc-box h3, .sbp-box h3, .sbr-box h3, .sbrb-box h3 { padding-top: 15px } .con-sec h2 { font-size: 1.4rem }
	.con-sec p {font-size: 1.1rem}
	.head2-options p, .head2-options i {font-size: 1.1rem;} .head2-right {width: 230px;margin: auto 20px auto 0;}
	.bbt-link,.sbt-link {font-size: 1.1rem	} .bbt-link::after,.sbt-link::after {width: 70px} .prd-det-title {font-size: 1rem	}
	.earl-delv {font-size: .9rem;padding-top: 2%} .bst-txt1 {font-size: 23px} .bst-txt2 {font-size: 75px}
	.bst-inner a {font-size: 21px} .sst-bold {font-size: 16px} .sbc-box h3,.sbp-box h3,.sbr-box h3,.sbrb-box h3 {padding-top: 15px}
	.con-sec h2 {font-size: 1.4rem} .con-sec p {font-size: 1.1rem} .f-categories p {font-size: 1.1rem} .f-categories ul li a {font-size: .9rem}
	.categories ul li { font-size: 15px;}
	/* .contact-container{width: 80% !important;} */
	.mem-left { width: 30%; }
	.mem-right { width: 68%; }
	.isf-name-prefix, .isf-phone-prefix { width: 19% !important; }
	.isf-name, .isf-phone { width: 80% !important; }
	.sel-city, .sel-date { width: 60%; }
    .bulk{font-size: 20px;}
    .mid-bold{font-size: 35px;}
    .mid-light{font-size: 23px;}
    .shop-now-mid a{font-size: 15px;}
    .sm-bold, .bg-bold{font-size: 22px;}
    .sm-light, .bg-light{font-size: 16px;}
}
@media only screen and (max-width:1380px){
    .bulk{font-size: 17px;}
/*    .banner-txt,.sm-ban-txtbox{top: 15%;}*/
/*    .ban-mid-txtbox{left: 60%;}*/

}
@media only screen and  (max-width:1285px){
	.first-banner-heading p{ font-size: 29px !important; }
	.logo p{font-size: 11px;}
	.mem-profile{width: 80%;}
    .ban-bg-txt span{font-size: 25px;}.ban-bg-txt h1{font-size: 45px;}.faq-text-div{font-size: 15px;}
}
@media only screen and (max-width:1260px){
    .shop-now-sm a{    padding: 4px; font-size: 13px;}
  
    .bg-light-rgt{font-size: 18px;}
  
    .bg-sm-txt { padding-bottom: 28px; width: 90%; font-size: 13px; }
}
@media only screen and (max-width:1200px) {
    .quick-links{width: 95%;}
    .shop-now{margin-top: 22px;}
    .shop-now a{padding: 6px 8px; font-size: 10px;}
    .bg-bold{font-size: 18px;}
    .bg-light{font-size: 13px;}
    .smban-txt{margin-bottom: 50px;}
/*    .sm-ban-txtbox{left: 13px;}*/
    .sm-light{margin-bottom: 0px;font-size: 13px;}
    .sm-bold{font-size: 18px;}
    .ban-mid-txtbox{width: 40%;}
    .shop-now-mid a{font-size: 15px;}
    .mid-bold{font-size: 40px;}
    .mid-light{font-size: 24px;}
	.logo { width: 28% }
	.head2 { padding-bottom: 10% }
	.big-banner-txt { width: 60% }
	.bbt-heading { font-size: 50px }
	.sbt-heading { font-size: 20px }
	.sbt-txt { font-size: 12px }
	.hph-txt h2, .hph-txt h1 { font-size: 25px }
	.hp-heading a { font-size: 20px }
	.earl-delv { font-size: 13px }
	.services { justify-content: center }
	.services-section { width: 46%; justify-content: center }
	.ss-icon { text-align: center }
	.ss-icon i { font-size: 30px }
	.ss-txt { width: 60% }
	.ss-margin-top { margin-top: 40px }
	.sbc-heading p, .sbp-heading p, .sbr-heading p { font-size: 25px }
	.f-categories:last-child { width: 100%; justify-content: center }
	.f-categories1:first-child{ width: 100% !important; justify-content: center !important; }
	.f-categories1{ width: 18%; }
	.second-banner-text,.third-banner-text,.fourth-banner-text{width: 70%;}
	.second-banner-heading p,.third-banner-heading p,.fourth-banner-heading p{font-size:15px;}
	.ticket-container{width:80%;}
    .tof-form-group label{width: 12%;}
}


@media only screen and (max-width:1110px) {
	.sel-city, .sel-date { width: 100%; }
	.offer{    font-size: 15px;    padding: 6px 7px;}
}

@media only screen and  (max-width:1071px){
    .prd-info-block{padding: 0px 10px;}
    .bg-light-sml{margin-bottom: 25px;}
    .bg-bold-sml{margin-bottom: 5px;}
}

@media only screen and  (max-width:1050px){
	.head2-right{ width: 220px; }
}
@media only screen and (max-width: 1030px){
	.cart-body { flex-direction: column; width: 92%; margin: 1rem auto 0; }
	.cart-table {overflow-x: auto;}
	.mem-profile { width: 90%; }
}
@media screen and (max-width: 1024px){
    .banner-txt-ryt{right: 10px;}
    .banner-txt{left: 15px;}
    .rating-yellow{font-size: 15px}.prd-block-desc p{font-size: 15px;}.btn-section a{font-size: 35px;}.home-price{font-size: 19px;}.old-price{font-size: 16px;}
    .price-select select{font-size: 16px;}.quantity{margin: 10px 0 0 0;}
    .sel-offer-wrap{width: 52%;}.select-rupee select,.current-price,.quantity label{font-size: 18px;}.stripe-text{font-size: 16px;}
    .quantity input[type='number']{width: 45px;padding: 0.2em;margin: 0 0 0 10px;}
    .owner-details12,.cus-name,.cus-date,
    .pg-ban-txt {top: 6%;}.faq-text-div{font-size: 14px;}
	.contact-container { width: 95% !important; }
	.inside-container { width: 90%; /*padding: 30px;*/ }
	.ticket-container{width:80%;}
    .bg-bold-rgt{    padding-bottom: 10px;}
    .bg-light-rgt{    padding: 6px 0 12px;}
	.modal-product{    width: 24%;}
}
@media only screen and  (max-width:1000px){

/*    .ban-mid-txtbox{top: 4%;right: 0px;}*/
/*    .mid-bold{font-size: 50px;}*/
    .smban-txt{font-size: 14px;margin-bottom:23px;}
/*    .sm-ban-txtbox{left: 9px;}*/
/*    .sm-bold{font-size: 22px;}*/
	.hph-txt p{ font-size: 13px; }
}
@media only screen and  (max-width:988px){
	.home-sm-banner,.bg-lft-ban{display:none;}
    .bg-rgt-ban{width:100%;}
    .res-ban-txt{top: 25%;}
    .res-ban-txt div:nth-child(1){font-size: 25px;}
    .res-ban-txt div:nth-child(2){font-size: 35px;}
    .res-ban-txt div:nth-child(3){font-size: 17px; }
}
@media only screen and  (max-width:968px){
	.product-image{ width: 50%; text-align: center; }.product-details{gap:2rem}/*.owner-details12{padding: 3px 5px 0;}*/
    .owner-details12{flex-direction: column;padding-top: 8px}.cus-date{padding-bottom: 5px;}.rating1{padding: 0;}
	.bottom-img-1, .bottom-img-2 { width: 39%; margin-top: 2%; font-size: 12px; display: flex; text-align: center; justify-content: space-around; }
	.product-description{ width: 98%; text-align: center; margin-left: 1%; height: 0; padding-bottom: 572px; }
	.select-city-delivery{align-items: flex-start; justify-content: center;}
	.sel-city, .sel-date {width: 100%;	}
	.price-section{justify-content: center;flex-direction: column; align-items: flex-start;}
	.price-n-qty {display: flex; align-items: center; justify-content: center;}
	.product-description-968{padding-bottom: 700px;}
	.option-qty-price{width: 100%;}
    .your-review{justify-content: center;}
    .product-description { text-align: left; }.faq-text-div{margin-top: 14px;}
}

@media only screen and  (max-width:977px){.prd-block{width: 32.5%;}}

@media only screen and (max-width: 967px){
	.bottom-img{ justify-content: center; margin: 0 auto; }
}
@media only screen and (max-width:950px){
	.cart100{ width: 100%; }
	.summary{ width: 97%; margin-left: 1.5%; } 
    .item-count , .shipping{ justify-content: space-between; }  
    .item-count , .shipping , .total-shopping{ padding-top: 3%; }
    .first-banner,.second{display: none;}
    .first-banner-mob{display: block;width: 100%;}
/*    .bg-lft-txt{display: none;}*/
    .new-banner{margin-top: 0}
/*    .banner-txt{top: 30%;}*/
}
@media only screen and (max-width:940px) {
	.categories ul li { font-size: 12px }
	.home-prd-ul li { width: 33% }
	.bst-txt1 { font-size: 20px }
	.bst-txt2 { font-size: 60px }
	.banner-slider-txt .owl-dots { margin-top: 20px !important }
	.cat-menu-ul li a, .oc-menu-ul li a, .rel-menu-ul li a { font-size: .85rem }
	.ql-body { margin: 1rem auto 2rem }
	.ql-body ul li p a { font-size: 1.1rem }
	.t-head { font-size: 2.2rem }
	.quick-links { margin: 0 auto 0 }
	.con-sec { margin: 4rem auto }
	.con-sec h2 { font-size: 1.2rem }
	.con-sec p { font-size: .9rem; padding-top: 1rem; line-height: 1.4rem }
}

@media only screen and (max-width:911px){.sbc-box h3{ font-size: 19px; }}

@media only screen and  (max-width:900px){
    .bg-bold-sml {font-size: 32px; }    
    .bg-light-sml {font-size: 26px; margin-bottom: 35px }
    .new-banner{height: auto; padding: 0; }
    .first-banner{ width: 100%;padding-bottom: 400px;}
    .third-banner-text{ position: absolute; bottom: 50px; }
    .fourth-banner-text{ position: absolute; bottom: 50px; }
    .img1{ width: 100%; /*margin-right: 0.8%;*/ height: auto; object-fit: cover;border-radius:0; }
    .second{ width: 100%;  height: 0; padding-bottom:63%; }
    #img-2 {width: 96.5%; margin-left: 1.5%; margin-top: 5px; object-fit: cover; }
    #img-4{ width: 96.9%; margin-left: 1.5%; margin-top: 5px;object-fit: cover; }
    .middle-first-banner, .middle-second-banner, .middle-third-banner, .middle-fourth-banner{ width: 50%; padding-bottom: 5%; padding-top: 3%; }
    .mem-left{width: 100%;padding-bottom: 30px;}
    .mem-right{width: 100%;}
    .int-two-field{flex-direction: column;}
    .int-two-field .int-field {width: 100%;}
    .greeting-select {width: 100% !important;}
    .mem-block { width: 50%; }
    /* .inside-txt ul li{width:25%;} */
    .new-banner{display: none;}
    .new-banner-mob{display: block;}
    .ban-mid-txtbox{display: none;}
    .ban-mid-container{width: 100%;}
    }


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


	
    .bbt-heading { font-size: 43px }
	.bbt-txt { font-size: 14px }
	.sbt-heading { font-size: 17px }
}
@media only screen and (max-width:866px) {
	.logo { width: 34% }
	footer { margin: 4rem 0rem 2rem }
	.f-categories { width: 14% }
	.f-categories p { font-size: 13px; }
	.f-categories ul li a { font-size: .8rem }
	/* .btn-price{flex-direction: column;} */
}

@media only screen and (max-width:807px) {
	.head1 { flex-direction: row !important; align-items: center; padding-bottom: 50px !important; justify-content: center !important; }
	.search-bar2-main{ padding-bottom: 10px; padding-top: 5px;justify-content: center; }
	.head11-right{ height: 0; padding-bottom: 17px; }
	.head1-right { margin-top: 5px }
	.banner-slider { padding-bottom: 100% }.banner-slider-txt{top: 25%;}
    .bst-txt1 { font-size: 20px } .bst-txt2 { font-size: 65px } .bst-inner a { font-size: 17px; margin-top: 5px } .t-head { font-size: 2.1rem }  .home-prd-ul li { padding: 10px } 
    .prd-det-title { font-size: 1rem } .earl-delv { font-size: 12px } .services-section { width: 50%; flex-direction: column; text-align: center } 
    .ss-margin-top, .ss-margin-top-2 { margin-top: 20px } .ss-txt { width: 100% } .sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { width: 20% } .sbc-box h3, 
    .sbp-box h3, .sbr-box h3, .sbrb-box h3 { font-size: 13px !important } .search-bar { width: 50%; right: 26%; top: 102% } .banner-slider-img { display: none } .banner-slider-img-mobile { display: block; width: 100%; height: auto; border-radius: 15px; }
}
@media only screen and (max-width: 806px){
	.cart-prd-img { width: 35%; }
	.cart-prd-txt {width: 55%;}
	.cart-name-place-date { width: 100%; flex-direction: column; }
	.cart-quantity { width: 100%; justify-content: flex-start; }
	.cart-unit, .cart-total { width: 100%; justify-content: flex-start; }
	.cart-calculate table { border-collapse: collapse; margin-top: 2%; margin-bottom: 2%; width: 92%; font-size: 14px; margin-right: 4%; font-family: 'Tenor Sans'; }
	.button-section{justify-content: center !important;}
}
@media only screen and (max-width: 805px){
	.cart-table { width: 100%; margin: 0 auto; }
	.cart-prd-img { width: 12%; display: flex; align-items: center; justify-content: center; }
	.cart-prd-txt {width: 87%;}
}
@media only screen and (max-width:800px) {
    .bg-lft-txt{ top: 37%;}
	.head1 { flex-direction: row !important; justify-content: center; align-items: center; padding-bottom: 50px !important }
	.head1-right { margin-top: 5px }
	.head2 { flex-direction: column; flex-wrap: nowrap;  padding-bottom: 28%;}.logo{padding-bottom: 1rem;}
	.logo { width: 44%;}
	.logo p {font-size: 14px;	}
	.head2-right { margin: auto 0 }
	.search-bar1{ position: absolute; top:83px !important; }
	.search-bar2{ width: 60%;margin: 1rem 0;}
	.head2-options p, .head2-options i { font-size: 1.2rem }
	.view-cat { font-size: .9rem }
	.banner-slider { padding-bottom: 100% }
	.bst-txt1 { font-size: 20px }
	.bst-txt2 { font-size: 65px }
	.bst-inner a { font-size: 17px; margin-top: 5px }
	.t-head { font-size: 2.1rem }
	.price-tag p { font-size: 16px }
	.home-prd-ul li { padding: 10px }
	.prd-det-title { font-size: 1rem }
	.earl-delv { font-size: 12px }
	.services-section { width: 50%; flex-direction: column; text-align: center }
	.ss-margin-top, .ss-margin-top-2 { margin-top: 20px }
	.ss-txt { width: 100% }
	.sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { width: 20% }
	.sbc-box h3, .sbp-box h3, .sbr-box h3, .sbrb-box h3 { font-size: 14px }
	.search-bar { width: 50%; right: 26%; top: 102% }
	.banner-slider-img { display: none }
	.banner-slider-img-mobile { display: block; width: 100%; height: auto }
	.accordion-sub{ width: 100%; } .accordion{ width: 100%; }
	.modal-product { width: 32%; }.price-n-qty{padding: 0;}.sel-offer-wrap{width: 100%;}
}

@media only screen and (max-width:767px) {
/*     .item-desc1 {height: 3.5vh;}  .faq{margin: 0px 2%;}*/
    .mobile-heading{display: block;}
    .ban-bg-txt-mob h1{font-weight: 400; font-family: "Poppins", sans-serif; color: var(--sitecolor); font-size: 27px;margin-left: 2%;}
    .ban-bg-txt-mob span{display: none;}
/*    .faq-text-div p{height: 100px}*/
	.bottom-img{ width: 97%; } #footmenu{ margin-top: 0 !important; }.new-banner1 img{min-height: auto;}.ban-bg-txt{display: none;}
	.categories ul li { font-size: 11px } .banner { margin-top: 0; padding-bottom: 202% } .big-banner { height: 0; padding-bottom: 100% } .big-banner, .small-banner { width: 100% } .small-banner { margin-top: 5px } big-banner-txt { width: 54% } .sbc-box, .sbp-box, .sbrb-box { width: 50% } .ql-body ul li { width: 25% } footer { justify-content: space-around !important } .f-categories:last-child { width: 100%; margin: 0 auto; justify-content: center } .f-categories { width: 40%; margin-top: 30px } .home-prd-ul li { width: 50% } .bst-txt1 { font-size: 16px } .bst-txt2 { font-size: 50px } .bst-inner a { font-size: 13px } .services { width: 100% } .services-section { width: 50% } .sst-bold { font-size: 14px } .sbt-heading { font-size: 22px } .f-categories1{ width: 46%; }
	.wine-title{ visibility: visible; margin-top:3%; margin-bottom: 3%; font-size: 17px; }
	.categories ul li { font-size: 11px } .banner { margin-top: 0; padding-bottom: 202% } .big-banner { height: 0; padding-bottom: 100% } .big-banner, .small-banner { width: 100% } .small-banner { margin-top: 5px } big-banner-txt { width: 54% } .bottom-img{ width: 100%; } .sbc-box, .sbp-box, .sbrb-box { width: 50% } .ql-body ul li {width: 25% } footer {justify-content: space-around !important} .f-categories:last-child { width: 100%; margin: 0 auto; justify-content: center } .f-categories {width: 47%;margin-top: 30px; padding: 0px 5px;} .home-prd-ul li {width: 50%} .bst-txt1 {font-size: 16px} .bst-txt2 {font-size: 50px} .bst-inner a {font-size: 13px} .services {width: 100% } .services-section {width: 50%} .sst-bold {font-size: 14px} .sbt-heading {font-size: 22px;}
	.contact-container{flex-direction: column;}
	.contact-lt,.contact-rt{width: 100% !important;}
	.f-categories1 {width: 47%;margin-top: 0px;padding: 0 5px;}.prd-block{width: 49%;}
}
@media only screen and (max-width: 760px){
	.form-group { width: 90%; }
}

@media only screen and (max-width: 756px){
    .second {
    padding-bottom: 63%;
}

.first-banner {
    width: 100%;
    padding-bottom: 410px;
}
}

@media only screen and  (max-width:750px){
	.second-banner-text{ height: 0; padding-bottom: 85px; }
	.first-banner-text{ height: 0; padding-bottom: 132px; }
}
@media only screen and (max-width:700px){
	.conpage_col_col1{ flex-direction: column; width: 100%; border: none; height: 200px; text-align: center; align-items: center; }
	.conpage_coleq2 ,#contactform_new input,#contactform_new input, #contactform_new select, #contactform_new textarea{ width: 122%; }
	#t2, #t5{ width: 149% !important; }
	#t5{ height: 150px; }
	.conpage_contactinfo{ border-left: none !important; }
	.conpage_content{ text-align: center; }
	.conpage_content hr{ display: none; }
	#contactform_new label{ float: left; }
	.show-desktop{ height: 59px !important; }
	.first-banner{ position: relative; width: 100%; height: 0; padding-bottom: 400px; }
	.question1{ font-size: 53px; }
	.product-description{    padding-bottom: 595px;}
}
@media only screen and (max-width:695px) {
/*    .faq{margin: -1px 2%;}*/
/* .logo { margin-left: 30px } */ 
    .bg-lft-txt{display: none;}
    ul.breadcrumb-product{margin-top: 1%; margin-left: 1%;}ul.breadcrumb-product li,ul.breadcrumb li{font-size: 0.9rem;}
	.view-cat { display: block; width: 100%; background-color: var(--sitecolor); padding: .5rem 0 .5rem 1rem; border-bottom: 1px solid #fff; cursor: pointer;color: #fff; }
	.view-cat i { margin-right: 1rem;color: #fff; }
	.PC-menu { display: none ; }
	.PC-menu.show-PC { display: block }
	.categories ul li { font-size: .8rem; width: 100%; padding-left: 1rem; text-align: left; border-bottom: 1px solid #fff }
	.cat-menu:hover #cat-mega-menu, .oc-menu:hover #oc-mega-menu, .rel-menu:hover #rel-mega-menu { display: none }
	.cat-menu, .oc-menu, .rel-menu { margin-bottom: 0 }
	.cat-mrgn { margin-bottom: 25rem }
	.oc-mrgn { margin-bottom: 27rem }
	.rel-mrgn { margin-bottom: 27rem }
	#oc-mega-menu, #cat-mega-menu, #rel-mega-menu { display: none; left: 0% !important }
	#cat-mega-menu.show { display: block }
	#cat-mega-menu, #oc-mega-menu, #rel-mega-menu { width: 100% }
	.cat-menu-ul, .oc-menu-ul, .rel-menu-ul { width: 60% !important }
	.cat-menu-ul li, .oc-menu-ul li, .rel-menu-ul li { width: 100% !important }
	.occasions { width: 96% }
	.oc-heading-txt { width: 85% }
	.o-view { margin-left: 0 }
	.test-sec { margin: 0 auto }
	.ql-body ul li { width: 49% }
	.cat-mrgn { margin-bottom: 28rem }
	.oc-mrgn { margin-bottom: 28rem }
	.rel-mrgn { margin-bottom: 28rem }
	.hph-txt h2, .hph-txt h1 { font-size: 22px } .hp-heading a { font-size: 17px; margin-right: 30px }
	.sbc-heading p, .sbp-heading p, .sbr-heading p { font-size: 22px }
	.sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { width: 16% }
	.sbc-box h3, .sbp-box h3, .sbr-box h3, .sbrb-box h3 { font-size: 17px }
	.ql-body ul li { padding: 1.1rem .5rem } .t-head { font-size: 2rem }
	.quick-links p { font-size: 1.8rem } .ql-body ul li p a { font-size: 1rem }
	.home-price { font-size: 17px } .small-banner-txt { margin-top: 20% }
	.view-cat i { margin-right: 1rem }

	.categories ul li { font-size: .8rem; width: 100%; padding-left: 1rem; text-align: left; border-bottom: 1px solid #fff }
	.cat-menu:hover #cat-mega-menu, .oc-menu:hover #oc-mega-menu, .rel-menu:hover #rel-mega-menu { display: none }
	.cat-menu, .oc-menu, .rel-menu { margin-bottom: 0 }
	.cat-mrgn { margin-bottom: 25rem }
	.oc-mrgn { margin-bottom: 27rem }
	.rel-mrgn { margin-bottom: 27rem }
	#oc-mega-menu, #cat-mega-menu, #rel-mega-menu { display: none; left: 0% !important }
	#cat-mega-menu.show { display: block }
	#cat-mega-menu, #oc-mega-menu, #rel-mega-menu { width: 100% }
	.cat-menu-ul, .oc-menu-ul, .rel-menu-ul { width: 60% !important }
	.cat-menu-ul li, .oc-menu-ul li, .rel-menu-ul li { width: 100% !important }
	.occasions { width: 96% }
	.oc-heading-txt { width: 85% }
	.o-view { margin-left: 0 }
	.test-sec { margin: 0 auto }
	.ql-body ul li { width: 49% }
	.categories ul li a { font-size: 1rem;text-align: left;}
	.cat-mrgn { margin-bottom: 28rem }
	.oc-mrgn { margin-bottom: 28rem }
	.rel-mrgn { margin-bottom: 28rem }
	.hph-txt h2, .hph-txt h1 { font-size: 22px }
	.hp-heading a { font-size: 17px; margin-right: 30px }
	.sbc-heading p, .sbp-heading p, .sbr-heading p { font-size: 22px }
	.sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { width: 16% }
	.sbc-box h3, .sbp-box h3, .sbr-box h3, .sbrb-box h3 { font-size: 17px } .ql-body ul li { padding: 1.1rem .5rem } .t-head { font-size: 2rem }
	.quick-links p { font-size: 1.8rem } .ql-body ul li p a { font-size: 1rem } .home-price { font-size: 17px } .small-banner-txt { margin-top: 20% }

	.img-details { flex-direction: column; }
	.img-details div { padding-bottom: 15px; text-align: center; width: 100%; }
	.shopping-cart-title { padding-top: 15px !important; }
	.card-price, .ind-ship-fee { display: flex; align-items: center; justify-content: center;gap: 1rem; }
	.inside-txt ul li{width:37%;}
}
@media only screen and (max-width:660px){
    .bottom-banner-1 i{font-size: 28px;}
    .res-ban-txt{top: 15%;}
    .res-ban-txt div:nth-child(1){font-size: 20px;}
    .res-ban-txt div:nth-child(2){font-size: 28px;}
    .res-ban-txt div:nth-child(3){font-size: 13px; }
    .res-ban-txt div:nth-child(4) a{    padding: 3px 6px;}
	/* .product-description { padding-bottom: 550px; } */
    .ban-mid-txtbox{display: none;}

}
@media only screen and (max-width:599px){
	.shopping-cart td, .shopping-cart tr {display: block;}
	.shopping-cart td { border: none; border-bottom: 1px solid #eee; position: relative; }
	.shopping-cart th:nth-child(1), .shopping-cart th:nth-child(5), .shopping-cart th:nth-child(6), .shopping-cart td:nth-child(1), .shopping-cart td:nth-child(5), .shopping-cart td:nth-child(6) {text-align: left;}
	.shopping-cart td img{ height: auto; margin-left: 46%; }
	.bottom-banner-1 i{    font-size: 25px;}
	.bottom-banner-1 p{font-size: 11px;    padding: 0 4px;}
	.related-product .owl-prev, .related-product .owl-next { top: -220px; } #add-to-cart-btn{display: none;}
    .city-dt-container{flex-direction: column;gap: 0;}.product-details{gap:1rem}
    .lt-body .con-field label{font-size: 13px;}.contact-lt { padding: 20px;}
}


@media only screen and  (max-width:559px){ .bottom-banner { margin-top: 18%; margin-bottom: 9%; }.rating1,.cus-name,.cus-date{font-size: 12px} }

@media only screen and (max-width:535px){
	.head11{justify-content: center;}
    .second {
    display: none;
}
.mobile-banner{
    display: block;
}
}
@media only screen and (max-width: 520px){
	.l-form-group input {width: 82%;}
	.res-ban-txt{top: 10%;}
	.res-ban-txt div:nth-child(1){font-size: 16px;    padding: 6px 0 8px;}
	.res-ban-txt div:nth-child(2){font-size: 19px;padding-bottom: 7px;}
	.res-ban-txt div:nth-child(3){font-size: 13px;     padding-bottom: 13px;}
	.res-ban-txt div:nth-child(4) a{    padding: 3px 6px;font-size: 10px;}
}
@media only screen and  (max-width:500px){
    .bg-bold {
    font-size: 46px;
}
	.member-container{margin: 0.7rem;padding: 10px;}
	.tab-body{padding: 10px 10px;}
	.tab-body form .int-field select, .tab-body form .int-field input[type="text"], .tab-body form .int-field input[type="number"], .tab-body form .int-field select{padding: 10px 5px;}
	.tab-body form .int-field input[type="text"], .tab-body form .int-field input[type="number"], .tab-body form .int-field select{height: 40px;}
	.isf-name-prefix, .isf-phone-prefix {width: 22% !important;}
	.isf-name, .isf-phone {width: 75% !important;}
	.pay-options{width: 270px;}
	.method{font-size: 14px;}
	.mem-block { width: 100%; }

}
@media only screen and  (max-width:480px){
	.prd-block-desc p, .rating-yellow{ font-size: 13px; }.old-price{font-size: 13px;}.home-price{font-size: 16px;}.home-price-pgdetails{font-size: 15px;}.msz-del{font-size: 11px;}
   .quantity{margin: 10px 0 0 0 ;}.sel-offer-wrap{width: 100%;}.offer{font-size: 15px; padding: 6px 11px;}.price-tag{padding-left:5px;}.price-select select{font-size: 14px;}
	.second-banner-heading p{ margin-top: 14px; }/*.price-section{padding: 0 12px 5px;}.rating-n-review{padding: 5px 12px 8px;}.p1{padding-left: 4%;}#cart-btn{padding: 2%;}*/
    .owner-details12{padding: 5px;}.customer-saying-content p{height: 8vh;font-size: 12px;}.customer-saying-content{padding: 0px 5px;}#also-viewed{padding: 4% 0%;}
    .item-desc1 { height: 3.5vh; font-size: 13px; }
	.first-banner-heading p{ font-size: 17px !important; margin-top: 41px; }
	.third-banner-heading p{ font-size: 13px !important; }
	.fourth-banner-heading p{ font-size: 13px !important; }
	.middle-banner-text p{ font-size:12px; }
	.middle-banner-img i{ font-size: 25px; }
	.second{padding-bottom: 455px;}.img-details div{font-size: 13px;}.cart-delete{padding: 0px 4px;}
	/* .item-desc1 { height: 80px; } */
	footer{ margin: 4rem 10px 2rem; }
    .product-description{text-align: left;}.contact-lt { padding: 15px;}
    .faq-btn{width: 85px; font-size: 13px}
}
@media only screen and (max-width:470px) {
    .img2 {height: 220px;}
    .head1-left h3, .head1-right a { font-size: 12px }
	.search-bar { width: 70%; right: 15%; top: 105% }
	.banner-slider-txt .owl-dots { margin-top: 30px !important }
	.big-banner-txt { width: 60% }
	.bbt-heading { font-size: 40px }
	.bbt-txt { font-size: 13px }
	.bst-txt1 { font-size: 18px }
	.bst-txt2 { font-size: 50px }
	.bst-inner a { font-size: 15px }
	.sbt-heading { font-size: 17px }
	.sbt-txt { font-size: 10px }
	.sbt-link { font-size: 1rem }
	.hph-txt { margin-left: 0 }
	.hph-txt h2, .hph-txt h1 { font-size: 18px; padding-bottom: 7px }
	.hp-heading a { margin-right: 0 }
	.t-head { font-size: 1.7rem }
	.prd-det-title { font-size: .8rem }
	.sbc-heading p::after, .sbp-heading p::after, .sbr-heading p::after { width: 28% }
	footer {justify-content: space-between !important}
	.home-products {margin-top: 4% }
}
@media only screen and (max-width:427px){
    .bg-light {
    font-size: 24px;
}
.bg-bold-sml {
    font-size: 20px;
}

	/* .btn-section{ flex-direction: column; text-align: center; justify-content: center; align-items: center; padding-bottom: 1%; } */
}
@media only screen and (max-width: 415px){
	.my-social{ justify-content: center; }
}
@media only screen and (max-width: 400px){
	.search-bar2 { width: 260px; }
}

@media only screen and (max-width:375px){.res-ban-txt { top: 5%; }}
@media only screen and  (max-width:370px){
	.first-banner-heading p{font-size: 32px;  }
	.big-banner-txt,.small-banner-txt {margin-top: 32%;}
	.sbt-heading {font-size: 15px}
	.shop-by-cat,.shop-by-price,.shop-by-relation {margin-top: 9%;}
	.sst-bold {font-size: 13px;}
	.sst-light {font-size: 14px;}.rating1,.cus-name,.cus-date{font-size: 10px}
	.big-banner-txt, .small-banner-txt { margin-top: 32% } .sbt-heading { font-size: 15px } .shop-by-cat, .shop-by-price, .shop-by-relation { margin-top: 9% } .sst-bold { font-size: 13px } .sst-light { font-size: 14px }
}
@media only screen and (max-width: 350px){
.middle-first-banner, .middle-second-banner, .middle-third-banner, .middle-fourth-banner{ width: 100% !important; padding-bottom: 5%; }
}


/* member details */
.member-container{display: flex;flex-wrap: wrap;justify-content: center;position: relative;box-shadow: -1px 1px 12px -2px #7c7c7c;border-radius: 5px;margin: 2rem;padding: 20px;flex-direction: row-reverse;background-color: #a7a7cc1a;}
/*.mem-right{width: 73%;}*/
.mem-left{width: 30%;/*margin-top: 70px;*/}
.ord-sum{position: sticky;top: 60px;}
.sum-head,.del-head{text-align: center; color: blue; font-size: 20px; padding-bottom: 60px; margin-top: 20px; font-weight: 600; text-transform: uppercase;}
.sum-body{    /*border: 1px solid #ccc;*/background-color: white; padding: 20px; border-radius: 5px;}
.order-blocks { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
.title-date{width: 35%;text-align: center;}
.prd-title{padding-bottom: 10px;}
.title-date span{color: var(--deepestpink);}
.prd-img{text-align: center;}
.sum-price-block{display: flex;flex-wrap: wrap;padding-bottom: 10px;align-items: center;justify-content: space-between;}
.sum-price-block label{width: 40%;}
.prd-pr-block{display: flex;}
.prd-price{padding: 0 10px;}
.sum-qty{padding-bottom: 10px;}
.sum-qty input[type="number"]{width: 7%;}
.green-border{border-top: 1px solid grey; padding-top: 10px;}
.grd-tot label{color: var(--deepestpink);font-size: 19px;font-weight: 600;}
.tabs-head{display: flex;flex-wrap: wrap;text-align: center;    justify-content: center; align-items: center;}
.tabs-head div { padding-right: 33px; font-size: 18px; color: #000; }
.tabs-head div input[type="radio"] { margin-right: 10px; }
.tabs-head div label{cursor: pointer;}
/* .tabs-head button{width: 50%;padding: 10px;background-color: #fff;color: var(--sitegreen);border: none;font-size: 17px;font-weight: 600;border: 1px solid #ccc;cursor: pointer;} */
.tab-new-user{border-top-left-radius: 10px;color: var(--sitegreen);background-color: #fff;}
.tab-reg-user{border-top-right-radius: 10px;color: var(--sitegreen);background-color: #fff;}
.tab-link-active{background-color: var(--sitegreen) !important;color: #fff !important;}
.tab-box-active{display: block !important;}
.tab-body{ /*border: 1px solid #ccc;*/  padding: 10px 20px;    margin-top: 10px; }
/* .tab-body-1, .tab-body-2{display: none;} */
.tab-box-active{display: block;}
.details-head{text-align: center; color: var(--deeppink); font-size: 20px; border-bottom: 1px solid var(--deeppink);padding: 30px 0 10px;}
.details-head:first-child{padding: 20px 0 10px;}
.details-head em{font-size: 13px; font-weight: 600; font-style: normal;display: block;    padding-top: 10px;}
.int-two-field{display: flex;justify-content: space-between;}
.int-two-field .int-field{width: 49%;}
.int-field{padding: 10px 0;display: flex;flex-direction: column;}
/*.messbox { width: 50% !important; }*/
.message { height: 78px !important; }
.int-sub-field{display: flex;justify-content: space-between;}
.isf-name-prefix, .isf-phone-prefix{width: 15% !important;}
.isf-name, .isf-phone{width: 83% !important;}
/*.greeting-select{width: 49% !important;}*/
.wid-10{width: 10% !important;outline: none;}
.wid-40{width: 57% !important;}
.wid-17{width: 17% !important;}
.int-field label{font-weight: 600;font-size: 14px; width: 100%; display: inline-block;padding-bottom: 5px;}
.int-field label sup,.tab-body-2 form .int-field label sup{color: red; font-weight: 600;}
.int-field input[type="text"],.tab-body form .int-field input[type="number"],.tab-body form .int-field select,.tab-body form .int-field input[type="password"],.tab-body form .int-field textarea,.tab-body-2 .int-field input[type="text"],.tab-body-2 .int-field input[type="password"]{height: 46px;padding: 10px 15px; font-size: 15px; border-radius: 5px; border: 1px solid #8f8f8f;width: 100%;}
.int-field select{   padding: 10px 15px; font-size: 15px; text-align: left;border-radius: 5px;}
.tab-body-2 form .int-field input[type="button"]{    width: 20%; margin: 0 auto; padding: 10px; border-radius: 5px; border: 1px solid; font-size: 17px; font-weight: 600; color: #fff; background: var(--deepestpink);cursor: pointer;}
.chartext { display: inline-flex; font-weight: 600; }
.chartext #countnum, .chartext #countnum1 { padding-left: 10px; }
.pay-options{text-align: center;/*margin: 0 170px;*/width: 70%;margin: 0 auto;}
.method{font-size: 17px; padding: 10px;  border-radius: 10px;  text-transform: uppercase;margin: 20px 0;cursor: pointer;}
.method:hover{opacity: 0.8;}
.pay-options .paypal{background: #ffc439;}
.pay-options .paypal img{height: 20px;}
.pay-options .credit{background: #000; color: #fff;font-weight: 600;}
.pay-options .credit div{    display: inline-block; padding-left: 10px;}
.pay-options .skrill{background-color: #913573;color: #fff;font-weight: 600;}





    .member-container-chkout {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        position: relative;
        box-shadow: -1px 1px 12px -2px #7c7c7c;
        border-radius: 5px;
        margin: 2rem;
        padding: 20px;
        flex-direction: row-reverse;
        background-color: #a7a7cc1a;
    }


    .mem-left-chkout {
        width: 35%;

    }

    .sum-head-chkout,
    .del-head-chckout {
        text-align: center;
        color: var(--sitecolor);
        font-size: 20px;
        padding-bottom: 60px;
        margin-top: 20px;
        font-weight: 600;
        text-transform: uppercase
    }

    .del-head-chck {
        text-align: center;
        color: var(--sitecolor);
        font-size: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        font-weight: 600;
        text-transform: uppercase
    }

    .ord-sum-chckout {
        position: sticky;
        top: 60px;
    }

    .sum-body-chckout {
        background-color: white;
        padding: 20px;
        border-radius: 5px;
    }

    .order-blocks-chkout {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .prd-img-chkout {
        text-align: center;
    }

    .title-date-chkout {
        width: 35%;
        text-align: center;
    }

    .sum-price-block-chkout {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
        align-items: center;
        justify-content: space-between;
    }

    /* .sum-price-block-chkout {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
        align-items: center;
        justify-content: space-between;
    } */

    .green-border-chkout {
        border-top: 1px solid grey;
        padding-top: 10px;
    }

    .sum-price-block-chkout label {
        width: 40%;
    }

    .grd-tot label {
        color: blue;
        font-size: 19px;
        font-weight: 600;
    }

    .prd-title-chkout {
        padding-bottom: 10px;
    }

    .title-date-chkout span {
        color: var(--sitecolor);
    }

    .frgt {
        text-align: center;
    }

    .frgt p {
        font-weight: 600;
        color: blue;
        cursor: pointer;
    }
















    .multistep-container {
        width: 62%;
    }

    .member-container-chkout .active-button {
        display: table;
        margin: auto;
        padding-left: 0;
        padding-bottom: 30px;
        overflow: hidden;
        text-align: center;
    }

    .member-container-chkout .active-button li {
        display: inline-block;
        width: 180px;

    }

    .member-container-chkout .active-button li .round-btn {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: grey;
        display: inline-block;
        color: white;
        text-align: center;
        line-height: 30px;
        margin: auto;
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }

    .member-container-chkout .active-button li.active .round-btn {
        background-color: var(--sitecolor);
        color: white;
    }

    .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
        position: absolute;
        content: "";
        width: 150px;
        height: 3px;
        background-color: grey;
        left: -75px;
        top: 50%;
        transform: translate(-50%);
        z-index: -1;
    }

    /*.member-container-chkout .active-button li:nth-child(1) .round-btn:before{
        position: absolute;
        content:"";
        width: 150px;
        height: 3px;
        background-color: grey;
        left: -75px;
        top: 50%;
        transform: translate(-50%);
        z-index: -1;
     }*/

    .member-container-chkout .active-button li.active:not(:first-child) .round-btn:before {
        background-color: var(--sitecolor);
    }

    .member-container-chkout .multistep-form-area {
        /*        position: relative;*/
        /*        overflow: hidden;*/
        min-height: 1070px;
        max-height: 1070px;

    }

    .member-container-chkout .multistep-form-area .form-box {
        position: absolute;
        top: 25px;
        left: 4%;
        width: 53%;
    }

    .member-container-chkout .multistep-form-area .form-box:nth-child(2),
    .member-container-chkout .multistep-form-area .form-box:nth-child(3),
    .member-container-chkout .multistep-form-area .form-box:nth-child(4) {
        display: none;
    }



    .del-details {
        background-color: white;
        padding: 5%;
        border-radius: 8px;
    }


    .active-hdng {
        color: var(--sitecolor);
        font-weight: 600;
    }

    .button-row {
        text-align: center;
        margin-top: 30px;
    }

    .button-row input {
        border: none;
        padding: 15px 40px;
        border-radius: 4px;
        background-color: rgb(249 213 110);
        color: #2c2b2b;
        cursor: pointer;
        margin: 10px;
    }

    .radio-btn {
        display: inline !important;
        margin-right: 15px;
    }

    .radio-btn input {
        margin-right: 10px;
    }

    .message-purpose {
        padding: 10px;
        background-color: #eaeaf0;
        border-radius: 4px
    }

    .message-purpose input {
        margin-right: 10px;
    }

    .pay-options {
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }

    .debit-op {
        background: #000;
        color: #fff;
        font-weight: 600;
    }

    .paypal-op {
        background: #0070ba;
        color: #fff;
        font-weight: 600;
    }

    .del-btn {
        cursor: pointer;
    }

    .bill-btn {
        cursor: pointer;
    }


    .sb-ttl{
        display: flex;
        justify-content: space-evenly;
    }

    .ttl-hdng, .grnd-ttl-hdng, .shpng-hdng{
        font-size: 18px;
        width: 30%;
        margin-bottom: 6px;
    }

    .grnd-ttl-hdng, .grnd-ttl-amnt{
        font-weight: 600;
    }

    .sb-ttl-div{
        text-align: center;
        padding: 15px;
        border-radius: 5px;
        background-color: gainsboro;
        margin-bottom: 20px;

    }


    @media only screen and (max-width:1418px) {
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 121px;
            left: -60px;
        }

        .member-container-chkout .active-button li {
            width: 150px;
        }
    }

    @media only screen and (max-width:1192px) {
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 113px;
            left: -55px;
        }

        .member-container-chkout .active-button li {
            width: 141px;
        }

        .active-hdng {
            font-size: 14px;
        }

        .active-button p {
            font-size: 14px;
        }
    }

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


        .member-container-chkout .active-button li {
            width: 131px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 103px;
            left: -50px;
        }

        .active-button p {
            font-size: 13px;
        }

    }

    @media only screen and (max-width:1048px) {
        .member-container-chkout .active-button li {
            width: 126px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 98px;
            left: -47px;
        }

    }

    @media only screen and (max-width:1010px) {
        .active-button p {
            font-size: 12px;
        }

        .member-container-chkout .active-button li {
            width: 125px;
        }
    }

    @media only screen and (max-width:1004px) {
        .member-container-chkout .multistep-form-area .form-box {
            position: static;
            width: 100%;
        }

        .mem-left-chkout {
            width: 100%;
        }

        .multistep-container {
            width: 100%;
            margin-top: 4%;
        }

        .member-container-chkout {
            flex-direction: column-reverse;
        }

        .member-container-chkout .active-button li {
            display: inline-block;
            width: 180px;
        }

        .active-button p {
            font-size: 14px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 180px;
            left: -60px;
        }

        .sum-head-chkout,
        .del-head-chckout {
            padding-bottom: 30px;
        }

        .member-container-chkout .multistep-form-area {
            min-height: fit-content;
        }

    }

    @media only screen and (max-width:825px) {
        .member-container-chkout .active-button li { display: inline-block; width: 160px; }
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before { width: 132px; left: -66px; }

        .contact-container{width: 95% !important; flex-direction: column; justify-content: center; }
        .contact-lt,.contact-rt{width: 100%;}.bulk{font-size:23px}#contact-us-btn{width: 37%;}
        #contact-us-btn a{font-size: 17px;}


    }


    @media only screen and (max-width:739px) {
        .member-container-chkout .active-button li {
            display: inline-block;
            width: 150px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 120px;
            left: -60px;
        }
    }


    @media only screen and (max-width:699px) {
        .member-container-chkout .active-button li {
            display: inline-block;
            width: 140px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 110px;
            left: -55px;
        }

        .active-button p {
            font-size: 12px;
        }
    }

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

        .member-container-chkout .active-button li {
            display: inline-block;
            width: 130px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 100px;
            left: -50px;
        }
        .head2{padding-bottom: 35%;}
    }

    @media only screen and (max-width:619px) {
        .member-container-chkout .active-button li {display: inline-block;width: 116px;}
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {width: 85px;left: -43px;}
        .prd-info-block{padding: 0px 7px;}
        .btn-section a{font-size: 32px;}
        .head2{padding-bottom: 15em;margin: 0.2rem 0}.logo {padding-bottom: 0.5rem; }
    }

    @media only screen and  (max-width:576px){
        .head2{padding-bottom: 18em;}
        .search-bar1{ position: absolute; top:50%; }
        .head2-right { width: 250px; }
        .logo { width: 100%; }
        #searchAlert{    text-align: center;}
        .search-bar1{ width: 322px; right: 15%; position: absolute; }
        .search-bar2{    width: 80%;    margin: 0.8rem 0;}
        .sel-city, .sel-date {width: 100%;	}
        .pro-addCart{margin: 2% 0;}
        .text-3{ padding: 4% 0; }
        .delivery-asap, .other-location{padding: 1% 0 4%;}
        .customer-review-slider .owl-prev, .customer-review-slider .owl-next { top: -147px; }
        .customer-review-slider .owl-next{right: -15px;}.customer-review-slider .owl-prev{left: -14px;}
        .related-product .owl-next{right: -15px;}.related-product .owl-prev{left: -14px;}
        /* .item-desc1{height: 60px;} */
        /* .inside-container{padding: 10px;} */
        .inside-heading{    font-size: 23px;}
        .ticket-container{width:90%;padding: 10px;}
        .ticket-container .lt-body .con-field .title { width: 60%; }
        .ticket-container form .ticket-block div:first-child{ width: 50%;}
        .modal-content{width: 95%;}
        .modal-product { width: 48%; }.customer-review-slider-heading{margin-top:5%;}
    }

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

        .member-container-chkout .active-button li {
            display: inline-block;
            width: 112px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 84px;
            left: -41px
        }
    }



    @media only screen and (max-width:548px) {
        .member-container-chkout .active-button li .round-btn {
            width: 24px;
            height: 24px;
            font-size: 12px;
            line-height: 26px;
        }

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 79px;
            left: -39px;
        }

        .active-button p {
            font-size: 11px;
        }

        .member-container-chkout .active-button li {
            display: inline-block;
            width: 103px;
        }
    }


    @media only screen and (max-width:514px) {
        .head2{padding-bottom: 17em;}
        .member-container-chkout .active-button li {display: inline-block; width: 25%;}

        .member-container-chkout .active-button li:not(:first-child) .round-btn:before { width: 232%; left: -27px;}

        .actv {
            line-height: 38px;
        }

        .grd-tot label {
            font-size: 16px;
        }

        .title-date-chkout span {
            font-size: 14px;
        }

        .prd-title p {
            font-size: 14px;
        }

        .sum-head-chkout,
        .del-head-chckout {
            font-size: 18px;
        }
        .product-details{width: 95%;}.product-image{width: 95%;}

        .review-box{padding: 0 5px;}.customer-review-slider .owl-prev, .customer-review-slider .owl-next{top: -113px}.customer-review-slider .owl-prev{left:-17px;}
        .customer-review-slider .owl-next{right: -17px;}
    }


    @media only screen and (max-width:425px){
        .head2{padding-bottom: 15em;}
        .prd-info-block{padding: 0px 5px;}
        .product-discount p{height: 40px;width: 40px;font-size: 12px;}
        
        .select-rupee select{font-size: 17px;}.current-price{font-size: 18px;}.stripe-text{font-size: 16px;}
        .quantity label{font-size: 17px;}
        .question1{font-size: 40px}.accordion-content header .title{font-size: 14px;}

    }


    @media only screen and (max-width:400px) {
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {width: 222%;left: -24px;}
        .cus-name{font-size: 10px;}
    }

    @media only screen and (max-width:376px) {
        .head2{padding-bottom: 14em;}
        .member-container-chkout .active-button li:not(:first-child) .round-btn:before {
            width: 194%;
            left: -22px;
        }
    }

    @media only screen and (max-width:364px) {.member-container-chkout .active-button li:not(:first-child) .round-btn:before {width: 178%;left: -21px;}}

    @media only screen and (max-width:320px){
        
       .rating-yellow,.home-price,.prd-block-desc p{font-size: 12px;}.price-tag{padding-left: 2px;}
        .price-select select{font-size: 11px;}.old-price{font-size: 10px;}.product-discount p{height: 35px;width: 35px;font-size: 10px;}
        .test-sec{width: 87%;}
    }