/*=====================================reset css======================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /*vertical-align: baseline;*/ font-family: 'Roboto'; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; line-height: 1; margin: 0; padding: 0; font-family: 'Roboto' 'Open Sans'; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }


a:hover { color: inherit; text-decoration: none; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Extrabold.eot'); src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Extrabold.woff2') format('woff2'), url('../fonts/OpenSans-Extrabold.woff') format('woff'), url('../fonts/OpenSans-Extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Light.eot'); src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff2') format('woff2'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Regular.eot'); src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Light.eot'); src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Black.eot'); src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Bold.eot'); src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans.eot'); src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Semibold.eot'); src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Thin.eot'); src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }


/*=====================================reset css end======================================================*/
/*=====================================banners======================================================*/

.product-view-banner, .contact-us-banner { background: url(../images/product-banner.jpg)no-repeat; }

.product-view { width: 40%; }

.product-info { width: 60%; }
/*=====================================heder-css======================================================*/
.greenline { background-color: #fcfcf7; height: 40px; border-bottom: 1px solid #e6e5d9; }

.greenline .cont-details ul li, .greenline .socialicon ul li { display: inline-block; position: relative; }

.greenline .socialicon > ul > li > ul > li { position: relative; border-bottom: 1px solid #e6e5d9; display: block; }

{ background: red; }

.greenline .socialicon > ul > li > ul { position: absolute; background: white; z-index: 9; width: 180px; box-shadow: -1px 9px 17px rgba(61, 61, 61, 0.1); left: 0; top: 27px; opacity: 0; display: none; }

.greenline .socialicon > ul > li:hover ul { opacity: 1; display: block; transition: all 0.5s ease-in-out; }



.greenline .socialicon > ul > li > ul > li a { text-align: left; text-transform: uppercase; font-weight: 500; font-size: 11px; padding: 9px 13px; display: block; margin: 0; }

.logo, .make-ind-img { padding: 10px 0px; }

.logo-bg { position: relative; background: #f6f6e9; }

.logobdr-btm { background: url(../images/logobootmbdr.png)repeat; height: 27px; display: block; width: 100%; }

.nav-section { background-color: #e6e5d9; background-image: url(../images/download.png); }

.nav-section ul li a i { margin-right: 12px; }

.cont-details ul li a, .greenline .socialicon ul li a { display: block; margin: 12px 10px; color: #000; font-size: 14px; font-family: Roboto; font-weight: normal; font-style: normal; }

.greenline .socialicon ul li a, .cont-details ul li a { display: inline-block; font-size: 13px; }
/*.greenline .socialicon ul li .logout { color: #f89720; }*/
.greenline .socialicon ul li a span { position: absolute; background: #1d3e6a; color: white; font-size: 9px; height: 16px; width: 16px; border-radius: 50%; text-align: center; line-height: 15px; right: -2px; top: 4px; }

.cont-details ul { padding-left: 15px; margin: 0; padding: 0; }

.nav-section ul > li > a { display: block; padding: 20px 26px; color: #685e58; font-size: 15px; font-weight: bold; font-style: normal; font-family: 'Open Sans'; text-transform: uppercase; }

.search-sec { padding: 11px 0; position: relative; }

.search-sec .serch-bar { width: 216px; background: #f6f6e9; height: 33px; border-radius: 25px; border: none; padding: 0 10px 0 20px; position: relative; outline: none; font-size: 12px; }

.search-sec i { position: absolute; right: 10px; font-size: 14px; top: 19px; color: #685e58; }

.search-sec .serch-bar::-webkit-input-placeholder { color: #000; font-size: 13px; font-weight: normal; font-style: normal; font-family: 'Open Sans'; }
/*=====================================big navigatin type css start======================================================*/
.nav-section ul > li { float: left; transition: all 0.5s ease-in-out; }

.nav-section ul > li > ul > li { float: initial; display: block; }

.navigation > li > ul > li { margin: 10px; border-right: 1px solid #ddd; }

.navigation > li > ul > li:last-child { border-right: none; }

.nav-section .navigation > li > ul > li > a { padding: 10px 10px; margin-bottom: 10px; font-size: 14px; color: #1e3e69; }

.nav-section .navigation > li > ul > li > ul li > a { font-size: 11px; padding: 10px 10px 10px 30px; transition: all .5s ease-in-out; }

.nav-section .navigation > li > ul > li > ul li > a:hover { color: #9bb465; }

.nav-section .navigation > li > ul > li > ul li > a > i { position: absolute; left: 13px; }


.nav-section .navigation > li > ul { position: absolute; transition: all 0.5s ease-in-out; background: #fff; z-index: 10; opacity: 1; height: 500px; width: 100%; left: 0; right: 0; padding: 0px 35px; margin: auto; box-shadow: -1px 9px 17px rgba(61, 61, 61, 0.5); justify-content: space-between; display: none; }

.nav-section ul > li > ul > li { position: relative; width: 31%; }

.nav-section ul > li > ul > li > ul { position: absolute; top: 34px; background: #e6e5d9; width: 100%; padding: 0; display: block; opacity: 1; height: auto; overflow: hidden; background: white; box-shadow: none !important; }

.nav-section ul > li > ul > li > ul > li { display: block; border-bottom: 1px dotted #e6e5d9; width: 100%; }

.nav-section ul > li > ul > li > ul > li > a { display: block; font-size: 13px; }

/*.nav-section ul > li > ul > li > ul > li:hover a { background: #eee; }*/

.nav-section ul > li > ul > li { display: inline-block; }

.nav-section .navigation > li:hover > ul { opacity: 1; display: flex; overflow-y: scroll; overflow-x: hidden; transition: all 0.5s ease-in-out; }

/*.nav-section ul > li > ul::after { content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid white; top: -9px; left: 11%; right: 50%; display: block; }*/
.nav-section ul > li > ul > li a i { font-weight: inherit; }

.nav-section ul > li > ul > li a { font-weight: 700; text-transform: uppercase; color: #36251e; position: relative; padding: 10px 0 10px 15px; font-size: 14px; display: block; }
/*.nav-section ul > li > ul > li a:hover, .greenline .socialicon > ul > li > ul > li a:hover { background: #e6e5d9; color: #685e58; }*/
.nav-section ul > li > ul > li:last-child { border-bottom: none; }
/*=====================================big navigatin type css end======================================================*/


/*.nav-section ul > li { float: left; transition: all 0.5s ease-in-out; position: relative; }
    .nav-section ul > li > ul > li { float: initial; display: block; }

    .nav-section ul > li > ul { padding: 0; position: absolute; transition: all 0.5s ease-in-out; left: 0; right: 0; background: #fff; z-index: 10; overflow: hidden; opacity: 0; height: 0; width: 100%; box-shadow: -1px 9px 17px rgba(61, 61, 61, 0.5); }



    .nav-section ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; transition: all 0.5s ease-in-out; }

    .nav-section ul > li > ul::after { content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid white; top: -9px; left: 35%; right: 50%; display: block; }
    .nav-section ul > li > ul > li a i { font-weight: inherit; }
    .nav-section ul > li > ul > li a { font-weight: 700; text-transform: uppercase; color: #36251e; position: relative; padding: 10px 0 10px 15px; font-size: 14px; display: block; }
        .nav-section ul > li > ul > li a:hover, .greenline .socialicon > ul > li > ul > li a:hover { background: #e6e5d9; color: #685e58; }
    .nav-section ul > li > ul > li:last-child { border-bottom: none; }*/











.columns { column-count: 2; }


/*=====================================query-btn======================================================*/


.query-btn:hover a, .read-btn:hover a { background: #1e3d69; }

.query-btn { position: fixed; transition: all 0.5s ease-in-out; left: -54px; top: 256px; z-index: 999; display: block; background: #58cc82; color: #fff; width: 140px; height: 35px; text-align: center; line-height: 34px; transform: rotate(-90deg); font-size: 12px; text-transform: uppercase; font-family: Open Sans Semibold; letter-spacing: .6px; }

.query-btn:hover { color: white; background: #1d3d69; }


.pop-model .modal-title { font-weight: bold; font-size: 17px; color: #000; }



.pop-model .modal-header .close { position: absolute; right: 17px; color: #ffffff; opacity: 1; background: #f70a0a; text-shadow: none; }


.frm-pop { font-size: 13px; display: block; width: 100%; padding: 10px 10px; border: 1px solid #ddd; margin-top: 7px; margin-bottom: 20px; }

.frm-box-pop h3 { font-size: 14px; color: #000; }

.frm-box-pop h3 span { margin-left: 5px; display: inline-block; color: #ff0000; }

.frm-box-pop .error-m { position: absolute; right: 10px; top: 33px; font-size: 11px; }

.frm-box-pop .input, .captcha-no { z-index: 9; background: white; width: 100px; text-align: center; margin-right: 10px; font-weight: bold; font-size: 16px; }

.frm-box-pop .cerror-m { top: 22px; }

.fom-field .error-m, .error-m2 { top: 17px; position: absolute; right: 10px; font-size: 11px; }

.error-m2 { right: 25px; }

.page-fill-cap { width: 250px; display: block; font-weight: bold; }

.p-cerror-m { font-size: 11px; position: absolute; top: 22px; right: 10px; }

/*.query-sec{  top:50px;  position: fixed;
    z-index: 9;
    left: -265px;
}
.open-form{left:0}

.quik-enqry-from{background: white;    width: 267px;    padding: 10px;    border: 1px solid #ddd;}
.quik-enqry-from .fom-field{ width:100%}*/


/*=====================================banner-sec======================================================*/

.banner-sec.carousel-control-next, .carousel-control-prev { top: 50%; bottom: 50%; }

.carousel-control-next, .carousel-control-prev { top: 50%; bottom: 50%; }

/*=====================================about-sec======================================================*/

.aboutus-bg { margin-bottom: 60px; background: #f6f6e9; position: relative; padding-bottom: 20px; }

.pdbox .product-box { margin: 0; }

.banenrbotm-bdr { background: url(../images/banner-botom-bdr.png)repeat; height: 35px; display: block; width: 100%; }

.about-hding { margin: 30px 0; }

.about-hding h1, .about-hding h2, .prodcut-hding h2 { text-align: center; font-size: 28px; font-weight: 800; font-style: normal; font-family: 'Open Sans'; color: #1e3d69; text-transform: uppercase; }

.about-hding h1:after, .about-hding h2:after, .prodcut-hding h2:after { content: ''; background: url(../images/heading-down.png)no-repeat; margin-top: 10px; display: block; text-align: center; height: 25px; width: 188px; margin-top: 16px; margin: 10px auto 0; }

.about-content p { margin-bottom: 25px; font-size: 15px; line-height: 32px; color: #000; font-weight: normal; font-style: italic; font-family: 'Open Sans'; }

.read-btn a, .read-btn .sendpartner{ font-family: 'Open Sans'; position: relative; font-weight: bold; background: #9bb465; color: white; padding: 12px 29px; border-radius: 18px; font-size: 15px; transition: all 0.5s ease-in-out; display: inline-block; }

/*=====================================PRODUCT OF ZEST WELLNESS======================================================*/
.hot-prodct-main { margin-bottom: 120px; }

.product-bg .about-hding h2 { color: white; padding: 40px 0; }

.btncng { margin: 40px 0px; }

.btncng a { background: #f89821; }

.mbnew { margin-bottom: 90px; }

.product-bg .about-hding { margin: 50px 0 0; }

.product-type-box { transition: all 0.5s ease-in-out; background: white; padding: 30px; height: 506px; border: 1px solid #20b99e; }

.product-type-box:hover { box-shadow: 0px 10px 37px 15px rgba(18, 19, 19, 0.22); }

.procut-type-img { text-align: center; margin: auto; margin-top: 15%; }


.product-zestwellness .autoplay .slick-prev, .product-zestwellness .autoplay .slick-next { left: 50%; bottom: -50px; top: initial; }

.product-zestwellness .autoplay .slick-prev { right: 52%; left: initial; bottom: -50px; }


.product-zestwellness .slick-prev:before, .slick-next:before { font-family: FontAwesome; content: "\f105"; color: #000000; font-weight: bold; background: #fff; opacity: 1; width: 30px; height: 30px; border-radius: 50%; display: block; line-height: 30px; text-align: center; border: 1px solid #e6e6e6; }

.product-zestwellness .slick-prev:before { content: "\f104"; font-family: FontAwesome; }

.clear { clear: both; }
/*=====================================natural and sage section ======================================================*/
.mt70 { margin-top: 70px; }

.natural-sec { background: #f6f6e9; position: relative; }

/*.natural-sec::after, .natural-sec::before { content: ''; background: url(../images/banner-botom-bdr.png); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 35px; }

    .natural-sec::before { bottom: 0; top: initial; }*/
.natural-sec ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.effect-img { margin-bottom: 15px; }

.natural-sec ul li { width: 25%; margin: auto; text-align: center; padding: 50px 0px; }

.natural-sec ul li h4 { font-family: 'Open Sans'; font-weight: bold; font-size: 15px; color: #37251b; text-transform: uppercase; margin-bottom: 0; }

.natural-sec ul li .no-effect .effect-img img { border: 2px solid white; padding: 17px; border-radius: 50%; }



/*=================================================================================
    Hot products
==========================product-box products-img============================================================*/

.product-box { margin: 0 15px; }


/*=====================================medical drug======================================================*/


.phrmic-drug-bg { background: url(../images/Pharmacy-drug-bg.png); margin-top: 40px; height: 490px; background-repeat: no-repeat; padding: 25px 0; }

.box1 { background: white; width: 285px; height: 202px; position: relative; box-shadow: 5px 10px 32px rgba(18, 19, 19, 0.20); margin: 14px; display: flex; }


.img-content { padding: 20px; text-align: center; margin: auto; }

.img-content h4 { color: #1e3d69; font-size: 18px; margin-top: 10px; font-weight: bold; }


/*=====================================hot-product-section-======================================================*/

.our-product .slider-sec { margin: 40px 0 21px; }

/*.products-img span {background: #007277;
    display: block;
    text-align: center;
   margin: auto; color:white; padding:10px 0;}*/

/*.our-product .slick-prev,.our-product .slick-next{     background: #f4e6e6;
    border: 1px solid #b9b3b3;
    padding: 12px 15px;}*/

/*.our-product .slick-next:before, .our-product .slick-prev:before {
    font-family: FontAwesome;
    content: "\f105";
    color: #000;
    background: #f4e6e6;
    padding: 19px 13px;
    font-size: 29px;
    text-align: center;
    border: 1px solid #b9b3b3;
}

.our-product .slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
}*/


/*=====================================News -section-======================================================*/

.news-box { border: 1px solid #e8e8e8; }


.News-hdig h4 { font-size: 18px; font-weight: bold; color: #001036; line-height: 25px; margin-bottom: 27px; font-family: 'Open Sans'; }

.content-box { padding: 25px; transition: all 0.5s ease-in-out; }

.content-box p { font-family: 'Open Sans'; color: #6c6c6c; font-size: 14px; line-height: 22px; }

.date-post { position: absolute; left: 0; bottom: 0px; background: #9bb465; padding: 5px 20px; line-height: 23px; color: #fff; font-family: Roboto; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.date-post span { display: inline-block; font-size: 19px; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 0; }

.date-post .month { font-size: 14px; }

.blog-btn { margin-top: 20px; }

.blog-btn a { color: #233556; font-weight: 600; font-size: 14px; display: inline-block; font-family: 'Open Sans'; }

.news-box:hover .content-box { background: #f6f6e9; }

.news-box:hover .News-hdig h4, .news-box:hover .blog-btn a, .news-box:hover .content-box p { transition: all 0.5s ease-in-out; }

/*=====================================get in touch-======================================================*/
.fom-field { width: 32%; }

.touchform { width: 100%; }

.fom-field .input { border: 1px solid #ddd; padding: 13px 0px 13px 35px; font-size: 14px; width: 100%; outline: none; font-family: Roboto; }

.fom-field { position: relative; margin-bottom: 20px; }

.fom-field i { position: absolute; left: 10px; color: #ababab;  top: 14px; font-size: 15px; }

.fom-field .msg-hgt { height: 150px; }

.touch-bg { background: url(../images/product-bg.png)repeat; padding: 40px 0; margin: 40px 0 0; position: relative; }

.touch-bg::after { z-index: 0; top: 0; background: url(../images/bg-line-01.png)no-repeat; position: absolute; left: 0; content: ''; width: 157px; height: 236px; }

.touch-bg::before { background: url(../images/bg-line-right.png)no-repeat; right: 0; height: 277px; width: 193px; background-position: right; bottom: initial; content: ''; bottom: 0px; position: absolute; }

.touch-bg .about-hding { margin: 0px 0 40px; }


/*=====================================footer-======================================================*/
.ftr-main { background: #3e3c3c; padding: 55px 0 10px 0px; }

.ftrbox-1 .logo { background: white; margin-bottom: 35px; padding: 10px; }

.ftrbox-1 .logo img { left: 0; }

.ft-bottom span { color: #fff; font-size: 12px; }

.ft-bottom span a { color: #9bb465; }

.ftr-main .ftrbox-1 { font-family: 'Open Sans'; color: white; font-size: 13px; line-height: 25px; font-weight: 200; font-style: normal; }

.ftrbox-2 ul li { line-height: 30px; }

.ftrbox-2 ul li a:hover { padding-left: 5px; }

.ftrbox-2 ul li a { font-family: 'Open Sans'; color: white; font-size: 13px; font-weight: normal; display: inline-block; font-style: normal; transition: all 0.5s ease-in-out; }

.ftr-hding h4 { font-family: 'Open Sans'; font-size: 20px; font-weight: bold; color: white; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 18px; }

.ftrbox-3 ul li { position: relative; margin-bottom: 13px; color: white; }

.ftrbox-3 ul li a { font-family: 'Open Sans'; padding-left: 51px; color: #313131; display: block; font-size: 13px; line-height: 40px; color: white; }

.ftrbox-3 ul li i { position: absolute; width: 40px; height: 40px; background: #9bb465; text-align: center; font-size: 20px; line-height: 41px; color: #fff; left: 0; }


.ftrbox-3 ul li .lineh { line-height: 19px; }

.ftrbox-3 .map iframe { height: 150px; }


.fb-hding { text-transform: uppercase; font-size: 15px; font-weight: bold; color: white; margin: 20px 0; }

.social-icon a { transition: all 0.5s ease-in-out; width: 40px; height: 40px; border-radius: 50%; border: 2px solid white; display: block; text-align: center; line-height: 40px; color: white; }

.social-icon a:hover { background: #4267b2; border: 2px solid #4267b2; }
/*=====================================products tabs typs ======================================================*/

.product-box { overflow: hidden; border: 10px solid #eee; position: relative; }

.product-box:hover .quick-view-product { right: 10px; }

.item-img {     position: relative;
    height: 269px;
    display: block;
    text-align: center; }
.item-img img { max-height: 100%; margin: auto; }


.quick-view-product a:hover { background: #9bb465; }

.produt-qury { text-align: center; margin: 20px 0; text-transform: uppercase; }

.produt-qury h4 { font-size: 15px; margin-bottom: 20px; font-weight: bold; font-family: 'Open Sans'; }

.produt-qury span, .view-all .view-all-btn { display: inline-block; font-family: 'Open Sans'; cursor: pointer; background: #9bb465; padding: 8px 22px; border-radius: 32px; font-size: 14px; color: white; }

.produt-qury span:hover, .view-all:hover .view-all-btn { background: #1d3e6a; transition: all 0.5s ease-in-out; }

.prise h4, .prise span { display: inline-block; color: #f89821; }

.prise { text-align: center; }

.prise h4 { display: block; font-size: 12px; color: #757575; margin-top: 10px; }

.prise span { display: block; margin-bottom: 10px; font-size: 18px; color: #1e3d69; font-family: 'Open Sans'; font-weight: bold; }





/*.addcart a {
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    font-size: 15px;
    color: white;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 13px 0;
}*/

.quick-view-product { transition: all 0.5s ease-in-out; position: absolute; right: -54px; top: 50%; display: block; text-align: center; z-index: 9; }

.quick-view-product a { color: #fff; transition: all 0.5s ease-in-out; background: #000; border-radius: 50%; font-size: 13px; line-height: 40px; display: block; width: 40px; height: 40px; font-size: 20px; margin-bottom: 10px; }

.products-tabsmain .nav { justify-content: center; margin: 0px 0 40px; }

.products-tabsmain .nav-tabs { border: none; }

.products-tabsmain .tab-nav .nav-tabs .nav-item .nav-link { font-size: 16px; color: #666666; padding: 10px 25px; text-transform: uppercase; font-weight: bolder; font-family: Roboto; }

.products-tabsmain .tab-nav .nav-tabs .nav-item.show .nav-link, .products-tabsmain .tab-nav .nav-tabs .nav-link.active { background: #9bb465; font-family: Roboto; font-weight: bolder; color: white; border-radius: 25px; padding: 10px 40px; text-transform: uppercase; border: none; }
/*.products-tabsmain{/*background:url(../images/multiple-leaf.png)no-repeat;*/ /*position:relative*/

/*.products-tabsmain::after,.products-tabsmain::before{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/samll-multi.png)no-repeat;
    right: 0;
    height: 165px;
    width: 243px;
    background-position: bottom;
}

.products-tabsmain:before{left:0; background-position: top;   background: url(../images/bg-line-01.png)no-repeat;}*/


/*=====================================ragister page ======================================================*/
.bg-box { position: absolute; bottom: 0; left: 0; right: 0; }

.all-login { position: relative; z-index: 9; padding: 40px 0px 0px 0px; }

.msg-line { display: block; font-size: 12px; margin-top: 10px; color: #d42525; }

.er-login { font-size: 12px; }

.ragister-form-sec { width: 50%; margin: auto; background: white; padding: 50px 20px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }

/*.ragister-heding h1 { font-weight: bold; text-align: center; color: #1e3d69; font-size: 23px; position: relative; display: inline-block; }*/
.ragister-heding { text-align: center; margin-bottom: 50px; }

/*.ragister-heding h1::after, .ragister-heding h1::before { content: ''; width: 70px; height: 4px; background: #1e3d69; position: absolute; top: 12px; bottom: 0px; right: -80px; }*/

.ragister-form { display: flex; justify-content: space-around; }

.ragister-heding h1::before { left: -80px; }

.ragister-form .fom-field { width: 48%; margin-bottom: 30px; }

.ragister-form .fom-field .input { height: 40px; font-size: 12px; width: 100%; padding: 9px 0px 9px 26px; }

.ragister-form .fom-field i { top: 14px; font-size: 13px; }


.btn-register { text-align: center; margin-bottom: 10px; }

.btn-register:hover .register-btn { color: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background: #1e3d69; }

.register-btn { transition: all 0.5s ease-in-out; background: #00a875; text-align: center; padding: 9px 27px; color: white; border-radius: 30px; display: inline-block; }

.dont-accoutn span { text-align: center; font-size: 13px; display: block; }

.dont-accoutn span a { font-size: 14px; }

.login-logo { text-align: center; margin-bottom: 20px; }
/*=====================================otp page ======================================================*/
.otp-form-sec { width: 30%; }

.otp-form-sec .ragister-heding h1, .ragister-heding h1 { font-weight: bold; text-align: center; color: #1e3d69; font-size: 23px; position: relative; display: inline-block; }

.otp-form-sec .ragister-heding h1::after, .otp-form-sec .ragister-heding h1::before, .ragister-heding h1:after, .ragister-heding h1:before { position: absolute; content: ''; width: 45px; height: 2px; background: #1f3e69; top: 12px; bottom: 0px; right: -55px; }




.otp-form-sec .ragister-heding h1::before, .ragister-heding h1:before { left: -55px; }


.otp-form .fom-field { width: 100%; }

.otp-form { display: inherit; }

.loginwith:hover .login-otp-btn, .login-main .loginwith-otp .loginwith-btn:hover { background: #f89720; border: 2px solid #f89720; color: white; }

.loginwith-btn { transition: all 0.5s ease-in-out; text-transform: uppercase; border: 2px solid #1e3e6a; text-align: center; display: block; padding: 13px; color: #1e3e6a; font-weight: 600; }

.otp-form .dont-accoutn { margin-top: 40px; }


/*=====================================login page ======================================================*/
.login-main .loginwith-otp .loginwith-btn { padding: 10px 19px; font-size: 15px; text-transform: inherit; font-weight: 500; justify-content: space-between; }

.f-password { text-align: right; display: block; font-size: 13px; margin-top: 10px; color: red; }

/*=====================================contact us page ======================================================*/



/*=====================================contact us page ======================================================*/

.contact-us-banner { height: 200px; background-size: cover; background-position: center; width: 100%; overflow: hidden; background-repeat: no-repeat; }



.c-infocolms { z-index: 9; position: relative; display: flex; justify-content: space-around; }

.baner-content { z-index: 9; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }

.baner-content h1, .baner-content a, .baner-content h2 { display: inline-block; color: white; text-transform: uppercase; font-weight: 600; }

.baner-content a { color: #ffeb00; }

.contact-us-banner::after { position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); content: ''; }

.c-info { transition: all 0.5s ease-in-out; width: 25%; text-align: center; background: white; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.04); border-bottom-left-radius: 40px; padding: 25px; margin: 0 15px; border: 1px solid #eee; }

.c-info i { font-size: 35px; margin-bottom: 20px; color: #9bb465; }

.c-info h5 { text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }


.c-info p, .c-info a { line-height: 25px; font-size: 13px; color: #000; }

.c-info a { font-size: 15px; }

.contact-uspage .touch-bg { margin: 0; }

.contact-uspage .touch-bg .about-hding { margin: 40px 0 40px; }

.c-info:hover { background: #1d3d69; color: white; }

.c-info:hover p, .c-info:hover a, .c-info:hover i { color: white; }

.map iframe { vertical-align: bottom; width: 100%; height: 300px; }

.icon-left, .icon-right { display: none; }


/*===================================================================================
                                     Product view page  
======================================================================================*/



.my-slider { margin: 50px 0; display: flex; justify-content: flex-start; }

.small-img .icon-right { right: 23px; }

.product-view .show5 { border: 10px solid #eee; margin: 0 30px 0 0px; z-index: 9; }

.product-view .small-img { width: 400px; left: 0; margin-top: 15px; }
/*.product-view .small-container .show-small-img {margin: 0 5px;}*/
.bdr-line { clear: both; border-top: 1px solid #f1f1f1; margin: 15px 0; height: 0; float: left; width: 100%; }

.product-info-hding h2 { color: #007277; font-size: 22px; font-weight: 600; text-transform: uppercase; display: block; }

.product-info-conent { font-size: 13px; line-height: 25px; }

.tb_details { width: 100%; }

.tb_details tr th, .tb_details tr td { padding: 10px; font-size: 14px; }

.tb_details tr th, .tb_details tr .dot { width: 10px; }

.tb_details tr th { font-weight: 600; text-transform: uppercase; font-size: 15px; width: 150px; }

.descoption-dtl-box { margin: 40px 0; text-align: center; padding: 15px; border: 1px solid #f1f1f1; }


.descoption-dtl-box .tab-nav .nav-tabs .nav-item .nav-link { font-size: 15px; color: #666; border: none; text-transform: uppercase; font-weight: 600; }

.descoption-dtl-box .tab-nav .nav-tabs .nav-link.active { color: #000; border-bottom: 2px solid; }

/*.descoption-dtl-box .nav-tabs .nav-item .nav-link, .nav-tabs .nav-link.active{color:#000;border:none;border-bottom:2px solid black; background:none; border-radius:0; box-shadow:none; font-family:Roboto; font-weight:bolder}*/

/*.descoption-dtl-box .show5 {width:inherit;height:inherit;}*/



.descoption-dtl-box .tab-content { margin: 20px 0; line-height: 20px; }

.descoption-dtl-box .tab-pane p { color: #2d2a2a; font-size: 13px; text-align: left; line-height: 23px; }



/*.recet-view-slider .slick-prev, .recet-view-slider  .slick-next {background: #1e3e69;width: 30px;height: 30px;border-radius: 50%;display: block;border: 1px solid #1e3e6a;z-index: 1;}*/

.adcart { margin: 0 10px; }

.quntity-hding h5 { font-size: 16px; font-weight: 600; letter-spacing: 0.87px; }

.quntity-box { display: flex; margin-top: 15px; }

.quntiyty { width: 100px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dddddd; text-align: center; }

.quntiyty span { width: 33.3%; border-right: 1px solid #dddddd; line-height: 20px; }

.quntiyty .plus, .quntiyty .minus { font-size: 20px; cursor: pointer; }


.product-view-page .our-product .read-btn a { margin-bottom: 20px; }

.adcart a { background: #f89821; }

.blinkbtn { margin: 10px; }

.blinkbtn span { font-size: 15px; color: black; }

.blinkbtn span a { margin-left: 10px; border-radius: 25px; padding: 8px 25px; font-size: 15px; font-weight: 600; background-color: #004A7F; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; }

@-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }

    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 10px #FF0000; }

    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }

    50% { background-color: #FF0000; -moz-box-shadow: 0 0 10px #FF0000; }

    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

    50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }

    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

    50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }

    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

.Features-section { margin: 20px 0; }

.Features-section h2 { text-transform: uppercase; font-size: 20px; display: inline-block; margin: 20px 0; }

.Features-section ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Features-section ul li { font-size: 14px; width: 50%; margin-bottom: 18px; }

.bulk-aply, .bulk-aply a { color: black; font-size: 15px; text-transform: uppercase; }

/*===================================================================================
                                  KART page  
======================================================================================*/

/*.karthding .table-responsive .tb_details .produt-wdth { width: 490px; }*/
.karthding .table-responsive .tb_details .produt-wdth i { cursor: pointer; color: red; }

.karthding .table-responsive .tb_details tr th { width: 100px; border-bottom: 1px solid #dddddd; }

.karthding .table-responsive .tb_details th { border-bottom: 1px solid #dddddd; text-transform: uppercase; font-weight: bold; padding: 15px 0; padding: 20px 0; }

.karthding .table-responsive .tb_details td { border-bottom: 1px solid #dddddd; padding: 20px 0; }

.karthding .table-responsive .tb_details .produt-wdth .p-img { display: inline-block; border: 1px solid #dcdcdc; width: 50px; height: 48px; padding: 8px; margin: 0 10px; }

.karthding .table-responsive .tb_details .p-name { color: #444444; }


.apply-copn-sec { display: flex; justify-content: space-between; align-items: center; margin: 30px 0; background: #eeeeee; padding: 0px 20px; height: 71px; border-bottom: 1px solid #dddddd; border-top: 1px solid #ddd; }

.apply-copn-btn { position: absolute; right: 1px; top: 0; background: green; padding: 10px 17px; border-radius: 25px; color: white; font-size: 12px; cursor: pointer; }

.couponbar { outline: none; height: 31px; width: 300px; border-radius: 35px; border: none; padding: 10px 15px; box-shadow: 2px 4px 20px rgba(144, 144, 144, 0.1); font-size: 12px; }

.updte-cart:hover .updte-cart-btn { color: white; }

.updte-cart-btn { background: #f8971d; padding: 9px 30px; border-radius: 25px; color: white; font-size: 14px; text-transform: uppercase; }

.payment-dtel { background: #f3f3f3; padding: 20px 10px; margin: 54px 0 0 0; border-top: 1px solid #dedede; border: 1px solid #dedede; }

.payment-dtel h4 { font-weight: 600; text-transform: uppercase; margin-bottom: 30px; }

.sib-ttl { display: flex; justify-content: space-between; margin-bottom: 15px; font-weight: 500; }

.sib-ttl span:first-child { color: #6d6565; font-size: 13px; letter-spacing: 0.85px; }

.sib-ttl span:nth-child(2) { font-weight: 600; color: #454545; font-size: 14px; }

.ttlamout { border-top: 1px solid #dddddd; padding-top: 21px; }

.proced-chekout { background: #e88831; text-align: center; }

.proced-chekout a { background: #e88831; text-align: center; padding: 11px 20px; display: block; color: white; text-transform: uppercase; }

.ttl { font-size: 15px !important; font-weight: 600; }

.SF { font-size: 13px; text-align: left; display: inline-block; color: #878787; padding: 5px 0 5px 35px; background: url(/images/shield_435391.svg) no-repeat 0 50%; background-size: 25px 31px; font-weight: 500; margin: 15px 0px; line-height: 17px; }
/*===================================================================================
                                About us page
======================================================================================*/
.about-page .aboutus-bg { margin: 0; }

.about-page .about-content p { margin-top: 50px; }


.natural-sec h4 span { color: #1e3d69; }

.natural-sec h4 { text-align: center; margin-bottom: 40px; font-size: 25px; font-weight: bold; color: #37251b; }

.Plant-based-hding h3 { font-size: 25px; font-weight: bold; color: #37251b; text-transform: uppercase; margin: 40px 0 0; border-bottom: 2px solid; display: inline-block; padding-bottom: 16px; }

.Plant-based-hding .subhding { margin: 25px 0 10px 0px; font-size: 20px; font-weight: 600; color: #1d3d6a; }

.Plant-based-main .welcome-content { font-size: 14px; line-height: 23px; font-weight: 500; }

.welcome-content span { font-weight: 600; }

.natural-sec .we-work-point { display: block; }

.natural-sec .we-work-point li { width: 100%; display: block; text-align: left; line-height: 25px; position: relative; margin-bottom: 15px; }

.natural-sec .we-work-point li p { margin-bottom: 10px; left: 20px; font-size: 14px; }

.natural-sec .we-work-point li i { position: absolute; left: 0; top: 7px; font-size: 13px; }

.natural-sec .we-work-point li p span { font-size: 16px; font-weight: 500; }

.why-we-diffrent li h6 { font-size: 17px; font-weight: 600; margin-bottom: 10px; }

.why-we-diffrent ul li p { margin-bottom: 10px; }

.ftr-long-nav { column-count: 2; }

.whatap a { font-size: 32px; position: fixed; bottom: 88px; z-index: 9; right: 24px; background: #3fd23d; border-radius: 50%; width: 55px; height: 55px; line-height: 53px; text-align: center; color: #fff; transition: all .5s ease-in-out; cursor: pointer; -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both; animation: pulsate-fwd 0.5s ease-in-out infinite both; }

.whatap a:hover { background: #2bbb29; color: #fff; box-shadow: 0px 0px 6px 2px #5d5a5a; transform: scale(1.1); }

@-webkit-keyframes pulsate-fwd {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulsate-fwd {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}



.natural-sec .icon-leftle > li { padding-left: 20px !important; }



/*=============================
          my account
==============================*/
.myacnt-title { text-align: left; padding-left: 10px; }

.myacnt-title h3 { font-size: 18px !important; }

.myacnt-row h3 { font-size: 14px; border-bottom: 1px solid #eee; font-weight: 500; background: #f9f8f8; padding: 8px 10px; margin-bottom: 5px; color: #333; }

.listing { position: relative; padding: 0px 7px; color: #595959; display: block; }

.myacnt-row { margin-bottom: 20px; }

.listing li a { font-size: 13px; font-weight: 500; color: #8a8a8a; line-height: 24px; }

.listing li a:after { content: ""; border-left: 4px solid #f89720; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: inline-block; opacity: 0; position: relative; right: 1px; -webkit-transition: all 100ms ease-out 0s; transition: all 100ms ease-out 0s; }

.listing li a:hover { color: #f89720; }

.listing li a:hover:after { opacity: 1; right: -4px; }

.page-row h3 { font-size: 14px; font-weight: 600; margin-bottom: 10px; }

.bold_first { width: 20%; font-weight: 600; }

.bold_first_n { width: 5%; }

.detail_row { display: block; }

.detail_row .spn { margin-bottom: 5px; display: inline-block; }

.maincontent { padding: 0px 10px; width: 100%; }

.n_b { cursor: pointer; display: inline-block; padding: 5px 10px; }

.n_b:hover { color: #fff; }

.itext { font-size: 12px; }

.new_font ul li { font-size: 12px !important; line-height: 22px; }

.change_input { background: none; padding-left: 5px; }

.width_ch .twitter-typeahead { display: block !important; }

.cancel_btn { font-weight: 600; padding: 10px 21px; border: none; border-radius: 2px; color: #fff; display: inline-block; background: linear-gradient(#e60404, #be0202); margin-bottom: 20px; }

.cancel_btn:hover { background: linear-gradient(#be0202, #e60404); color: #fff !important; }

.update_btn { margin-right: 5px; font-weight: 600; padding: 10px 21px; border-radius: 2px; border: none; display: inline-block; color: #fff !important; background: linear-gradient(#f89720, #d07d16); margin-bottom: 20px; }

.update_btn:hover { background: linear-gradient(#d07d16, #f89720); color: #fff !important; }

.ml6 { margin-right: 6px; }

.wish_ttl { text-align: center; background: #eee; padding: 8px 0px; border-bottom: 1px solid #ddd; margin-bottom: 2px; }

.wish_ttl h3 { font-size: 18px; font-weight: bold; }

.has-feedback input { font-size: 12px; }

.wish_box { padding: 0px; width: 100%; background: #fff; padding-bottom: 10px; }

.er-cng { font-size: 12px; margin-top: 5px; width: 100%; }

.iconfrm { position: absolute; top: 11px; right: 11px; font-size: 12px; }

.page-row label { font-size: 13px; }

#ContentPlaceHolder1_up_da .form-group > label { padding: 8px 17px; }

#ContentPlaceHolder1_IdGender tr { float: left; }

#ContentPlaceHolder1_IdGender tr td { border: 1px solid #ddd; padding: 4px 6px; }

#ContentPlaceHolder1_IdGender tr td label { padding: 8px 10px; }

#ContentPlaceHolder1_IdGender tr td input { position: relative; top: 2px; left: 2px; }

.black { color: #000; text-decoration: underline; cursor: pointer; }

.btn_submit { border: none; float: right; background: #f89821; transition: all .5s ease-in-out; color: #fff; padding: 7px 20px; border-radius: 3px; }

.btn_submit:hover { background: #f18e13; color: white; }

.my_form { text-transform: capitalize; border: 1px solid #ddd; border-radius: inherit; height: 38px; font-size: 12px; }

.chng_pd { padding: 20px; }

.ind_s { font-size: 18px; padding-bottom: 10px; display: block; }

.mob { font-size: 14px; margin-left: 10px; }

.ad_t { display: block; }

.ad_t span, .ad_t1 span { display: block; position: relative; padding: 0px 17px; margin-bottom: 10px; font-size: 13px; text-transform: uppercase; line-height: 16px; }

.ad_t span:before { position: absolute; left: 0; top: 0; content: "\f041"; font-family: FontAwesome; }

.ad_t1 span:before { position: absolute; left: 0; top: 0; content: "\f10b"; font-family: FontAwesome; }

.ad_t1 span:before, .ad_t span:before { font-size: 16px; }


/*=============================
      order
==============================*/
.Order_row { display: block; margin-bottom: 20px; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 3px #E4E4E4; -moz-box-shadow: 0 1px 3px #E4E4E4; box-shadow: 0 1px 3px #E4E4E4; }

.Order_row .panel-heading { background: #fff; padding: 10px; }

.Order_row .panel-heading a { font-size: 16px; display: inline-block; padding: 0px; }

.order_code { padding: 3px 10px; }

.order-item, .price-rd, .right-od { padding: 10px; }

.order-item .order-item-img { width: 200px; height: 83px; line-height: 79px; text-align: center; overflow: hidden; float: left; }

.order-item .order-item-img img { max-width: 100%; height: 100%; border: 1px solid #ddd; }

.order-item .order-item-body { float: left; margin-left: 10px; }

.order-item-body h5 { font-size: 13px; color: #505050; padding: 0; line-height: 16px; }

.price-rd span { display: block; font-size: 13px; color: #373636; line-height: 20px; }

.right-od { text-align: right; color: #4e4d4d; line-height: 18px; }


.panel-body .hobprice { display: inline-block; }

.dlvdate { display: block; padding: 5px 0px 5px 0px; font-size: 13px; font-weight: bold; }

.odr_box { margin-top: 10px; }

.gn_clo { color: green; }

.cn_bx span { font-size: 13px; }

.totprice { font-weight: 600; display: block; background: #fff; padding: 15px; margin: 10px 0px 0px 0px; border-top: 1px solid #ddd; }

.bttm-pc { background: #fff; padding: 20px; display: block; border: 1px solid #ddd; }

.bttm-pc > span { display: block; line-height: 11px; font-size: 20px; color: #1e3e6a; font-weight: 600; }

.box-message > h5 > span { background: #1e3e6a; padding: 10px 10px; display: inline-block; color: #fff; border-radius: 3px; }

.bt_bo { border-bottom: 1px solid #eee; background: #f7f7f7; }

.page-row { display: block; padding-right: 10px; }

.page-row label { padding: 8px 10px; }

.box_or h1 { font-size: 15px; font-weight: 600; margin-bottom: 10px; }

.fk-green { color: #6fba54; }

.tb_b tr td { font-size: 13px; }

.cng_bd { background: #1e3e69; padding: 7px 10px; display: block; margin-bottom: 10px; color: #fff; }

.pr_sp h4 { background: #eee; font-size: 15px; color: #383838; padding: 15px 10px; }

.bt_bo .hobprice { display: inline-block; font-size: 13px; }

.qltd { font-size: 13px; }

.ch_mt { padding: 2px 10px 10px; background: #fff; }

.pr_s { display: block; }

.pr_s .hobprice { padding-top: 10px; font-weight: 600; }

.pr_s1 { display: block; }

.pr_s1 .hobprice { padding-top: 3px; font-weight: 600; }

.thns th, td { background: #fff; }

.disul table tr td { padding-bottom: 10px; }

.add_u { border: 1px solid #ddd; }

.add_u h5 { background: #dedede; padding: 10px 10px; color: #232222; font-weight: 600; }

.chng_or a { background: #232f71; padding: 8px 21px; display: inline-block; margin: 10px 10px; color: #fff; font-size: 12px; font-weight: 600; border-radius: 50px; cursor: pointer; border: 1px solid #232f71; transition: all .5s ease-in-out; }

.chng_or a:hover { background: #fff; border: 1px solid #232f71; color: #232f71; }

.ceck_bf { padding-left: 10px; }

.po_ds { background: #eee; padding: 10px 10px; border: 1px solid #ddd; }

.main_v { display: table; margin: 20px auto; }

.main_v .ceck_bf, .che_po { display: table-cell; }

.thankyou { width: 100%; text-align: center; margin: 10px 0px 10px; padding: 50px; border: 1px solid #ddd; background: #fff; }

.thankyou h5 { margin: 10px 0px; }

.thankyou p { text-align: center; }

.img_th { display: table; border: 1px solid #ddd; background: #eee; padding: 20px; }

.img_thank, .box_th { display: table-cell; }

.box-message { width: 50%; margin: 6% auto; box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75); padding: 30px; }

.box-message h3 { font-size: 30px; font-weight: 600; }

.box-message p { text-align: center; font-size: 20px; margin: 10px 0px; color: #ce0000; }

.box-message img { margin: auto; }

.box-message a { font-size: 17px; background: #f89821; padding: 14px 24px; display: inline-block; border-radius: 50px; border-bottom: 3px solid #ef911c; margin-top: 20px; transition: all .5s ease-in-out; color: #fff; }

.box-message a:hover { background: #ef911c; border-bottom: 3px solid #f89821; }

.box-message h5 { margin: 20px; font-size: 20px; }

/*================================
 Address
=================================*/
.billing-add h4 { margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 15px; }

.rtb { position: relative; }

.ad-box { margin-top: 20px; flex-wrap: wrap; }

.ad-box li { width: 48%; }

.btnsv { background: #f89821; padding: 10px 18px; display: inline-block; color: #fff; margin-top: 10px; transition: all .5s ease-in-out; }

.btnsv:hover { background: #e88b19; color: #fff; }

.small-img { float: left; width: 50px; }

.img-add a p { width: calc(100% - 10px); font-size: 12px; }

.right-box-p span { width: 56px; text-align: right; }

.brdnono ul li { border-bottom: 1px solid #ddd; margin-top: 10px; }

.img-add a p span { display: block; color: #6d6a6a; font-size: 12px; margin-top: 5px; }

.scllbx { overflow-y: auto; max-height: 250px; }

.scllbx::-webkit-scrollbar { -webkit-appearance: none; }

.scllbx::-webkit-scrollbar:vertical { width: 11px; }

.scllbx::-webkit-scrollbar:horizontal { height: 11px; }

.scllbx::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); }

.billing-add > h4 > a { cursor: pointer; padding: 5px 10px; float: right; color: #fff !important; font-size: 15px; background: #f89821; display: inline-block; border-radius: 3px; }

.dl-select { display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; }

.dlvbx { border: 1px solid #ddd; padding: 10px; width: 32%; margin-bottom: 20px; margin-right: 10px; }

.dlvbx > h4 { font-size: 15px; margin-bottom: 0; padding-bottom: 8px; color: #1e3e6a; }

.dlvbx > p { word-break: break-word; text-align: left; font-size: 13px; line-height: 18px; font-weight: 500; margin-top: 10px; margin-bottom: 10px; }

.dlvbx > a { font-family: 'Roboto'; background: #1e3e6a; padding: 8px 10px; display: block; color: #fff; text-align: center; font-size: 14px; font-weight: 600; border-radius: 3px; transition: all .5s ease-in-out; }

.dlvbx > a:hover { background: #e27627; }

.btna { display: flex; justify-content: space-between; margin: 10px 0px 0px 0px; }

.btna a { font-family: 'Roboto'; background: #f1f1f1; padding: 5px 16px; display: inline-block; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; color: #5b5a5a; }

.deliver-to { background: #eee; padding: 10px; border-bottom: 2px solid #ddd; margin-bottom: 20px; }

.deliver-to p { margin: 0; font-size: 15px; font-family: 'Roboto Condensed'; }

.tern-cash { margin-top: 20px; }

.cashbtn .radio { background: #2d2929; padding: 8px 17px; display: block; width: 100%; }

.cashbtn .radio label { margin-left: 10px; color: #fff; font-size: 13px; font-weight: bold; line-height: 20px; }

.listing li .active_nav1 { color: #f89720; }

.qt_sm { padding: 10px 10px; display: inline-block; border: 1px solid #ddd; }

.lbl-txt { font-size: 15px; color: #323232; margin-bottom: 10px; }

.cart-right { background: #f3f3f3; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 17px 10px; }

.cart-right > h4, .cart-right ul li h4 { font-weight: 600; margin-bottom: 20px; border-bottom: 1px solid #949494; padding-bottom: 10px; }

.cart-right ul li { display: flex; justify-content: space-between; margin-bottom: 13px; }

.cart-right ul li span { display: inline-block; position: relative; font-size: 14px; color: #1b1b1b; margin-bottom: 10px; }

.cart-right ul li:nth-child(2) { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 13px; }

.cart-right ul li h4 { border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-top: 15px; }

.placebg { font-weight: 600; background: #e88930; color: #fff; border-bottom: 2px solid #e88930; margin-top: 20px; }

.placebg:hover { background: #fff; color: #e88930; }

.small-img { float: left; width: 50px; }

.cart-table { width: 100%; margin-bottom: 20px; }

.cart-table tr th { font-weight: 600; font-size: 16px; color: #4e4e4e; }

.cart-table tr th:nth-child(3n), .cart-table tr td:nth-child(3n) { text-align: center; }

.cart-table tr th:nth-child(4n), .cart-table tr td:nth-child(4n) { text-align: right; }

.cart-table tr th, .cart-table tr td { border-bottom: 1px solid #ddd; padding: 10px 0px; }

.imgbox-cart img { max-height: 100%; margin: auto; }

.cart-table tr td { padding: 10px 0px; }

.product-cart { display: flex; align-items: center; }

.product-cart > span { margin-right: 10px; font-size: 20px; cursor: pointer; color: #ea0909; }
/*.product-cart > .imgbox-cart, .small-img { width: 50px; height: 50px; overflow: hidden; margin-right: 10px; }*/
.product-cart > .pr-cart > a { font-size: 13px; font-weight: 400; margin-bottom: 5px; color: #000; display: block; }

.product-cart > .pr-cart > span { color: #8e8b8b; font-size: 13px; }

.cart-price span { font-size: 14px; color: #000; }

/* -- quantity box -- */

.quantity { display: inline-block; }

.quantity .input-text.qty { width: 35px; height: 30px; padding: 0 5px; text-align: center; background-color: transparent; border: 1px solid #efefef; }

.quantity.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top; }

.quantity.buttons_added input { display: inline-block; margin: 0; vertical-align: top; box-shadow: none; }

.quantity.buttons_added .minus,
.quantity.buttons_added .plus { padding: 3px 10px 8px; height: 30px; background-color: #ffffff; border: 1px solid #efefef; cursor: pointer; }

.quantity.buttons_added .minus { border-right: 0; }

.quantity.buttons_added .plus { border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover { background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; }

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus { outline: none; }

.cart-right { background: #f3f3f3; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 17px 10px; }

.cart-right > h4, .cart-right ul li h4 { font-weight: 600; margin-bottom: 20px; border-bottom: 1px solid #949494; padding-bottom: 10px; }

.cart-right ul li { display: flex; justify-content: space-between; }

.cart-right ul li span { display: inline-block; position: relative; font-size: 13px; color: #1b1b1b; margin-bottom: 10px; }
/*.cart-right ul li:nth-child(2) { border-bottom: 1px solid #ddd; }*/
.cart-right ul li h4 { border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-top: 15px; }

.btn-place a { display: block; padding: 10px 10px; text-align: center; font-size: 14px; text-transform: uppercase; transition: all .5s ease-in-out; font-weight: inherit; }

.btn-place a:focus { color: #fff; }

.btn-place .blg { color: #000 !important; }

.placebg { font-weight: 600; background: #e88930; color: #fff; margin-top: 20px; }

.placebg:hover { background: #fff; color: #e88930; }

.tern-cash .checkbox label { margin-left: 5px; font-size: 12px; margin-bottom: 20px; font-weight: 400; }

.detail_row .table td, .detail_row .table th { font-size: 13px; color: #555; }

.phone-b { background: #eee; padding: 10px 10px; font-size: 12px; line-height: 17px; }

/*captcha*/
.input-cp { border: 1px solid #ddd; font-size: 13px; height: 45px; display: block; }

.cp-cng1 { padding: 14px 33px; background: #fff; }

.cp-cng2 { padding: 14px 10px; width: 400px; }
/*captcha-end*/

/*===================================================================================
    shiping-page css
======================================================================================*/

.shiping-content p { line-height: 40px; font-weight: 600; font-size: 14px; }

.main-shiping { margin-top: -50px; }

.shiping-content { align-self: center; }

/*===================================================================================
   terms and conditions
======================================================================================*/
.sale-of-product p { margin: 0px; line-height: 21px; font-size: 14px; }

.tc-hding h4 { text-transform: uppercase; font-size: 20px; font-weight: 800; font-style: normal; font-family: 'Open Sans'; color: #1e3d69; margin: 30px 0 20px; }

.prise-pmnt li { position: relative; margin-bottom: 10px; }

.prise-pmnt li p { padding-left: 27px; font-size: 14px; line-height: 20px; }

.prise-pmnt li i { position: absolute; left: 0; }

.rfd-polcy p { font-size: 18px; text-transform: uppercase; }




.box-para { max-height: 115px; overflow: hidden; display: block; clear: both; margin-bottom: 20px; transition: all .5s ease-in-out; position: relative; }

.box-para:after { content: ""; position: absolute; display: block; width: 100%; border-bottom: 1px solid #f0f0f0; height: 80px; background: linear-gradient(hsla(0,0%,100%,0) 5%,#fff); bottom: 0; }

.read { display: block; }

.btn-rd { padding: 10px 10px; background: #f89821; font-size: 13px; color: #FFF; border: none; border-radius: 2px; border-bottom: 2px solid #d27a0e; cursor: pointer; }

.height-open { max-height: 100%; overflow: visible; }

.height-open:after { display: none; }


.page-subtitle { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 30px; margin-top: 20px; }

.page-subtitle h2 { font-size: 20px; color: #082b4a; padding-right: 70px; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(http://zestwellness.in/images/fancybox_sprite.png) !important; }

.fancybox-nav { display: none; }


.newsletter-box { background: #eee; padding: 10px; }

.newsletter-box h5 { font-size: 17px; margin: 12px 0px; line-height: 23px; }

.newsletter-box p { font-size: 13px; line-height: 20px; }

.newsletter-box a { background: #0e2d57; padding: 5px 12px; display: inline-block; color: #fff; border: 1px solid #0e2d57; transition: all .5s ease-in-out; margin-top: 8px; font-size: 13px; }

.newsletter-box a:hover { background: #fff; border: 1px solid #0e2d57; color: #0e2d57; }

.newsletter-box .ns-img { position: relative; width: 100%; height: 232px; overflow: hidden; }

.homenews .ns-img { width: 370px; float: left; }

.homenews .ns-text { width: calc(100% - 370px); float: left; padding-left: 6px; padding-right: 20px; }

.usefull-r .ns-text span { font-size: 13px; margin-bottom: 10px; display: block; color: #0e2d57; }

.usefull-r { background: #fff; border: 1px solid #ddd; box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75); position: relative; width: 32%; margin-bottom: 15px; margin-right: 15px; }

.parguse p, .parguse ul li, .parguse div, .parguse span { font-size: 13px; line-height: 28px; color: #3a3838; }

.parguse ul li { font-size: 14px; line-height: 20px; }

.bk { float: right; background: #f08d14; padding: 10px 10px; font-size: 12px; color: #fff !important; position: absolute; right: 0; }

.usefull-r .ns-img { width: initial; height: initial; }

.box-flex-use { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.btnuse { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(214, 214, 214, 0.9); }

.usebtn-b { transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; text-align: center; }

.usefull-r .ns-img .usebtn-b a { padding: 12px 15px; font-size: 18px; background: #f08d14; display: inline-block; }

.usefull-r .ns-img .usebtn-b a:hover { color: #fff; }

.usefull-r .ns-img a { background: none; border: none; padding: 0; margin: 0; }

.btnuse, .usefull-r { transition: all .5s ease-in-out; }

.usefull-r:hover .btnuse { opacity: 1; }

.box-full-use h4 { margin-top: 20px; margin-bottom: 10px; }

.usefull-r .ns-text a { display: block; border: none; background: no-repeat; color: #1e3e6a; font-weight: bold; font-size: 16px; margin-bottom: 10px; border-bottom: 2px solid #ddd; padding: 10px 0px; line-height: 23px; }

.usefull-r .ns-text p { text-align: left; font-size: 14px; line-height: 22px; color: #4e4d4d; font-weight: 500; }

.imgfull-use { border: 8px solid #ddd; box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75); margin-bottom: 10px; }

.parguse ul { padding-left: 10px; }

.parguse ul li { font-size: 14px; line-height: 20px; color: #3a3838; position: relative; padding: 6px 10px; }

.parguse ul li:before { position: absolute; left: 0; top: 5px; font-family: 'FontAwesome'; content: "\f105"; }

.view-all { margin: 20px 0px; }

.view-all .view-all-btn { padding: 13px 29px; background: #1d3d69; border-radius: inherit; border-bottom: 3px solid #0e2546; }

.view-all .view-all-btn:hover { background: #0e2546; border-bottom: 3px solid #1d3d69; }

.map { border: 10px solid #fff; border-radius: 2px; margin-bottom: 20px; }

.map iframe { width: 100%; height: 300px; }






/*=====================================================================================
                             prduct listing page
======================================================================================*/



.gray-bg { background: #eeeeee; padding: 20px 0px; }

.filter { background: #fff; box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75); width: 100%; padding-left: 20px; padding-right: 10px; float: left; }

.headeing_lf h1 { font-size: 18px; text-transform: uppercase; padding: 19px 10px 10px 10px; margin-bottom: 10px; color: #f89720; border-bottom: 1px solid #ddd; display: block; }

.refine-body { display: block; background-color: #fff; }

.filter-row { display: block; height: auto; overflow: hidden; }

.filter-title { display: block; }

.filter-title a { padding: 4px 6px; display: block; font-size: 14px; color: #f99821; text-transform: uppercase; margin: 0; }

.mr5 { margin-right: 5px; }

.pminus:before { position: relative; top: -2px; content: '\f146'; font-family: FontAwesome; float: left; }

.arrow:before { content: '\f107'; font-family: FontAwesome; float: right; }

.filter-body { display: block; padding: 5px; }

.disul { height: auto; }

.filterul { overflow-y: auto; display: block; /*max-height: 150px;*/ margin: 0; padding: 10px 0px; }

.filterul li { display: block; float: left; width: 100%; margin-bottom: 10px; }

.checkbox.checkbox-inline { margin-top: 0; }

.checkbox { padding-left: 5px; }

.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }

.filterul .checkbox label { color: #555555; font-size: 13px; font-weight: 500; }

.bg-white { background: #fff; padding: 20px; }

.page-action-row { margin-bottom: 20px; overflow: hidden; width: 100%; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ddd; background-color: #fff; }

page-action-row h3 { font-size: 18px; padding-top: 7px; color: #555555; text-transform: uppercase; }

.sort { float: right; }

.page-action-row h3 { font-size: 16px; color: #555555; text-transform: uppercase; }

.page-action-row h3 span { color: #f99821; font-weight: bold; }

.sort span { padding: 5px 5px; display: inline-block; margin-right: 5px; font-size: 15px; margin-top: 5px; }

.sort .product_orderby_filter { float: right; }

.sort .product_orderby_filter select { padding: 6px 4px; background: #eee; border: 1px solid #ddd; border-radius: 0; font-size: 14px; }

.shop-ctagry-pge .product-box { margin: 0px 0px 20px 0px; }


.gohome a { width: 40px; height: 40px; background: #1e3d69; position: fixed; z-index: 9; padding: 9px 10px; border-radius: 5px; left: 5px; top: 6px; box-shadow: 2px 2px 10px rgba(30, 62, 106, 0.8); }

.gohome a i { color: white; font-size: 20px; }

.cpn-bar { height: 35px; padding: 2px 89px 0 11px; width: 100%; position: relative; font-size: 13px; border: 1px solid #e88930; }

.cpn-btn { cursor: pointer; position: absolute; display: block; right: 0; background: #f89821; color: white; bottom: 0; padding: 0px 10px; font-size: 14px; height: 35px; border: none; }

.cpn-btn:hover { color: white; }

.Couptotal span { width: 200px; font-weight: bold; color: #000; }


/*=====================================================================================
                       home page our products
======================================================================================*/

.our-products .product-box { margin: 0 0 15px 0; }

.tbl-editr { height: 250px; }

.cpv { display: flex; }

.sib-ttl .mnusiocn, .sib-ttl .plusiocn { width: inherit; }

.cpnname { color: #fff; background: none; font-size: 13px; text-transform: capitalize; }

.remv { font-size: 11px; color: #fff !important; cursor: pointer; display: block; padding: 5px 0; }



.copnbdr { border: 1px dashed #ffffff; padding-bottom: 12px; padding: 6px 12px; background: #d42c53; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; }

.cart-right ul .copnbdr span { margin-bottom: 0 !important; }

@-webkit-keyframes glowing {
    0% { background-color: #d42c53; -webkit-box-shadow: 0 0 3px #B20000; }

    50% { background-color: #f62e13; -webkit-box-shadow: 0 0 3px #FF0000; }

    100% { background-color: #d42c53; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
    0% { background-color: #d42c53; -moz-box-shadow: 0 0 3px #B20000; }

    50% { background-color: #f62e13; -moz-box-shadow: 0 0 3px #FF0000; }

    100% { background-color: #d42c53; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
    0% { background-color: #d42c53; box-shadow: 0 0 3px #B20000; }

    50% { background-color: #f62e13; box-shadow: 0 0 3px #FF0000; }

    100% { background-color: #d42c53; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
    0% { background-color: #d42c53; box-shadow: 0 0 3px #B20000; }

    50% { background-color: #f62e13; box-shadow: 0 0 3px #FF0000; }

    100% { background-color: #d42c53; box-shadow: 0 0 3px #B20000; }
}

.closecart { padding: 7px 0px; display: inline-block; color: red; }

/*================================
   zoom css viewdetails
=================================*/
.itemslider { border: 1px solid #eee; background: #fff; text-align: center; display: block; }

.zoomWindowContainer > div { border: 2px solid #F44336 !important; }

.zoomContainer .zoomLens { width: 100px !important; height: 100px !important; }

#product-view-slider .item { text-align: center; height: 299px; overflow: hidden; width: 100%; line-height: 297px; }

#product-view-slider .item img { max-width: 100%; max-height: 100%; display: inline-block; }

.thumbnails-carousel { padding: 14px; margin: 0; }

.thumbnails-carousel li { cursor: pointer; margin: 0px 3px; border: 2px solid #eee; display: inline-block; line-height: 59px; width: 66px; height: 65px; overflow: hidden; }

.thumbnails-carousel li.active-thumbnail { opacity: 1; border: 2px solid #fcd331; }

.thumbnails-carousel li img { display: inline-block; max-width: 100%; max-height: 100%; }

/*================================
nav scroll
=================================*/

/*.nav-section .navigation > li:hover > ul { overflow-y: auto; }

.nav-section .navigation > li:hover > ul::-webkit-scrollbar { -webkit-appearance: none; }

.nav-section .navigation > li:hover > ul::-webkit-scrollbar:vertical { width: 5px; }

.nav-section .navigation > li:hover > ul::-webkit-scrollbar:horizontal { height: 5px; }

.nav-section .navigation > li:hover > ul::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #9bb465; }*/
.parguse p strong { font-weight: bold; font-size: 16px; color: #1e3d69; }




@media screen and (min-width: 1024px)and (max-width: 1300px) {
    .usefull-r { width: 31%; }
}

@media screen and (max-width: 640px) {
    .usefull-r { width: 100% !important; margin-right: 0; }

    .newsletter-box .ns-img { width: initial; height: initial; }

    .homenews .ns-text { width: 100%; }
}

@media screen and (max-width:1024px) {
    .usefull-r { width: 46%; }
}


.vrng { background: #616161; padding: 10px 17px; margin-top: 10px; display: inline-block; color: #fff; }

.vrng > span { background: #9bb465; padding: 5px 10px; display: inline-block; margin-left: 10px; border-radius: 2px; }

/*===================================================================================
    =====================================================================================
    resposive css start
=====================================================================================
      resposive header start
======================================================================================*/
.menuopen { right: 0 !important; transition: all .5s ease-in-out; }

.nav-section ul > .close-bar { cursor: pointer; display: none; }

.menu-open { display: none; }

.form-sec { position: relative; z-index: 9; }

.ftrbox-2 { margin-bottom: 20px; }

.active-c { color: #f89821 !important; }


@media only screen and (max-width: 640px) {
    .logo a { /*width: 50%;*/ float: left; }
    .navigation { position: fixed; top: 0; bottom: 0; background: #fff; z-index: 99; width: 250px; right: -100%; overflow-y: auto; transition: all .5s ease-in-out; }
    .navigation::-webkit-scrollbar { -webkit-appearance: none; }
    .navigation::-webkit-scrollbar:vertical { width: 5px; }
    .navigation::-webkit-scrollbar:horizontal { height: 5px; }
    .navigation::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #9bb465; }
    .nav-section ul > li { float: inherit; width: 100%; }
    .nav-section .navigation > li > ul { position: relative; opacity: 1; height: auto; display: block; padding: 0; box-shadow: none; }
    .nav-section ul > li > ul > li > ul { position: relative; top: 0; }
    .nav-section .navigation > li:hover > ul { display: block !important; overflow: inherit !important; }
    .nav-section ul > li > a { padding: 7px 15px; font-size: 13px; }

    .contact-us-banner { height: 100px; }

    .about-page .about-content p { margin: 0; }

    .natural-sec h4 { font-size: 18px; line-height: 28px; }

    .Plant-based-hding h3 { font-size: 18px; }

    .Plant-based-hding .subhding { font-size: 16px; }

    .Plant-based-main .welcome-content, .natural-sec .we-work-point li p { font-size: 13px; }

    .cont-details ul { padding-left: 0; }

    .container { padding-right: 10px; padding-left: 10px; }

    .banner-sec img { height: 150px; }

    .greenline { height: auto; text-align: center; padding: 0; }

    .greenline .cont-details ul li, .greenline .socialicon ul li, .nav-section ul li { margin-bottom: 5px; }

    .stripnav-nav .cont-details, .stripnav-nav .socialicon { float: initial; }

    .cont-details ul li a, .greenline .socialicon ul li a { font-size: 12px; margin: 8px 6px; }

    .query-btn { transform: rotate(0deg); position: fixed; left: 0; right: 0; width: inherit; height: inherit; top: inherit; bottom: 0; z-index: 1; }

    .logo { padding: 10px 0px; }

    .logo-bg { height: initial; clear: both; text-align: left; /*padding-left: 10px;*/ }

    .nav-section { background: white; }

    .menu-open { cursor: pointer; display: block; background: #1e3e69; padding: 10px 11px; color: white; float: right; /* margin: 20px 19px; */ border-radius: 2px; /* margin-top: 26px; */ position: absolute; right: 0; right: 18px; top: 25px; }

    .c-infocolms { display: block; justify-content: inherit; width: 100%; }

    .c-info { width: 100%; margin-left: 0; border-radius: 10px; margin-bottom: 10px; }

    .greenline .socialicon ul li a span { right: -6px; top: -2px; }

    .nav-section ul > li:hover > a { /*border-bottom: 1px solid #e6e5d9;*/ background: #e6e5d9; color: #685e58; }

    .nav-section ul > .close-bar { display: block; width: 100%; padding: 10px 10px; background: red; color: #fff; }




    .touch-bg .read-btn { text-align: left !important; margin-top: 20px !important; }



    .about-hding h1, .about-hding h2, .prodcut-hding h2 { font-size: 22px; }

    .News-hdig h4 { font-size: 15px; }

    .content-box p { font-size: 12px; }

    .products-tabsmain .tab-nav { text-align: center; }

    .products-tabsmain .nav { display: inline-block; }

    .search-sec { float: inherit; }

    .search-sec .serch-bar { width: 100%; }


    .about-content p { font-size: 12px; text-align: center; line-height: 22px; }

    .read-btn { text-align: center; margin-bottom: 20px; }

    .tab-nav .nav-tabs .nav-item { margin-bottom: 10px; display: block; }

    .about-hding { margin: 35px 0 10px; }

    .natural-sec ul li { width: 50%; padding: 16px 0px; }

    .natural-sec ul li h4 { font-size: 13px; }

    .news-box { margin-bottom: 20px; }

    .form-sec { display: block !important; }

    .touch-bg::after, .touch-bg::before { background: none; display: none; }

    .fom-field { width: 100%; }

    .main-cp { float: inherit; }

    .touch-bg { margin: 0; }

    .cp-cng2 { width: 100%; }

    .ftr-main { padding: 20px 0; }

    .main-shiping { margin-top: 0px; flex-wrap: wrap; }

    .ftrbox-3 .map { margin: 35px 0; }

    .bg-box { display: none; }

    .ragister-form { flex-wrap: wrap; }

    .ragister-form .fom-field { width: 100%; }

    .otp-form-sec { width: 100%; }

    .container { overflow: hidden; }

    .container-2 { overflow: visible !important; }


    .greenline .socialicon > ul > li > ul { z-index: 9; width: 134px; }

    .make-indi { float: inherit; display: block; }
    .make-ind-img { display: none; }
    .code { float: inherit; display: block; clear: both; text-align: center; }
    .ft-bottom span { font-size: 11px; display: block; margin-bottom: 20px; }

    .cont-details ul li a { font-size: 9px; }

    .map { margin-top: 50px; }
    .ft-bottom span { margin-bottom: 24px; display: block; }

    .natural-sec { padding-bottom: 0px; }
    .product-zestwellness { margin-bottom: 45px; }
    .natural-sec { margin-top: 20px !important; }

    .Recently .product-zestwellness .autoplay .slick-prev, .Recently .product-zestwellness .autoplay .slick-next { bottom: -50px; }
}



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


    .product-zestwellness .slick-dotted.slick-slider { margin: 0; }
    .product-info { width: 100%; }
    .bk { top: 20px; }
    .hot-prodct-main { margin-bottom: 0; }

    .natural-sec { margin-top: 70px; }


    .nav-section ul > li > ul > li { width: 100%; }


    .nav-section ul > li > ul { column-count: initial; }
    .map { margin-top: 20px; }
    .aboutus-bg { margin-top: 0; margin-bottom: 0; }
    .hot-prodct-main { margin-top: 0; }
    .Recently .product-zestwellness { margin-bottom: 50px; }

    .product-view { width: 100%; display: block; text-align: center; margin: auto; overflow: visible; }
    .product-view .show5 { display: inline-block; }
    .product-info { width: 100%; }

    .Recently .product-zestwellness .autoplay .slick-prev, .Recently .product-zestwellness .autoplay .slick-next { bottom: -50px; }
}


@media only screen and (min-width: 640px)and (max-width: 1000px) {
    .nav-section ul li a { padding: 25px 14px; font-size: 14px; }

    .search-sec { float: inherit; width: 100%; clear: both; padding-top: 0; }

    .search-sec .serch-bar { width: 100%; }

    .search-sec i { top: 8px; }

    .c-infocolms { flex-wrap: wrap; }

    .c-info { width: 50%; width: 43%; margin: 10px; }

    .nav-section ul > li > ul { left: -89%; width: 484px; }

    .nav-section ul > li > ul::after { left: 53%; }

    .products-tabsmain .tab-nav .nav-tabs .nav-item .nav-link { font-size: 12px; padding: 10px 10px; }

    .main-shiping { margin-top: 00px; }
}

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

    .nav-section ul > li > ul { left: 0; }
    .nav-section ul > li > ul > li { width: 30%; }
}


@media only screen and (min-width: 640px)and (max-width: 736px) {
    .container-2 { max-width: 100%; }

    .greenline .socialicon ul li a, .cont-details ul li a { font-size: 12px !important; }

    .read-btn a { margin-top: 20px; }

    .nav-section ul li a { padding: 25px 10px; }


    .product-info { width: 100%; display: block; }

    .product-view { width: 100%; display: block; }

    .about-page .about-content p { margin: 0; }
}

@media only screen and (min-width: 1000px)and (max-width: 1100px) {
    .nav-section ul li a { padding: 25px 13px; font-size: 13px; }

    .products-tabsmain .tab-nav .nav-tabs .nav-item .nav-link { font-size: 14px; }
}


@media only screen and (max-width: 800px) {
    .my-slider { flex-wrap: wrap !important; justify-content: center; }

    .product-info { margin-top: 30px; }

    .karthding .table-responsive .tb_details td, .karthding .table-responsive .tb_details tr th { text-align: center; }

    .dlvbx { width: 48%; margin-right: inherit; }

    .dl-select { justify-content: space-between; }



    .product-view, .product-info { width: 100%; }
}

@media only screen and (min-width: 375px)and (max-width: 991px) {
    .ragister-form-sec { width: 80%; }

    .small-img { border: none; height: 70px; }

    .show5 > div { display: none !important; }
}

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

    .cntr-width { max-width: 90%; }

    .otp-form-sec { display: block; clear: both; width: 80%; }

    .dlvbx { width: 48%; }
}

@media only screen and (min-width: 1000px)and (max-width: 1100px) {
    .nav-section ul li a { padding: 25px 13px; font-size: 13px; }

    .products-tabsmain .tab-nav .nav-tabs .nav-item .nav-link { font-size: 14px; }
}

@media only screen and (max-width: 450px) {
    /*.about-hding h1, .about-hding h2, .prodcut-hding h2 { font-size: 22px; }*/
    .product-zestwellness .slick-dotted.slick-slider { margin-bottom: 70px; display: block; }

    .product-view .show5 { margin: 0; }

    .hot-prodct-main { margin-bottom: 0; margin-top: 0; }

    .aboutus-bg { margin-bottom: 0px; }

    .small-img .icon-left { left: 15px; }

    .read-btn a { font-weight: 600; padding: 10px 20px; }

    .natural-sec ul li h4 { font-weight: bold; font-size: 18px; }

    .baner-content h1, .baner-content a, .baner-content h2 { font-size: 13px; text-transform: capitalize; font-weight: inherit; }

    .ragister-form-sec { width: 100%; }

    .dlvbx { width: 100%; }

    .billing-add > h4 > a { float: inherit; margin-top: 13px; margin-left: 17px; }

    .nav-section ul > li > ul > li { width: 100%; }


    .nav-section ul > li { position: relative; }

    .nav-section ul > li > ul { position: absolute; opacity: 1; display: block; }
}

@media only screen and (max-width: 400px) {
    .show5 { width: 350px; height: 300px; }

    .product-view .small-img { width: 300px; margin: auto; float: inherit; }

    .product-view .show5 { margin: 0; }

    .small-container .show-small-img { margin: 0; }

    .small-img .icon-right { right: 0; }

    small-img .icon-left { right: 0; }

    .small-img .icon-left { z-index: 9; left: 0px; }

    .read-btn a { padding: 8px 16px; font-weight: 500; font-size: 14px; }

    .dlvbx { width: 100%; }

    .ad-box li { width: 100%; }

    .blinkbtn span { display: block; margin-right: 10px; }

    .blinkbtn span a { margin-top: 10px; margin-right: 10px; }

    .icon-left { left: -20px; }


    .small-img .icon-left { z-index: 9; left: -19px; }


    .small-container { overflow: visible; top: 13px; }
}


.greenline .socialicon ul li a, .cont-details ul li a { display: inline-block; font-size: 13px; }

/*.product-cart > .imgbox-cart, .small-img{height:17px;}*/

.product-cart .imgbox-cart { display: inline-block; border: 1px solid #dcdcdc; width: 50px; height: 48px; padding: 8px; margin: 0 10px; }

.product-cart a span { color: red; }

.con-sopig { background: #9bb465; color: white; margin-top: 10px; display: block; transition: all 0.5s ease-in-out; }

.btn-place a:hover { color: initial; background: #1d3e6a; color: white; border-color: #1d3e6a; }

.hot-prodct-main { margin-bottom: 60px; }


/*=====================================================================================
                              shop by catogory
======================================================================================*/
.catgy-img { position: relative; overflow: hidden; margin-bottom: 10px; }

.catgy-name { position: absolute; background: rgba(0, 0, 0, 0.7); left: 0; right: 0; top: 0; bottom: 0; text-align: center; margin: 20%; opacity: 0; display: block; transition: all 0.5s ease-in-out; }

.catgy-img:hover .catgy-name { margin: 0; opacity: 1; }

.catgy-name h2 { font-size: 22px; color: white; text-transform: uppercase; position: relative; top: 50%; transform: translateY(-50%); }
.Order_row .panel-heading .view-invoice { border-radius: 4px; transition: all 0.5s ease-in-out; font-size: 14px; padding: 10px 15px; color: white; text-decoration: none; display: inline-block; background: #1e3e69; }

.Order_row .panel-heading .view-invoice:hover { background: #f89720; }
.Order_row .panel-heading .order-id { margin-right: 5px; background: #4e4848; padding: 9px 15px; font-size: 14px; color: white; border-radius: 4px; }

.bdr-btm { clear: both; margin: auto; overflow: hidden; display: block; width: 97%; height: 1px; background-color: #cec0c0; display: inline-block; }


/*=====================================================================================
                              shop by catogory
======================================================================================*/


.carer-hding { text-align: center; }

.carer-hding h3 { font-size: 22px; text-transform: unset; text-align: center; margin: auto; display: inline-block; }

.career-form .fom-field { width: 100%;  }
.career-form .fom-field .input { border-radius: 25px; background: #fff; }

.career-form .fom-field i { left: 15px; top: 15px; }
.f-stle { text-transform: uppercase; font-weight: 600; color: #37251b; text-align: center; }


.form-main { background: url(../images/meeting.jpg)no-repeat; display: block; position: relative; padding: 15px 20px; }
.form-main:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(12, 12, 12, 0.5); content: ''; }

.cerer-contct .about-hding h2 {  position: relative; color: #ffffff; }
.cerer-contct .about-hding h2::after {background:url(../images/heading-down-white.png)no-repeat;  }
.cerer-contct .cp-cng2 {width: 100%; }

.form-main .input-cp {width: 100%;    background: white;    position: relative;  border-top-right-radius:25px; border-bottom-right-radius:25px;}
 .form-main .cp-box {width:100%; }
  .form-main .read-btn  { position:relative; }

  .form-main .fom-field .msg-hgt{height:90px; /*border-radius:0;*/}

  .form-main .cp-txt .input-cp {border-top-left-radius:25px; border-top-right-radius:0px; border-bottom-left-radius:25px;  border-bottom-right-radius:0px;}
 
  .mark-msg{    position: absolute;    color: white;    font-size: 12px;       top: 120px;}

 .er-star {    position: absolute;
    right: 12px;
    top: 17px;
    color: red;}