/*==================Banner============================*/
.banner {width: 100%; float: left; height:342px; position: relative; z-index: -1; margin-bottom:2.5%;}
.banner img { width: 100%; }

/** Owl Carousel v2.3.4 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/*==================Inner-Banner============================*/
.inner-banner { position: relative; z-index: -1; width: 100%; float: left; margin-bottom:1.0%; }
.inner-banner .slideimg { width: 1200px; margin: 0 auto; }
.inner-banner .slideimg img{width:100%; aspect-ratio: 24 / 5; height:auto;}
/*======================================Title==================================*/
.title { width: 100%; height: 57px;}
.title h2 { font-size: 40px; line-height: 55px; color: #272727; }
.breadcum { width: 100%; height:10px; color: #272727; margin-bottom:1.5%; aspect-ratio: 1200 / 19;}
.breadcum a { background: url(../images/img-sprite.png) no-repeat right 5px; color: #272727; padding: 0 16px 0 10px; }
.breadcum a:hover { text-decoration: underline; }
.breadcum a.padding-0 { padding-left: 0px; }
.breadcum span { padding: 0 0 0 10px; }

/*====================================== Content Area ==================================*/

.container { width: 100%; float: left; }

.content {width:100%; float: left; margin-bottom:3%; }
.content-left { width: 498px; float: left; border-right: 1px solid #ddd; min-height: 400px; }
.content-left a { color: #272727; }
.content-left a:hover { text-decoration: underline; }
.content-right { width: 438px; float: left; padding: 0 0 0 30px; }

/*=========================Fashion Collection===================================*/

.f-collection { width: 296px; border: 1px solid #e6e6e6; margin-right: 12px; height: 456px; }
.head-bg { background: #d79887; color: #fff; text-transform: uppercase; font-size: 20px; text-align: center; padding-top: 10px; }
.slider1 { width: 100%; float: left; padding: 0 0 0px 0px; margin-bottom: 0px; position: relative; }
.slider1 .slides_container { width: 100%; float: left; display: block; overflow: hidden; height: 456px; }
.slider1 .slides_container .slide-content { float: left; width: 100%; }
.slider1 .prev { float: left; width: 30px; height: 34px; margin: 200px 0 0 0px; background: url(../images/next-prev-btn.png) no-repeat left top; z-index: 999; position: absolute; display: block; font-size: 0px; }
.slider1 .next { float: right; width: 30px; height: 34px; margin: 200px 0 0 -35px; background: url(../images/next-prev-btn.png) no-repeat right top; z-index: 999; position: absolute; right: 0px; display: block; font-size: 0px; }
.slider1 .pagination { position: absolute; z-index: 999; bottom: 15px; display: none; width: 300px; margin-left: 420px; text-align: center; }
.slider1 .pagination li { background: none; float: left; padding: 0px; }
.slider1 .pagination li strong { font-size: 0px; }
.slider1 .pagination li a { z-index: 999; float: left; width: 34px; height: 34px; margin: 0 4px; background: url(../images/pagination.jpg) left top; }
.slider1 .pagination .current a { background: url(../images/pagination.jpg) -41px top; }
/*=========================Latest Collection Css===================================*/
.l-collection { width: 686px; text-align: center; background: #f7f7f7; border: 1px solid #e6e6e6; }
.l-collection p a { color: #000000; }
.l-collection p a:hover { text-decoration: underline; }

/*=========================Feature Products===================================*/
/*.feature-products { padding: 10px 0px 0; width: 991px; float: left; border: 1px solid #ddd; position: relative; margin-bottom: 15px; }
.slider { width: 100%; float: left; padding: 0 0 0px 0px; }
.slide-content ul li { background: url(../images/slide-li-bg.jpg) no-repeat right top; position: relative; padding: 0 25px 0 25px; height: 366px; width: 204px; float: left; text-align: center; }
.heading-bg { padding: 0px 0 10px 15px; text-transform: uppercase; line-height: 24px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.heading-bg span { font-size: 20px; color: #000; }
.slide-content ul li .quicklook { width: 92px; margin: 0px auto 0px auto; z-index: -1; display: none; position: absolute; }
.slide-content ul li:hover .quicklook { display: block; z-index: 1; margin: 0 auto; top: 80px; left: 75px; }
.slide-content ul li b { font-family: 'WebRupee' }
.slide-content ul li p { font-size: 10px; }
.slide-content ul li p span { color: c80000; font-size: 18px; }
.slide-content ul li h1 a { color: #4e4e4e; font-size: 12px; }
.slide-content ul li h2 { color: #696352; border-bottom: 0px; font-size: 15px;font-family: 'open_sanssemibold'; padding: 0 0 0 12px; margin: 0 0 0 0px; }
.slider { float: left; width: 100%; }
.slides_container { width: 100%; float: left; display: block; overflow: hidden; height: 298px; }
.slides_container .slide-content { float: left; width: 100%; }
.slides_container .slide-content p { float: left; width: 100%; }
.prev { float: left; width: 25px; height: 25px; margin: 130px 0 0 -455px; z-index: 999; position: relative; display: none; }
.next { float: left; width: 25px; height: 25px; margin: 130px 0 0 -35px; z-index: 999; position: relative; display: none; }
.pagination { position: absolute; right: 15px; text-align: center; top: 10px; z-index: 999; }
.pagination li { background: none; float: left; padding: 0px; }
.pagination li strong { font-size: 0px; }
.pagination li a { z-index: 999; display: block; width: 25px; height: 23px; background: url(../images/pagination2.png) right top no-repeat; }
.pagination .current a { background: url(../images/pagination2.png) 2px top no-repeat; }*/

/*=========================Left Panel===================================*/
.left-panel { width:304px; float: left; }
.filter { width:302px; float: left; margin-bottom:5%; }
.filter .select { width: 180px; padding: 5px; color: #545454; font-size: 12px; }
.left-promo-banner { width:304px; float: left; margin-bottom: 15px; }
.left-promo-banner img {width:100%; aspect-ratio: 76 / 75; height:auto;}
.sub-navigation { width:302px; border: 1px solid #e1e1e1; background: #F6F6F6; float: left; margin-bottom:5%; }
.sub-navigation h4 { padding: 10px 15px 10px 15px; border-bottom: 1px solid #ddd; color: #333 }
.sub-navigation ul { width: 100%; float: left; background: #FFFFFF; }
.sub-navigation ul li { background: url(../images/img-sprite.png) no-repeat -170px 12px; overflow: hidden; border-bottom: 1px solid #d8d8d8; }
.sub-navigation ul li:hover {background:#F6F6F6 url(../images/img-sprite.png) no-repeat -170px 12px;}

.sub-navigation ul li:last-child{border-bottom:0px;}
.sub-navigation ul li a { color: #272727; display: block;  padding: 6px 14px 6px 30px; }
.sub-navigation ul li a.noborder { border-bottom: 0px; }
.accordition-mid { position: relative; }
.accordition-mid h3 {color:#fff; font-size:14px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; background-color:#391f10; padding:4% 3%; width:94%; text-transform:uppercase; margin-bottom:1.5%}
.accordition-mid a.plus { display: none; position: absolute; right: 10px; top: 13px; }
.accordition-mid a.minus { position: absolute; right: 10px; top: 13px; }
.accordition-mid .brand { }
.accordition-mid ul {max-height:112px; overflow-y:auto; width:99.6%}

.accordition-mid ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.accordition-mid ul::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.accordition-mid ul::-webkit-scrollbar-thumb
{
	background-color: #e43f6a;
}

.accordition-mid ul li{float:left; width:96%; padding:1.3% 2%; border-bottom:1px dashed #d9d9d9;}
.accordition-mid ul li label{float:right; width:90%;}
.accordition-mid ul li span{float:left; padding:0 2%;}
.accordition-mid ul li:last-child{border-bottom:2px solid #d9d9d9;}

/*=========================Right Panel===================================*/

.right-panel {width:872px; float: right; margin-bottom: 15px; margin-left:24px;}
.right-panel .recipes-listing ul li{margin:1% 3.5% 2% 0; width:31%;}
.right-panel .recipes-listing ul li:nth-child(3n+3){margin-right:0;}
.right-panel .recipes-listing-image, .recipes-listing-image a, .recipes-listing-image a img, .recipes-listing-text, ul.recipes-listing-spec, ul.recipes-listing-spec li, .recipes-listing-text p {width:100%!important; float:left;}

.recipes-listing-image a img {aspect-ratio: 1 / 1; height:auto;}
.content-panel { float: right; width: 100%; }
.content-panel h1 {float:left; width:100%; margin-bottom:2%; font-size:22px; color:#000; padding:0;}
.content-panel h2 {float:left; width:100%; margin-bottom:2%; font-size:20px; font-weight:bold;}
.content-panel h3 {float:left; width:100%; margin-bottom:2%; font-size:18px; font-family:'oswaldlight', Arial, Helvetica, sans-serif; color:#e43f6a;}
.content-panel h4 {float:left; width:100%; margin-bottom:2%; font-size:16px; font-family:'oswaldlight', Arial, Helvetica, sans-serif; padding:0; font-weight:bold;}
.content-panel p {margin-bottom:2%; width:100%; text-align:justify; float:left; font-weight:300;}
.content-panel a{color:#e43f6a;}

.content-panel .content-banner{width:100%; float:left; margin:0 0 2% 0;}
.content-panel .content-banner img{width:100%;}

.content-panel ul, .content-panel ol{margin:0 0 2% 2%; float:left; width:98%;}
.content-panel ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.content-panel ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}

.content-panel ul ul{margin:1.5% 0 0 0; float:left;}
.content-panel ul li li{list-style:circle; margin:0 0 1% 4%; padding:0 0 0 1%; width:95%; float:left;}

.contact-left {float:left; width:35%; margin-right:5%;}
.contact-right {float:left; width:60%;}


/*========= Internal Benefit Section ==============*/

.content-panel .internal-benefits {width:100%; height:auto; float:left;}
.content-panel .internal-benefits h2{padding:1% 1% 1% 1%; text-align:center; width:98%; font-size:24px;}
.content-panel .internal-benefits p{text-align:center; padding:0 2% 0% 2%; width:96%;}
.content-panel .benefits {width:100%; float:left;}
.content-panel .benefits ul{float:left; margin:2% 0% 4% 0; width:100%;}
.content-panel .benefits ul li{width:174px; float:left; background:none; line-height:auto; padding:0; list-style:none; margin:0; }
.content-panel .benefits ul li .benefit-image{ text-align:center; margin-bottom:15px;}
.content-panel .benefits ul li h3{color:#000; width:100%; text-align:center; text-transform:uppercase; font-size:15px; line-height:18px; letter-spacing:.002em; }
.content-panel .benefits.benefit-image{ text-align:center; margin-bottom:15px;}
.content-panel .benefits.benefit-image img{width:100%;}

.content-panel .link-btn {width:100%; margin:1% 0; float:left;}
.content-panel .link-btn a.more-btn {background-color:#e43f6a; color:#fff; text-transform:uppercase; padding:1% 7%; font-size:18px;}

.content-panel .link-btn1 {width:58%; margin:1% 0 1% 42%; float:left;}
.content-panel .link-btn1 a.more-btn {background-color:#e43f6a; color:#fff; text-transform:uppercase; padding:1% 7%; font-size:18px;}

.content-panel .btn-shop-now a{color:#fff;}


/*========= Right Panel Section ==============*/


.feature-products ul.product-listing { margin-left: 15px; }
.feature-products ul.product-listing li { margin-right: 19px; margin-bottom: 15px; }
ul.product-listing { width: 100%; float: left; }
ul.product-listing li { padding: 0; width: 175px; height: 275px; position: relative; background: none; margin-right: 24px; margin-bottom: 15px; float: left; text-align: center; border: 1px solid #ccc; background: none; }
ul.product-listing li h1 { font-size: 12px; font-family: 'open_sanssemibold', Arial, sans-serif; padding-top: 5px; padding-bottom: 5px; }
ul.product-listing li h1 a { color: #4e4e4e; }
ul.product-listing li p span { color: c80000; font-size: 12px; font-family: 'open_sanssemibold', Arial, sans-serif; }
ul.product-listing li p { font-size: 10px; padding-bottom: 2px; text-transform: uppercase; }
ul.product-listing li p b { font-family: 'WebRupee'; }
ul.product-listing li .prosize { width: 152px; color: #333; background: #fff; line-height: 14px; padding: 5px; font-size: 10px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute; }
ul.product-listing li:hover .prosize { display: block; z-index: 1; bottom: 5px; left: 5px; }
.load_more {width:99.8%; margin-bottom:2%; color: #000; float: left; text-align: center; border: 1px solid #e1e1e1; padding:2%; background: #f6f6f6; cursor: pointer; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:2% 0%; }
.no-more-products { width: 96%; line-height: 35px; margin-bottom: 10px; color:#fff; float: left; text-align: center; border: 1px solid #e1e1e1; background:#000; padding:2%; text-transform:uppercase;}
.no-more-products {display: none; }
.loding-pic { text-align: center; display: none; }
.pagenation { float: left; text-transform: uppercase; width: auto; height: 28px!important; background: url(../images/pagination-bg.jpg) repeat-x left top; border: #e0e0e0 1px solid; margin: 20px 0 0 0px; }
.pagenation p { text-align: center; padding: 0px!important; }
.pagenation a { float: left; padding: 6px 12px; border-right: 1px solid #e0e0e0; font-size: 14px; font-family: 'open_sanssemibold', Arial, sans-serif; color: #595959!important; }
.pagenation a:hover { text-decoration: none; background: c80000; padding: 6px 12px; color: #fff!important; }
.pagenation a.paginate { float: left; padding: 6px 12px; font-size: 14px; font-family: 'open_sanssemibold', Arial, sans-serif; color: #ccc; }
.pagenation a.current { background: c80000; float: left; }
.pagenation a.inactive { background: #595959; color: #fff!important; important;
float: left; font-size: 14px; font-family: 'open_sanssemibold', Arial, sans-serif; color: #ccc; }
.pagenation small { background: c80000; float: left; border-bottom: #24191a 1px solid; border-right: #24191a 1px solid; font-size: 14px; font-family: 'open_sanssemibold', Arial, sans-serif; color: #fff; padding: 6px 8px 5px 8px; }
.thumb { width: 260px; float: left; border: 1px solid #e6e6e6; text-align: center; height: 400px; }

.filterbox {width:100%; float: left; margin-bottom:3%;}
.filterbox ul {width:98%; border-bottom:1px solid #cfcfcf; height:50px;}
.filterbox ul li {color:#e43f6a; margin: 0px; display: inline; padding:2% 0; float:left; text-transform:uppercase;}
.filterbox ul li a {color:#e43f6a;}
.filterbox ul li a:hover { text-decoration: underline; }
.filterbox ul li::after {
	content: "|";
	float:right;
	margin:0 8px;
}

.filterbox ul li:first-child::after {
	content: ":";
	float:right;
	margin:0 8px;
}

.filterbox ul li:last-child::after {
	content: "";
	float:right;
	margin:0 0 0 8px;
}

/*==========   Retail  =================*/
.retail { float: left; width: 100%; }
.retail ul { list-style: none; margin-left: 15px; }
.retail ul li { float: left; margin-bottom: 15px; width: 120px; text-align: center; margin-right: 19px; }
.retail ul li a { display: block; text-decoration: none; margin-bottom: 10px; }
.retail ul li span { font-size: 12px; text-transform: uppercase; color: #4E4E4E; }
.retail ul li a img { border: 0px; border: 1px solid #ddd; }

/*=========================Product Detail===================================*/

.product-container{margin:2% 0; float:left; width:100%;}
.product-detail {width:100%; float: left; margin:0 0 8% 0; font-family:'oswaldlight', Arial, Helvetica, sans-serif; aspect-ratio: 218 / 110; height:auto;}
.detail-wrap {margin-bottom:3%; width:100%; float:left; }
.zoom-product {width:420px; height:420px; float: left; margin: 0 0px; color:#745843; text-align: center; position: relative; aspect-ratio: 1 / 1;}
.zoom-product img {float: left; aspect-ratio: 1 / 1;}
.mobile-image-viewer {width:420px; aspect-ratio: 1 / 1;}
ul#thumblist {float: left; display:inline; width: 100%; margin:3% 0;}
ul#thumblist li {float:left; margin-right:14px; display:inline; height:50px; width:50px;}
ul#thumblist li img {height:46px; width:46px;}
ul#thumblist li a { display: block; border: 2px solid #cfcfcf; height:46px; width:46px; cursor:pointer;}
ul#thumblist li a.zoomThumbActive { border: 2px solid #e43f6a;}
.jqzoom { text-decoration: none; }
.zoomPad {margin: 0 auto; position: relative; z-index: 99; cursor: crosshair; border:1px solid #cfcfcf; height:420px; width:420px; aspect-ratio: 1 / 1; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; background-color: #000; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif) no-repeat 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; * width:100px;
* height:49px;
}
.zoomPup { overflow: hidden; background-color: none; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border:1px solid #cfcfcf; z-index: 101; cursor: crosshair; }
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #000;/*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; background: #000; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border:1px solid #cfcfcf; z-index: 110; }
.zoomWrapperTitle { display: block; background:#999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size:12px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }

.content_detail { width: 363px; float: left;}
.content_detail form { padding: 0 0 0 0px; margin: 0 0 0 0px; }
.content_detail h1 { padding: 0 0 0 0px; color: #4d4d4d; font-size: 20px; margin: 0 0 0 0px; }
.content_detail h2 { color: c80000; font-size: 12px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding-bottom: 15px; }
.content_detail p span { color: c80000; font-size: 30px; }
.product-detail .product-left {float:left; width:48%; }
.product-detail .product-right {float:left; width:49%; margin-left:3%;}
.product-detail .product-right h1{color:#000; font-size:24px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:capitalize; padding:0;}
.product-detail .product-right .product-rating {margin:2% 0 2% 0;}
.product-detail .product-right .product-rating ul{margin:4px 5px 0 0; float:left;}
.product-detail .product-right .product-rating ul li:nth-child(5) {margin-right:5px;}
.product-detail .product-right .product-rating p {color:#e43f6a; float:left;}
.product-detail .product-right .product-rating p a{color:#e43f6a;}

.product-short-desc{float:left; width:100%; margin-bottom:2%; height:90px;}
.product-short-desc p{text-align:justify;}

.product-info {background-color:#f7f7f7; float:left; width:100%; border:1px solid #ececec; padding:1% 0%; margin:0 0 2% 0;}
.product-divider { border-bottom:1px solid #ececec; height:1px; margin:2% 0; float:left; width:100%;}
.product-info-qty ul {float:left; width:96%; margin:0 2%;}
.product-info-qty ul li{float:left; width:32%; margin:0 1% 1% 0;}
.product-info-qty ul li label{float:left; width:100%; text-transform:uppercase; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; color:#000; margin-top:3px;}
.size-chart {float:left; color:#0076e3; margin-left:32%; margin-top:5px; text-transform: uppercase; text-decoration:underline; }
.product-form-style{border:1px solid #ececec; width:94%; padding:2% 2%; -webkit-appearance:listbox;}

/*Product In Stock or Sale Status Flags*/

.pro-stock {margin:2% 0; float:left; width:100%;}
.pro-stock ul li{font-size: 16px; display:inline; text-transform: uppercase; font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif;}
.pro-stock ul li.in-stock {color:#1ab30e;} /*In Stock*/
.pro-stock ul li.is-new {color:#0076e3;} /*New*/
.pro-stock ul li.sold-out {color:#ff8400;} /*Sold*/
.pro-stock ul li.on-sale {color:#f40000;} /*on Sale*/
.pro-stock ul li::after { content: "/"; margin:0 .5% 0 .7%; color:#000; padding:0 2%;}
.pro-stock ul li:last-child::after  { content:""; margin-right:0%; color:#fff; padding:0 2%;}

/* Product Delivery & Wishlist */

.delivery {float:left; width:100%; margin:0 0 1% 0; border-bottom:1px solid #ececec; padding:0 0 1% 0;}
.delivery ul li{float:left; width:38%; padding-left:6%; text-transform:uppercase; }
.delivery ul li:nth-child(1) {background:url(../images/bakerykart-image-sprite.png) no-repeat -17px -761px;} /*Wishlist*/
.delivery ul li:nth-child(2) {background:url(../images/bakerykart-image-sprite.png) no-repeat -17px -788px;} /*Check Delivery*/

/* Product - Add to Cart */

.add-cart{float:left; width:100%;}
.add-cart ul li{float:left; width:100%;}

/* Product Price Section */

.product-info-price {margin:3% 0 3% 0%; float:left; width:100%; font-size:16px; color:#000; text-transform:uppercase; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif;}
.product-info-price .product-info-price-offer b.WebRupee {font-size:16px; padding:0 1%;}
.product-info-price .product-price{float:left;}
.product-info-price .product-shipping {float:left; font-size:12px; clear:both; width:50%;}
.product-info-price .product-shipping .WebRupee{font-size:12px;}
.product-info-price .product-offerprice{float:left; margin-left:2%; color: #f40000; width:18%;}
.product-info-price .WebRupee {font-size:18px; font-weight:bold;}
.product-info-price .offercolor {color: #f40000;}
.product-info-price .offerstrike {text-decoration: line-through;}
.product-info-price .product-offer-text{font-size:12px; margin:.5% 0 0 1%; float:left;}
.product-info-price .product-offer-text .WebRupee {font-size:13px;}

/* Product Shopping Cart Button */

.product-cart-button{width:100%; float:left;}
.product-cart-btn {background-color:#e43f6a; width:80%; padding:1% 3%; border:0px; color:#fff; font-size:30px; text-transform:uppercase; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; cursor:pointer; -webkit-appearance:button;}

/*========================= Product Info ===================================*/
.product-information { padding-top: 10px; margin-bottom: 15px; width: 99.8%; float: left; border: 1px solid #e1e1e1; position: relative; }

table.product-table {border: 1px solid #e9e9e9; border-collapse: collapse; margin-bottom: 15px; width:100%;}
table.product-table tr th { background: #f9f9f9; color: #717171; border: 1px solid #e9e9e9; font-weight: bold; padding: 10px; }
table.product-table tr td { background: #ffffff; padding: 10px; border: 1px solid #e9e9e9; }
table.product-table tr td:first-child {width:25%;}
table.product-table tr.background td {background-color:#f7f7f7;}

/*=========================Form Div =======================================*/
.form-element { width: 100%; float: left; margin-bottom: 20px; }
ul.form-element li { background: none; padding: 8px 0 8px 0px; float: left; width: 100%; }
ul.form-element li label { width: 134px; float: left; line-height: 35px; }
ul.form-element li input.istyle1 { width: 220px; float: left; height: 33px; color: #797b7b; font-size: 12px; padding: 0 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; }
ul.form-element li .istyle2 { width: 220px; float: left; height: 120px; color: #797b7b; font-size: 12px; padding: 0 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; font-family: Arial, Helvetica, sans-serif; }
ul.form-element li .istyle3 { width: 240px; float: left; color: #797b7b; font-size: 12px; padding: 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; }
ul.form-element li input.istyle4 { width: 200px; float: left; height: 33px; color: #797b7b; font-size: 12px; padding: 0 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; }
ul.form-element li select.istyle5 { width: 220px; float: left; color: #797b7b; font-size: 12px; padding: 10px 10px; border: 1px solid #c5c5c5; border-radius: 5px; box-shadow: 0px 0px 10px 5px #efefef inset; }
ul.form-element li span { color: #F00; }
ul.form-element li .margin-0 { margin-right: 5px; margin-left: 0px; }
ul.form-element li strong { float: left; line-height: 33px; padding: 0px 5px; }
.verify { float: left!important; color: #645b46; padding: 8px 0 0 3px; }
/*=========================registration=======================================*/
.registration { }
.registration h5 { color: #333; font-size: 20px; }
.registration p { font-size: 16px !important; }
.registration label { width: 150px !important; display: inline-block; }
.registration li { padding-bottom: 8px; }
.registration .red-btn { background: #333333; border: 0; border-radius: 5px; color: #FFFFFF !important; cursor: pointer; font-size: 14px; text-align: center; line-height: 30px; padding: 0 10px;font-family: 'open_sanssemibold'; height: 30px; text-transform: uppercase; margin-right: 10px; margin-top: 10px; }

/*========================= Shopping Cart Dec 2016 =======================================*/

.cart-error {color:#F00; text-align:center!important;}
.shopping-cart-btn-box{float:right; width:100%; margin-bottom:1.5%;}
.table-align-right-middle{text-align:right; vertical-align:middle; width:10%;}
.table-align-left-middle{text-align:left; vertical-align:middle; width:10%;}
.table-align-right-item{text-align:left; vertical-align:middle; width:50%;}

/*// Shopping Cart Item Table CSS //*/

.cart-table-item{border:1px solid #e1e1e1; width:100%; border-collapse:collapse; float: left; margin-bottom: 10px;}
.cart-table-item tr:first-child{background:#fbfbfb; border:1px solid #e1e1e1;}
.cart-table-item tr td:nth-child(1){width:5%;}
.cart-table-item tr td:nth-child(2){width:55%; text-align:left;}
.cart-table-item tr td:nth-child(3){width:10%; text-align:center;}
.cart-table-item tr td:nth-child(4){width:10%;}
.cart-table-item tr td:nth-child(5){width:10%;}
.cart-table-item tr td:nth-child(6){width:10%;}
.cart-table-item tr td{padding:10px; border: 1px solid #e1e1e1; width:90%; text-align:right; font-size:14px; text-transform:uppercase;}

/*// Shopping Cart Item Detail CSS //*/

.cart-img {width:15%; float:left; margin-right:3%;}
.cart-img img {width:100%;}
.size-description {width:82%; float: left; }
.size-description h2{font-size:16px; width:100%; color:#e43f6a;}
.size-description h2 a{color:#e43f6a;}

/*// Shopping Cart Promo Table CSS //*/

.cart-table-promo{border:1px solid #e1e1e1; width:100%; border-collapse:collapse; float: left; margin-bottom: 10px;}
.cart-table-promo tr td{padding:10px; border: 1px solid #e1e1e1; width:90%; text-align:left; font-size:14px; text-transform:uppercase;}
.cart-table-promo tr td a{color:#e43f6a;}
.cart-table-promo tr td b{margin:13px 0 0 15px!important; float:left; color:red;}

.cart-table-total{border:1px solid #e1e1e1; width:100%; border-collapse:collapse; float: left; margin-bottom: 10px;}
.cart-table-total tr td:first-child {padding: 10px; border: 1px solid #e1e1e1; width:90%; text-align:right; font-size:18px; text-transform:uppercase;}
.cart-table-total tr td:last-child {padding: 10px; border: 1px solid #e1e1e1; width:10%; text-align:right; font-size:18px;}
.cart-table-total tr:last-child {color:#e43f6a;}

.cartqty-list{width:50%; color:#71645e; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #c5c5c5; padding:1%; margin:0 25%; -webkit-appearance:listbox;}
.chkout-btn,.contshop-btn {background:#e43f6a; color:#fff; cursor: pointer; font-size:24px; text-align: center; text-transform: uppercase; margin-left:10px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:1% 6%; border:0; float:right; -webkit-appearance:button;}
.contshop-btn {background:#391f10; -webkit-appearance:button;}
.cartupdate-btn {font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; float:right; background:#391f10; border: 0px; color: #fff; cursor: pointer; padding:1% 3%; text-align: center; margin-left:10px; text-transform: uppercase; font-size:16px; -webkit-appearance:button;}
.shopping-cart-text{float:left; margin-top:13px; margin-right:10px;}
.termscheck{float:left; margin:3px 10px 0 2px; -webkit-appearance:checkbox;}

#coupon_code {padding:1% 2%; width:30%; margin-left:10px; margin-right:10px; border: 1px solid #ddd; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; float:left; -webkit-appearance:textfield;}
.coupon-btn {background:#e43f6a; border: 0; color:#fff; cursor: pointer; font-size:16px; text-align: center; font-family: 'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:1% 2%; -webkit-appearance:button;}

/*========================= Billing / Shipping Dec 2016 =======================================*/

.billing-head {float:left; width:100%; margin-bottom:1%;}
.billing-head {float:left; width:100%;}
.billing-head li{ display:inline; border:1px solid #e1e1e1; padding:1.5% 4%; float:left; margin-right:.35%;}
.billing-head li:hover { background: #f0f0f0; cursor: pointer; }
.billing-head li a {color: #606060; text-transform: uppercase; font-size:18px;}
.billing-head li a:hover {color:#000;}

.cart-billing {border: 1px solid #e1e1e1; float: left; width:95.9%; padding:2%;}
.cart-address {width:100%; float:left;}
.cart-address ul{float:left; width:50%;}
.cart-address ul li strong{text-transform:uppercase; }

.change-address{float:left; width:100%; margin:1% 0; padding:1% 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.change-address a {float: left; background:#391f10; border: 0; color:#fff; cursor: pointer; font-size: 14px; text-align: center; padding:1% 2%; text-transform: uppercase; margin-right:10px; }
.change-address p {float:left; margin-top:1%;}

.choose-payment-option{width:100%; float:left; margin-top:1%;}
.choose-payment-option ul{float:left; width:100%;}
.choose-payment-option ul li{width:98%; padding:.5% 1%; float:left;}
.choose-payment-option ul li label{width:5%; float:left;}
.choose-payment-option ul li:first-child {background:#3be4db; color:#391f10; text-transform:uppercase; font-size:16px; padding:1%; margin-bottom:1%;}

.choose-payment-option ul li.red-strip{background:#ff0000; color:#fff; margin:1% 0;}

.proceed-now {float:left; width:30%; margin:1.5% 35%; }
.proceed-now-btn{background:#e43f6a; color:#fff; cursor: pointer; font-size:24px; text-align: center; text-transform: uppercase; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; padding:4% 6%; border:0; width:100%;}

/*========================= Order Summary Dec 2016 =======================================*/

.cartsummary-table-item{border:1px solid #e1e1e1; width:100%; border-collapse:collapse; float: left; margin-bottom: 10px;}
.cartsummary-table-item tr:first-child{background:#fbfbfb; border:1px solid #e1e1e1;}
.cartsummary-table-item tr td:nth-child(1){width:10%; text-align:center;}
.cartsummary-table-item tr td:nth-child(2){width:45%; text-align:left;}
.cartsummary-table-item tr td:nth-child(3){width:10%; text-align:center;}
.cartsummary-table-item tr td:nth-child(4){width:10%;}
.cartsummary-table-item tr td:nth-child(5){width:10%;}
.cartsummary-table-item tr td:nth-child(6){width:10%;}
.cartsummary-table-item tr td{padding:10px; border: 1px solid #e1e1e1; width:90%; text-align:right; font-size:14px; text-transform:uppercase;}
.cartsummary-table-item tr td .alert{color:#e43f6a;}
.cartsummary-table-item tr td:nth-child(1) img{width:70%;}
.cartsummary-table-item tr td:nth-child(2) h2{font-size:14px; color:#e43f6a; width:100%;}

/*========================= My Account Order History Dec 2016 =======================================*/

.member-promo-area{float:left; width:100%;}
.member-promo-area img{width:100%;}
.order-listing {float:left; width:99.8%; border:1px solid #e1e1e1; margin-bottom:3%; border-bottom:0;}
.order-listing .blue-link{color:#0066C0; text-decoration:underline;}
.order-listing-detail {float:left; width:100%; background:#fbfbfb; border-bottom:1px solid #e1e1e1;}
.order-listing-detail ul{float:left; width:100%;}
.order-listing-detail ul li{float:left; list-style:none; margin:0; padding:1%; display:inline-block; width:auto;}
.order-listing-detail ul li:nth-child(1){width:18%;}
.order-listing-detail ul li:nth-child(2){width:18%;}
.order-listing-detail ul li:nth-child(3){width:33%;}
.order-listing-detail ul li:nth-child(4){width:23%;}
.order-listing-items{float:left; width:98%; padding:1%;}

.order-listing-item-info {float:left; width:75%;}
.order-listing-item-image {float:left; width:20%; margin-right:2%;}
.order-listing-item-image img{float:left; width:100%;}
.order-listing-item-text {float:left; width:78%;}
.order-listing-item-text h2 a{color:#e43f6a; font-size:16px;}
.order-listing-feedback {float:left; width:22%; padding:0 1.5%;}
.order-listing-feedback ul li{ list-style:none; width:100%; margin:0; float:left; border-bottom:2px solid #fff;}
.order-listing-feedback ul li a{padding:2% 3%; background:#ebebeb; width:94%; float:left; font-size:12px; text-transform:uppercase;}
.order-listing-feedback ul li a:hover {background:#e43f6a; color:#fff; }
.order-listing-item-date{float:left; width:98%; border-bottom:1px solid #e1e1e1; padding:1%; border-top:dashed 1px #e1e1e1;}

/*========================= My Account Order Tracking - Jan 2018 =======================================*/

.shipping-main-tracking {width:100%; float:left;}
.shipping-tracking{width:100%; float:left;}
.shipping-tracking ul{width:100%; float:left; border:1px solid #e1e1e1; margin:0; border-bottom:0;}
.shipping-tracking ul li{width:39.8%; float:left; list-style:none; padding:1% 0 1% 2%; margin:0; border-bottom:1px solid #e1e1e1;}
.shipping-tracking ul li:nth-child(3n+1){width:14.4%;}

/*========================= Updated Form Elements Dec 2016 =======================================*/

.istyle-textbox {width:35%; float: left; color:#797b7b; font-size:14px; padding:1% 2%; border:1px solid #c5c5c5; -webkit-appearance:textfield;}
.istyle-textbox-large {width:85%; float: left; color:#797b7b; font-size:14px; padding:1% 2%; border:1px solid #c5c5c5; }
.istyle-textbox-ex-large {width:96%; float: left; color:#797b7b; font-size:14px; padding:2% 2%; border:1px solid #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
.istyle-textbox-small {width:20%; float: left; color:#797b7b; font-size:14px; padding:1% 2%; border:1px solid #c5c5c5; margin-right:1%; -webkit-appearance:textfield;}
.istyle-textbox-ex-small {width:10%; float: left; color:#797b7b; font-size:14px; padding:1% 2%; border:1px solid #c5c5c5; margin-right:1%; -webkit-appearance:textfield;}
.istyle-textarea {width:35%; float: left; height:30%; color:#797b7b; font-size:14px; padding:1% 2%; border: 1px solid #c5c5c5;  font-family: Arial, Helvetica, sans-serif; -webkit-appearance:textarea;}
.istyle-textarea-big {width:50%; float: left; height:150px; color:#797b7b; font-size:14px; padding:1% 2%; border: 1px solid #c5c5c5;  font-family: Arial, Helvetica, sans-serif; -webkit-appearance:textarea;}

.web-form small {display: block; margin-left: 155px; margin-top: 90px; font-size: 11px; line-height: 16px;}

.istyle-dropbox {width:39.2%; float: left; color:#797b7b; font-size:14px; padding:1% 2%; border:1px solid #c5c5c5; -webkit-appearance:listbox;}
.istyle-checkbox {float: left; width:18px; height:18px; background: #333; border-radius: 20px; margin-right:5px; -webkit-appearance:checkbox;}

.img-upload{padding:0 0 0 5%;}
  

.web-form {width: 100%; float:left; margin-bottom:3%; }
.web-form h4{width: 100%; float:left; margin-bottom:2%; }
.web-form ul {width: 100%; float:left;}
.web-form ul li {padding:0; float:left; width: 100%; list-style:none; margin:0 0 2% 0; }
.web-form ul li label {width:20%; float: left; margin-top:1%;}
.web-form ul li b {float:left; margin:1% 1% 0 0;}
.web-form ul li sub {margin-top:0em; float: left; margin-right:1em;} 
.web-form span{color:#F00;}
.web-form p{margin-bottom:1%;}

/* Container for the multi-selection box */
.web-form ul li .multilist {
    width: 550px; /* Adjust width as needed */
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #c5c5c5;
    padding: 10px;
    background-color: #fff;
    font-family: Arial, sans-serif;
    float:left;
	margin:0px;
}

/* Style for the labels (containing checkbox and state name) */
.web-form ul li .multilist label {
    display: flex;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
    background-color: transparent;
	width:99%;
}

/* Style for the checkbox */
.web-form ul li .multilist input[type="checkbox"] {
    margin: 0 10px;
    transform: scale(1.2); /* Increase size of checkbox */
}

/* Hover effect for each label */
.web-form ul li .multilist label:hover {
    background-color: #e9e9e9;
    border-radius: 3px;
}

/* Scrollbar styling */
.web-form ul li .multilist::-webkit-scrollbar {
    width: 6px;
}

.web-form ul li .multilist::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.web-form ul li .multilist::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/*========================= Login Area Dec 2016 =======================================*/

.loginarea{float:left; width:100%;}
.loginarea-box{float:left; width:50%;}
.loginarea-box h3{font-size:18px;}
.loginarea-box p{float:left; width:100%; margin:3% 0;}
.loginarea-box-bullet ul, .content-panel ol{margin:0 0 2% 2%; float:left; width:98%;}
.loginarea-box-bullet ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.loginarea-box-bullet li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}

/*========================= My Account Wistlist Section Dec 2016 =======================================*/

.wishlist-total-products{float:left; width:100%; border-bottom:1px solid #e1e1e1; padding:2% 0;}
.wishlist-listing{float:left; width:100%;}
.wishlist-product{float:left; width:100%; border-bottom:1px solid #e1e1e1; margin-bottom:2%;}
.wishlist-product-image{width:15%; float:left; margin-right:3%;}
.wishlist-product-image img{width:100%;}
.wishlist-product-text{float:left; width:82%; padding:1% 0 0 0;}
.wishlist-product-text h2 {width:80%;}
.wishlist-product-text h2 a{color:#e43f6a; font-size:16px;}
.wishlist-product-text ul {float:left; width:100%; margin-bottom:1%;}
.wishlist-product-text ul li{list-style:none; margin:0; padding:0;}
.wishlist-product-text ul li a{color:#e43f6a;}
.wishlist-price{float:right; width:20%; font-size:18px; color:#e43f6a; text-align:right;}
.wishlist-buttons{float:left; width:100%; border-top:1px solid #e1e1e1; padding-top:1.5%;}
.wishlist-buttons ul {float:left; width:100%; margin-bottom:0;}
.wishlist-buttons ul li{text-transform:uppercase; display:inline; float:left; width:auto; font-size:12px; padding:0 2% 0 0;}
.wishlist-buttons ul li a{color:#0066C0;}

/*========================= My Account Manage Address Dec 2016 =======================================*/

.address-detail {float:left; width:100%; padding:2% 0; border-bottom:1px solid #e1e1e1;}
.address-button a {color:#004B91;}
.address-button ul li{float:left; display:inline; padding:2% 2% 0 0;}

/*========================= Sitemap Box Dec 2016 =======================================*/

.sitemap-box {float:left; width:100%;}
.sitemap-box ul{float:left; width:100%;}
.sitemap-box ul li{float:left; width:100%; color:#000; list-style:disc;}
.sitemap-box ul ul{float:left; width:95%; margin-left:5%}


/*========================= Search Selection 2019 =======================================*/

.switch-search{float:left; width:99.8%; border:1px solid #CCC; margin-bottom:3%;}
.switch-search h3{ text-align:center; font-size:18px; border-right:1px solid #CCC; padding:2% 0; text-transform:uppercase; background:#F9F9F9; width:29.8%; float:left;}
.switch-search ul{width:66%; float:left; padding:2%; }
.switch-search li{width:50%; float:left; text-align:center; font-size:18px; text-transform:uppercase;}
.switch-search li a{color:#e43f6a;}
h1.search-msg{margin-bottom:2%; font-size:22px;}

/*========================= Blog Listingl Dec 2016 =======================================*/

.blog-btn {float:left; background-color:#e43f6a; color:#fff; padding:2% 5%;}
.blogsub-navigation { width:100%; border: 1px solid #e1e1e1; float: left; margin-bottom:3%; }
.blogsub-navigation h3 { width:16%; padding:1.2% 2%; float:left; font-size:16px;}
.blogsub-navigation ul { width:80%; float: left;}
.blogsub-navigation ul li {width:auto; float:left; padding:1% 1%; text-align:center;}
.blogsub-navigation ul li:hover {background:#F6F6F6;}
.blogsub-navigation ul li a { color: #272727; display: block;  padding: 6px 14px 6px 14px; }


.blog-listing{width:100%; float:left;}
.blog-listing h2{width:100%; float:left; margin:0 0 2% 0;}
.blog-listing ul li{width:30%; float:left; margin:0 3.5% 3% 0; border:5px #F7F7F7 solid;}
.blog-listing ul li:nth-child(3n+0){margin-right:0;}
.blog-listing ul li:hover {border:5px #666 solid; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.blog-listing-image {width:100%; float:left;}
.blog-listing-image img{width:100%;}
.blog-listing-name {width:90%; padding:5%; float:left; height:180px;}
.blog-listing-name h4 {font-size:16px; height:45px;}
.blog-listing-name h4 a{color:#e43f6a;}
.blog-content p{float:left; margin-bottom:2%; width:100%;}
.blog-listing p.blog-date{float:left; margin:-10px 0 1.5% 0; width:100%; font-size:12px;}

/*========================= Blog Detail Dec 2016 =======================================*/

.blog-content {width:100%; float:left;}
.blog-content h2{color:#e43f6a; width:100%; font-size:18px; margin-bottom:1%;}
.blog-content h3{width:100%; font-size:16px; margin-bottom:1%;}
.blog-content p{float:left; text-align:justify; margin-bottom:2%; width:100%;}
.blog-content p.blog-date{float:left; margin:0; width:872px; height:15px; aspect-ratio: 872 / 15;}
.blog-content-image {width:870px; height:512px; float:left; margin-bottom:2%; aspect-ratio: 870 / 511;}
.blog-content-image img{width:100%; float:left; aspect-ratio: 870 / 511;}
.blog-content-inner-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom:20px;
}

.blog-content-inner-image img {
    display: block;
    width: 100%;
    height: auto;
}

.blog-content-inner-image h2 {
    position: absolute;
    right: 0;
    bottom: 7%;
    width: auto;
    max-width: 62%;
    margin: 0;
    padding: 18px 35px 18px 50px;

    background: rgba(255, 255, 255, 0.96);

    border-radius: 50px 0 0 50px;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: right;
    color: #111;

    box-sizing: border-box;
    z-index: 2;
}

.blog-content a img{width:100%; float:left;}
.blog-content a {color:#e43f6a;}
.blog-content .blog-btn {background: #e43f6a; border-radius: 10px; width: 60px; float: left; text-align: center; padding:8px 15px; color: #fff; text-decoration: none; font-size: 14px; margin:15px 0 0 0;}
.blog-content .blog-btn:hover {background: #c72f56;}

/*========================= Blog Detail May 2025 =======================================*/

.blog-content .blog-wrap {width: 100%; display: flow-root; /* Creates a block formatting context to contain floats */ margin-bottom: 0.5%; }
.blog-content .image-left {float: left; width: 40%; height: auto; margin: 0 2% 2% 0; border-radius: 2%;}
.blog-content .image-right {float: right; width: 40%; height: auto; margin: 0 0 2% 2%; border-radius: 2%;}
.blog-content .image-left img {width: 100%; height: auto; aspect-ratio: 1 / 1; display: block;}
.blog-content .blog-wrap h2, .blog-content .blog-wrap p {text-align: justify; margin-bottom: 2%; width:auto; float: none !important; /* Remove fixed width and float */}

/* Specific to floated images in blog-wrap */
.blog-content .blog-wrap ul, .blog-content .blog-wrap ol {margin: 0 0 2% 0; padding-left:1% ; float:none; width:auto; list-style-position: inside;}
.blog-content .blog-wrap ul li, .blog-content .blog-wrap ol li {margin: 0 0 1% 0; padding: 0 0 0 2%; text-align: justify; list-style-position: inside; float:none; width:auto; position: relative;}

.blog-content .blog-wrap-ul { padding-left: 0; margin-left: 0; }
.blog-content .blog-wrap-ul li { list-style: none; margin: 0 0 1% 0; overflow: hidden; text-align: justify; width: 100%; }
.blog-content .blog-wrap-ul .blog-wrap-ul-icon { float: left; width: 10%; margin: 0 15px 10px 0; display: block; border-radius: 4px; }
.blog-content .blog-wrap-ul .blog-wrap-ul-icon img { width: 100%; height: auto; display: block; }
.blog-content .blog-wrap-ul li p { padding-top: 1%; width: 88%; margin: 0; }

.blog-faqs {
  counter-reset: faq-counter;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: auto;
  font-family: 'Segoe UI', sans-serif;
}

/* Outer li styles */
.blog-faqs li {
  counter-increment: faq-counter;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #f0f0f0; /* Closed background color */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  transition: max-height 0.4s ease, background 0.3s ease;
  max-height: 55px;
  padding: 0;
  position: relative;
}

/* Show full background grey across width, no padding-left */
.blog-faqs li strong {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: transparent;
  font-size: 16px;
  color: #333;
  padding: 16px 20px 16px 35px;
  box-sizing: border-box;
  cursor: pointer;
}

/* CSS-generated number */
.blog-faqs li::before {
  content: counter(faq-counter) ".";
  position: absolute;
  top: 16px;
  left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

/* Hide all inner content except the question */
.blog-faqs li br,
.blog-faqs li strong + * {
  display: none;
}

/* Expanded state: reveal content + change background */
.blog-faqs li:hover,
.blog-faqs li:focus-within {
  background: #ffffff;
  max-height: 500px;
  padding-bottom: 16px;
}

/* Reveal answer when hovered or focused */
.blog-faqs li:hover br,
.blog-faqs li:hover strong + *,
.blog-faqs li:focus-within br,
.blog-faqs li:focus-within strong + * {
  display: block;
  padding: 0 20px;
  margin-top: 6px;
  color: #444;
  line-height: 1.6;
  font-size: 15px;
}

/* Responsive styling */
@media (max-width: 768px) {
  .blog-faqs li strong {
    padding: 14px 16px 14px 44px;
    font-size: 15px;
  }

  .blog-faqs li::before {
    top: 14px;
    left: 16px;
    font-size: 15px;
  }

  .blog-faqs li:hover strong + *,
  .blog-faqs li:focus-within strong + * {
    font-size: 14px;
  }
}

.blog-content .blog-recipe-container {
  max-width: 100%;
  margin: 10px auto;
  padding: 20px;
  background: #fffefc;
  border: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  float:left;
}

.blog-content .blog-recipe-top {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}

.blog-content .blog-recipe-image {
  flex: 0 0 40%;
  max-width: 400px;
}

.blog-content .blog-recipe-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.blog-content .blog-recipe-summary {
  flex: 1;
  min-width: 260px;
}

.blog-content .blog-recipe-summary h4 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #3e3e3e;
}

.blog-content .blog-recipe-summary p {
  line-height: 1.6;
}

.blog-content .blog-recipe-ingredients {
  padding-left: 20px;
  margin: 0;
  list-style: disc;
  color: #444;
}

.blog-content .blog-recipe-details {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.blog-content .blog-recipe-details h3 {
  margin-bottom: 15px;
  font-size: 22px;
  color: #3c3c3c;
}

.blog-content .blog-recipe-details ol {
  padding-left: 20px;
  color: #444;
}

.blog-content .blog-recipe-details ol li {
  margin-bottom: 10px;
  line-height: 1.5;
}

/* ✅ Responsive: Image on Top in Mobile */
@media (max-width: 768px) {
  .blog-content .blog-recipe-top {
    flex-direction: column;
  }

  .blog-content .blog-recipe-image,
  .blog-content .blog-recipe-summary {
    flex: 100%;
    max-width: 100%;
  }

  .blog-content .blog-recipe-image img {
    width: 100%;
    height: auto;
  }
}


/*========================= End =====================*/

.blog-content-infographics {width:100%; float:left; margin-bottom:2%; text-align: center;}
.blog-content-infographics img{width:600px; margin:0 auto;}

.blog-content ul, .blog-content ol{margin:0 0 2% 2%; float:left; width:98%;}
.blog-content ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.blog-content ul li ul li{list-style:circle; margin:2% 0 0% 4%; padding:0 0 0 1%; width:94%; float:left;}
.blog-content ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}
.blog-content ol ol{margin:2% 0 0 2%;}
.blog-content ol ul{margin:2% 0 0 2%;}
.blog-content ol li li{list-style:lower-alpha; margin:0 0 .5% 2%; padding:0 0 0 2%; width:96%; float:left;}
.blog-content ul.blog-content-list {margin:0 0 2% 0; width:100%;}
.blog-content ul.blog-content-list li{list-style:none; margin:0 2% 3% 0%; padding:0 0 0 0%; width:48%; float:left; text-align:justify;}
.blog-content ul.blog-content-list li h3{margin:2% 0; font-size:16px; float:left; width:100%;}
.blog-content ul.blog-content-list li p{height:210px;}
.blog-content ul.blog-content-list li .blog-list-image{width:100%; margin:0 0 2% 0;}
.blog-content ul.blog-content-list li .blog-list-image img{width:100%;}

.blog-content ul.blog-content-list1 {margin:0 0 2% 0; width:100%;}
.blog-content ul.blog-content-list1 li{list-style:none; margin:0 0% 2% 0%; padding:0 0 0 0%; width:100%; float:left; text-align:justify;}
.blog-content ul.blog-content-list1 li h2{margin:0 0 3% 0; width:68%;}
.blog-content ul.blog-content-list1 li h3{margin:0 0 3% 0; font-size:18px;}
.blog-content ul.blog-content-list1 li p{float:left; width:68%;}
.blog-content ul.blog-content-list1 li .blog-list-image1{width:30%; margin:0 2% 2% 0; float:left;}
.blog-content ul.blog-content-list1 li .blog-list-image1 img{width:100%;}
.blog-content ul.blog-content-list1 li ul{margin:0 0 0 2%; padding:0 0 0 2%; width:60%; float:left; text-align:justify;}
.blog-content ul.blog-content-list1 li li{list-style:circle; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left; text-align:justify;}


.blog-content ul.blog-content-list2 {margin:0 0 2% 0; width:100%;}
.blog-content ul.blog-content-list2 li{list-style:none; margin:0 0% 2% 0%; padding:0 0 0 0%; width:100%; float:left; text-align:justify; border-bottom:1px dashed #999;}
.blog-content ul.blog-content-list2 li h2{margin:1% 0 1% 0; width:83%;}
.blog-content ul.blog-content-list2 li h3{margin:1% 0 1% 0; font-size:18px;}
.blog-content ul.blog-content-list2 li p{float:left; width:83%;}
.blog-content ul.blog-content-list2 li .blog-list-image2{width:15%; margin:0 2% 2% 0; float:left;}
.blog-content ul.blog-content-list2 li .blog-list-image2 img{width:100%;}

.blog-content ul.blog-content-list3 {margin:0 0 2% 0; width:100%;}
.blog-content ul.blog-content-list3 li{list-style:none; margin:0 0% 1% 0%; padding:0 0 0 0%; width:100%; float:left; text-align:justify; border-bottom:1px dashed #999;} 
.blog-content ul.blog-content-list3 li h2{margin:3% 0 1% 0; width:78%;}
.blog-content ul.blog-content-list3 li h3{margin:1% 0 1% 0; font-size:18px;}
.blog-content ul.blog-content-list3 li p{float:left; width:78%;}
.blog-content ul.blog-content-list3 li .blog-list-image3{width:20%; margin:0 2% 2% 0; float:left;}
.blog-content ul.blog-content-list3 li .blog-list-image3 img{width:100%;}

.blog-content ul.blog-content-double {margin:0 0 2% 0; width:100%;}
.blog-content ul.blog-content-double li{list-style:none; margin:0 0% 2% 0%; padding:0 0 0 0%; width:50%; float:left; text-align:justify; min-height:130px;} 
.blog-content ul.blog-content-double li h3{margin:3% 0 1% 0; width:73%;}
.blog-content ul.blog-content-double li p{float:left; width:73%;}
.blog-content ul.blog-content-double li .blog-list-double-image{width:25%; margin:0 2% 2% 0; float:left;}
.blog-content ul.blog-content-double li .blog-list-double-image img{width:100%;}

/*========================= Related Blog 2018 =======================================*/

.related-blog{width:100%; float:left;}
.related-blog .blog-listing ul {width:100%; float:left; margin:0;}
.related-blog .blog-listing ul li {width:30%; float:left; margin:0 2.0% 5% 0; list-style:none; padding:0;}
.related-blog .blog-listing ul li p a{color:#fff;}
.related-blog .blog-listing ul li p.blog-date{float:left; width:100%;}

/*========================= Recipe April 2017 =======================================*/


.recipe-detail {width:100%; float:left; margin:0 0 3% 0;}
.recipe-detail-top {width:100%; float:left; margin:0 0 3% 0;}
.recipe-image-holder {width:390px; height:390px; float:left; border:1px solid #d1d1d1;}
.recipe-image-holder img{width:100%;}
.recipe-brief {width:459px; float:left; margin:0 0 0 20px;}
.recipe-brief h1 {font-size:24px; padding:0;}

.recipe-detail .recipe-detail-top .recipe-brief .product-rating  {margin:2% 0;}
.recipe-detail .recipe-detail-top .recipe-brief .product-rating p {color:#e43f6a; float:left;}
.recipe-detail .recipe-detail-top .recipe-brief .product-rating p a{color:#e43f6a;}

.recipe-brief-desc {float:left; width:100%; margin:5% 0 2% 0;}
.recipe-brief-desc p{text-align:justify;}
.recipe-brief-desc ul {float:left; width:100%; margin:3% 0 0 0;}
.recipe-brief-desc ul label{width:18%; float:left; margin:0 3% 0 0;}
.recipe-brief-desc ul label b{float:right;}

.recipe-buttons {float:left; width:100%; margin-bottom:3%;}
.recipe-fav-btn {background:url(../images/bakerykart-image-sprite.png) no-repeat 0px -1013px #e43f6a; width:40%; padding:3% 6% 3% 10%; border:0px; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'oswaldlight', Arial, Helvetica, sans-serif; cursor:pointer; float:left; margin-right:.25%;}
.recipe-print-btn {background:url(../images/bakerykart-image-sprite.png) no-repeat 0px -1072px #e43f6a; width:40%; padding:3% 6% 3% 10%; border:0px; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'oswaldlight', Arial, Helvetica, sans-serif; cursor:pointer; float:left;}
.recipe-report-btn {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -1128px; padding:0 0 0 8%; text-transform:uppercase; color:#e43f6a;}

.recipe-description {float:left; width:100%;}
.recipe-description-left {float:left; width:70%;}
.recipe-description-left h3{float:left; font-size:18px; text-transform:uppercase; margin-bottom:3%; width:100%;}
.recipe-description-left ul, .recipe-description-left ol{margin-bottom:2%; float:left; width:100%;}
.recipe-description-left p{margin-bottom:2%; text-align:justify;}
.recipe-description-left a{color:#e43f6a;}
.recipe-description-left img{width:100%;}
.recipe-description-left ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.recipe-description-left ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left; text-align:justify;}
.recipe-description-left li a { color:#f67e8a; text-decoration: underline;}
.recipe-description-right {float:left; width:27%; padding-left:3%;}
.recipe-banner {width:237px; padding:0; margin:0; float:right; margin-bottom:5%; height:auto!important;}
.recipe-banner img{width:100%;}

.brand-banner{width:1200px; height:409px; margin:0 auto; position:relative; aspect-ratio: 1200 / 409;}
.brand-banner img{width:100%; aspect-ratio: 1200 / 409; height:auto;}
.brand-banner-logo{width:250px; height:250px; background:#fff; bottom:0; left:8%; position:absolute; aspect-ratio: 1 / 1;}
.brand-banner-logo img{width:100%; aspect-ratio: 1 / 1; height:auto;}

.brand_content{width:100%; float:left; aspect-ratio: 436 / 115; height:auto;}
.brand_content h2{width:100%; margin-bottom:2%; aspect-ratio: 872 / 41; height:auto;}
.brand_content p{width:100%; text-align:justify; margin-bottom:2%;}
.brand_content a{color:#e43f6a;}

.brand_content_video{width:30%; float:left; margin-bottom:5%;}
.brand_content_video iframe{width:100%; border:0; height:225px;}
.brand_content_text {width:68%; float:left; margin-left:2%;}

.category-listing, .category-listing ul {width:100%; float:left; margin:0 0 1% 0;}
.category-listing p{float:left; width:100%; margin:0 0 3% 0; text-align:justify;}
.category-listing ul li{width:100%; float:left; margin:0 0 1% 0;} 
.category-listing ul li h2{width:100%; margin:0%; padding:2% 0; font-size:28px; text-align:center;}
.category-listing ul li li{width:15%; margin:0 1.5% 1.5% 0;}
.category-listing ul li li h3 {margin:3% 0 0 0; text-transform:uppercase; text-align:center;}
.category-listing ul li li h3 a{width:100%;}

.category-listing ul li .category-listing-image img{width:100%; }


/*========================= Chef Listing 2017 =======================================*/

.chef-listing {width:100%; float:left;}
.chef-listing-info{width:100%; float:left; margin-bottom:4%;}
.chef-listing-info-image{width:30%; float:left; margin-right:3%;}
.chef-listing-info-image img{width:100%; float:left;}
.chef-listing-info-text {width:67%; float:left;}
.chef-listing-info-text h2{width:100%; float:left;}
.chef-listing-info-text .product-rating ul li{margin-top:4px;}
.chef-listing-info-text .product-rating p{width:auto;}
.chef-listing-info-text p{width:100%; float:left; margin-bottom:3%; text-align:justify;}

/*========================= Chef Profile 2017 =======================================*/

.chef-detail, .chef-detail-info, .chef-detail-recipe, .chef-detail-banner, .chef-detail-blog, .chef-detail-title {float:left; width:100%; margin:0 0 3% 0;}
.chef-detail h1{width:100%; float:left; font-weight:18px;}
.chef-detail h4{float:left; width:100%; font-size:16px; text-transform:uppercase;}
.chef-detail .product-rating {margin:0 0 1% 0;}
.chef-detail .product-rating p, .chef-detail .product-rating p a{color:#e43f6a; margin-top:-4px;}
.chef-detail-banner img{width:100%;}
.chef-detail-info p{width:100%; float:left; margin:0 0 3% 0;}
.chef-rating {float:left; width:100%; margin:0 0 3% 0;}
.chef-buttons {float:left; width:100%; background:#e43f6a; margin:0 0 3% 0;}
.chef-buttons ul li{display:inline; border-right:2px solid #fff; float:left; width:24.6%; }
.chef-buttons ul li:last-child{border-right:0;}
.chef-buttons ul li:nth-child(1) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1148px; float:left;}
.chef-buttons ul li:nth-child(2) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1222px; float:left;}
.chef-buttons ul li:nth-child(3) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1290px; float:left;}
.chef-buttons ul li:nth-child(4) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1360px; float:left;}
.chef-buttons ul li a{color:#fff; text-transform:uppercase; font-size:18px; padding:6% 4%; float:left; width:65%; padding-left:27%;}
.chef-detail-recipe .recipes-listing {margin-bottom:0;}
.chef-detail-recipe .product-listing {margin:0 0 0 0;}
.chef-detail-recipe .recipes-listing ul li {margin:0 1.4% 3% 0;}
.chef-detail-recipe .recipes-listing ul.recipes-listing-spec li{margin:0;}
.chef-detail-recipe .product-listing ul.product-listing-ul li .product-rating ul li{margin-right:3px; width:14px;}

.chef-detail-blog .blog-listing ul li {margin:0 3% 3% 0;}
.chef-detail-blog .blog-listing ul li:nth-child(3n+0) {margin:0 0 3% 0;}

.chef-detail-gallery, .chef-detail-gallery ul{float:left; width:100%;}
.chef-detail-gallery ul li{float:left; width:23.5%; margin:0 2% 2% 0;}
.chef-detail-gallery ul li img{width:100%;}
.chef-detail-gallery ul li:nth-child(4n+4){margin:0 0 2% 0;}


/*========================= Order Detail Table ===================================*/

.order-detail {margin:1% 0; width:100%; float: left;}
.order-detail table{border:1px solid #e9e9e9; border-collapse:collapse; width:99.9%;}
.order-detail tr th { background: #f9f9f9; color: #717171; border: 1px solid #e9e9e9; font-weight: bold; padding: 10px; }
.order-detail tr td { background: #ffffff; padding: 10px; border: 1px solid #e9e9e9; text-align:center;}
.order-detail tr td .order-detail-image {float:left; width:25%;}
.order-detail tr td .order-detail-image img{width:100%;}
.order-detail tr td .order-detail-text {float:left; width:73%; text-align:left; padding-top:.5%;}
.order-detail tr td .order-detail-text h2{font-size:16px;}
.order-detail tr:first-child td{text-align:center;}
.order-detail tr td:last-child {text-align:right;}
.order-detail tr td strong{font-weight:normal; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.order-detail tr.background td {background-color:#f7f7f7;}

/*========================= Subscribe Section ===================================*/

.subscribe-section{width:100%; float: left;}

/*========================= Discussion 2019 Section ===================================*/

.discussion-board{float:left; width:100%;}
.discussion-listing{float:left; width:100%; margin-bottom:2%;}
.discussion-listing ul{float:left; width:100%;}
.discussion-listing ul li{float:left; width:99.5%; margin-bottom:2%; border:1px solid #CCC;}
.discussion-listing ul li:nth-child(even){background:#fafafa;}
.discussion-listing ul li h3{float:left; width:96%; border-bottom:1px dotted #CCC; padding:2%; font-size:18px;}
.discussion-listing ul li h3 a{color:#e43f6a;}
.discussion-listing ul li .discussion-author {float:left; width:96%; border-bottom:1px dotted #CCC; padding:1% 2%;}
.discussion-listing ul li .discussion-sdesc {float:left; width:96%; border-bottom:1px dotted #CCC; padding:2% 2%;}
.discussion-listing ul li .discussion-listing-bottom {float:left; width:96%; padding:1% 2%;}

.discussion-detail{float:left; width:100%; margin-bottom:2%;}
.discussion-detail a{color:#e43f6a;}
.discussion-detail h3{float:left; width:100%; border-bottom:1px dotted #CCC; padding:2% 0; font-size:26px; color:#e43f6a;}
.discussion-detail .discussion-author {float:left; width:100%; border-bottom:1px dotted #CCC; padding:1% 0%;}
.discussion-detail .discussion-detail-image {width:100%; margin:2% 0; float:left;}
.discussion-detail .discussion-detail-image img {width:100%;}
.discussion-detail .discussion-detail-content {width:100%; margin:2% 0;}
.discussion-detail .discussion-detail-content p{margin-bottom:2%;}
.discussion-detail .discussion-detail-tag {float:left; width:100%; border-bottom:1px dotted #CCC; padding:1% 0%;}
.discussion-detail .discussion-detail-comments {float:left; width:100%; padding:1% 0%; margin-bottom:1%; border-bottom:1px dotted #CCC;}
.discussion-detail .discussion-comment-box {float:left; width:100%; padding:2% 0%; margin-bottom:1%; border-bottom:2px solid #CCC;}
.discussion-detail .discussion-comment-box ul li{float:left; width:100%; padding:1% 0%;}
.discussion-detail .discussion-detail-comments-dt {float:left; width:100%; padding:2% 0; border-bottom:2px solid #e43f6a;}
.discussion-detail .discussion-detail-comments-user {float:left; width:100%; border-bottom:1px dotted #CCC; padding-bottom:2%; margin-bottom:2%;}

.myacct-discussion-board{float:left; width:100%;}
.myacct-discussion-board .discussion-listing ul{margin:0;}
.myacct-discussion-board .discussion-listing ul li{list-style:none; margin:0 0 2% 0; padding:0;}
.myacct-discussion-board .discussion-listing ul li h3{margin-bottom:0;}
.discussion-image-thumb{margin:10px 0 0 0;}

.msg-green{font-size:14px; color:#FFF; margin:1% 0; text-transform:uppercase; background-color:#125600; padding:1%;}
.msg-red{font-size:14px; color:#FFF; margin:1% 0; text-transform:uppercase; background-color:#f70000; padding:1%;}

/* ========================= Seller Page - Aug 2025 ================================*/

/* ====== Base Wrapper (scoped) ====== */
.seller-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  color: #333;
  line-height: 1.2;
}

/* ====== Hero (isolated) ====== */
.seller-section-hero {
  width: 100%;
  margin: 0 0 5% 0;
  float:left;
}
.seller-section-hero h1 {
  margin: 0 0 2% 0;
  font-size: 2em;
  color: #222;
  float:left;
}
.seller-section-hero p {
  margin: 0 0 3% 0;
  font-size: 1em;
  color: #444;
  float:left;
}

/* keep your existing .link-btn .more-btn styles as-is in theme,
   or uncomment the below scoped override if needed

.seller-section-hero .link-btn .more-btn { }
*/

/* ====== Core Area (container only) ====== */
.seller-core {
  width: 100%;
  float:left;
}

/* ----- Core Blocks (each block isolated) ----- */
.seller-core__block {
  width: 100%;
  margin: 0 0 8% 0;  /* changing here will NOT affect other page sections */
  float:left;
}

/* Headings inside core blocks */
.seller-core__block h2 {
  margin: 0 0 2% 0;
  font-size: 1.6em;
  color: #222;
  border-left: 0.5em solid #e43f6a;
  padding-left: 2%;
  float:left;
}
.seller-core__block p {
  margin: 0 0 3% 0;
  color: #444;
  float:left;
}

/* Lists (bullets & steps) are scoped to core only */
.seller-core__list {
  width: 100%;
  float:left;
}
.seller-core__list > div {
  position: relative;
  margin: 0 0 2% 0;
  padding-left: 5%;
  box-sizing: border-box;
  float:left;
}
.seller-core__list--bullets > div::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.1em;
  color: #d60000;
  font-size: 1.2em;
  line-height: 1;
  
}
.seller-core__list--steps {
  counter-reset: step-counter;
}

/* Grids (scoped to core only) */
.seller-core__grid {
  display: grid;
  gap: 4%;
  width: 100%;
  float:left;
}
.seller-core__grid--four {
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); /* 2 columns fluid */
}
.seller-core__grid--five {
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); /* 2–3 columns fluid */
}

/* ====== Seller Stories (isolated) ====== */
.seller-stories-section {
  width: 100%;
  margin: 0 0 8% 0;
  float:left;
}
.seller-stories-section h2 {
  margin: 0 0 2% 0;
  font-size: 1.6em;
  color: #222;
  border-left: 0.5em solid #e43f6a;
  padding-left: 2%;
  float:left;
}
.seller-stories-section__quote {
  background: #fafafa;
  border-left: 0.5em solid #e43f6a;
  padding: 5%;
  box-sizing: border-box;
  color: #444;
  font-style: italic;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  float:left;
}
.seller-stories-section__cite {
  margin-top: 2%;
  font-weight: 700;
  color: #555;
  float:left;
}

/* ====== Final CTA (isolated) ====== */
.seller-cta-section {
  width: 100%;
  margin: 0 0 8% 0;
  text-align: left;
  float:left;
}
.seller-cta-section h2 {
  margin: 0 0 2% 0;
  font-size: 1.6em;
  color: #222;
  border-left: 0.5em solid #e43f6a;
  padding-left: 2%;
  float:left;
}
.seller-cta-section p {
  margin: 0 0 3% 0;
  color: #444;
  float:left;
}

/* ====== FAQs (isolated) ====== */
.seller-faqs-section {
  width: 100%;
  margin: 0 0 8% 0;
  float:left;
}
.seller-faqs-section h2 {
  margin: 0 0 3% 0;
  font-size: 1.6em;
  color: #222;
  border-left: 0.5em solid #e43f6a;
  padding-left: 2%;
  float:left;
}
.seller-faqs-section__item {
  margin: 0 0 4% 0;
}
.seller-faqs-section__item h3 {
  margin: 0 0 1% 0;
  font-size: 1.15em;
  color: #e43f6a;
}
.seller-faqs-section__item p {
  margin: 0;
  color: #444;
}

/* ---------- Sticky CTA (Float Left) ---------- */
.seller-sticky-cta {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* keep to the left */
}

.seller-sticky-cta .sticky-btn {
  display: inline-block;
  padding: 12px 20px;
  background-color: #e43f6a;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border-radius: 0 0 10px 10px; /* rounded on the right */
  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
  margin-bottom: 12px;
  
  /* Rotate button vertically */
  transform: rotate(-90deg);
  transform-origin: left center;
  white-space: nowrap;
}

.seller-sticky-cta .sticky-btn:hover {
  background-color: #c21e4c;
}


/*========================= Seller Registration Aug 2022 =======================================*/

.seller-reg{float:left; width:100%;}
.seller-reg-box{float:left; width:45%; padding-right:5%;}
.seller-reg-box1{float:left; width:30%; padding-right:5%;}
.seller-reg-box2{float:left; width:65%;}
.seller-reg-box3{float:left; width:100%;}
.seller-fee{color:#e43f6a; font-size:22px;}
.seller-reg-box .web-form ul{width:98%;}
.seller-reg-box .web-form ul label{width:35%;}
.seller-reg-box h3{font-size:18px; margin-top:2%;}
.seller-reg-box p{float:left; width:100%; margin:3% 0;}
.seller-reg-box-bullet ul, .content-panel ol{margin:0 0 2% 2%; float:left; width:98%;}
.seller-reg-box .seller-reg-box-bullet-point1 {background:url(../images/seller-resg-sprite.png) no-repeat 10px 6px; width:70%; padding-left:30%;}
.seller-reg-box .seller-reg-box-bullet-point2 {background:url(../images/seller-resg-sprite.png) no-repeat 10px -122px;width:70%; padding-left:30%;}
.seller-reg-box-bullet ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.seller-reg-box-bullet li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}
.seller-reg-box3 td label {float:left; width:10%; padding:0.5% 1% 0 0;}
.seller-reg-box3 td b{float:left; padding:0.5% 1% 0 0; }


/*========================= Responsive Tabs Section ==============================*/

#parentHorizontalTab {}

ul.resp-tabs-list {margin-left:5%;}

.resp-tabs-list li {
    font-size: 24px;
	text-transform:uppercase;
    display: inline-block;
    padding: 13px 35px!important;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
	margin-bottom:2%;
}

.resp-tabs-container p{margin-bottom:2%;}
.resp-tabs-container h3{font-size:18px; margin-bottom:1%;}
.resp-tabs-container h4{font-size:16px;}

.resp-tabs-container p a{color:#e43f6a;}

.resp-tabs-container ul, .resp-tabs-container ol{margin-bottom:2%;}
.resp-tabs-container ul ul, .resp-tabs-container ol ol{margin-top:2%;}
.resp-tabs-container ul li{list-style:disc; margin:0 0 1% 2%; padding:0 0 0 1%; width:96%;}
.resp-tabs-container ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%;}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding:2% 0;
}


.resp-tab-active {
	border: 1px solid #cfcfcf !important;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-top: 4px solid #cfcfcf !important;
	border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border-top: 1px solid #c1c1c1;
	border-top-color: #cfcfcf;
}

.resp-tab-content .table-view {float:none;}

/*================================Table view Css ================================*/

.resp-tabs-container table.table-view { border: 1px solid #e1e1e1; width: 100%; background: #fbfbfb; border-collapse: collapse; margin-bottom: 10px; }

.resp-tabs-container table.table-view { border: 1px solid #e1e1e1; width: 100%; background: #fbfbfb; border-collapse: collapse; margin-bottom: 10px; }
.resp-tabs-container table.table-view p {padding-bottom: 0px; }
.resp-tabs-container table.table-view tr th { padding: 10px; border: 1px solid #e1e1e1; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; font-weight: normal; }
.resp-tabs-container table.table-view tr td { background: #FFF; padding: 10px; border: 1px solid #e1e1e1;}
.resp-tabs-container table.table-view tr td a {color: #e43f6a; }
.resp-tabs-container table.table-view-promo { background: #fbfbfb; border-collapse: collapse; float: left; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.resp-tabs-container table.table-view-promo tr td { padding: 15px 10px; }


h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
	float:none;
}

h2.resp-tab-active {
    border-top: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #cfcfcf !important;
border-left: 4px solid #cfcfcf !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

	.resp-tabs-container::after { 
    content: "Click on Tabs to Expand"; margin-top:2%; float:left; text-align:right;
}

    h2.resp-accordion {
        display: block;
    }
	
	
	.resp-tabs-container ul, .resp-tabs-container ol{margin-bottom:2%;}
	.resp-tabs-container ul li{list-style:disc; margin:0 0 1% 8%; padding:0 0 0 1%; width:90%;}
	.resp-tabs-container ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%;}

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }
	
	
	.resp-tab-content {
    display: none;
    padding:3% 0;}

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
		
    }

    .resp-accordion-closed {
        display: none !important;
    }

	.resp-tab-content-active {border-bottom:1px solid #c1c1c1;}

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/* Blog Color Icing CSS Mix*/

.color-mix-table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}
.color-mix-table th,
.color-mix-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: middle;
}
.color-mix-table th { background-color: #f2f2f2; }

/* Drop and alignment */
.drop {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.swatch-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center; /* keeps name centered with circle */
}

/* Recipe line */
.recipe {
  display: inline-flex;
  flex-wrap: wrap;   /* wrap nicely on small screens */
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.recipe-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.plus {
  font-weight: bold;
  font-size: 22px;
  line-height: 1;
}

/* Colors */
.color-red { background-color: #FF0000; }
.color-yellow { background-color: #FFFF00; }
.color-blue { background-color: #0000FF; }
.color-brown { background-color: #8B4513; }
.color-black { background-color: #000000; }
.color-white { background-color: #FFFFFF; border: 0.5px solid #000; box-sizing: border-box; }
.color-green { background-color: #008000; }
.color-orange { background-color: #FFA500; }
.color-sky-blue { background-color: #87CEEB; }
.color-lavender { background-color: #E6E6FA; }
.color-mint-green { background-color: #98FB98; }
.color-peach { background-color: #FFDAB9; }
.color-dark-green { background-color: #006400; }
.color-dusty-rose { background-color: #BC8F8F; }
.color-chocolate-brown { background-color: #411900; }
.color-lemon-yellow { background-color: #FFFACD; }
.color-violet { background-color: #8A2BE2; }
.color-burgundy { background-color: #800020; }
.color-grey { background-color: #808080; }
.color-olive-green { background-color: #808000; }
.color-pink { background-color: #FFC0CB; }
.color-pastel-blue { background-color: #ADD8E6; }
.color-pastel-purple { background-color: #B19CD9; }
.color-pastel-yellow { background-color: #FAE7B5; }
.color-pastel-green { background-color: #77DD77; }
.color-pastel-pink { background-color: #FFB6C1; }
.color-teal { background-color: #008080; }

/* Media CSS - Sep 2025 */
/* =========================================================
   Media Detail Page Styles
   ========================================================= */
.media-detail {
  width:100%;
  margin: 0 auto;
  line-height: 1.4;
  color: #333;
}

/* Media Title */
.media-detail h1 {
  font-size: 2rem;
  margin-bottom: 8px;
  color: #111;
  line-height:1;
}

/* Meta information (publication name, date, section) */
.media-detail .media-meta {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 20px;
}
.media-detail .media-meta span {
  margin-right: 8px;
}

/* Hero Image */
.media-detail .media-hero {
  margin: 0 0 25px 0;
  text-align: center;
}
.media-detail .media-hero img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Content Body */
.media-detail .media-content {
  font-size: 1rem;
  color: #333;
}

/* Subheadings */
.media-detail .media-content h2,
.media-detail .media-content h3 {
  margin: 25px 0 15px;
  line-height: 1.3;
  color: #222;
}
.media-detail .media-content h2 {
  font-size: 1.5rem;
}
.media-detail .media-content h3 {
  font-size: 1.2rem;
}

/* Paragraphs */
.media-detail .media-content p {
  margin-bottom: 16px;
  text-align:justify;
}

.media-detail .media-content p a{
  color:#06F;
}

.media-detail .media-content p a:hover{
 text-decoration:underline;
}

/* Lists */
.media-detail .media-content ul {
  margin: 0 0 20px 20px;
  padding: 0;
  list-style-type: disc; /* Circle bullet */
}
.media-detail .media-content ul li {
  margin-bottom: 8px;
  padding-left: 4px;
  list-style-type:disc;
}