*{ padding: 0px; margin: 0px; }
body {padding: 0px;margin: 0px;font-family: 'Sora', sans-serif; font-display: swap;font-size: 15px;line-height: 30px;font-style: normal; color:#000;}
input,select,textarea {font-family: 'Sora', sans-serif; font-display: swap;} a{ text-decoration: none; }
select option {font-family: 'Sora', sans-serif; font-display: swap;}
.responsive{ width: 100%;}
.center{ text-align: center; }
.red11{ color:#c20023; } .ft-54{ font-size: 54px; }
.headFont_1{ font-family: 'DM Serif Display', serif; }
.font1{ font-family: 'DM Serif Display', serif;}
h1,h2,h3,h4,h5 {margin: 0px;}
.container{ width: 90%; margin: auto; } .mar-top{ margin-top: 45px; }
.wrapper{ width: 100%; float: left; }
.ft-50{ font-size: 50px; }
.header-top{ width: 100%; float: left; border-bottom: #f4e8e8 solid 1px; padding: 6px 0px; margin-bottom: 10px;}
.toptext-left{width: 50%; float: left; }
.pull-left{ float: left; } .pull-right{ float: right; }
.toptext-left{ width: 50%; float: left; text-align: left; }
.topright-txt{ width: 50%; float: left; text-align: right; }
.logo{ width: 17%; float: left; }
.top-icon{ width: 66%; float: left; margin-top: 12px; }
.heading1{ width: 100%; display: block; margin: 10px 0px; text-align: center; margin-top: 50px; margin-bottom: 28px }
.Searchbox {width: 51%; margin: auto;}
.headingnew0 {
width: 100%;
display: block;
margin: 10px 0px;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
font-size: 35px;
color: #c20023;
line-height: 45px;
}
.headingnew {
width: 100%;
display: block;
margin: 10px 0px;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
font-size: 35px;
line-height: 45px;
}
.cart-icon{ float: right; position: relative; }
.SearchInput{ border: #ccc solid 1px; width: 100%; padding: 4px 6px 6px;}
.SearchInput input:focus{ border-radius: 10px }
.SearchInput img{ margin-top: 5px; }
.inputSearch{ width: 90%; padding: 10px; float: left; border: none; }
.inputSearch input{ margin: 0px; }
.SearchInput input:focus{ border:none; outline:0; }
.BannerTop{ width: 100%; float: left; height: 260px; } .BannerTop img{ width: 100%; vertical-align: bottom;}
.header-top-2 { position: relative; width: 100%;margin-bottom: 12px; float: left;}
.searchbox1{ position: absolute; display: none; background: #fff; padding: 10px 20px; width: 100%; float: left; z-index: 10000; transition: opacity 1s ease-in-out; }
.searchbox1 input{ width: 92%; padding: 10px; }
.searchbox1 button{ background: #d4180d; padding: 8px 10px; border-radius: 5px; color: #fff }
.hovertxt{ display: none; position: absolute; right: 50px; top: 38px; background: #fffafa; padding: 10px 10px 10px;
z-index: 10000; width: 220px; box-shadow: 0 0 4px rgb(0 0 0 / 20%); }
.hovertxt ul{ margin:0px; padding: 0px; }
.hovertxt li{line-height: 20px; border-bottom:solid 1px #ccc; padding: 10px; display: block; color: #000; cursor: pointer;}
.hovertxt li a{ color: #0e0e0e; } .hovertxt li a:hover{ color: #d4180d; }
.crossImg{ width: 10px; position: absolute; top: 10px; right: 0px; }
.circle {line-height: 20px; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #ad4c0c; color: #fff; left: 32px; top: 4px; text-align: center;}
.nav1{ width: 100%; background: #b31303; text-align: center; float: left; padding: 10px 0px }
.nav1 a{ color: #fff; padding: 0px 10px; text-decoration: none; }
.explorerakhi{ width: 100%; float: left; background: #fff8ea; padding: 10px 0px 20px; }
.explorerakhi .bigfont{ font-size: 30px; text-align: center; display: block; margin: 10px 0px 20px;}
.explorerakhi-in{ width: 100%; float: left; border-radius: 10px; padding: 20px 10px 0px; background: #fff8ea }
.explorerakhi-in ul{ margin:0px; padding: 0px; display: flex; flex-direction: row; justify-content: space-between; }
.explorerakhi-in li{ border-right:#ccc solid 1px; list-style: none; text-align: center; padding: 0px 20px; color: #980413; line-height: 30px; }
.explorerakhi-in li:last-child{ border-right: 0px; }
.explorerakhi-in li span{ display: block; font-weight: bold; color: #000; font-size: 16px; }
.R-dryfruitbox{ width: 100%; float: left; background: #fff1d4; background-image: url(../images/bg-dryfruits.jpg); background-repeat: no-repeat; background-position: right;
padding: 50px 0px; } .ft-mar{ margin-bottom: 10px }
.col-md-6{ width: 50%; float: left; }
.right-img{ width: 38%; float: left; padding-top: 40px }
.right-img p{ margin:20px 0px; }
.button-bor{ border: #000 solid 1px; padding: 15px 20px; clear: both; width: auto; width: 38%; text-align: center; font-size: 17px; }
.ft-30{ font-size: 45px; }
.gifthamper-box{ width: 100%; float: left; background: url(../images/gift-hamper-bg.jpg) #901e28 no-repeat ; padding: 50px 0px; color: #fff }
.GiftHamperCol{ width: 50%; float: right; margin-top: 50px;} .rakhiSweet img{ width: 100%; }
.Mrbt22{ display: block; margin-bottom: 30px; }
.heading3{ width: 100%; font-size: 30px; margin-bottom: 18px; }
.rakhiCombo1{ width: 100%; float: left; display: flex; justify-content: space-between; }
.rakhiCombo1 div{ width: 48% } .rakhiSweet{ margin-bottom: 10px; }
.rakhiCombo1 img{ width: 100%; }
.button-bor1{ border: #fff solid 1px; padding: 15px 20px; clear: both; width: auto; width: 38%; text-align: center; font-size: 17px; }
.worldwideCol{ width: 50%; float: left; margin-top: 50px; margin-bottom: 30px; }
.flexRow{ display: block; margin-top: 18px; width: 100%;}
.Worldcolum{ display: inline-block; width: 48.55%;}
.Worldcolum ul{ margin:0px; padding: 0px; } .Worldcolum li{ margin-bottom: 10px; width: 98%; position: relative; }
.Worldcolum li a{ color: #000 }
.Worldcolum .text21{ width: 100%; float: left; border: solid 1px #c6c6c6; border-top: none; background: #fff; padding: 5px; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 0px; text-align: center; font-weight: bold; }
.worldwideCol img{ width: 100%; vertical-align: bottom; }
.productIndex-head{ width: 100%; float: left; margin: 20px 0px; }
.ProductsIndex-row{ width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; }
.ProductsIndex-row ul{ margin: 0px; padding: 0px; }
.ProductsIndex-row li{ list-style: none; width: 23.45%; float: left; margin-right: 2%; }
.ProductsIndex-row li img{ width: 100%; }
.ProductsIndex-row li:last-child {margin-right: 0px;}
.HeadingIndex{ width: 50%; float: left; font-size: 50px; } .ViewAllIndex{ width:16%; float: right; text-align: right; }
.viewCol{ width: auto; border: #000 solid 2px; padding: 10px; text-align: center; font-size: 18px;}
.price{ font-size: 21px; } .redColor{ color: #b31303 }
.pro-name{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 10px 0px; font-size: 17px;}
.pull-right{ float: right; }
.index-thum-row { width: 100%;margin: 50px 0px;}
.index-thum-row ul { width: 100%; float: left;display: flex; justify-content: space-between; padding: 0px; margin: 0px;}
.index-thum-row li { list-style: none; width: 49%; line-height: 32px; text-align: center; font-size: 30px;}
.index-thum-row img {width: 100%; margin-bottom: 25px; }
.button-bor:hover, .button-bor1:hover { background: #b31303; border: #fff solid 2px; color: #fff; cursor: pointer;}
.giftbyRel{ width: 100%; float: left; }
.giftbyRel ul{ margin: 0px;padding: 0px; display: flex; align-items: flex-start; justify-content: space-between;}
.giftbyRel li{ margin-bottom: 30px; display: inline-block; width: 32%; text-align: center; font-size: 18px; } .giftbyRel li img{ width: 100%; }
.giftbyRel li b{ display: block; margin:8px 0px; }
.viewCol:hover { background: #b31303; border: #fff solid 2px; color: #fff; cursor: pointer;}
.myAccout{ cursor: pointer; }
.myAccout img{margin-top:8px; position: absolute; }
.index-thum-row .viewCol{ width: 30%; margin: auto; font-size: 16px; }
.rakhisetBox { width: 100%; float: left; margin-top: 60px; margin-bottom: 61px; }
.rakhisetBox img{ width: 100% }
.DetReview{ width: 100%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 13px 5px; font-weight: bold;} .starft{ font-size: 22px;}
.ratingBoxDet{ padding: 5px 10px; background: #efefef; color: #000; margin-left: 16px; }
.DetReview .star_1{ color: #49a066 }
.RakhiSet1{ background:#b31303; width: 42%; margin-right: 15px; float: left; font-size: 19px; color: #fff; padding: 80px 45px; box-sizing: border-box; line-height: 40px ; height: calc(25vw - 25px);}
.RakhiSet1 .viewCol{ width: 60%; text-align: center; color: #fff; border: #fff solid 2px; padding: 5px 0px; margin-top: 22px; }
.Rakhi_Sets{ width:18%; float: left; margin-left: 10px;}
.ft-40{ font-size: 45px; } .reviewHead{ width: 100%; text-align: center; margin-bottom: 30px; }
.cust-review{ width: 100%; float: left; background: #f9f0f1; margin-top: 60px; padding: 80px 0px;}
.reviewIndex{ width: 100%; float: left; }
.reviewSecLt{ width: 20%; float: left; margin-left: 50px; } .reviewSecRt{ width: 75%; float: left; }
.reviewSecRt ul{ margin:0px; padding: 0px; }
.reviewSecRt li{ width: 31%; float: left; background: #fff;padding: 20px; box-sizing:border-box; margin-left: 20px;}
.reviewSecRt li p {margin: 15px 0px; height: 200px; min-height: 200px; overflow: hidden; } .reviewSecRt li p:hover{ overflow-y: scroll; }
.blogSec{ width: 100%; float: left; margin-top: 70px; }
.blogbox {font-size: 15px;display: flex;justify-content: space-around; margin-top: 28px; width: 100%; float: left; }
.blogbox .blog { width: 31%; display: inline-block; color: #666666;}
.blogbox img { width: 100%;}
.blogbox h3 { font-size: 25px; text-decoration: none; color: #000; line-height: 40px; } .blogbox h3 a{text-decoration: none; color: #000}
.blogpad {padding: 0px 0px 0px;box-sizing: border-box;}
.blogtopbox { width: 100%; float: left; color: #bcbdbd; font-size: 15px; margin: 10px 0px;}
.authorname { width: 48%; float: left;}
.blogHead{ width: 100%; float: left; }
.ContentIndex{ width: 100%; float: left; background: #faf4f4; margin-top: 80px; padding: 60px 0px; }
.ContentIndex table { background: #fff; border: none; }
.ContentIndex th { padding-top: 12px; padding-bottom: 12px;text-align: left; background-color: #b31303; color: white;}
.ContentIndex tr td{border: none; border-bottom: #f0e6e6 solid 2px; padding: 10px 0px; }
.ContentIndex h2{ display: block; margin-bottom: 12px; margin-top: 30px;}
.ContentIndex p{ margin: 10px 0px 20px; }
.FAQIndex{ width: 100%; float: left; padding: 80px 0px 0px;} .marQ{ display: block; margin-bottom: 44px; text-align: center; }
.FAQIndex h2{ color: #b31303; }
.reviewRatingGal{ width: 100%; float: left; margin: 0px 0px 20px;}
.reviewRatingInner{column-width: 20em;}
.reviewBoxGal { display: table; margin: 0 0 20px 0; padding: 0; width: 100%; border: #ccc solid 1px; padding: 10px 10px 20px 10px;}
.viewAllReview{ display: block; margin-top: 30px; }
.viewAllReview button { margin: auto;background: #DB1704; display: block; width: auto; text-align: center; padding: 12px 30px; font-size: 18px; color: #fff}
.reviewBoxGal div{ box-sizing: border-box; }
.mar-bot{ margin-bottom: 10px; }
.que1{ margin-bottom: 20px; }
.tirviaSec{ width: 100%; display: flex; padding: 60px 0px; }
.trivaHead{ background: #B31303; color: #fff; padding: 108px 20px; width: 22%; float: left; box-sizing: border-box; font-size: 34px; }
.triviaLinks { width: 78%; float: right; padding: 35px 20px; background: #FFF8EA; box-sizing: border-box; padding: 35px 20px; }
.triviaLinks ul { margin:0px; padding: 0px; }
.triviaLinks li{ font-size: 16px; list-style: none; display: inline-block; box-sizing: border-box; border: #E7BBB7 solid 1px; padding: 10px 18px; margin-bottom: 10px; margin-right: 10px }
.triviaLinks li a{ color:#B31303; } .triviaLinks li a:hover{ color: #000; }
.footer-btm-left {width: 100%;float: left; text-align: left; margin: 15px 0 0;}
#left-block, .block {width: 20%; float: left;}
#footer .column {position: relative; width: 100%;}
#footer h3 { font-weight: 700; color: #000;}
.footer-btm-left ul { width: 20%;padding: 0; float: left;}
.footer-btm-left ul li { font-size: 14px; list-style: none; line-height: 38px;}
.footer-btm-left ul li a{ color: #B31303; }
.footer-bt-link{ background: #fff; width: 100%; float: left; padding: 20px 0px 0px; text-align: center; margin-top: 20px; border-block: #ccc solid 1px; }
.footer-bt-link ul{ margin:0px; padding: 0px; text-align: center; }
.footer-bt-link li{ display: inline; list-style: none; text-decoration: none; padding-right: 30px; text-align: center; }
.footer-bt-link li a{ color: #000; }
.copyright{ width: 100%; float: left; text-align: center; padding: 28px 0px; background: rgba(179, 19, 3, 0.09); margin-top: 20px; }
.FAQIndex button.accordion { width: 100%;border: #ccc solid 1px; border-bottom: none; position: relative;text-align: left;padding: 35px 35px; font-size: 20px; font-weight: bold; color: #333;cursor: pointer;transition: background-color 0.2s linear;}
.FAQIndex button.accordion:after {background: url(../images/arrow-top.png) no-repeat; content: ""; display: inline-block; top: 40px; width: 21px; height: 14px; position: absolute; right: 20px;
}
.FAQIndex button.accordion h3{ margin: 0px }
.FAQIndex button.accordion.is-open:after { background: url(../images/arrow-bottom.png) no-repeat; width: 21px; height: 14px;}
.FAQIndex button.accordion:hover,
button.accordion.is-open { border: #ccc solid 1px; border-bottom: none;}
.accordion-content { border-top: none;border: #ccc solid 1px; margin-bottom: 20px; border-top: none !important; background-color: white; padding: 0 35px;max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out;}
.reviewImg img{ width: 100%; margin: 10px 0px; } .reviewBoxGal b{ display: block; } .reviewBoxGal p{ margin: 20px 0px; }
.FAQIndex p{ padding-bottom: 30px; } .matBt{ display: block; margin-bottom: 20px; }
.ReviewHeadGal{ display: block; font-size: 50px; padding: 30px 0px; text-align: center; }
.gallerySec{ width: 100%; float: left; }
.centerBor{text-align: center; width: auto ;}
.borderbread{ width: 30%; margin: auto; border-width: 1px;
border-image: linear-gradient( to left, #c5c5c5, rgba(0, 0, 0, 0)) 1 2%; }
.breadcrum{ width: 100%; float: left; margin:20px 0px 10px; } .breadcrum a{ color: #000 }
.gallerySecIn{ width: 100%; float: left; }
.gallerySecIn ul{ margin: 0px; padding: 0px; }
.gallerySecIn li{ list-style: none; width: 23%; float: left; margin-right: 2%; position: relative; margin-bottom: 80px;}
.gallerySecIn img{ width: 100%; }
.gallerySecIn li:last-child {margin-right: 0px;}
.headGal{ font-size: 40px; display: block; margin: 20px 0px; float: left; width: 100%;}
.priceChoose{ width: 100%; float: left; margin-bottom: 10px; margin-bottom:30px; }
.priceChoose ul{ margin: 0px; padding: 0px; } .priceChoose li a{ color: #000 }
.priceChoose button{ margin-left: 25px; cursor: pointer; position: relative; color:#d4180d; border-bottom: #fff solid 2px; }
.priceChoose button a{color:#000;} .priceChoose button a:hover{ color:#d4180d; }
.priceChoose button:hover { border-bottom: #d4180d solid 2px; }
.priceChoose .active{border-bottom: solid 2px #d4180d; color:#d4180d;}
.btn { color:#FF0000; border-bottom: solid 8px #fff;}
.navLink{ width: 100%; float: left; text-align: center; margin-bottom: 25px; } .navLink ul{ margin:0px; padding: 0px; display: inline-flex; align-content: flex-start; justify-content:space-around;}
.navLink li{ list-style: none; padding: 10px; float: left; transition: all .25s ease-in-out; box-shadow: 0 0 4px rgb(0 0 0 / 20%); margin-right: 10px; margin-bottom: 20px; }
.navLink li a{ color: #8c6f07 } .navLink li a:hover{ color: #d4180d; }
.navLink li:hover{ box-shadow: 0 0 8px rgb(0 0 0 / 30%); }
.topContent{ width: 100%; float: left; margin-bottom: 20px; padding-bottom: 10px; text-align: center; }
/*detail Sec css start Here*/
.mainDetbox {width: 100%;margin: auto;}
.main-pro-scroll {justify-content: space-between;display: flex;}
.left-side-box-sc { position: -webkit-sticky;position: sticky;top: 0px; height: 420px; width: 45%; margin-bottom: 100px;}
.xzoom-container img{ width: 100% }
.detailPage{ width: 100%; float: left; }
.leftImgSec{ float: left; width: 47%; }
.rightDetSec{ width: 50%; float: right; } .rightDetSec h1{ font-size: 40px; font-weight: normal; }
.DetImg-1{ float: left; }
.detailSec{ width: 100%; float: left; margin-top: 20px }
.pricedrop1{font-size: 14px; text-decoration: line-through; color: #382d2d; margin: 0px 0px; font-weight: bold;}
.Detofferperice { font-size: 15px; color: green; text-transform: uppercase; font-weight: bold; margin-left: 5px;}
.ft-25 { font-size: 25px;}
.priceDet{ width: 100%; float: left; }
.mrp{ padding: 0px 0px; font-size: 40px;}
.sku{ width: 100%; float: left; margin: 10px 0px 18px; }
.dettxt{width: 100%; float: left; color: rgba(0, 0, 0, 0.5);}
.pincodeBox{ margin-bottom: 0px !important }
.DeliveryTxt{ width: 100%; float: left; /*margin:30px 0px;*/ line-height: 33px;}
.DeliveryTxt input[type="text"] { border: #999 solid 1px; width: 100%; padding: 18px 10px; }
.DelButton{ width: 100%; float: left; }
.BuyButton{ width: 35%; float: left; background:#B40525; color: #fff; border-:#B40525 solid 1px; }
.BuyButton a{ color: #fff }
.AddCart{ margin-right: 20px; width: 35%; float: left; background: #fff; border:#000 solid 1px; }
.but21{ text-align: center; font-size: 22px; cursor: pointer; padding: 15px 10px; font-weight: normal; }
.WriteRevBut{ width: auto; float: right; margin-top: -30px; }
.WriteRevBut button{ background: #bb070c; border-radius: 5px; padding: 10px; color: #fff; float: right; }
.submitBut button{ background: #cf050a; padding: 10px 40px; float: left; }
.tentDate{ float: left; color: #ca0707; }
.tick-mark{ position: relative; display: inline-block; width: 15px; height: 15px; border-radius:50% }
.tickbg{ background: #D6B951; }
.tick-mark::before {position: absolute; top: 49%; top: 57%; height: 18%; width: 2px; background-color: #fff; content: ""; transform: translateX(9px) rotate(-46deg);transform-origin: left bottom; left: -18%;
}
.tick-mark::after { position: absolute; left: -3px; bottom: 3px; height: 2px; width: 48%; background-color: #fff; content: "";transform: translateX(10px) rotate(-45deg); transform-origin: left bottom;
}
.star-cb-group {font-size: 0; unicode-bidi: bidi-override; direction: rtl;}
.star-cb-group * { font-size: 2rem;}
.star-cb-group > input { display: none;}
.star-cb-group > input + label { display: inline-block; overflow: hidden; text-indent: 9999px; width: 1em; white-space: nowrap; cursor: pointer;}
.star-cb-group > input + label:before { display: inline-block; text-indent: -9999px; content: "☆"; color: #888;}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {content: "★"; color: #e52; text-shadow: 0 0 1px #333;}
.star-cb-group > .star-cb-clear + label {text-indent: -9999px; width: 0.5em; margin-left: -0.5em;}
.star-cb-group > .star-cb-clear + label:before { width: 0.5em;}
.star-cb-group:hover > input + label:before {content: "☆";color: #888;text-shadow: none;}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before { content: "★"; color #e52;text-shadow: 0 0 1px #333;}
.input1{ width: 100%; float: left; } .input1 input[type="text"]{ width: 95%; border:solid 2px #ccc; transition: width .35s ease-in-out; -webkit-transition: width .35s ease-in-out; margin: auto; margin-bottom: 20px; padding: 10px; }
.input1 input:focus{ outline: none !important; border-color: #d40b19; width: 100%; }
.input1 textarea{ width: 95%; float: left; padding: 10px; border:solid 2px #ccc; transition: width .35s ease-in-out; -webkit-transition: width .35s ease-in-out; }
.input1 textarea:focus{ outline: none !important; border-color: #d40b19; width: 100%; }
.ratingStar1 { width: 100%; float: left; margin-top: 10px; } .star-cb-group{ display: table; }
.WriteForm{ display: none; box-shadow: 0 0 4px rgb(0 0 0 / 20%); width: 100%; float: left; position: absolute; left: 0px; top: 44px; padding: 30px; background: #fff; box-sizing: border-box;}
.ratingBox{ width: 100%; float: left margin:10px 0px; } .userImg{ width: 100%; float:left; margin: 10px 0px; }
.userImg img{ width: 80px; height: 80px; border:#ccc solid 1px; }
.DetailCont{ width: 100%; float: left; margin-top:30px; margin-bottom: 15px; border-bottom: #ccc solid 2px; font-size: 16px; }
.DetailCont p{ margin:20px 0px; }
.ReviewBox1{ display: block; border-bottom : #ccc solid 1px; padding-bottom: 5px; }
.review50{ width: 48%; display: inline-block; } .textRight{ text-align: right; }
.mardettop{ margin-top: 40px; }
.productRow{ width: 100%; float: left; background: #fff; padding: 30px 0px }
.ProductDetRow{ margin-top: 50px}
.productRow h2{ margin-bottom: 15px; color: #C20023}
.productRow ul { margin: 0px; padding: 0px; overflow: hidden; white-space:nowrap;}
.productRow ul:hover {white-space:nowrap; overflow-x: scroll;}
.productRow li { list-style: none; width: 23%; display: inline-block; margin-right: 2%; position: relative; margin-bottom: 20px;}
.productRow li img{ width: 100%; }
.bgGreen{ background: #e1d7f2 }
.recentCustomers{ width: 100%; float: left; margin: 20px 0px; position: relative;}
.reviewcount { display: block; margin-top: 10px;}
.row{ width: 100%; float: left; }
.totalcount {display: block; margin: 10px 0px;}
.star_1 { color: #49a066;}
.side { float: left; width: 15%; margin-top: 10px;}
.middle { margin-top: 18px; float: left; width: 70%;}
.bar-container { width: 100%; background-color: #f1f1f1; text-align: center; color: white; border-r35ius: 50px;}
.bar-5 { width: 100%; height: 12px; background-color: #07d37e; border-radius: 50px;}
.bar-4 { width: 75%;height: 12px; background-color: #07d37e; border-radius: 50px;}
.bar-3 { width: 50%; height: 12px; background-color: #07d37e; border-radius: 50px;}
.bar-2 { width: 30%; height: 12px; background-color: #07d37e; border-radius: 50px;}
.bar-1 { width: 10%; height: 12px;background-color: #07d37e; border-radius: 50px;}
.right { text-align: right;}
.side {float: left; width: 15%; margin-top: 10px;}
.bar-4 { width: 76%; height: 12px; background-color: #07d37e; border-radius: 50px;}
.top-review-box1 {width: 100%; display: block; margin: 0px; padding: 0px;}
.reviewDettop{ width: 100%; float: left; position: relative; }
.reviewSec1{ width: 100%; float: left; margin-top: 30px; padding-top: 10px; border-top:#c8c7cb solid 1px ; }
.recentCustomers h3{ font-size: 24px; } .recentCustomers h2{ font-size: 20px; }
.ReviewDetleft{ width: 100%; float: left; margin-top: 10px; font-size: 16px; }
.reviewSec{ width: 100%; float: left; margin-bottom: 20px; } .reviewSec b{ color: #464547; }
.ContentPages{ width: 100%; float: left; font-size: 15px; margin-bottom: 40px;} .ContentPages p{ margin-bottom:20px; line-height: 30px; text-align: justify; }
.ContentPages h2, h3, h4, h5{ font-size: 20px; margin: 25px 0px 5px; }
.ContentPages ul{ margin: 0px; padding: 0px; } .ContentPages li{ margin-bottom: 10px; list-style: disc; margin-left: 18px; }
.contactform{ width: 55%; float: left; } .contactArea{ width: 38%; float:right; }
.select-box11{height: 50px; width: 100%; border: 2px solid #e5e5ee; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; padding: 0 25px; margin-bottom: 29px;outline: none;
}
.contactform .col-md-6{ width: 50%; padding: 10px; }
.inputBox {height: 50px; width: 100%; border: 2px solid #e5e5ee; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; padding: 0 30px; margin-bottom: 29px; outline: none;}
.TxtareaBox{ width: 100%; border-radius: 80px; padding: 10px 20px; outline: none; } .cal-md-12{ width: 100%; }
.SubBut{ margin: 50px auto; width: 300px; font-size: 22px; background: #880b18; padding: 15px; display: block; border-radius: 80px; color: #fff; }
.FeedbackForm{ width:800px; margin: auto; }
.marlt{ margin-left: 20% }
@media only screen and (max-width: 1024px) {
.logo img{ width: 80% }
.logo { width: 32%; } .BannerTop {margin-top: -51px;}
.Searchbox {width: 96.55%; position: relative; z-index: 999; float: right;} .top-icon {width: 100%; margin-top: 7px;}
.SearchInput {padding: 11px!important;}
.BannerTop {margin-top: -51px;}
.header {top: -90px; left: -14px; width: 100%;} .cart-icon {top: -114px;}
.container {width: 93%;} .inputSearch {width: 96%; }
.explorerakhi-in ul {display: block; overflow: scroll; white-space: nowrap;}
.explorerakhi-in li { display: inline-block; white-space: normal; width: 21%;}
.explorerakhi-in li img{ width: 100%; clear: both; }
.R-dryfruitbox img{ width: 100%; } .right-img { width: 45%; margin-left: 20px; }
.button-bor {width: 45%;} .button-bor1 {width: 45%;}
.ViewAllIndex { width: 17%;} .index-thum-row .viewCol {width: 34%;}
.RakhiSet1 {width: 40%; padding: 42px 45px;}
.footerIn{ width: 100%; float: left; }
.leftImgSec{ width: 100% } .rightDetSec{ width: 100%; margin-top: 30px; }
/*.header-top-2 { margin-bottom: 0px; }*/
.header-top-2 { margin-bottom: -28px; }
.SearchInput {
border: #ccc solid 1px;
width: 100%;
/*padding: 4px 6px 6px;*/
line-height:0;
}
.wrapper {
width: 100%;
float: none;
}
.header-top-2 {
position: relative;
width: 100%;
margin-bottom: 12px;
float: none;
}
.SearchInput{ border: #ccc solid 1px; width: 100%; padding: 4px 6px 6px;}
.inputSearch {
width: 90%;
padding: 0px;
float: left;
border: none;
}
.responsive {
width: 100%;
display:none;
}
}
@media only screen and (max-width: 768px) {
.Worldcolum .text21 {font-size: 13px;}
.contactform { width: 100%;} .contactArea {width: 100%;}
.contactform .col-md-6 {width: 100%;}
.inputSearch { width: 92%;}
.gifthamper-box img{ width: 100%; }.right-img { width: 47%;float: left;padding-top: 0px;}
.button-bor { width: 56%;} .button-bor1 { width: 57%;}
.Searchbox {width: 100%;}
.ViewAllIndex {width: 24%;} .RakhiSet1 { height: auto; }
.ProductsIndex-row li {width: 47.45%; margin-bottom: 35px;}
.index-thum-row li {font-size: 24px;}
.index-thum-row .viewCol {width: 57%;}
.RakhiSet1 {width: 98%; margin-bottom: 20px;}
.Rakhi_Sets {width: 31%;}
.worldwideCol { width: 100%; margin-bottom: 0px; margin-top: 16px;} .GiftHamperCol { width: 100%;}
.giftbyRel ul { display: block; overflow: scroll; white-space: nowrap; }
.giftbyRel li { width: 50%; white-space: normal; margin-right:10px }
.trivaHead { width: 100%; padding:15px 0px; text-align: center; } .triviaLinks { width: 100%; }
.FAQIndex h2 {line-height: 50px;} .FAQIndex button.accordion::after {top: 45px;}
.footer-btm-left ul { width: 100%; margin-bottom: 10px; }
.triviaLinks ul { overflow: scroll; white-space: nowrap;}
.reviewSecRt li {width: 97%; margin-left: 20px; margin-bottom: 10px;}
.cust-review {margin-bottom: 40px;}
.tirviaSec { display: block; }
.select-box11 {margin-bottom: 9px;}
.FeedbackForm { width: 98%; }
.left-side-box-sc { width: 100%; height: auto; margin-bottom: 10px;} .main-pro-scroll { display: block; }
.breadcrum { margin-top: 0px; } .mardettop { margin-top: 12px;}
.footer-bt-link li {padding:0 10px; padding-right: 0px; line-height: 40px;}
.pro-name {font-size: 16px;} .index-thum-row img { margin-bottom: 4px; }
.R-dryfruitbox .ft-30 {font-size: 36px; margin-top: 20px; display: block;}
}
@media only screen and (max-width: 600px) {
.logo { width: 84%;padding-left:40px;}
.top-icon {margin-top: 2px;}
.col-md-6 { width: 100% } .right-img { width: 100%; margin-left: 0px; margin-bottom: 20px; }
.BannerTop {margin-top: -32px; height: auto;}
.index-thum-row {margin: 0px;}
.index-thum-row li { width: 100%; margin-bottom: 30px; margin-top: 10px; } .index-thum-row ul { display: block; }
.HeadingIndex { font-size: 27px; margin-top: 20px; }
.ViewAllIndex {width: 29%; } .HeadingIndex { margin-top: 12px; }
.blogbox .blog { width: 100%; }
.gifthamper-box { margin-bottom: 20px; }
.logo img{ width: 60%; }
.cart-icon img{ width: 80% }
.circle {left: 25px; top: 1px;}
.blogSec{margin-top: 20px;}
.blogbox { display: block; margin-bottom: 20px; }
.ContentIndex table { padding: 0px; line-height: 36px;margin-top: 10px;white-space: nowrap; scroll-behavior: smooth; overflow: scroll;float: none; display: block;}
.gallerySec {width: 100%;float: left;top: -20px; position: relative;}
.footer-btm-left ul {width: 100%;}
.ContentIndex {margin-top: 20px; padding: 20px 0px;}
.topright-txt { width: 39%; float: right; text-align: right;}
.explorerakhi .bigfont { font-size: 20px;}
.HeadingIndex { margin-top: 8px;}
.explorerakhi {padding: 20px 0px 40px;}
.explorerakhi-in li {width: 50%;}
.HeadingIndex {margin-top: 12px; font-size: 21px;}
.ViewAllIndex { width: 42%;}
.viewCol {width: auto;border: #000 solid 2px; padding: 5px; text-align: center;}
.reviewSecLt { margin-left: 0px; }
.reviewSecLt img{ width: 100%; }
.reviewSecRt {width: 76%;}
.ft-40 { font-size: 30px;}
.blogbox .blog {width: 100%; margin-bottom: 40px;}
.footer-btm-left ul { width: 100%;margin-bottom: 20px;}
.ReviewHeadGal { font-size: 40px; }
.topright-txt {width: 32%;float: right; text-align: right; margin-right: 13px;}
.reviewRatingGal { margin: 0px 0px 20px; } .reviewBoxGal p {padding: 0px 10px;}
.FAQIndex h2 { font-size: 34px; line-height: 43px;}
.FAQIndex button.accordion::after {top: 47px;}
.hovertxt {right: 12px;}
.searchbox1 {padding: 20px 10px;} .searchbox1 input {width: 77%;}
.priceChoose {white-space: nowrap; overflow: scroll; padding-bottom: 10px; margin-bottom: 10px }
.navLink ul {white-space: nowrap; overflow: scroll; display: block;}
.navLink li { display:inline-block; float: none; margin-top: 5px; margin-left: 2px; }
.gallerySecIn li{ width: 48% }
.leftImgSec { width: 100%; } .rightDetSec{ width: 100%; }
.WriteRevBut { margin-top: 20px; float: left; } .productRow li {width: 53%;}
.rightDetSec h1 { font-size: 28px; line-height: 35px;} .WriteForm {top: 130px;}
.DelButton { position: fixed; bottom: 0px; z-index: 10000; left: 0px; bottom: -2px; }
.AddCart {width: 50%; margin-right: 0px;} .BuyButton { width: 50%;}
.topright-txt {width: 38%;} .ft-54 {font-size: 39px;} .DetailCont { margin-top: 0px; }
.ft-54 {font-size: 30px;}
.HeadingIndex {width: 57%;}
}
@media only screen and (max-width: 480px) {
.gifthamper-box {margin-bottom: 26px;}
.inputSearch { /*margin-left: 10%;*/ line-height:27px; width: 90%;}
.ProductsIndex-row {margin-top: 10px;}
.logo img{ width: 70%; }
.gifthamper-box {margin-bottom: 6px;}
.Rakhi_Sets { width: 30%;}
}