@media only screen and (min-width:1801px) and (max-width:5000px){

.brand-banner-logo {left:29%;}
.header {aspect-ratio:135/11}

}

@media only screen and (min-width:1601px) and (max-width:1800px){

.brand-banner-logo {left:29%;}
.header {aspect-ratio:135/11}

}

@media only screen and (min-width:1401px) and (max-width:1600px){

.brand-banner-logo {left:18%;}
.header {aspect-ratio:135/11}

}

@media only screen and (min-width:1261px) and (max-width:1400px){

.brand-banner-logo {left:18%;}
.header {aspect-ratio:135/12}

}

@media only screen and (min-width:1001px) and (max-width:1260px){
	
body {font-size:small; color:#71645e; background-color:#fff;}

h1 {padding: 0 0 10px 0px; font-size:large;}
h2 {font-size:large;}
h3 {font-size:small;}
h4 {font-size:small;}
h5 {font-size:large; padding: 0 0 10px 0px;}
h6 {font-size:small;}

.wrapper { width:97%; margin: 0 auto;}
.container {background:#fff; z-index:-1;}

nav ul li a {font-size:14px; padding:11.5px 11.5px;}
.top-highlight{padding:0;margin: 0.5% 0;width:100%; aspect-ratio: 265 / 7; height:auto;}



/*============================== Basic Form Element =============================================*/

.submit-btn, .reset-btn {font-size:small; padding:2.5% 5%; }
.red-btn,.gray-btn {font-size:small; margin-right:1%; padding:2% 3%;}

/*==============================Header=============================================*/

.header {width: 100%; background:#fff; aspect-ratio: 135 / 14; height:auto;}
.logo {width:25%; margin:.5em 0;}
.logo img{width:100%; aspect-ratio: 3 / 1; height:auto;}
.top-right {width:50%; padding-left:0;}
.shopping-cart,.search-bar{display:none;}
.top-section-text{padding-top:5%;}
.search-bar {display:none;}

/*============================== Mobile Header =============================================*/

.header-top-mobile{display:inline; float:left; width:100%; font-size:large; background:#e43f6a; height:2.3em;}
.header-top-mobile a{color:#fff; height:2em;}
.header-top-mobile p{padding:.25em;}
.header-top-mobile a:hover { text-decoration:none;}
.header-top-mobile-myaccount {width:40%; float:left;}
.header-top-mobile-myaccount a{line-height:1.8em;}
.menu-icon{float:left; height:1.5em; width:1em; padding:.60em .55em 0 .55em;}
.menu-icon span{width:100%; height:.04em; background:#fff; display:block; margin-bottom:.18em; padding-bottom:.2em;}
.header-top-mobile-menu {border-right:1px solid #fff; width:auto; float:right; border-left:1px solid #fff; width:23%; height:2.5em;}
.header-top-mobile-menu p{}
.header-top-mobile-menu a{line-height:1.8em; display:inline;}
.header-top-mobile-search {border-right:1px solid #fff; width:auto; float:right; padding:0 .5em; height:2.5em;}
.header-top-mobile-cart {width:auto; float:right; padding:0 .5em; height:2.5em;}

/*================================ Header Highlights ================================*/

.top-highlight{padding:0; margin:1.2% 0; width:100%; aspect-ratio: 200 / 7; height:auto;}
.top-highlight ul li{list-style:none; display:inline; background:none; padding:0 0 0 10px;}
.top-highlight ul li a{padding:0 15px 0 30px; font-size:small; }
.top-highlight ul li:nth-child(1) {background:none;}
.top-highlight ul li:nth-child(2) {width:198px; aspect-ratio: 75 / 16; height:28px;}
.top-highlight ul li:nth-child(6) {width:186px; aspect-ratio: 215 / 48; height:28px;}

.top-highlight ul li:nth-child(1) a{}
.top-highlight ul li:nth-child(2) a{background:url(../images/bakerykart-image-sprite.png) no-repeat -5px -38px; background-size:21%;}
.top-highlight ul li:nth-child(3) a{}
.top-highlight ul li:nth-child(4) a{}
.top-highlight ul li:nth-child(5) a{}
.top-highlight ul li:nth-child(6) a{background:url(../images/bakerykart-image-sprite.png) no-repeat -5px -121px; background-size:40%;}

/*============================== Shopping Cart =============================================*/

table.cart-table-item tr td{font-size:small;}
table.cart-table-item tbody tr {border-bottom:1px solid #e1e1e1;}
table.cart-table-item tbody tr:first-child{display:none;}
table.cart-table-item tbody tr td:first-child {width:5%; display:inline; height:85px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(2) {width:80%; display:inline; height:85px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(3)::before { content: "Qty"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(3) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(4)::before { content: "Unit Price"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(4) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(5)::before { content: "Discount"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(5) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(6)::before { content: "Amount"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(6) {width:18%; display:inline; height:50px; float:left; border:0;}

table.cartsummary-table-item tr td{font-size:small;}
table.cartsummary-table-item tbody tr {border-bottom:1px solid #e1e1e1;}
table.cartsummary-table-item tbody tr:first-child{display:none;}
table.cartsummary-table-item tbody tr td:first-child {width:15%; display:inline; height:85px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(2) {width:70%; display:inline; height:85px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(3)::before { content: "Qty"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(3) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(4)::before { content: "Unit Price"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(4) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(5)::before { content: "Discount"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(5) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(6)::before { content: "Amount"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(6) {width:18%; display:inline; height:50px; float:left; border:0;}


.cart-img {width:25%;}
.size-description {width:72%;}
.size-description h2 {font-size:small;}

.cart-address ul{width:90%; margin-bottom:3%;}
.choose-payment-option ul li:first-child {font-size:small;}
.choose-payment-option ul li label{width:10%; float:left;}

.cart-table-total tr td {font-size:medium;}
.cart-table-total tr td:first-child {width:70%; font-size:medium;}
.cart-table-total tr td:nth-child(2) {width:29%;}

.chkout-btn,.contshop-btn {font-size:large; padding:1% 6%; -webkit-appearance:button;}
.contshop-btn {-webkit-appearance:button;}

/*=========================== Product Category Listing =================================*/

.category-listing ul li h2{font-size:x-large;}
.category-listing ul li li{width:28%; margin:0 2.5% 2.5% 2.5%;}
.category-listing ul li li h3 {font-size:medium;}

/*=========================== Featured Box =================================*/

.featured-box-white {width:100%; float:left; aspect-ratio: 240 / 91; height:auto; }
.featured-box-grey {width:100%; aspect-ratio: 80 / 53; height:auto; }
.featured-box-text {text-align:justify; float:left; width:98%; margin:0 1% 2% 1%;}
.featured-box-text h2 {margin-bottom:3%;}
.featured-box-grey ul li{width:23%; margin:0 1% 3% 1%;}
.featured-box-image{width:100%; height:auto;}
.featured-box-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.featured-box-image-text{background:#391f10; width:100%;}
.featured-box-image-text h4{font-size:medium; padding:2%; width:96%;}

.featured-categories-left {width:36%; height:auto; margin:0 2% 2% 2%;}
.featured-categories-right {width:58%; float:left; margin:0 2% 2% 0;}
.featured-categories-images{width:100%; height:auto; border:0px; float:left;}
.featured-categories-images img{width:100%; aspect-ratio: 1 / 1; height:auto;}

.categories-listing-small {width:100%; float:left; margin:3% 0 0 0;}
.categories-listing-small ul li{width:18%; margin-left:0; margin:0 1% 2% 1%;}
.categories-listing-small ul li img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.categories-listing-small ul li h6{margin:2% 0 0 0; height:2.7em; vertical-align:middle; font-size:small;}
.categories-listing-small ul li h6 a{color:#000; vertical-align:middle;}

/*=========================== Product Listing =================================*/

.product-listing li{width:23%; margin:0 1% 3% 1%;}
.product-listing li .quicklook {width:60%; margin:0px 20%; z-index: -1; display: none; position: absolute; background-color:#000; color:#fff; float:left; text-align:center; padding:2% 0; }
.product-listing li .quicklook a{color:#fff; text-transform:uppercase; padding:2% 0; }
.product-listing li:hover .quicklook { display: block; z-index: 1; margin: 0 auto; top: 110px; left: 45px; }
.product-listing li .prosize {width:95%; color: #333; background: #fff; padding:1%; font-size: 12px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute;}
.product-listing li:hover .prosize { display: block; z-index: 1; bottom:90px; left:5px; }
.product-listing-image{border:1px solid #cfcfcf; width:99.98%; height:auto; margin-bottom:3%;}
.product-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.product-listing-text{ margin-bottom:1%; float:left; width:100%;}
.product-listing-text h3 {width:100%; height:2.7em;}
.product-listing-text h3 a{color:#000;}
.product-listing-text h2{width:100%;}
.product-listing-price{margin:0 0 1% .5%; float:left; width:99.5%;}
.product-listing-price span{color:#e43f6a; padding-left:10px;}

/*Setting for Product Listing Pages*/

ul.product-listing-ul li {width:28%;}
ul.product-listing-ul li:hover .prosize {bottom:105px; font-size:x-small;}
ul.product-listing-ul li{margin-bottom:3.5%;}
ul.product-listing-ul li .status { position: absolute; right: -1px; top: -1px; }
ul.product-listing-ul li .status img{width:100%; aspect-ratio: 1 / 1; height:auto;}
ul.product-listing-ul li .status-new { position: absolute; left: -1px; top: -1px; }

/* =========================== Brand Detail ================================= */

.brand-banner{width:100%; margin:0 auto; position:relative; }
.brand-banner img{width:100%;}
.brand-banner-logo{width:25%; height:auto; background:#fff; bottom:2px; left:5%; position:absolute;}
.brand-banner-logo img{width:100%;  }

.brand_content{width:100%; float:left;}
.brand_content h2{width:100%; margin-bottom:3%;}
.brand_content p{width:100%; text-align:justify; margin-bottom:3%;}

/* =========================== Recipes Listing ================================= */

.recipes-listing ul li{float:left; width:23%; margin:0 1%;}
.recipes-listing-image {float:left; width:100%;}
.recipes-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.recipes-listing-text {width:100%; margin-bottom:3%;}
.recipes-listing-text p{height:7em;}
.recipes-listing ul li h4{width:100%; height:2.6em;}
ul.recipes-listing-spec {margin:3% 0; width:100%;}
ul.recipes-listing-spec li{width:100%; float:left; text-transform:uppercase; padding:0; margin:0;}
ul.recipes-listing-spec li label{width:40%; float:left; padding:0 2% 1% 0; }
ul.recipes-listing-spec li label::after {content: ":"; float:right; margin-right:1%; }

/*=========================== Product Rating =================================*/



/*====================================== Bottom Deal Css ==================================*/

.coupon-div {width:96%; padding:2% 2%;}
.coupon-div h2 {font-size:medium; margin-bottom:3%; width:100%; text-align:center;}
.coupon-btn {background:#3be4db; width:30%; padding:2% 3%; margin:0 32%;}

/*===========================Footer=================================*/

footer {width: 100%; float:left; background:#f8f8f8;}
.footer-search{width:100%; padding:2% 0;}
.istyle-bottom {width:73%; height:32px; padding: 0 1%; border:0px; margin-right:1%; font-size:1.2em;}
.bottom-search-btn {background:none; width:24%; height:32px; font-size:large; text-transform:uppercase; background:#fff; color:#e43f6a; border:0px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif;}

.footer-top{float:left; width:100%;}

.footer-product-navigation, .footer-newsletter, .payment-div {display:none;}

.footer-navigation {width:96%; float: left; padding:1% 1%; min-height:auto; margin:1% 0 1% 0;}
.footer-navigation h2 {margin-bottom:2%;}
.footer-navigation h2 a{color:#000;}
.footer-navigation ul { float: left; width: 100%; }
.footer-navigation ul li {float: left; width:auto; margin-right:.9em; line-height:2em; }
.footer-navigation ul li a{font-size:small;}
.footer-navigation ul li a:hover { color:#e43f6a; text-decoration: underline; }

.footer-bottom {width:96%; margin:0 0 5% 0%; padding:0 2%;}
.social-media {width:100%; margin:0; padding:0;}
.social-media ul {width:100%; margin:0; padding:0;}
.social-media ul li{font-size:small; margin-right:3%;}
.social-media ul li:first-child{margin-right:0%;}
.facebook {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -815px; height:26px; width:26px; margin-right:3px;}
.twitter {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -846px; height:26px; width:26px; margin-right:3px;}
.linkedin {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -908px; height:26px; width:26px; margin-right:3px;}
.pinterest {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -971px; height:26px; width:26px; margin-right:3px;}
.googleplus {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -940px; height:26px; width:26px; margin-right:3px;}
.youtube {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -877px; height:26px; width:26px; margin-right:3px;}


.copyright {background:#e43f6a; padding:1% 0; width: 100%; color: #fff; text-align:center; text-transform:uppercase; font-size:small; heigh:3em; }
.copyright a { color: #fff; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
label.error { float: left!important; font-size: 10px; color: #F00; padding-left: 10px; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////

INTERNAL PAGE CSS STARTS HERE

/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////*/


/*==================Banner============================*/
.banner {height:auto; width:100%; aspect-ratio: 200 / 57; height:auto;}
.banner img {width:100%; aspect-ratio: 200 / 57; height:auto;}

/*==================Inner-Banner============================*/
.inner-banner {width:100%;}
.inner-banner img {width:100%;}
.inner-banner .slideimg {width:100%; margin:0; }
.inner-banner .slideimg img{width:100%; aspect-ratio: 24 / 5; height:auto;}

/*======================================Title==================================*/
.title { width: 100%; aspect-ratio: 175 / 18; height:auto;}
.title h2 {font-size:x-large; line-height:1.5em;}
.breadcum { width: 100%; color: #272727; margin-bottom:5%; font-size:x-small; aspect-ratio: 70 / 3; height:auto;}
.breadcum a { background:none; padding: 0 .7em 0 .0em;}
.breadcum a::after {content: "/"; padding-left:.7em;}
.breadcum a:hover { text-decoration: underline; }
.breadcum a.padding-0 { padding-left: 0px; }
.breadcum span { padding: 0 0 0 .2em; }


/*=========================Left Panel===================================*/
.left-panel {float: left; width:30%;}
/*=========================Right Panel===================================*/

.right-panel {width:68%; float:left; margin-bottom:5%; margin-left:2%;}

.content-panel { float: right; width: 100%; }
.content-panel h1 {font-size:large;}
.content-panel h2 {float:left; width:100%; margin-bottom:1.5%; font-size:large;}
.content-panel p{padding-bottom:2%;}
.content-panel p.red-alert {padding:1% 0; margin-top:0;}

/* ////// CSS UL AND OL CSS Dec 2016 ///////*/

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


/*========================= Filter ===================================*/

.filterbox {width:100%; float: left; margin-bottom:4%; border-bottom:1px solid #cfcfcf;}
.filterbox ul {width:98%; border-bottom:0px; height:50px;}
.filterbox ul li {padding:2% 0; float:left; font-size:x-small;}

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

.zoom-product {width:100%; float: left; margin: 0 0px; color:#745843; text-align: center; position: relative; aspect-ratio: 1 / 1; height:auto;}
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;}
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:auto; width:100%; 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;
}
.zoomPad img {width:100%; aspect-ratio: 1 / 1; height:auto;}
.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 {aspect-ratio: 218 / 120;}
.product-detail .product-left {float:left; width:100%; aspect-ratio: 14 / 17; height:auto; }
.product-detail .product-left .mobile-image-viewer {width:100%; aspect-ratio: 1 / 1; height:auto;}
.product-detail .product-right {float:left; width:100%; margin-left:0;}
.product-detail .product-right h1{color:#000; font-size:24px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:capitalize; padding:0;}

.product-short-desc{margin-bottom:5%; height:auto;}
.product-short-desc p{text-align:justify;}

.product-info {border:0; padding:1% 1%; margin:0 0 5% 0; width:98%;}
.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% 4% 0; padding:2% 0 0 0;}
.product-info-qty ul li label{margin:1% 0 3% 0;}
.product-form-style{border:1px solid #ececec; width:96%; padding:2% 2%;}

/* Product Delivery & Wishlist */

.delivery {float:left; width:100%; margin:0 0 1% 0; border-bottom:1px solid #ececec; padding:0 0 3.5% 0;}
.delivery ul li{float:left; width:40%; 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%; margin-bottom:6%;}
.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:large; color:#000; text-transform:uppercase; font-family: 'oswaldmedium', Arial, Helvetica, sans-serif;}
.product-info-price .product-info-price-offer b.WebRupee {font-size:large; padding:0 1%;}
.product-info-price .product-price{float:left;}
.product-info-price .product-offerprice{float:left; margin-left:2%; color: #f40000;}
.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:small; margin:.5% 0 0 1%; float:left;}


/* Product Shopping Cart Button */

.product-cart-button{width:100%; float:left;}
.product-cart-btn {width:100%; padding:1% 0; border:0px; font-size:xx-large;}

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

.loginarea-box{width:100%; margin-bottom:5%;}
.loginarea-box h3{font-size:large;}
.loginarea-box p{margin:3% 0;}

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

.istyle-textbox {width:85%; font-size:small; padding:3% 2%; border:1px solid #c5c5c5;}
.istyle-textbox-small {width:20%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; margin-right:1%;}
.istyle-textbox-ex-small {width:10%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; margin-right:1%;}
.istyle-textarea {width:85%; float: left; height:30%; color:#797b7b; font-size:small; padding:3% 2%; border: 1px solid #c5c5c5;  font-family: Arial, Helvetica, sans-serif; }
.istyle-dropbox {width:59.2%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; background-color:#fff;}

.web-form ul li {padding:0; float:left; width: 100%; list-style:none; margin:0 0 2% 0; }
.web-form ul li label {width:100%; float: left; margin:0 0 2% 0;}
.web-form ul li b {display:none;}
.web-form span{color:#F00;}
.web-form p{margin-bottom:1%;}

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

.order-listing {float:left; width:98.8%; border:1px solid #e1e1e1; margin-bottom:5%; border-bottom:0;}
.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:48%;}
.order-listing-detail ul li:nth-child(2){width:48%;}
.order-listing-detail ul li:nth-child(3){width:48%;}
.order-listing-detail ul li:nth-child(4){width:48%;}
.order-listing-items{float:left; width:98%; padding:1%;}

.order-listing-item-info {width:100%; margin-right:5%;}
.order-listing-item-image {width:35%; margin-right:2%;}
.order-listing-item-text {width:63%;}
.order-listing-item-text h2 a{color:#e43f6a; font-size:small;}
.order-listing-feedback {width:100%; padding:0 0;}
.order-listing-feedback ul {width:100%;}
.order-listing-feedback ul li{width:47%; margin:0 0 2% 0; list-style:none; padding:0;}
.order-listing-feedback ul li:nth-child(odd) {margin-right:4%;}
.order-listing-feedback ul li a{padding:3% 5%; font-size:small;}
.order-listing-feedback ul li a:hover {background:#e43f6a; color:#fff; }
.order-listing-item-date{width:98%; padding:2% 1%;}

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

.cart-table-promo{margin-bottom:2%;}
.cart-table-promo tr td{font-size:small;}
.cart-table-promo tr:first-child td{font-size:small;}
.cart-table-promo tr td label{width:100%; margin-bottom:2%;}
.shopping-cart-text{float:left; margin:0 0 2% 0; text-align:center;}
.termscheck{margin:0 2% 0 0;;}

#coupon_code {padding:1% 2%; width:70%; margin:0 14% 4% 14%; border: 1px solid #ddd;}
.coupon-btn {background:#e43f6a; font-size:small; padding:3% 2%;}


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

.blog-btn {float:left; background-color:#e43f6a; color:#fff; padding:2% 5%;}
.blog-listing ul li{margin:0 0 5% 0;}
.blog-listing-image {width:100%; margin:0 0 3% 0;}
.blog-listing-name {width:100%; padding:0 0 0 0%; float:left;}

/*========================= 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 p{float:left; text-align:justify; margin-bottom:2%; width:100%;}
.blog-content p.blog-date{float:left; margin:-.5% 0 0 0; }
.blog-content img{width:100%; float:left;}
.blog-content a img{width:100%; float:left;}

.related-blog .blog-listing ul li {width:97%; margin:0 0% 5% 0;}

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

.chef-listing-info-image{width:100%; float:left; margin-right:0%; margin-bottom:3%;}
.chef-listing-info-image img{width:100%; float:left;}
.chef-listing-info-text {width:100%; float:left;}

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

.chef-detail h1{font-weight:medium;}
.chef-detail h4{font-size:medium;}
.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:0px solid #fff; float:left; width:100%; border-bottom:2px solid #fff;}
.chef-buttons ul li:last-child{border-bottom:0;}
.chef-buttons ul li:nth-child(1) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1151px; float:left;}
.chef-buttons ul li:nth-child(2) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1225px; float:left;}
.chef-buttons ul li:nth-child(3) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1294px; float:left;}
.chef-buttons ul li:nth-child(4) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1364px; float:left;}
.chef-buttons ul li a{color:#fff; text-transform:uppercase; font-size:medium; padding:3% 2%; float:left; width:78%; padding-left:18%;}
.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 0 3% 0; width:100%;}
.chef-detail-recipe .recipes-listing ul.recipes-listing-spec li{margin:0;}

.chef-detail-blog .blog-listing ul li {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:nth-child(4n+4){margin:0 0 2% 0;}


/*========================= 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:100%; height:auto; float:left; border:0 solid #d1d1d1; margin:0 0 2% 0;}
.recipe-image-holder img{width:100%;}
.recipe-brief {width:100%; float:left; margin:0 0 2% 0;}
.recipe-brief h1 {font-size:24px; padding:0;}

.recipe-brief-desc {float:left; width:100%; margin: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:45%; 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:45%; 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:100%;}
.recipe-description-left h3{float:left; font-size:18px; text-transform:uppercase; margin-bottom:3%; width:100%;}
.recipe-description-left p{margin-bottom:2%; text-align:justify;}
.recipe-description-left img{width:100%;}
.recipe-description-right {float:left; width:100%; padding-left:0%;}
.recipe-banner {width:100%; padding:0; margin:0; float:right; margin-bottom:5%; height:auto!important;}
.recipe-banner img{width:100%;}


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

.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:small;}
.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;}


}

@media only screen and (min-width:100px) and (max-width:1000px){
	
body {font-size:small; color:#71645e; background-color:#fff;}

h1 {padding: 0 0 10px 0px; font-size:large;}
h2 {font-size:large;}
h3 {font-size:small;}
h4 {font-size:small;}
h5 {font-size:large; padding: 0 0 10px 0px;}
h6 {font-size:small;}

.wrapper { width:97%; margin: 0 auto;}
.container {background:#fff; z-index:-1;}

/*============================== Basic Form Element =============================================*/

.submit-btn, .reset-btn {font-size:small; padding:2.5% 5%; }
.red-btn,.gray-btn {font-size:small; margin-right:1%; padding:2% 3%;}

/*==============================Header=============================================*/

.header {width: 100%; background:#fff; aspect-ratio: 180 / 31; height:auto;}
.logo {width:40%; margin:.5em 0;}
.logo img{width:100%; aspect-ratio: 3 / 1; height:auto;}
.top-right {width:50%; padding-left:0;}
.shopping-cart,.search-bar{display:none;}
.top-section-text{padding-top:5%;}
.top-section-text a {font-size:small; margin-right:1%;  aspect-ratio: 45 / 18; height:20px; width:auto;}
.search-bar {display:none;}

/*============================== Mobile Header =============================================*/

.header-top-mobile{display:inline; float:left; width:100%; font-size:large; background:#e43f6a; height:2.3em;}
.header-top-mobile a{color:#fff; height:2em;}
.header-top-mobile p{padding:.25em;}
.header-top-mobile a:hover { text-decoration:none;}
.header-top-mobile-myaccount {width:38%; float:left; height:2.2em; aspect-ratio: 132 / 41;}
.header-top-mobile-myaccount a{line-height:1.8em;}
.menu-icon{float:left; height:1.5em; width:1em; padding:.60em .55em 0 .55em;}
.menu-icon span{width:100%; height:.04em; background:#fff; display:block; margin-bottom:.18em; padding-bottom:.2em;}
.header-top-mobile-menu {border-right:1px solid #fff; float:right; border-left:1px solid #fff; width:25%; height:2.2em; aspect-ratio: 89 / 89;}
.header-top-mobile-menu p{}
.header-top-mobile-menu a{line-height:1.8em; display:inline;}
.header-top-mobile-search {border-right:1px solid #fff; width:14%; float:right; padding:0 .5em; height:2.2em; aspect-ratio: 1 / 1; text-align:center;}
.header-top-mobile-cart {width:11%; float:right; padding:0 .5em; height:2.2em; aspect-ratio: 1 / 1;}

/*================================ Header Highlights ================================*/

.top-highlight{padding:0; margin:10px 0; width:100%; height:20px;}
.top-highlight ul li{list-style:none; display:inline; background:none; padding:0 0 0 10px;}
.top-highlight ul li a{padding:0 15px 0 30px; font-size:small; }
.top-highlight ul li:nth-child(1) {background:none; aspect-ratio: 9 / 1; height:20px; width:40%;}
.top-highlight ul li:nth-child(2) {display:none;}
.top-highlight ul li:nth-child(3) {display:none;}
.top-highlight ul li:nth-child(4) {display:none;}
.top-highlight ul li:nth-child(5) {width:54%; aspect-ratio: 9 / 1; height:20px;}
.top-highlight ul li:nth-child(6) {display:none;}
.top-highlight ul li:nth-child(1) a{background:url(../images/bakerykart-image-sprite.png) no-repeat -5px -1025px; background-size:28%;}
.top-highlight ul li:nth-child(2) a{display:none;}
.top-highlight ul li:nth-child(3) a{display:none;}
.top-highlight ul li:nth-child(4) a{display:none;}
.top-highlight ul li:nth-child(5) a{background:url(../images/bakerykart-image-sprite.png) no-repeat -5px -97px; background-size:22%;}
.top-highlight ul li:nth-child(6) a{display:none;}

/*==============================Navigation=============================================*/

.navigation {display:none;}
nav ul li{width:100%;} /* CSS for Mobile Menu */
nav ul li a {width:96%; padding:2% 2%;}

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

.switch-search h3{font-size:medium; padding:2% 0; width:39.8%;}
.switch-search ul{width:55%; float:left; padding:2%; }
.switch-search li{width:50%; font-size:medium;}
h1.search-msg{margin-bottom:2%; font-size:large;}

/*============================== Shopping Cart =============================================*/

table.cart-table-item tr td{font-size:small;}
table.cart-table-item tbody tr {border-bottom:1px solid #e1e1e1;}
table.cart-table-item tbody tr:first-child{display:none;}
table.cart-table-item tbody tr td:first-child {width:5%; display:inline; height:85px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(2) {width:80%; display:inline; height:85px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(3)::before { content: "Qty"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(3) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(4)::before { content: "Unit Price"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(4) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(5)::before { content: "Discount"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(5) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cart-table-item tbody tr td:nth-child(6)::before { content: "Amount"; width:100%; float:left;}
table.cart-table-item tbody tr td:nth-child(6) {width:18%; display:inline; height:50px; float:left; border:0;}

table.cartsummary-table-item tr td{font-size:small;}
table.cartsummary-table-item tbody tr {border-bottom:1px solid #e1e1e1;}
table.cartsummary-table-item tbody tr:first-child{display:none;}
table.cartsummary-table-item tbody tr td:first-child {width:15%; display:inline; height:95px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(2) {width:70%; display:inline; height:95px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(3)::before { content: "Qty"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(3) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(4)::before { content: "Unit Price"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(4) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(5)::before { content: "Discount"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(5) {width:18%; display:inline; height:50px; float:left; border:0;}
table.cartsummary-table-item tbody tr td:nth-child(6)::before { content: "Amount"; width:100%; float:left;}
table.cartsummary-table-item tbody tr td:nth-child(6) {width:18%; display:inline; height:50px; float:left; border:0;}


.cart-img {width:25%;}
.size-description {width:72%;}
.size-description h2 {font-size:small;}

.cart-address ul{width:90%; margin-bottom:3%;}
.choose-payment-option ul li:first-child {font-size:small;}
.choose-payment-option ul li label{width:10%; float:left;}

.cart-table-total tr td {font-size:medium;}
.cart-table-total tr td:first-child {width:60%; font-size:medium;}
.cart-table-total tr td:nth-child(2) {width:39%;}

.chkout-btn,.contshop-btn {font-size:large; padding:1% 6%; -webkit-appearance:button;}
.contshop-btn {-webkit-appearance:button;}

/*=========================== Product Category Listing =================================*/

.category-listing ul li h2{font-size:x-large;}
.category-listing ul li li{width:45%; margin:0 2.5% 2.5% 2.5%;}
.category-listing ul li li h3 {font-size:medium;}

/*=========================== Featured Box =================================*/

.featured-box-white {width:100%; float:left; aspect-ratio: 240 / 91; height:auto; }
.featured-box-grey {width:100%; aspect-ratio: 73 / 193; height:auto; }
.featured-box-text {text-align:justify; float:left; width:98%; margin:0 1% 5% 1%;}
.featured-box-text h2 {margin-bottom:3%;}

.featured-box-grey ul li{width:44%; margin:0 3% 3% 3%;}
.featured-box-image{width:100%; height:auto;}
.featured-box-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.featured-box-image-text{background:#391f10; width:100%;}
.featured-box-image-text h4{font-size:small; padding:2%; width:96%;}

.featured-categories-left {width:100%; height:auto; margin:0 0 3% 0;}
.featured-categories-right {width:100%; float:left; margin:0 0 3% 0;}
.featured-categories-images{width:100%; height:auto; border:0px; float:left;}
.featured-categories-images img{width:100%; aspect-ratio: 1 / 1; height:auto;}

.categories-listing-small {width:100%; float:left; margin:3% 0 0 0;}
.categories-listing-small ul li{width:29%; margin-left:0; margin:0 2% 3% 2%;}
.categories-listing-small ul li img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.categories-listing-small ul li h6{margin:2% 0 0 0; height:2.7em; vertical-align:middle; font-size:small;}
.categories-listing-small ul li h6 a{color:#000; vertical-align:middle;}

/*=========================== Product Listing =================================*/

.product-listing li{width:44%; margin:0 3% 3% 3%;}
.product-listing li .quicklook {width:60%; margin:0px 20%; z-index: -1; display: none; position: absolute; background-color:#000; color:#fff; float:left; text-align:center; padding:2% 0; }
.product-listing li .quicklook a{color:#fff; text-transform:uppercase; padding:2% 0; }
.product-listing li:hover .quicklook { display: block; z-index: 1; margin: 0 auto; top: 110px; left: 45px; }
.product-listing li .prosize {width:95%; color: #333; background: #fff; padding:1%; font-size: 12px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute;}
.product-listing li:hover .prosize { display: block; z-index: 1; bottom:110px; left:2px; }
.product-listing-image{border:1px solid #cfcfcf; width:99.98%; height:auto; margin-bottom:3%;}
.product-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.product-listing-text{ margin-bottom:1%; float:left; width:100%;}
.product-listing-text h3 {width:100%; height:2.7em;}
.product-listing-text h3 a{color:#000;}
.product-listing-text h2{width:100%;}
.product-listing-price{margin:0 0 1% .5%; float:left; width:99.5%;}
.product-listing-price span{color:#e43f6a; padding-left:10px;}

/*Setting for Product Listing Pages*/

ul.product-listing-ul li:hover .prosize {bottom:105px; font-size:x-small;}
ul.product-listing-ul li{margin-bottom:3.5%;}
ul.product-listing-ul li .status { position: absolute; right: -1px; top: -1px; }
ul.product-listing-ul li .status img{width:100%; aspect-ratio: 1 / 1; height:auto;}
ul.product-listing-ul li .status-new { position: absolute; left: -1px; top: -1px; }


/*=========================== Home Brand Listing =================================*/

.brand-listing{width:100%; float:left; margin-bottom:3%;}
.brand-listing ul li{float:left; width:30%; margin:0 1% 2% 1%;}
.brand-listing-image {float:left; width:100%;}
.brand-listing-image img{border:1px solid #d1d1d1; width:100%; aspect-ratio: 1 / 1; height:auto;}
.brand-listing ul li h3{width:100%; text-align:center; text-transform:capitalize; }

/* =========================== Brand Detail ================================= */

.brand-banner{width:100%; margin:0 auto; position:relative; aspect-ratio: 357 / 127; height:auto;}
.brand-banner img{width:100%; aspect-ratio: 357 / 127; height:auto;}
.brand-banner-logo{width:25%; height:auto; background:#fff; bottom:2px; left:5%; position:absolute; aspect-ratio: 1 / 1;}
.brand-banner-logo img{width:100%; aspect-ratio: 1 / 1; height:auto; }

.brand_content{width:100%; float:left;}
.brand_content h2{width:100%; margin-bottom:3%;}
.brand_content p{width:100%; text-align:justify; margin-bottom:3%;}

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


/* =========================== Recipes Listing ================================= */

.recipes-listing ul li{float:left; width:44%; margin:0 3%;}
.recipes-listing-image {float:left; width:100%;}
.recipes-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
.recipes-listing-text {width:100%; margin-bottom:3%;}
.recipes-listing-text p{height:9em;}
.recipes-listing ul li h4{width:100%; height:2.6em;}
ul.recipes-listing-spec {margin:3% 0; width:100%;}
ul.recipes-listing-spec li{width:100%; float:left; text-transform:uppercase; padding:0; margin:0;}
ul.recipes-listing-spec li label{width:40%; float:left; padding:0 2% 1% 0; }
ul.recipes-listing-spec li label::after {content: ":"; float:right; margin-right:5%; }

/*=========================== Product Rating Sep 2025 =================================*/

/* Allow summary text to wrap if tight */
  .product-rating .rating-info {
    white-space: normal;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
  }

  /* Review cards spacing */
  .product-rating .review {
    margin: 12px 0;
    padding: 12px;
  }

  /* Review header flex wrap for narrow screens */
  .product-rating .review-header {
    flex-wrap: wrap;
    gap: 8px;
  }

  /* Meta text slightly smaller */
  .product-rating .meta {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
  }
  .product-rating .meta .date {
    font-size: 12px;
  }

  /* Body text a little smaller for fit */
  .product-rating .review-body h5 {
    font-size: 15px;
  }
  .product-rating .review-body {
    font-size: 13px;
  }
  
/*====================================== Bottom Deal Css ==================================*/

.coupon-div {width:96%; padding:2% 2%;}
.coupon-div h2 {font-size:medium; margin-bottom:3%; width:100%; text-align:center;}
.coupon-btn {background:#3be4db; width:30%; padding:2% 3%; margin:0 32%;}

/*===========================Footer=================================*/

footer {width: 100%; float:left; background:#f8f8f8;}
.footer-search{width:100%; padding:2% 0;}
.istyle-bottom {width:73%; height:32px; padding: 0 1%; border:0px; margin-right:1%; font-size:1.2em;}
.bottom-search-btn {background:none; width:24%; height:32px; font-size:large; text-transform:uppercase; background:#fff; color:#e43f6a; border:0px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif;}

.footer-top{float:left; width:100%;}

.footer-product-navigation, .footer-newsletter, .payment-div {display:none;}

.footer-navigation {width:96%; float: left; padding:1% 2%; min-height:auto; margin:2% 0 4% 0;}
.footer-navigation h2 {margin-bottom:4%;}
.footer-navigation h2 a{color:#000;}
.footer-navigation ul { float: left; width: 100%; }
.footer-navigation ul li {float: left; width:auto; margin-right:.9em; line-height:2em; }
.footer-navigation ul li a{font-size:small;}
.footer-navigation ul li a:hover { color:#e43f6a; text-decoration: underline; }

.footer-bottom {width:96%; margin:0 0 5% 0%; padding:0 2%;}
.social-media {width:100%; margin:0; padding:0;}
.social-media ul {width:100%; margin:0; padding:0;}
.social-media ul li{font-size:small; margin-right:3%;}
.social-media ul li:first-child{margin-right:0%;}
.facebook {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -815px; height:26px; width:26px; margin-right:3px;}
.twitter {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -846px; height:26px; width:26px; margin-right:3px;}
.linkedin {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -908px; height:26px; width:26px; margin-right:3px;}
.pinterest {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -971px; height:26px; width:26px; margin-right:3px;}
.googleplus {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -940px; height:26px; width:26px; margin-right:3px;}
.youtube {background:url(../images/bakerykart-image-sprite.png) no-repeat -12px -877px; height:26px; width:26px; margin-right:3px;}


.copyright {background:#e43f6a; padding:1% 0; width: 100%; color: #fff; text-align:center; text-transform:uppercase; font-size:small; heigh:3em; }
.copyright a { color: #fff; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
label.error { float: left!important; font-size: 10px; color: #F00; padding-left: 10px; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////

INTERNAL PAGE CSS STARTS HERE

/////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////*/


/*==================Banner============================*/
.banner {height:auto; width:100%; aspect-ratio: 70 / 27; height:auto;}
.banner img {width:100%; aspect-ratio: 70 / 27; height:auto; }

/*==================Inner-Banner============================*/
.inner-banner {width:100%;}
.inner-banner img {width:100%;}
.inner-banner .slideimg {width:100%; margin:0; }
.inner-banner .slideimg img{width:100%; aspect-ratio: 24 / 5; height:auto;}

/*======================================Title==================================*/
.title { width: 100%; aspect-ratio: 175 / 18; height:auto;}
.title h2 {font-size:x-large; line-height:1.5em;}
.breadcum { width: 100%; color: #272727; margin-bottom:5%; font-size:x-small; aspect-ratio: 70 / 3; height:auto;}
.breadcum a { background:none; padding: 0 .7em 0 .0em;}
.breadcum a::after {content: "/"; padding-left:.7em;}
.breadcum a:hover { text-decoration: underline; }
.breadcum a.padding-0 { padding-left: 0px; }
.breadcum span { padding: 0 0 0 .2em; }


/*=========================Left Panel===================================*/
.left-panel {display:none; float: left; }
/*=========================Right Panel===================================*/

.right-panel {width:100%; float:left; margin-bottom:5%; margin-left:0;}
.right-panel .recipes-listing ul li{margin:1% 0% 2% 0; width:100%;}
.right-panel .recipes-listing ul li:nth-child(3n+3){margin-right:0;}

.content-panel { float: right; width: 100%; }
.content-panel h1 {font-size:large;}
.content-panel h2 {float:left; width:100%; margin-bottom:1.5%; font-size:large;}
.content-panel p{padding-bottom:2%;}
.content-panel p.red-alert {padding:1% 0; margin-top:0;}

/* ////// CSS UL AND OL CSS Dec 2016 ///////*/

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

.content-panel ul ul{margin:1.5% 0 0 10%; float:left; width:90%;}
.content-panel ul li li{list-style:circle; margin:0 0 1% 8%; padding:0 0 0 2%; width:90%; float:left;}

.contact-left {float:left; width:100%; margin-right:0%; margin-bottom:3%;}
.contact-right {float:left; width:100%;}


/*========================= Filter ===================================*/

.filterbox {width:100%; float: left; margin-bottom:4%; border-bottom:1px solid #cfcfcf;}
.filterbox ul {width:98%; border-bottom:0px; height:50px;}
.filterbox ul li {padding:2% 0; float:left; font-size:x-small;}

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

.zoom-product {width:100%; float: left; margin: 0 0px; color:#745843; text-align: center; position: relative; aspect-ratio: 1 / 1; height:auto; }
ul#thumblist {float: left; display:inline; width: 100%; margin:3% 0; aspect-ratio: 175 / 23; height:auto;}
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;}
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:auto; width:100%; 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;
}
.zoomPad img {width:100%; aspect-ratio: 1 / 1; height:auto;}
.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 {aspect-ratio: 10 / 15;}
.product-detail .product-left {float:left; width:100%; aspect-ratio: 14 / 17; height:auto;}
.product-detail .product-left .mobile-image-viewer {width:100%; aspect-ratio: 1 / 1; height:auto;}
.product-detail .product-right {float:left; width:100%; margin-left:0; aspect-ratio: 1 / 1; height:auto;}
.product-detail .product-right h1{color:#000; font-size:24px; font-family:'oswald_regularregular', Arial, Helvetica, sans-serif; text-transform:capitalize; padding:0;}

.product-short-desc{margin-bottom:5%; height:auto;}
.product-short-desc p{text-align:justify;}

.product-info {border:0; padding:1% 1%; margin:0 0 5% 0; width:98%;}
.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% 4% 0; padding:2% 0 0 0;}
.product-info-qty ul li label{margin:1% 0 3% 0;}
.product-form-style{border:1px solid #ececec; width:96%; padding:2% 2%;}

/* Product Delivery & Wishlist */

.delivery {float:left; width:100%; margin:0 0 1% 0; border-bottom:1px solid #ececec; padding:0 0 3.5% 0;}
.delivery ul li{float:left; width:40%; 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%; margin-bottom:6%;}
.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:large;}
.product-info-price b.WebRupee, .product-info-price-offer b.WebRupee {font-size:large; padding:0 1%;}
.product-price {width:18%;}

/* Product Shopping Cart Button */

.product-cart-button{width:100%; float:left;}
.product-cart-btn {width:100%; padding:1% 0; border:0px; font-size:xx-large;}

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

.loginarea-box{width:100%; margin-bottom:5%;}
.loginarea-box h3{font-size:large;}
.loginarea-box p{margin:3% 0;}

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

.istyle-textbox {width:85%; font-size:small; padding:3% 2%; border:1px solid #c5c5c5;}
.istyle-textbox-small {width:20%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; margin-right:1%;}
.istyle-textbox-ex-small {width:10%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; margin-right:1%;}
.istyle-textarea {width:85%; float: left; height:30%; color:#797b7b; font-size:small; padding:3% 2%; border: 1px solid #c5c5c5;  font-family: Arial, Helvetica, sans-serif; }
.istyle-dropbox {width:59.2%; float: left; color:#797b7b; font-size:small; padding:3% 2%; border:1px solid #c5c5c5; background-color:#fff;}

.web-form ul li {padding:0; float:left; width: 100%; list-style:none; margin:0 0 2% 0; }
.web-form ul li label {width:100%; float: left; margin:0 0 2% 0;}
.web-form ul li b {display:none;}
.web-form span{color:#F00;}
.web-form p{margin-bottom:1%;}

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

.order-listing {float:left; width:98.8%; border:1px solid #e1e1e1; margin-bottom:5%; border-bottom:0;}
.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:48%;}
.order-listing-detail ul li:nth-child(2){width:48%;}
.order-listing-detail ul li:nth-child(3){width:48%;}
.order-listing-detail ul li:nth-child(4){width:48%;}
.order-listing-items{float:left; width:98%; padding:1%;}

.order-listing-item-info {width:100%; margin-right:5%;}
.order-listing-item-image {width:35%; margin-right:2%;}
.order-listing-item-text {width:63%;}
.order-listing-item-text h2 a{color:#e43f6a; font-size:small;}
.order-listing-feedback {width:100%; padding:0 0;}
.order-listing-feedback ul {width:100%;}
.order-listing-feedback ul li{width:47%; margin:0 0 2% 0; list-style:none; padding:0;}
.order-listing-feedback ul li:nth-child(odd) {margin-right:4%;}
.order-listing-feedback ul li a{padding:3% 5%; font-size:small;}
.order-listing-feedback ul li a:hover {background:#e43f6a; color:#fff; }
.order-listing-item-date{width:98%; padding:2% 1%;}

/*========================= 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%;}

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

.cart-table-promo{margin-bottom:2%;}
.cart-table-promo tr td{font-size:small;}
.cart-table-promo tr:first-child td{font-size:small;}
.cart-table-promo tr td label{width:100%; margin-bottom:2%;}
.shopping-cart-text{float:left; margin:0 0 2% 0; text-align:center;}
.termscheck{margin:0 2% 0 0;;}

#coupon_code {padding:1% 2%; width:70%; margin:0 14% 4% 14%; border: 1px solid #ddd;}
.coupon-btn {background:#e43f6a; font-size:small; padding:3% 2%;}

.proceed-now {width:50%; margin:1.5% 25%;}
.proceed-now-btn {-webkit-appearance:button; font-size:large;}


/*========================= Blog Listing Dec 2016 =======================================*/

.blog-btn {float:left; background-color:#e43f6a; color:#fff; padding:2% 5%;}
.blog-listing ul li{margin:0 0 5% 0; width:97%;}
.blog-listing-image {width:100%; margin:0 0 3% 0;}
.blog-listing-name {height:auto;}
.blog-listing-name h4{height:auto; margin:0 0 3% 0;}

/*========================= Blog Detail Updated 2026  =======================================*/

.blog-content {width:100%; float:left;}
.blog-content h2{color:#e43f6a; width:100%; font-size:18px; margin-bottom:1%;}
.blog-content p{float:left; text-align:justify; margin-bottom:2%; width:100%;}
.blog-content p.blog-date{float:left; margin:-.5% 0 0 0; width:100%; }
.blog-content img{width:100%; float:left;}
.blog-content a img{width:100%; float:left;}
.blog-content-image{width:100%; float:left; height:auto; margin:0 0 5% 0; aspect-ratio: 870 / 511;}
.blog-content-image img{width:100%; float:left; aspect-ratio: 870 / 511;}
.blog-content-inner-image h2 {
        right: 0;
        bottom: 5%;
        max-width: 85%;
        margin: 0;
        padding: 12px 20px 12px 30px;

        background: rgba(255, 255, 255, 0.97);
        border-radius: 30px 0 0 30px;
        box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.10);

        font-size: clamp(14px, 2.5vw, 24px);
        font-weight: 700;
        line-height: 1.25;
        text-align: right;
        color: #111;
    }
.blog-content ul.blog-content-list {margin:0 0 4% 0; width:100%;}
.blog-content ul.blog-content-list li{list-style:none; margin:0 0 3% 0%; padding:0 0 0 0%; width:100%; float:left; text-align:justify;}
.blog-content ul.blog-content-list li p{height:auto;}
.blog-content ul.blog-content-list li .blog-list-image{width:100%; margin:0 0 4% 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 h3{margin:0 0 3% 0; font-size:large;}
.blog-content ul.blog-content-list1 li p{float:left; width:100%; font-size:small;}
.blog-content ul.blog-content-list1 li .blog-list-image1{width:100%; 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-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;}
.blog-content ul.blog-content-list2 li h2{margin:1% 0 1% 0; width:100%;}
.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:100%;}
.blog-content ul.blog-content-list2 li .blog-list-image2{width:100%; margin:0 0% 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% 5% 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:100%;}
.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:100%; margin:0 0% 3% 0%;}
.blog-content ul.blog-content-list3 li .blog-list-image3{width:100%; 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:100%; float:left; text-align:justify; min-height:auto;} 
.blog-content ul.blog-content-double li h3{margin:3% 0 1% 0; width:100%;}
.blog-content ul.blog-content-double li p{float:left; width:100%;}
.blog-content ul.blog-content-double li .blog-list-double-image{width:100%; margin:0 0% 2% 0; float:left;}
.blog-content ul.blog-content-double li .blog-list-double-image img{width:100%;}

.related-blog .blog-listing ul li {width:97%; margin:0 0% 5% 0;}

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

.blog-content .image-left, .blog-content .image-right {float: none !important; width: 100% !important; margin: 0 0 4% 0 !important; display: block; }
.blog-content .image-left img, .blog-content .image-right img {width: 100%; height: auto; display: block;}
.blog-content .blog-wrap h2, .blog-content .blog-wrap p {width: 100% !important; float: none !important; display: block; text-align: justify;}

.blog-content .blog-wrap-ul .blog-wrap-ul-icon { float: none; width: 100%; margin: 0 0 10px 0; }
.blog-content .blog-wrap-ul li p { width: 100%; padding-top: 0; }

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

.chef-listing-info-image{width:100%; float:left; margin-right:0%; margin-bottom:3%;}
.chef-listing-info-image img{width:100%; float:left;}
.chef-listing-info-text {width:100%; float:left;}

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

.chef-detail h1{font-weight:medium;}
.chef-detail h4{font-size:medium;}
.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:0px solid #fff; float:left; width:100%; border-bottom:2px solid #fff;}
.chef-buttons ul li:last-child{border-bottom:0;}
.chef-buttons ul li:nth-child(1) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1151px; float:left;}
.chef-buttons ul li:nth-child(2) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1225px; float:left;}
.chef-buttons ul li:nth-child(3) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1294px; float:left;}
.chef-buttons ul li:nth-child(4) {background:url(../images/bakerykart-image-sprite.png) no-repeat 5px -1364px; float:left;}
.chef-buttons ul li a{color:#fff; text-transform:uppercase; font-size:medium; padding:3% 2%; float:left; width:78%; padding-left:18%;}
.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 0 3% 0; width:100%;}
.chef-detail-recipe .recipes-listing ul.recipes-listing-spec li{margin:0;}

.chef-detail-blog .blog-listing ul li {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:nth-child(4n+4){margin:0 0 2% 0;}


/*========================= 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:100%; height:auto; float:left; border:0 solid #d1d1d1; margin:0 0 2% 0;}
.recipe-image-holder img{width:100%;}
.recipe-brief {width:100%; float:left; margin:0 0 2% 0;}
.recipe-brief h1 {font-size:24px; padding:0;}

.recipe-brief-desc {float:left; width:100%; margin: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:100%; padding:3% 6% 3% 10%; border:0px; color:#fff; font-size:large; text-transform:uppercase; font-family: 'oswaldlight', Arial, Helvetica, sans-serif; cursor:pointer; float:left; margin-right:.25%; margin-bottom:1%;}
.recipe-print-btn {background:url(../images/bakerykart-image-sprite.png) no-repeat 0px -1072px #e43f6a; width:100%; padding:3% 6% 3% 10%; border:0px; color:#fff; font-size:large; 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:100%;}
.recipe-description-left h3{float:left; font-size:18px; text-transform:uppercase; margin-bottom:3%; width:100%;}
.recipe-description-left p{margin-bottom:2%; text-align:justify;}
.recipe-description-left img{width:100%;}
.recipe-description-right {float:left; width:100%; padding-left:0%;}
.recipe-banner {width:100%; padding:0; margin:0; float:right; margin-bottom:5%; height:auto!important;}
.recipe-banner img{width:100%;}


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

.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:small;}
.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;}


}

@media only screen and (min-width:100px) and (max-width:480px){


/*=========================== Product Listing =================================*/

ul.product-listing-ul li{width:94%; margin:0 3% 3% 3%;}
ul.product-listing-ul li .prosize {width:95%; color: #333; background: #fff; padding:1%; font-size: 12px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute;}
ul.product-listing-ul li:hover .prosize { display: block; z-index: 1; bottom:110px; left:2px; }
ul.product-listing-ul li .prosize {display:none;}
ul.product-listing-ul li:hover .prosize {display:none;}
ul.product-listing-ul .product-listing-image{border:1px solid #cfcfcf; width:25%; height:auto; margin:0 3% 0 0;}
ul.product-listing-ul .product-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
ul.product-listing-ul .product-listing-text{float:left; width:71%; margin-bottom:0;}
ul.product-listing-ul .product-listing-text h3 {width:100%; height:auto; font-size:115%;}
ul.product-listing-ul .product-listing-text h3 a{color:#000;}
ul.product-listing-ul .product-listing-text h2{width:71%;}

ul.product-listing-ul .product-listing-price{margin:2% 0 0% 0%; float:left; width:66%;}
ul.product-listing-ul .product-listing-price span{color:#e43f6a; padding-left:10px;}

/*=========================== Blog Detail =================================*/

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

}

@media only screen and (min-width:480px) and (max-width:768px){


/*=========================== Product Listing =================================*/

ul.product-listing-ul li{width:94%; margin:0 3% 3% 3%;}
ul.product-listing-ul li .prosize {width:95%; color: #333; background: #fff; padding:1%; font-size: 12px; border: 1px solid #ccc; margin: 0px auto; z-index: -1; display: none; position: absolute;}
ul.product-listing-ul li:hover .prosize { display: block; z-index: 1; bottom:110px; left:2px; }
ul.product-listing-ul li .prosize {display:none;}
ul.product-listing-ul li:hover .prosize {display:none;}
ul.product-listing-ul .product-listing-image{border:1px solid #cfcfcf; width:25%; height:auto; margin:0 3% 0 0;}
ul.product-listing-ul .product-listing-image img{width:100%; aspect-ratio: 1 / 1; height:auto;}
ul.product-listing-ul .product-listing-text{float:left; width:71%; margin-bottom:0;}
ul.product-listing-ul .product-listing-text h3 {width:100%; height:auto; font-size:115%;}
ul.product-listing-ul .product-listing-text h3 a{color:#000;}
ul.product-listing-ul .product-listing-text h2{width:71%;}

ul.product-listing-ul .product-listing-price{margin:2% 0 0% 0%; float:left; width:66%;}
ul.product-listing-ul .product-listing-price span{color:#e43f6a; padding-left:10px;}

/*=========================== Blog Detail =================================*/

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

/*=========================== Notify Visitors =================================*/

#notify-visitors-confirm-popup-box {width:95%!important;}
#notify-visitors-confirm-popup-boxhead {font-size:medium!important;}
#notify-visitors-confirm-popup-boxbody {font-size:small!important;}
#notify-visitors-confirm-popup-btn-positive, #notify-visitors-confirm-popup-btn-negative {font-size:small!important; padding:3px 6px!important;}


}

@media only screen and (min-width:701px) and (max-width:1000px){


}

@media only screen and (min-width:1001px) and (max-width:1200px){


}