@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Company: The Organic Forest
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Banner CSS
    06. Feature CSS
    07. Product CSS
    08. Cta CSS
    09. Categorie CSS
    10. Cart CSS
    11. Checkout CSS
    12. Compare CSS
    13. Faq CSS
    14. Blog CSS
    15. Login Register CSS
    16. My Account CSS
    17. Newsletter CSS
    18. Modal CSS
    19. Sidebar CSS
    20. Brand CSS
    21. Contact CSS
    22. 404 CSS
    23. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,800|Yesteryear");

/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
.site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 15px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #193a43;
  position: relative;
}

body[data-rtl="rtl"] {
  direction: rtl;
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #193a43;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

.about_product_height {
  margin-top: -230px !important;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.warning-msg {
  color: #ff7200 !important;
  font-size: 14px !important;
}

body>iframe[style*='2147483647'] {
  display: none;
}

.eo-co-product {
  padding: 15px 0px !important;
}

.shop-banner-title {
  text-align: center;
}

/* for desktop */
.whatsapp_float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.whatsapp-icon {
  margin-top: 16px;
}

.ouringredientspage {
  margin-top: 48px;
}

h1 {
  font-size: 36px;
}

.social_align {
  margin-left: 0px;
  margin-right: 0px;
}

@media only screen and (max-width: 767px) {
  .whatsapp-icon {
    margin-top: 10px;
  }

  .whatsapp_float {
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 10px;
    font-size: 22px;
  }

  h1 {
    font-size: 32px;
  }

  .purity .container ul li {
    width: 50% !important;
    min-height: 143px;
    margin-bottom: 12px;
  }

  .purity .container ul li p {
    margin-top: 9px;
  }

  .meanmenu-reveal {
    top: -35px;
  }
}

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 20px;
  }
}

h2 {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 20px;
  }
}

h3 {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }

}

@media only screen and (max-width: 575px) {
  h3 {
    font-size: 20px;
  }

  .social_align {
    margin-left: -4px;
    margin-right: -4px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #416e7a;
}

.home_ourmission_text {
  margin-bottom: 1rem;
  color: #000000;
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}

.home_ourmission_text:hover {
  color: #416e7a;
}

button,
input[type="submit"] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

/*--- Common Classes -----------------------------------------*/
.pdimages img {
  max-width: 87% !important;
}

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section,
.main-wrapper {
  float: left;
  width: 100%;
  /*z-index: -1 !important;*/
  z-index: 1 !important;
}

.slidersection {
  z-index: 0 !important;
}

.bt-0 {
  border-top: 0 !important;
}

.bb-0 {
  border-bottom: 0 !important;
}

.bl-0 {
  border-left: 0 !important;
}

.br-0 {
  border-right: 0 !important;
}

.bg-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.ft-border {
  border-top: 1px solid #8c8c8c;
}

.border-top {
  border: 1px solid #e5e5e5;
}

.modalpop {
  width: 25%;
  margin-bottom: 50px
}

#scrollUp {
  background: #222;
  width: 60px;
  height: 60px;
  line-height: 55px;
  border-radius: 100%;
  bottom: 25px;
  right: 25px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#scrollUp:hover {
  background: #cea679;
}

.gradient-btn {
  background: #397e2d !important;
  background: -moz-linear-gradient(top, #397e2d 1%, #024735 100%) !important;
  background: -webkit-linear-gradient(top, #397e2d 1%, #024735 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #397e2d 1%, #024735 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#397e2d', endColorstr='#024735', GradientType=0) !important;
  color: #ffffff !important;
  border-radius: 0px !important;
}

.rgtbdr {
  border-right: 1px solid #8b8b8b;
}

.mobbtab {
  display: block;
}

.disblock {
  display: inline-table;
}

.newicon {
  margin-left: 70px;
  z-index: 9;
  position: absolute;
  top: 5px;
}

.tab-content {
  margin-top: 10px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.newlunch {
  padding-top: 55px !important;
}

.philoheight {
  height: 158px;
  padding: 0px 25px 0px 25px;
}

.bordergradient {
  background-image: -webkit-linear-gradient(300deg, white, black, white);
  /* webkit browsers (Chrome & Safari) */
  background-image: -moz-linear-gradient(90deg, white, black, white);
  /* Mozilla browsers (Firefox) */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', gradientType='1');
  /* Internet Explorer */
  background-image: -o-linear-gradient(300deg, rgb(255, 255, 255), rgb(0, 0, 0) 50%, rgb(255, 255, 255) 100%);
  /* Opera */
}

.footermenu {
  padding: 10px 12px;
}

.footermenu:hover {
  padding: 10px 12px;
  color: #193a43 !important;
}

.footlihide {
  display: block;
}

.detail-ingred {
  margin: 0px;
}

.ingredient img {
  max-width: 85%;
  margin-top: 5px;
}

.ingri-section>.single-product {
  margin-bottom: 30px !important;
}

.cart-section {
  margin-top: -60px;
}

.product-feature {
  margin-top: 0 px !important;
}

.badges-pdpage {
  -moz-border-radius: 8px 0 8px 0;
  padding: 0px 12px;
  margin-top: 4px;
  position: absolute;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  background: #609255;
  color: #ffffff;
  font-size: 12px;
  -webkit-border-radius: 8px 0 8px 0;
  border-radius: 8px 0 8px 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }

  .row-five-column>[class*="col-xl-"] {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
  }
}

@media only screen and (max-width: 575px) {
  .container {
    max-width: 100% !important;
  }

  .mobbtab {
    display: none;
  }

  .pdimages img {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 479px) {
  .container {
    max-width: 300px;
  }
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0 !important;
}

.inline-YTPlayer {
  max-width: none !important;
  width: 100%;
}

.mbYTP_wrapper {
  z-index: -9 !important;
}

.reviewmb {
  margin-bottom: 76px !important;
}

.image-gallery-thumbnail.active,
.image-gallery-thumbnail:hover,
.image-gallery-thumbnail:focus {
  outline: none;
  border: 1px solid #c5c5c5 !important;
}

/*--- Input Placeholder -----------------------------------------*/
.headsearch {
  display: block;
  width: 100%;
  height: calc(1.6em + 1.375rem + 2px);
  padding: 0.6875rem 1.25rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(63, 74, 60, .8);
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border-radius: 6px;
}

.headsearch:focus {
  background: #ffffff !important;
}

.headsearchmob {
  display: none;
  width: 100%;
  height: calc(1.6em + 1.375rem + 2px);
  padding: 0.6875rem 1.25rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(63, 74, 60, .2);
  border-radius: 3px;
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.headsearchsub {
  display: block;
  width: 100%;
  height: calc(1.6em + 1.375rem + 2px);
  padding: 0.6875rem 1.25rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(63, 74, 60, .2);
  border-radius: 3px;
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

input:focus,
textarea:focus {
  background: #ffffff !important;
}

/*--- Background Color ------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f1f1f1 !important;
}

.bg-gray-two {
  background-color: #f8f8f8 !important;
}

.bg-dark {
  background-color: #ffffff;
}

.bg-theme {
  background-color: #cea679 !important;
}

/*--- Tab Content & Pane Fix ------------------------------------------*/
.tab-content {
  width: 100%;
}

.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*--- Main Wrapper ------------------------------------------*/
/*--- Section Title ------------------------------------------*/
.section-title h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  margin: 0;
  /*text-transform: uppercase;*/
  text-transform: capitalize;
}

.section-title h2 span {
  color: #cea679;
}

.section-title p {
  font-size: 14px;
  line-height: 22px;
  max-width: 635px;
  margin-top: 15px;
}

.footerheading {
  font-weight: 700 !important;
  color: rgb(0, 0, 0);
  font-size: 30px !important;
  margin-top: 95px !important;
}

.section-title.text-center {
  text-align: center;
  background-position: top center;
}

.section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.section-title.text-left {
  text-align: left;
  background-position: top left;
}

.section-title.text-left p {
  margin-left: 0;
  margin-right: auto;
}

.section-title.text-right {
  text-align: right;
  background-position: top right;
}

.section-title.text-right p {
  margin-left: auto;
  margin-right: 0;
}

.sesction {
  margin-top: 50px;
  padding-right: 0px;
  padding-left: 0px;
}

.section-title-two span {
  color: #cea679;
  font-size: 24px;
  font-weight: 400;
  display: block;
  line-height: 1;
}

.slideimgtest {
  width: 33%;
  height: auto;
  float: left;
  padding: 18px;
}

.testicolumn {
  width: 50%;
  float: left;
  display: inline-block;
}

.testicolumn1 {
  width: 50%;
  float: right;
  display: inline-block;
}

.section-title-two h2 {
  font-weight: 900;
  font-size: 40px;
  color: #cea679;
  display: inline-block;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1;
}

.footertext {
  font-weight: 500;
  color: rgb(0, 0, 0);
  padding: 0px 40px;
  font-size: 15px;
}

h2.leafbg {
  display: inline-block;
  font-weight: 600;
  color: #193a43 !important;
  font-size: 30px;
  margin-top: 0px;
  text-transform: capitalize inportant!;
}

h2.leafbg::after {
  width: 100%;
  height: 0px;
  /*content:"";background: #ffffff;*/
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  background: linear-gradient(to right, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  display: block;
  margin-top: 8px;
}

.stamppd {
  margin-top: 15px !important;
}

.wishlist-compare-btn img {
  width: 75px !important;
  height: auto;
}

h2.leafbg1 {
  display: inline-block;
  font-weight: 600;
  /* color: #db9c28; */
  font-size: 30px;
  margin-top: 0px;
}

h2.leafbg1::after {
  width: 100%;
  height: 3px;
  /*content:"";background: #ffffff;*/
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  background: linear-gradient(to right, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  display: block;
  margin-top: 8px;
}

h2.leafbg3 {
  display: inline-block;
  font-weight: 600;
  color: #db9c28;
  font-size: 30px;
  margin-top: 0px;
}

h2.leafbg3::after {
  width: 100%;
  height: 3px;
  content: "";
  background: #cc9832;
  /* Old browsers */
  background: -moz-linear-gradient(left, #cc9832 0%, #cc9832 65%, #ffffff 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cc9832 0%, #cc9832 65%, #ffffff 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #cc9832 0%, #cc9832 65%, #ffffff 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9832', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  /*background:url("../images/flower-strip.jpg") no-repeat center center;*/
  display: block;
  margin-top: 8px;
}

h2.leafbg1 {
  display: inline-block;
  font-weight: 600;
  /* color: #db9c28; */
  font-size: 30px;
  margin-top: 0px;
}

h2.leafbg1::after {
  width: 100%;
  height: 3px;
  /*content:"";background: #ffffff;*/
  /*background:url("../images/flower-strip.jpg") no-repeat center center;background: -moz-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
background: -webkit-linear-gradient(left, #ffffff 0%,#cc9832 18%,#cc9832 49%,#cc9832 85%,#ffffff 99%);
background: linear-gradient(to right, #ffffff 0%,#cc9832 18%,#cc9832 49%,#cc9832 85%,#ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );*/
  display: block;
  margin-top: 8px;
}

h2.leafbg2 {
  display: inline-block;
  font-weight: 600;
  color: #db9c28;
  font-size: 30px;
  margin-top: 0px;
}

.oursolutionsec {
  margin-top: 0px;
}

.rangespage {
  margin-top: 15px !important;
}

h2.oursolutionleafbg {
  display: block;
  font-weight: 600;
  color: #193A43;
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 1px;
}

h2.oursolutionleafbg::after {
  width: 100%;
  height: 21px;
  content: "";
  /* background: url("../images/flower-strip.jpg") no-repeat center center;*/
  display: block;
  margin-top: 8px;
}

.aboutbg {
  width: 100%;
  overflow: hidden;
  display: block;
  height: auto;
  background: url("../images/about-us-section.png") no-repeat;
  background-size: contain;
  height: 550px;
}

/*.aboutbg::before{position:absolute;content:'';z-index:-1;width:100%;height:750px;background:url("../images/about-us-section.jpg") no-repeat;background-size:contain;}*/
.abouttxt {
  color: #000000;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  font-family: 'Montserrat', Poppins, sans-serif;
}

.ptag {
  color: #000000;
  display: block;
  width: 100%;
}

.ptag strong {
  color: #003628;
}

ul.a {
  list-style-type: disc;
  margin-left: 30px;
}

.aboutfresh {
  position: relative;
  top: 37%;
  left: 0;
  transform: translateY(35%);
}

.aboutethical {
  position: relative;
  top: 37%;
  left: 0;
  transform: translateY(110%);
}

.pricecont a {
  margin-left: 0px;
}

.pdphilo0 {
  padding: 0px;
}

.aboutblocks {
  display: inline-block;
}

.philoparent {
  display: block;
  /*display:table;*/
  overflow: hidden;
}

.philoblocks {
  /*display:table-cell;*/
  float: left;
  height: 356px;
  text-align: center;
}

.philoblocks img {
  width: 100%;
  height: auto;
}

.philoblocks1 {
  background: #004533;
  color: #db9e29;
  padding-top: 29px;
  padding-bottom: 28px;
}

.philoblocks1 h2 {
  color: #db9e29;
  text-align: center;
  font-size: 31px;
  font-weight: 600;
}

.philoblocks1 p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}

.philoblocks4 {
  background: #3a7f2e;
  color: #db9e29;
  padding-top: 28px;
  padding-bottom: 27px;
}

.philoblocks4 h2 {
  color: #db9e29;
  text-align: center;
  font-size: 31px;
  font-weight: 600;
}

.philoblocks4 p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}

.phibtn {
  background: none !important;
  color: #db9e29 !important;
  border: 2px solid #db9e29 !important;
  text-align: center;
  border-radius: 0px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.expertviewbg {
  width: 100%;
  overflow: hidden;
  display: block;
  height: auto;
}

.newsblog {
  margin-top: 40px;
}

.productingribg {
  width: 100%;
  overflow: hidden;
  display: block;
  height: auto;
  background: url("../images/product-detail.jpg") no-repeat;
  background-size: cover;
}

.ingrebg1 {
  background: #ebebeb;
}

.ingrebg2 {
  background: #ffffff;
}

.philoparent {
  display: block;
  overflow: hidden;
}

.philoparent>#instafeed>.philoblocks {
  float: left;
  text-align: center;
}

.philoparent>#instafeed>.philoblocks>.product-content>img {
  width: 100%;
  height: auto;
}

.searchicon {
  display: block;
}

.searchicon:before {
  width: 100%;
  height: 100px;
  content: "";
  background: url(../images/search-product.png) no-repeat center center;
  display: block;
  margin-top: 8px;
  margin-bottom: 20px;
  background-size: contain;
}

.catlink {
  display: block;
  height: auto;
  padding: 10px 0px 10px 0px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 30px;
}

.cattesti {
  font-size: 15px;
  font-weight: 500;
  padding: 0px 15px 0px 0px;
  color: #ccd2d0 !important;
  text-decoration: none;
  border-right: 2px solid #014634 !important;
  margin-right: 10px;
  text-transform: uppercase;
}

.cattesti:hover {
  font-size: 15px;
  font-weight: 500;
  color: #014634 !important;
  text-decoration: none;
  border-right: 2px solid #014634 !important;
  margin-right: 10px;
}

.cattestinobdr {
  font-size: 15px;
  font-weight: 500;
  padding: 0px 15px 0px 0px;
  color: #ccd2d0 !important;
  text-decoration: none;
  border-right: 0px solid #014634 !important;
  margin-right: 10px;
  text-transform: uppercase;
}

.cattestinobdr:hover {
  font-size: 15px;
  font-weight: 500;
  padding: 0px 15px 0px 0px;
  color: #014634 !important;
  text-decoration: none;
  border-right: 0px solid #014634 !important;
  margin-right: 10px;
  text-transform: uppercase;
}

.activee {
  font-size: 13px;
  font-weight: 500;
  color: #014634 !important;
  text-decoration: none;
  margin-right: 10px;
}

.intafeedblock {
  height: auto;
  margin-top: 50px;
}

.margbtmimg {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mrgtopimg {
  margin-top: 0px;
}

.sliderimagelink {
  width: 100%;
  display: inline-block;
}

.instafeed {
  margin-top: auto;
}

.intssec {
  margin: auto;
}

.mobileslide {
  display: none !important;
}

.desktop-view {
  display: block;
}

.cartcoupon-section {
  width: 100%;
  overflow: hidden;
  display: block;
  background: url(../images/ingredients/leaf-shadow.png) no-repeat;
  background-size: cover;
  height: auto;
}

.launches {
  width: 100%;
  overflow: hidden;
  display: block;
  height: auto;
  /*background-image:url(../images/home-launches.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;background-size: 100% 100%;*/
}

.launchess {
  width: 100%;
  overflow: hidden;
  display: block;
  height: auto;
}

.launcbanner {
  background-image: url(../images/launcnew.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  /* height: 0; */
  background-size: 100% 100%;
  object-fit: cover;
}

.launcbanner-v1 {
  background-image: url(../images/launcnew-v1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  /* height: 0; */
  background-size: 100% 100%;
  object-fit: cover;
  margin-bottom: 15px !important;
}

.launcbanner h4 {
  font-weight: 600;
  color: #193a43;
  padding: 15px 0;
  font-size: 20px;
}

.launcbanner-v1 h4 {
  font-weight: 600;
  color: #193a43;
  padding: 15px 0;
  font-size: 20px;
}

.wellness-box {
  background: #bccfc9;
  width: 100%;
  /* height: 0; */
  background-size: 100% 100%;
  object-fit: cover;
}

.wellness-box h4 {
  font-weight: 600;
  color: #193a43;
  padding: 15px 0;
  font-size: 20px;
}

.hairrebirth {
  background-image: url(../images/hairrebirthbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  /* height: 0; */
  background-size: 100% 100%;
  object-fit: cover;
}

.hairrebirth h4 {
  font-weight: 600;
  color: #193a43;
  padding: 15px 0;
  font-size: 20px;
}

.hairrebirth-v1 {
  background-image: url(../images/hairrebirthbg-v1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  /* height: 0; */
  background-size: 100% 100%;
  object-fit: cover;
}

.hairrebirth-v1 h4 {
  font-weight: 600;
  color: #193a43;
  padding: 15px 0;
  font-size: 20px;
}

.showcontainer {
  display: block;
}

.main-menu a.activenav {
  border-bottom: 0px solid #db9c28;
  color: #000000 !important;
  /*border-bottom: 3px solid #193a43;*/
}

.mobile-view {
  display: none !important;
  ;
}

.mobile-tablet {
  display: none !important;
  ;
}

.shoplists {
  margin-top: auto;
}

.producimg {
  padding-bottom: auto;
}

.contacsec {
  margin-top: auto;
}

.foosocial {
  margin: 0px;
  padding-left: 0px;
}

.titleitm {
  text-align: left;
  display: block;
}

.msubscribe {
  text-align: left;
  display: block;
}

.starsec {
  text-align: center !important;
  padding-left: 0px;
}

.footbox {
  margin-top: 0px;
}

.footboxb {
  padding-top: 0px;
  padding-bottom: 0px !important;
}

.txtcen {
  text-align: default;
}

.footercen {
  text-align: center;
}

.wishli {
  margin-top: 0px;
}

.detailsmob {
  margin-left: 0px;
}

.ordditls {
  padding-right: auto;
}

.failord {
  background: #ffe6e5;
}

.wishtext {
  text-align: auto;
}

.mrgtopimg p img {
  width: auto;
}

.margbtmimg div img {
  width: auto;
}

.my-account-section {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.stamppadding {
  padding: 20px 135px 0px 135px;
}

.stamp-icons {
  width: 20%;
  float: left;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
}

.setting-icon {
  width: 90% !important
}

#freshexperience {
  background: #f4efea;
  padding: 20px 0px;
}

#ethicalprocess {
  background: #fdddd2;
  padding: 20px 0px;
}

#environment {
  background: #d1e5ce;
  padding: 20px 0px;
}

#crueltyfree {
  background: #faedcb;
  padding: 20px 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 552px !important;
    background: url(../images/about-us-section.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 5px !important;
  }

  .content-padng {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .carousel .carousel-indicators {
    bottom: -22px !important;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 800px;
    padding-top: 180px !important;
  }

  .philoblocks1 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', Poppins, sans-serif;
  }

  .content-padng {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .philoblocks4 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    /*height: 595px !important;background: url(../images/experts-section.jpg) no-repeat;background-size: cover;padding-top: 87px !important;*/
    padding-top: 0px !important;
  }

  .footer_main {
    padding-top: 50px;
  }

  .section-title-two h2 {
    font-size: 36px;
  }

  .divswipeleft {
    /*margin-bottom:118px;margin-top:0px;*/
    margin-bottom: 118px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
  }

  .divswiperight {
    position: absolute;
    right: 0;
  }

  .prodimgtop {
    margin-top: 0px;
    display: inline-block;
  }

  .product-list-view {
    clear: both;
  }

  .productlistitem {
    height: 450px;
    margin-bottom: 30px;
  }

  .loaderclass {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 120px;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1536px) {
  .cart-section {
    margin-top: -90px;
  }

  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 552px !important;
    background: url(../images/about-us-section.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 5px !important;
  }

  .content-padng {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .carousel .carousel-indicators {
    bottom: -22px !important;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 800px;
    padding-top: 180px !important;
  }

  .philoblocks1 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', Poppins, sans-serif;
  }

  .content-padng {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .philoblocks4 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    /*height: 595px !important;background: url(../images/experts-section.jpg) no-repeat;background-size: cover;padding-top: 87px !important;*/
    padding-top: 0px !important;
  }

  .footer_main {
    padding-top: 50px;
  }

  .section-title-two h2 {
    font-size: 36px;
  }

  .divswipeleft {
    /*margin-bottom:118px;margin-top:0px;*/
    margin-bottom: 118px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
  }

  .divswiperight {
    position: absolute;
    right: 0;
  }

  .prodimgtop {
    margin-top: 0px;
    display: inline-block;
  }

  .product-list-view {
    clear: both;
  }

  .productlistitem {
    height: 450px;
    margin-bottom: 30px;
  }

  .loaderclass {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 120px;
  }

  .feature-item-txt {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
  }

  .largeview {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
  }

  .intafeedblock {
    height: auto;
    margin-top: 75px;
  }

  /* #ckproductid {
    padding-right: 20px;
  } */

  .ingredient img {
    max-width: 85%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1580px) and (max-width: 1600px) {
  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 552px !important;
    background: url(../images/about-us-section.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 5px !important;
  }

  .content-padng {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .carousel .carousel-indicators {
    bottom: -22px !important;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: 800px;
    padding-top: 180px !important;
  }

  .philoblocks1 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat', Poppins, sans-serif;
  }

  .content-padng {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .philoblocks4 p {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    /*height: 595px !important;background: url(../images/experts-section.jpg) no-repeat;background-size: cover;padding-top: 87px !important;*/
    padding-top: 0px !important;
  }

  .footer_main {
    padding-top: 50px;
  }

  .section-title-two h2 {
    font-size: 36px;
  }

  .divswipeleft {
    /*margin-bottom:118px;margin-top:0px;*/
    margin-bottom: 118px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
  }

  .divswiperight {
    position: absolute;
    right: 0;
  }

  .prodimgtop {
    margin-top: 0px;
    display: inline-block;
  }

  .product-list-view {
    clear: both;
  }

  .productlistitem {
    height: 450px;
    margin-bottom: 30px;
  }

  .loaderclass {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 120px;
  }

  .feature-item-txt {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
  }

  .largeview {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
  }

  .intafeedblock {
    height: auto;
    margin-top: 75px;
  }
/* 
  #ckproductid {
    padding-right: 20px;
  } */

  .ingredient img {
    max-width: 85%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-two h2 {
    font-size: 36px;
  }

  .headsearchsub {
    display: block;
    width: 70% !important;
  }

  .wellness-box p {
    padding: 13px 0px;
  }

  .hairrebirth p {
    padding: 6px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pricecont a {
    margin-left: 0px;
    margin-right: 13px !important;
  }

  .footerheading {
    font-weight: 700 !important;
    color: rgb(0, 0, 0);
    font-size: 30px !important;
    margin-top: 15px !important;
  }

  .section-title-two h2 {
    font-size: 36px;
  }

  /*.divswipeleft {position:relative;left:auto;}
.divswiperight {position:relative;right:auto;}*/
  .divswipeleft {
    margin-bottom: auto;
    margin-top: auto;
  }

  .divswiperight {
    position: relative;
    right: auto;
  }

  .prodimgtop {
    margin-top: 0px;
  }

  .productlistitem {
    height: auto;
    margin-bottom: 30px;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto !important;
  }

  .ingredient img {
    max-width: 65% !important;
  }

  .footertext {
    font-weight: 500;
    color: rgb(0, 0, 0);
    padding: 12px 20px;
    font-size: 16px;
  }

  .stamppadding {
    padding: 20px 30px;
  }

  .stamp-icons {
    width: 33%;
    float: left;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
  }
}

/*-- List Section Title CSS --*/
.list-product-section-title h2 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  display: inline-block;
  background-color: #ffffff;
  padding-right: 15px;
}

/*--  Tab Menu CSS --*/
.product-tab-menu ul li {
  padding-right: 35px;
}

@media only screen and (max-width: 767px) {
  .aboutfresh {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(35%);
  }

  .aboutethical {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(110%);
  }

  .product-tab-menu ul li {
    padding-right: 10px;
  }
}

.product-tab-menu ul li:last-child {
  padding-right: 0;
}

.product-tab-menu ul li a {
  font-size: 20px;
  line-height: 1;
  color: #3F5736;
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .aboutfresh {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(35%);
  }

  .aboutethical {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(110%);
  }

  .product-tab-menu ul li a {
    line-height: 30px;
    font-size: 16px;
  }
}

.product-tab-menu ul li a.active,
.product-tab-menu ul li a:hover {
  color: #cea679;
}

@media only screen and (max-width: 575px) {
  .aboutfresh {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(35%);
  }

  .aboutethical {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(110%);
  }

  .product-tab-menu2 ul {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url("../images/bg-about.jpg") no-repeat;
    background-size: cover;
    /*background-size:contain;*/
    height: 550px;
  }
}

.desktopshowdata {
  display: block;
}

.mobileshowdata {
  display: none;
}

.largeshowdata {
  display: none;
}

.product-tab-menu2 ul li {
  border-right: 1px solid #e5e5e5;
  padding-right: 30px;
  margin-right: 25px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .product-tab-menu2 ul li {
    padding-right: 20px;
    margin-right: 15px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .product-tab-menu2 ul li {
    padding-right: 10px;
    margin-right: 7px;
    line-height: 30px;
  }
}

.compareslider {
  margin-bottom: 30px !important;
}

.product-tab-menu2 ul li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

.product-tab-menu2 ul li a {
  color: #3F5736;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.product-tab-menu2 ul li a.active,
.product-tab-menu2 ul li a:hover {
  color: #cea679;
}

.footphone {
  background: url(../images/icons/phone.png) no-repeat;
  padding: 0px 0px 0 30px;
}

.footemail {
  background: url(../images/icons/email.png) no-repeat;
  padding: 0px 0px 0 30px;
}

/*--- Button ------------------------------------------*/
.btn {
  background-color: #193a43;
  font-size: 16px;
  color: #ffffff;
  line-height: 12px;
  height: 45px;
  font-weight: 600;
  padding: 15px 30px;
  /* text-transform: capitalize; */
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.btn:hover {
  color: #fff !important;
}

.btn:hover:before {
  width: 100%;
  color: #fff !important;
}

.btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 10px 30px;
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 0rem;
  z-index: -2;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
}

.btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #416e7a;
  transition: all 0.3s;
  border-radius: 0rem;
  z-index: -1;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
  color: #fff !important;
}

.section-title-billing {
  padding-bottom: 6px;
  padding-top: 38px;
}

.section-title-shipping {
  padding-bottom: 30px;
  padding-top: 30px;
}

.ingri-section {
  margin-bottom: 0px;
}

.regimeslider {
  width: 48%;
  height: 105px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 6px;
  float: left;
  margin-right: 10px;
  display: inline-block;
}

.regimeslider a {
  display: block;
  overflow: hidden;
}

.regimeslider img {
  margin-left: 5px;
  width: 83px;
  height: auto;
  float: left;
  margin-top: 5px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.regimeslider p {
  padding-left: 5px;
  overflow: hidden;
  float: left;
  color: #000000;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0rem;
  line-height: 24px;
}

.regimeslider p span {
  float: left;
  color: #22463a;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

.regimeslider button {
  margin-left: 4px;
  background: #db9c28;
  color: #ffffff;
  font-size: 14px;
  border: none;
  margin-top: 0px;
  padding: 1px 15px;
  border-radius: 2px;
  text-align: center;
}

.regimeslider button:hover {
  background: #22463a !important;
  color: #ffffff;
}

.fieldsetsec {
  margin-top: -60px;
  z-index: 9;
  width: 200px;
  position: absolute;
  background: #193A43;
  color: #ffffff;
  border-radius: 20px;
  padding: 6px 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.fliphead {
  width: 100%;
  color: #000000 !important;
  position: fixed;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  color: #000000;
  font-weight: 500;
}

.flip {
  position: relative;
  box-Shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.flip>.front,
.flip>.back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 1.0s;
  transition-property: transform, opacity;
}

.flip>.front {
  transform: rotateY(0deg);
  position: relative;
  z-index: 1;
}

.flip>.back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
  padding-top: 10px !important;
}

.flip:hover>.front {
  transform: rotateY(180deg);
}


.flip:hover>.back {
  opacity: 1;
  transform: rotateY(0deg);
}

.flip.flip-vertical>.back {
  transform: rotateX(-180deg);
}

.flip.flip-vertical:hover>.front {
  transform: rotateX(180deg);
}

.flip.flip-vertical:hover>.back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 0em;
  width: 100%;
  background: transparent;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.flip>.front {
  display: block;
  color: #000000;
  width: inherit;
  /*background-size: cover !important;*/
  background-position: center 5px !important;
  height: 230px;
  padding: 1em 2em;
  background: #ffffff;
  border-radius: 10px;
  background-size: 70% auto;
  background-repeat: no-repeat;
  color: #000000;
}

.flip>.back {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #000000;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 230px;
  padding: 1em 2em !important;
  background: #def6e6;
  border-radius: 10px;
  overflow-y: auto;
}

.flip>.back::-webkit-scrollbar {
  width: 4px;
  opacity: 0;
}

.flip>.front p,
.flip>.back p {
  font-size: 14px;
  line-height: 160%;
  color: #000000;
}

.fliptext {
  line-height: 120% !important;
}

.flipsmall {
  padding-top: 20px !important;
  padding: 0.5em !important;
}

.flipsmall p a {
  position: absolute;
  right: 10px;
  left: 50%;
  bottom: 2px;
  transform: translate(-64%, -50%);
  margin: 0 auto;
}

.routinenum {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background: rgb(219, 156, 40);
  color: rgb(255, 255, 255);
  font-size: 32px;
  position: absolute;
  font-weight: 600;
  top: 24%;
  left: 27%;
  padding-top: 9px;
}

.routinenumoil {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background: rgb(219, 156, 40);
  color: rgb(255, 255, 255);
  font-size: 32px;
  position: absolute;
  font-weight: 600;
  top: 24%;
  left: 32%;
  padding-top: 9px;
}

.bestsellertitle {
  font-size: 40px;
  color: #dd9421;
  font-weight: 700;
  /*margin-top:150px;*/
  margin-top: 90px;
}

.newlaunchess {
  font-size: 40px;
  color: #dd9421;
  font-weight: 700;
  /*margin-top:150px;*/
  margin-top: 90px;
}

.bestsellerp {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: 500;
}

.bestsellerswd {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border: 0px;
  text-align: center;
  display: block;
  padding: 0px;
  background: #ffffff;
  height: auto;
  padding-bottom: 10px;
  border: 0px solid #eaeaea;
  margin-bottom: 30px !important;
}

.bestsellerswd .product-img {
  position: relative;
  overflow: hidden;
  /* margin-bottom: 25px; */
  margin-bottom: 5px;
  text-align: center;
  background: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
}

.bestsellerswd .product-content {
  text-align: center;
}

.bestsellerswd .product-content h3 {
  color: #000000 !important;
  border-top: 0px solid #eaeaea;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  white-space: wrap;
  margin: 0 0 12px 0;
  line-height: 1.3;
  text-transform: capitalize;
  height: 43px;
  padding: 5px 9px 0px 9px;
}

.bestsellerswd .product-content h3:hover {
  color: #193a43 !important;
}

.bestsellerswd h4 {
  display: block;
}

.bestsellerswd .older {
  font-size: 18px;
  color: #002317 !important;
  font-weight: 700;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 12px;
  display: block;
  float: revert;
  position: relative;
  text-align: unset;
  vertical-align: top;
}

.bestsellerswd .addbtncombo {
  background: #db9c28 !important;
  height: 48px;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 15px;
  border-radius: 0px;
}

.bestsellerswd .addbtncombo:hover {
  background: #193a43 !important;
}

.nav-tabs {
  border-bottom: 0px solid #cccccc !important;
  width: 100%;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-bottom: 1px solid #193a43 !important;
}

@media only screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
    line-height: 23px;
    height: 45px;
    padding: 10px 25px;
  }

  .btn:hover::before {
    left: 6px;
    top: 6px;
  }

  .btn:hover::after {
    left: -6px;
    top: -6px;
  }

  .section-title-billing {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px !important;
  }

  .flipsmall p a {
    transform: translate(-80%, -50%);
  }
}

/*--- Page Banner Section ------------------------------------------*/
.page-banner-section {
  padding: 90px 0 100px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .page-banner-section {
    padding: 70px 0 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner-section {
    padding: 60px 0 70px;
  }

  .newsblog {
    margin-top: -115px;
  }

  .intafeedblock {
    height: auto;
    margin-top: -8px;
  }

  .footboxb {
    padding-top: 0px;
    padding-bottom: 0px !important;
    padding-top: 5px !important;
  }

  .categoryblog {
    margin-top: -135px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-section {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .page-banner-section {
    padding: 50px 0 60px;
  }

  .footerheading {
    font-weight: 700 !important;
    color: rgb(0, 0, 0);
    font-size: 30px !important;
    margin-top: 75px !important;
  }
}

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

@media only screen and (max-width: 767px) {
  .cart-section {
    margin-top: -20px;
  }

  .page-banner-section {
    padding: 45px 0 50px;
    margin-bottom: 10px;
  }

  .footermenu {
    padding: 10px 6px;
  }

  .footlihide {
    display: none;
  }
}

/*-- Page Banner --*/
.page-banner h1 {
  font-size: 26px;
  color: #000000;
  font-weight: 600;
  letter-spacing: 0.1px;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h1 {
    font-size: 26px;
  }

  .footermenu {
    padding: 10px 6px;
  }

  .footlihide {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .page-banner h1 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  .page-banner h1 {
    font-size: 24px;
  }
}

/*-- Page Breadcrumb --*/
.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-breadcrumb li {
  color: #193a43;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-family: 'Montserrat', Poppins, sans-serif;
  line-height: 1;
  margin-top: 10px;
}

@media only screen and (max-width: 575px) {
  .page-breadcrumb li {
    font-size: 16px;
  }
}

.page-breadcrumb li::after {
  content: "-";
  margin: 0 6px;
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li a:hover {
  color: #cea679;
}

/*------------------------------------------ Page Pagination ------------------------------------------*/
.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px -10px;
}

.page-pagination li {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #3F5736;
  text-align: center;
  margin: 5px 5px;
}

.page-pagination li a {
  color: #3F5736;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 50px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-pagination li a i {
  line-height: 24px;
}

.cat-txt-cen {
  text-align: center !important;
}

.regist_check {
  margin-right: 8px;
}

@media only screen and (max-width: 575px) {
  .page-pagination li {
    font-size: 14px;
  }

  .page-pagination li a {
    padding: 9px;
    width: 40px;
    height: 40px;
  }

  .page-pagination li a i {
    line-height: 24px;
  }
}

.page-pagination li:hover a {
  color: #cea679;
  background-color: #3F5736;
}

.page-pagination li.active a {
  color: #ffffff;
  background-color: #cea679;
}

.reviewpgrgt {
  padding-right: 15px;
}

.grid-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.grid-filter button {
  background-color: transparent;
  color: #3F5736;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px;
  text-transform: capitalize;
  line-height: 1;
  padding-bottom: 5px;
  position: relative;
}

.grid-filter button::before {
  content: "";
  height: 6px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #cea679;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.grid-filter button:hover::before,
.grid-filter button.active::before {
  width: 100%;
}

.grid-filter.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-filter.center button {
  margin: 0 10px 10px;
}

.grid-filter.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grid-filter.left button {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}

.grid-filter.left button:last-child {
  margin-right: 0;
}

.grid-filter.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.grid-filter.right button {
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 10px;
}

.grid-filter.right button:last-child {
  margin-left: 0;
}

.slick-slider .slick-arrow {
  position: absolute;
  top: 0;
  margin-top: -55px;
  z-index: 9;
  border: none;
  background-color: #f1f1f1;
  color: #999999;
  padding: 10px;
  width: 34px;
  height: 34px;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
}

.succsesmsg {
  background-color: rgb(255, 255, 255);
  border: 1px solid #dedede;
  padding: 8px 15px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(222, 222, 222, 1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(222, 222, 222, 1);
  box-shadow: 5px 5px 5px 0px rgba(222, 222, 222, 1);
}

.mr_btm {
  margin-bottom: 15px;
}

.rev_btn {
  text-align: left;
  margin-left: 79px;
}

.stamppding {
  padding-left: 55px;
  padding-right: 55px
}

.stamp_seting {
  width: auto;
  margin-bottom: 20px;
}

.stamp_seting img {
  width: 90%;
  transition: .2s;
}

.stamp_seting img:hover {
  transform: scale(1);
}

.shadowaccord h2 {
  font-size: 15px;
}

.shadowaccord p {
  font-size: 15px;
}

.ellipsistxt {
  height: 18px;
  width: 157px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

.regimetxt {
  margin-right: 10px;
  color: #285748;
  font-weight: 500;
}

.regimecomp {
  text-align: center;
  width: auto;
  padding: 0 15px !important;
}

.regimecomp {
  font-size: 12px;
}

.regimecomp img {
  width: 22%;
  object-fit: contain;
}

.newbadge {
  background: #1a322a;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #ffffff;
  padding: 0px 9px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  right: -1px;
  top: -2px;
}

.column {
  display: inline-block;
  text-align: center;
}

figure {
  overflow: hidden;
}

.featured {
  margin-bottom: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.column img {
  display: block;
  /*width: 75%;*/
  height: auto;
  margin: 0px auto;
}

/*Zoom In*/
.column#zoomIn img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.column#zoomIn:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.zoom_shadow {
  background: transparent;
  border-radius: 10px;
  box-Shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.zoom_shadow p {
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: -25px;
  font-size: 18px;
}

.autoalign {
  margin: auto;
}

.manish {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.75)), ;
}

.bestselleco {
  position: absolute;
  top: 37%;
  left: 0;
  transform: translateY(-50%);
}

.eocobottle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bgcontent {
  background: linear-gradient(rgba(210, 71, 90, 0.5), rgba(210, 71, 90, 0.5)), url("https://cdn.shopify.com/s/files/1/0156/4088/files/13055843_992301114199319_3501645671046857115_o.jpg?v=1494432918") center center no-repeat;
}

.addition {
  display: block;
}

.addition:before {
  content: '+';
  width: 30px;
  height: 30px;
  color: #000000;
  position: absolute;
  right: -15px;
  top: 30%;
  font-size: 32px;
  font-weight: 400;
}

.additionlast {
  display: block;
}

.additionlast:before {
  content: '';
  width: 30px;
  height: 30px;
  color: #000000;
  position: absolute;
  right: -15px;
  top: 30%;
  font-size: 32px;
  font-weight: 600;
}

.usess {
  width: 150px;
  /*height:40px;*/
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background: #193A43 !important;
  margin: 0px auto;
  display: block;
  border-radius: 25px;
  font-size: 24px;
  padding: 5px 5px 7px 5px;
}

.usedit {
  /* background: #f6f6f6; */
  border-radius: 5px;
  padding: 50px 30px;
  overflow: hidden;
  text-align: left;
}

.usedit h3 {
  font-size: 25px;
}

.usedit ul {
  list-style: none;
  margin-top: 20px;
}

.usedit ul li {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.proimg {
  max-width: 85% !important;
  margin: 30px auto;
}

.usedit ul li::before {
  content: "";
  background-image: url(/images/icons/drop-bullet.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.1rem;
  margin-right: 0.2rem;
}

.eo-uses-scroll {
  width: 250px;
  float: left;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.uses-scroll {
  width: 100%;
  overflow-x: scroll;
  position: relative;
  display: block;
}

.oiluses {
  display: block;
  padding: 20px;
}

.oiluses h3 {
  /* color: #ffffff; */
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}

.oiluses p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}

.catogary-icons {
  background: #ffffff;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
  border: 1px solid #dcdcdc;
  display: block;
  padding-top: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.catogary-icons:hover {
  border: 1px solid #18352b;
  background: #ffffff;
}

.ingrespan {
  width: 100px;
  height: 3px;
  margin: 30px auto;
  background: #000000;
  display: block;
}

.ingreimg {
  object-fit: contain;
  width: 100%;
}

.ingrembt {
  margin-bottom: 30px;
}

/*.shadownew {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; }*/
.ui-group {
  margin-bottom: 20px;
}

.grid {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.grid>li {
  width: calc(100% / 3 - 30px);
  margin: 0px 15px;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 15px;
}

.filters {
  margin-top: 0px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}

.grid li img {
  max-width: 100%;
  border-radius: 10px;
}

.filters button {
  padding: 3px 25px;
  margin: 0px 5px;
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
  transition: 150ms;
  color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  outline: none;
  cursor: pointer;
  border: 2px solid #004533;
  color: #004533;
  cursor: pointer;
}

.filters button:focus,
.filters button:hover {
  background-color: #004533 !important;
  color: #ffffff !important;
}

.filters button.is-checked {
  background-color: #004533 !important;
  color: #ffffff !important;
}

.element-item>div {
  padding: 20px 15px;
  background-color: #121212;
  color: #dddddd;
}

.element-item p {
  font-size: 18px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
}

@media (max-width: 767px) {
  .bestselleco {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(-50%);
  }

  .eocobottle {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .addition:before {
    top: 8%;
  }

  .filters button {
    padding: 5px 10px;
    margin: 5px;
  }

  .grid>li {
    width: calc(100% - 30px);
  }

  .element-item p {
    font-size: 16px;
    line-height: 22px;
  }

  .bestsellertitle {
    margin-top: 15px;
  }

  .newlaunchess {
    margin-top: -50px !important;
  }

  .catogary-icons {
    padding: 10px;
  }
}

.ingrepdlf {
  padding: 0px 100px;
}

.ingrepdlfshop {
  padding: 0px 50px;
}

.shopbtn {
  width: 135px;
  float: right;
  margin-right: 12px;
  text-align: right;
  position: relative;
  right: 10px;
}

.uvp-list ul {
  display: inline-block;
  border: solid 0px #bababa;
  padding: 0rem 0rem 0rem 0rem;
  max-width: 100%;
}

.uvp-list ul {
  list-style: none;
}

.uvp-list ul>li {
  clear: left;
  padding: .8rem 0 .3rem 0;
  line-height: 22px;
  font-weight: 400;
  color: black;
  display: flex;
  align-items: center;
}

.uvp-list ul>li>span{
  width: 90%;
}


.uvp-list ul>li:before {
  content: "";
  /*height: 1.5rem;width: 1.5rem;*/
  display: block;
  float: left;
  margin-left: -1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.uvp-list ul>li:before {
  background: url(/images/ingredient/Research.png);
  background-size: cover;
  background-position: center;
  padding: 0rem;
  width: 100px;
  height: 100px;
  /* margin-top: -13px; */
  position: unset;
  margin-right: 10px;
}



.bestsellercontent {
  margin-bottom: 0.5rem;
  line-height: 24px;
}

.product-icons {
  margin: auto;
  max-width: 100%;
  padding-left: var(--ax40);
  row-gap: calc(var(--ax)* 60);
  width: calc(var(--ax)* 480);
  padding: 30px 0px;
}

.images-primary {
  height: auto;
  left: 0%;
  /* max-height: calc(var(--ax)* 450); */
  pointer-events: none;
  position: relative;
  /* top: calc(50% + var(--announcement-height) / 2 + var(--header-height) / 2); */
  /* transform: translateY(-50%) translate(-10%); */
  z-index: 5;
}

.images-item {
  height: 100%;
  left: 0;
  position: absolute;
  transform: translate(-31%);
  width: auto;
}

.images-item-mid{
      height: 100%;
    left: 0;
    position: absolute;
    transform: translate(-25%);
    width: auto;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.images-item img {
  width: 50%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slick-slider .slick-arrow {
    margin-top: -60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slick-slider .slick-arrow {
    margin-top: -60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slick-slider .slick-arrow {
    margin-top: -60px;
  }
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #193a43 !important;
  background-color: transparent !important;
  border-bottom: 1px solid #193a43 !important;
  /* border-color: #dee2e6 #dee2e6 #fff; */
}

.nav-tabs .nav-link {
  border-bottom: 1px solid #cccccc;
  margin-left: 10px;
  margin-right: 10px;
  background: transparent;
  color: #142b21 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: capitalize;
  padding: 5px 25px 7px 25px;
  border-radius: 0px;
}

.tab-pane {
  padding: 0rem 0;
}

.nav-link {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(3, 3, 37, 0.1) 100%);
}

.nav-link.active {
  font-weight: bold;
  background: #fff;
}

/*---------------*/
/***** Lily *****/
/*---------------*/
.grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: capitalize;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: 0em;
  font-weight: 500;
  font-size: 24px;
  color: #ffffff !important;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 0px;
  font-size: 80%;
}

figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

figure.effect-lily figcaption {
  text-align: left;
}

figure.effect-lily figcaption>div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em 5.5em 0.5em 1em;
  width: 100%;
  height: 40%;
}

figure.effect-lily h2,
figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-lily p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  line-height: 20px !important;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.stamp_home {
  width: auto;
  margin-bottom: 20px;
}

.stamp_home img {
  width: 70%;
}

.setus {
  background: #f9f5de;
  margin-top: 2px;
  font-size: 15px;
  max-width: 39ch;
  text-align: left;
  line-height: 20px;
  border-radius: 2px;
  padding: 10px 20px;
  display: block;
  position: relative;
  width: 90vw;
  left: 0;
  font-weight: 400;
}

.testimonialblock {
  margin: 0px 20px;
  background: #f8f8f8;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  width: 30%;
  height: auto;
  overflow: hidden;
  text-align: left;
  float: left;
  display: inline-block;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.testimonialblock p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 20px;
}

.testimonialblock p span {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
}

/* Footer Start */
#footer-subscribe {
  background: #f2f2f2 !important;
  padding: 25px 0;
  clear: both;
}

section .section-title {
  text-align: center;
  color: #007b5e;
  margin-bottom: 50px;
  text-transform: uppercase;
}

#footer-bottom {
  background: #f7f7f7
    /*#ffffff*/
    !important;
  padding: 25px 0 0px 0;
  clear: both;
  border-top: 1px solid rgb(204, 204, 204);
}

#footer-bottom h5 {
  /* padding-left: 10px; */
  padding-bottom: 6px;
  margin-bottom: 20px;
  color: #193a43;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

#footer-bottom p>.h6 {
  /* padding-left: 10px; */
  padding-bottom: 6px;
  margin-bottom: 20px;
  color: #7ab23a;
  font-size: 16px;
  font-weight: 600;
}

#footer-bottom a {
  color: #000000;
  text-decoration: none !important;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

#footer-bottom ul.social li {
  padding: 3px 0;
}

#footer-bottom ul.social li a i {
  margin-right: 5px;
  font-size: 25px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
  color: #000000;
}

#footer-bottom ul.social li:hover a i {
  font-size: 30px;
  margin-top: -10px;
  color: #589e2a;
}

#footer-bottom ul.social li a,
#footer-bottom ul.quick-links li a {
  color: #333333;
  /*#589e2a*/
  font-weight: 500;
  font-size: 14px;
}

#footer-bottom ul.social li a:hover {
  color: #eeeeee;
}

#footer-bottom ul.quick-links li {
  padding: 3px 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}

#footer-bottom ul.quick-links li:hover {
  padding: 3px 0;
  margin-left: 5px;
  font-weight: 700;
}

#footer-bottom ul.quick-links li a i {
  margin-right: 5px;
}

#footer-bottom ul.quick-links li:hover a i {
  font-weight: 700;
}

.deskviewfoot {
  display: flex;
}

.text-white {
  text-align: left;
}

@media (max-width:767px) {
  #footer-bottom h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
  }

  .ingrepdlf {
    padding: 0px 10px;
  }

  .ingrepdlfshop {
    padding: 0px 10px;
  }

  .testimonialblock {
    margin: 10px 20px;
    width: 100%;
  }

  .setus {
    margin-top: -11px;
    max-width: 42ch;
    margin-bottom: 16px;
    margin-left: -30px;
  }
}

.subscribeform_sec {
  background: #f2f2f2;
  display: block;
  padding-top: 30px;
}

.subscribeform_sec h2 {
  font-weight: 700;
  color: rgb(0, 0, 0);
  font-size: 30px;
  margin-top: 0px;
}

/* footer end */
@media only screen and (max-width: 767px) {
  .text-white {
    text-align: center !important;
  }

  .deskviewfoot {
    display: none;
  }

  .slick-slider .slick-arrow {
    margin-top: -37px;
  }
}

.slick-slider .slick-arrow i {
  font-size: 18px;
  line-height: 14px;
}

.slick-slider .slick-arrow.slick-prev {
  right: 50px;
  display: none !important;
}

.slick-slider .slick-arrow.slick-next {
  right: 10px;
  display: none !important;
}

.slick-slider .slick-arrow:hover {
  color: #cea679;
}

.slick-slider .slick-arrow:hover::before {
  margin-left: 6px;
  margin-top: 6px;
}

.slick-slider .slick-dots {
  width: 15%;
  padding: 0;
  margin: -100px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 46%;
}

.slick-slider .slick-dots li {
  margin: 0 5px;
  display: inline-block;
}

.slick-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: #d8d8d8;
  text-indent: -9999px;
  border-radius: 50px;
}

.slick-slider .slick-dots li.slick-active button {
  background-color: #db9c28;
}

.normal-nav .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  margin-top: 0;
  border: none;
  background-color: #f1f1f1;
  color: #999999;
  padding: 10px;
  width: 34px;
  height: 34px;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
}

.normal-nav .slick-arrow.slick-prev {
  left: 0;
}

.normal-nav .slick-arrow.slick-next {
  right: 0;
}

.gallery-item {
  position: relative;
}

.gallery-item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #3F5736;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gallery-item img {
  width: 100%;
}

.gallery-item .plus {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  opacity: 0;
}

.gallery-item .plus::before,
.gallery-item .plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gallery-item .plus::before {
  width: 150px;
  height: 1px;
}

.gallery-item .plus::after {
  width: 1px;
  height: 150px;
}

.gallery-item:hover::before {
  opacity: 0.75;
}

.gallery-item:hover .plus {
  opacity: 1;
}

.gallery-item:hover .plus::before {
  width: 40px;
}

.gallery-item:hover .plus::after {
  height: 40px;
}

blockquote.blockquote {
  background-color: #f1f2f3;
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

blockquote.blockquote::before {
  position: absolute;
  left: -5px;
  top: -10px;
  z-index: -1;
  opacity: 0.07;
}

blockquote.blockquote p {
  font-size: 18px;
  font-style: italic;
}

blockquote.blockquote .author {
  font-size: 14px;
  display: block;
  line-height: 18px;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
header.header {
  background-color: #ffffff;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

header.header.is-sticky {
  position: fixed;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

header.header.is-sticky .header-top {
  display: none;
}

header.header.is-sticky .header-bottom {
  padding: 0px 0 0px;
}

/*-- Header Top --*/
.header-top {
  background-color: #1A3021;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1440px) {
  .slick-slider .slick-dots {
    width: 10%;
    padding: 0;
    margin: -105px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 50px;
    margin-left: 48%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .header-top {
    padding-top: 10px;
  }
}

.header-top.bg-dark {
  border-color: #535353;
}

.header-top>.container>.row>.col {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-top>.container>.row>.col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

p.h6 {
  text-align: right !important
}

@media only screen and (max-width: 575px) {
  .header-top>.container>.row>.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
  }

  .header-top>.container>.row>.col:first-child {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .header-top>.container>.row>.col:last-child {
    margin-bottom: 10px;
  }
}

/*-- Header Top Links --*/
.header-top-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  p.h6 {
    text-align: center !important
  }

  .header-top-links ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.header-top-links ul li {
  font-size: 15px;
  line-height: 26px;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3F5736;
}

@media only screen and (max-width: 767px) {
  .header-top-links ul li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .header-top-links ul li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 10px;
    display: block;
  }

  .uvp-list ul>li {
    display: unset;
  }
}



.header-top-links ul li:last-child {
  margin-right: 0;
}

.header-top-links ul li i {
  margin-right: 6px;
  font-size: 18px;
  line-height: 26px;
  float: left;
  padding-top: 2px;
}

.header-top-links ul li a {
  display: block;
}

.header-top-links.color-white ul li {
  color: #d8d8d8;
}

.moblftspace {
  padding-left: auto;
}

.subscribe-heading {
  font-weight: 700 !important;
  color: #000000;
  font-Size: 30px !important;
  margin-top: 70px !important;
}

/*-- Header Top Social --*/
.header-top-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 25px;
}

@media only screen and (max-width: 767px) {
  .subscribe-heading {
    margin-top: 15px !important;
  }

  .header-top-social {
    padding-left: 15px;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 575px) {
  .header-top-social {
    padding-left: 0;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .header-top-social {
    padding-left: 0;
    margin-top: 10px;
  }
}

.header-top-social a {
  padding: 0 8px;
  color: #3F5736;
}

.header-top-social a i {
  font-size: 18px;
  display: block;
  line-height: 28px;
}

.header-top-social a:hover {
  color: #cea679;
}

.header-top-social.color-white a {
  color: #d8d8d8;
}

.header-top-social.color-white a:hover {
  color: #cea679;
}

.reviewimgcon {
  width: 164px;
  height: 164px;
  display: inline-block;
}

.faqspd {
  padding-left: 35px;
  padding-right: 35px
}

.faqsub {
  padding: auto;
}

/*-- Header Top Currency Menu --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-right {
    padding-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .ht-right {
    padding-bottom: 5px;
  }
}

.ht-us-menu,
.ht-cr-menu {
  margin-right: 15px;
}

.ht-us-menu>li,
.ht-cr-menu>li {
  position: relative;
}

.ht-us-menu>li>a,
.ht-cr-menu>li>a {
  color: #3F5736;
  display: block;
  font-weight: normal;
  position: relative;
  text-transform: capitalize;
  z-index: 10;
  font-size: 15px;
  line-height: 40px;
}

.ht-us-menu>li>a::after,
.ht-cr-menu>li>a::after {
  display: block;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 10px;
  line-height: 40px;
  float: right;
}

.ht-us-menu>li>a:hover,
.ht-cr-menu>li>a:hover {
  color: #cea679;
}

.ht-us-menu>li>a i,
.ht-cr-menu>li>a i {
  font-size: 18px;
  color: #3F5736;
  padding-right: 8px;
  vertical-align: middle;
}

.ht-us-menu>li:hover .ht-dropdown,
.ht-cr-menu>li:hover .ht-dropdown {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.ht-us-menu.color-white>li>a,
.ht-cr-menu.color-white>li>a {
  color: #d8d8d8;
}

.ht-us-menu.color-white>li>a i,
.ht-cr-menu.color-white>li>a i {
  color: #d8d8d8;
}

.ht-cr-menu {
  margin-right: 0;
}

.ht-cr-menu li {
  margin-right: 15px;
}

.ht-cr-menu li:last-child {
  margin-right: 0;
}

.ht-cr-menu li a img {
  margin-right: 5px;
}

.ht-cr-menu.color-white>li>a {
  color: #d8d8d8;
}

.ht-cr-menu.color-white>li>a i {
  color: #d8d8d8;
}

.ht-dropdown {
  position: absolute;
  top: 80%;
  right: 0;
  width: 155px;
  background-color: #fff;
  padding: 0px 20px;
  z-index: 101;
  text-align: left;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .ht-dropdown {
    right: auto;
    left: 0;
  }
}

.ht-dropdown.width-20 {
  width: auto;
  padding: 0 15px;
}

.ht-dropdown.width-50 {
  width: 120px;
  padding: 0 15px;
}

.ht-dropdown li a {
  padding: 10px 0;
  line-height: 24px;
  display: block;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
  border-top: none;
  height: inherit;
  border-radius: 0;
  color: #555555;
  text-transform: capitalize;
  position: relative;
  z-index: 10;
  font-size: 13px;
}

.ht-dropdown li a:hover {
  color: #cea679;
}

/*-- Header Bottom --*/
.header-bottom {
  /* border-bottom: 1px solid #e5e5e5; */
}

.header-bottom.bg-dark {
  border-color: #ffffff !important;
}

.header-bottom.menu-right>.container>.row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom.menu-right>.container>.row {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .header-bottom.menu-right>.container>.row {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}

.header-bottom.menu-right>.container>.row>.col {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: static;
}

.header-bottom.menu-right>.container>.row>.col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/*-- Header Logo --*/
@media only screen and (max-width: 479px) {
  .logo {
    width: 160px;
    z-index: 99999;
    position: relative;
    max-width: 100%;
  }

  .menuheight {
    height: auto;
    padding-top: 20px !important;
  }

  .logo a img {
    margin-left: 45% !important;
    top: 0;
  }
  .header-logo-wrapper{
    max-width: 55%;
        flex: 0 0 55%;
  }
}

.logo a {
  display: inline-block;
}

.logo a img {
  max-width: 100%;
}

/*-- Header Search --*/
.header-search {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-search {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-search {
    margin-left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .header-search {
    margin-left: 0;
  }
}

.header-search-toggle {
  background-color: transparent;
  border: none;
  color: #9a9a9a;
  padding: 0;
  width: 33px;
  height: 33px;
  line-height: 30px;
  border: 2px solid #9a9a9a;
  border-radius: 50%;
}

.header-search-toggle i {
  font-size: 16px;
}

.header-search-toggle.open i {
  font-size: 16px;
}

.header-search-toggle.color-white {
  /*color:#084639;border-color:#084639;*/
  color: #000000;
  border-color: #ffffff;
}

.header-search-toggle.color-white>a>i {
  color: #084639;
  border-color: #084639;
}

/*-- Search Form --*/
.header-search-form {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 100;
}

@media only screen and (max-width: 479px) {
  .header-search-form {
    right: -130px !important;
  }
}

@media only screen and (max-width: 479px) {
  .header-search-toggle.color-white {
    color: #084639;
    border-color: #ffffff;
    /*border-color: #084639;*/
    margin-left: 5px;
  }

  .header-search-form {
    right: -85px;
  }
}

.header-search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-search-form form input {
  width: 250px;
  border: none;
  background-color: transparent;
  color: #3F5736;
  line-height: 24px;
  padding: 13px 20px;
}

@media only screen and (max-width: 479px) {
  .header-search-form form input {
    width: 216px;
  }
}

.header-search-form form button {
  line-height: 24px;
  padding: 13px 15px;
  border: none;
  background-color: #db9c28;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}

.header-search-form form button i {
  font-size: 16px;
  line-height: 22px;
}

/*-- Header Cart --*/
.header-cart {
  background-color: transparent;
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 30px;
  margin-left: 22px;
  margin-right: 8px;
  /*border: 2px solid #9a9a9a;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;*/
  align-items: center;
}


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

  .of-attr-bdr {
    border-bottom: 1px solid #3a7e3d;
    border-right: none !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-bottom: 7px;
  }

  .justify-head.marginmenu {
    margin: auto;
    justify-content: center !important;
  }

  .of-attr-img {
    background: #62a744;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 5px;
    margin: 5px auto !important;
    z-index: 4 !important;
  }

  .of-attr-sec h3 {
    text-align: center;
    font-weight: 600;
    font-size: 14px !important;
    color: #fff !important;
    margin-top: 28px !important;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .header-cart {
    margin-right: 5px;
  }
}

.header-cart>a {
  background-color: transparent;
  border: none;
  color: #9a9a9a;
  padding: 0;
  line-height: 1;
  width: 35px;
  height: 35px;
  line-height: 30px;
  /*border: 2px solid #9a9a9a;*/
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.header-cart>a i {
  font-size: 16px;
}

.header-cart>a span {
  position: absolute;
  right: -6px;
  top: -1px;
  background-color: #000;
  min-width: 20px;
  height: 20px;
  padding: 1px;
  color: #ffffff;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  border-radius: 50%;
  /*position: absolute;right: 0;top: -10px;background-color: #ff5501;width: 18px;height: 18px;color: #ffffff;border: 1px solid;border-radius: 50%;text-align: center;font-size: 12px;line-height: 15px;border-radius: 50%;*/
}

.header-cart:hover .header-cart-dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.header-cart.color-white>a {
  color: #ffffff;
  border-color: transparent;
  padding-top: 3px;
  margin-left: -4px;
}

.carvisible {
  opacity: 1 !important;
  visibility: visible !important;
  top: 100% !important;
}

.header-cart-dropdown {
  position: absolute;
  width: 320px;
  background: #fff;
  right: 15px;
  top: 120%;
  padding: 5px 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-cart-dropdown {
    display: none;
  }


  .mobile-menu {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-cart-dropdown {
    display: none;
  }
}

.cart-img {
  float: left;
  width: 25%;
  margin-right: 20px;
  position: relative;
}

.cart-content {
  float: left;
  width: 62%;
}

.cart-item-remove {
  margin-top: 30px;
}

ul.cart-items li {
  list-style: none;
  display: block;
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
  text-align: left;
}

.cart-content span {
  color: #222;
  font-weight: 400;
  font-size: 16px;
}

.cart-content span.product-price {
  color: #193a43;
  font-size: 16px;
}

.product-name {
  color: #193a43;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
}

.cart-item-remove a {
  position: absolute;
  color: #222;
  right: 2px;
  top: 18px;
  display: inline-block;
  left: auto;
  font-size: 20px;
}

.cart-item-remove a:hover {
  color: #cea679;
}

.cart-total {
  overflow: hidden;
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ededed;
}

.cart-total h5 {
  color: #3e3d43;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.cart-btn {
  padding: 20px;
  background-color: #fff;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -5px;
}

.cart-btn a {
  display: block;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.cart-btn a:first-child {
  margin-bottom: 10px;
}

.cart-btn a:hover {
  background: #cea679;
  border-color: #cea679;
  color: #fff;
}

/*-- Main Menu --*/
.main-menu>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-menu>ul>li {
  position: relative;
}

.main-menu>ul>li>a {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #3a7f2e;
  /* text-transform: uppercase; */
  display: block;
  padding: 4px 3px;
  position: relative;
  margin: 8px 20px;
  /*margin: 28px 10px;*/
}

.philosphybtn {
  padding-bottom: 12px;
}

.philosphybtn1 {
  padding-bottom: 42px;
}

.signintxt1 {
  padding-left: 0px;
}

.prodmrglft {
  padding-left: 15px;
  margin-left: 0px;
}

.bestsellermt {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>ul>li>a {
    padding: 15px 9px;
  }

  .main-menu>ul>li>a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    font-family: 'Montserrat', Poppins, sans-serif;
    color: #3a7f2e;
    text-transform: uppercase;
    display: block;
    padding: 0px 8px;
    position: relative;
  }

  .footermenu {
    padding: 10px 5px;
    font-size: 14px;
  }

  .footertext {
    padding: 0px 60px;
  }

  .justify-head {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: -10px !important;
    padding-top: 8px;
  }

  .slick-slide img {
    display: inline-block;
    margin-top: -94px;
  }

  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url(../images/mob-about.png) no-repeat;
    background-size: cover;
  }

  .pt-md-65 {
    padding-top: 0px !important;
  }

  .launches {
    margin-top: -44px;
  }

  .feature-item-txt {
    margin-top: -105px;
  }

  .older {
    margin-top: -8px;
  }

  .philoblocks {
    /* display: table-cell; */
    float: left;
    height: 332px;
    text-align: center;
  }

  .philosphybtn {
    padding-top: 28px;
  }

  .philosphybtn1 {
    padding-top: 0px;
    margin-top: -10px;
    line-height: 26px;
  }

  .footer-social a {
    text-align: center;
    border-radius: 50px;
    color: #0c483c;
    margin: 5px 12px 0 0 !important;
    display: block;
  }

  .social_align {
    margin-left: -11px !important;
    margin-right: 0px;
  }

  .header-cart {
    margin-left: 20px !important;
  }

  .signintxt1 {
    padding-left: 20px !important;
  }

  .categoryimg {
    display: block;
  }

  .categoryimg img {
    margin-top: 0px;
  }

  .header-search {
    margin-left: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
}

.main-menu>ul>li.has-dropdown>a::after {
  content: "\f107";
  font-family: Fontawesome;
  line-height: 30px;
  margin-left: 3px;
}

.main-menu>ul>li.active>a,
.main-menu>ul>li:hover>a {
  color: #042216;
}

.main-menu>ul>li:hover>.sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu>ul>li:hover>.mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu>ul>li:last-child .sub-menu {
  left: auto;
  right: 0;
}

.main-menu>ul>li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu>ul>li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu>ul>li:nth-last-child(-n+3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu>ul>li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu.color-white>ul>li>a {
  color: #db9c28;
}

.main-menu.color-white>ul>li>a:hover {
  color: #193a43;
  /*color: #042216;*/
}

.active {
  color: #193a43 !important;
}

.active:hover {
  color: #416e7a !important;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-left: -20px;
  margin-top: 30px;
  padding: 20px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 210px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}

.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

.sub-menu li a {
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #3F5736;
  display: block;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  padding: 0 20px;
}

.sub-menu li.has-dropdown>a::after {
  content: "\f105";
  font-family: Fontawesome;
  line-height: 30px;
  float: right;
}

.sub-menu li.active>a {
  color: #cea679;
}

.sub-menu li .sub-menu {
  left: 100%;
  top: 0;
  margin-left: 0;
}

.sub-menu li:hover>a {
  color: #cea679;
}

.sub-menu li:hover>.sub-menu {
  margin-top: -10px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.sub-menu li .sub-menu {
  left: 100%;
  margin-left: 0;
  top: 0;
}

.sub-menu li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.sub-menu li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu.four-column {
  width: 700px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu.four-column {
    width: 670px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu.four-column {
    width: 670px;
  }
}

.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-bottom: 2px solid #cea679;
  text-align: left;
  z-index: 999;
  width: 800px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu {
    width: 500px;
    left: -6px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu {
    width: 620px;
    left: -160px;
  }
}

.mega-menu>li {
  width: 32%;
  padding: 0px 13px;
  margin: 34px 0;
  float: left;
  border-left: 1px solid #eeeeee;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu>li {
    padding: 0 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu>li {
    padding: 0 5px;
  }
}

.mega-menu>li:first-child {
  border-left: 0;
}

.mega-menu>li>a {
  margin: 0 0 12px 20px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 20px;
  color: #3F5736;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu>li>a {
    margin: 0 0 12px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu>li>a {
    margin: 0 0 12px 15px;
  }
}

.mega-menu>li>ul>li {
  display: block;
}

.mega-menu>li>ul>li>a {
  padding: 0px 20px;
  display: block;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  color: #3F5736;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu>li>ul>li>a {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu>li>ul>li>a {
    padding: 0 20px;
  }
}

.mega-menu>li>ul>li>a:hover {
  color: #cea679;
}

/*-- Mobile Menu --*/
.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  background-color: #3F5736;
}

.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  background-color: #3F5736;
}

.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.bg-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  background-color: #3F5736;
}

.mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 1 0 100% !important;
}

.mobile-menu .mean-bar {
  position: relative;
  margin-top: -50px;
}

/*---- Mean Nav ----*/
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -30px;
}

.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
}

/*---- Menu Open ----*/
/*---- Menu Close ----*/
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #3F5736;
  display: block;
  margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3F5736;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3F5736;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
  background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav>ul {
  margin-bottom: 30px;
  /*border: 1px solid rgba(0, 0, 0, 0.05);*/
  border: 1px solid #ffffff;
  overflow-x: hidden;
  max-height: 250px;
}

@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav>ul {
    max-height: 250px;
    overflow-y: auto;
  }

  .meanmenu-reveal {
    top: -35px !important;
  }

  .mobile-menu .mean-bar .mean-nav>ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
  }

  /*---- Sub Menu & Mega Menu ----*/
}

@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav>ul {
    max-height: 250px;
    overflow-y: auto;
  }
}

.mobile-menu .mean-bar .mean-nav>ul>li:first-child>a {
  border-top: none;
}

.mobile-menu .mean-bar .mean-nav>ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

/*---- Sub Menu & Mega Menu ----*/
.mobile-menu .mean-bar .mean-nav>ul li a {
  font-size: 13px;
  display: block;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #3F5736;
  font-weight: 600;
  /* text-transform: uppercase; */
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 40px 0 20px;
}

/*---- Menu Expand For Sub Menu ----*/
.mobile-menu .mean-bar .mean-nav>ul li a::after {
  display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
  color: #cea679;
  padding-left: 25px;
}

.mobile-menu .mean-bar .mean-nav>ul li a.active {
  color: #cea679;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #3F5736;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav>ul li span {
  font-size: 13px;
  display: block;
  color: #3F5736;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  padding: 0 40px 0 20px;
  margin: 0;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
  font-size: 11px;
  display: block !important;
  margin: 0;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
  display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li span,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li span,
.mobile-menu .mean-bar .mean-nav>ul li ul li span {
  font-size: 11px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.slider-nav .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: transparent;
  color: #999999;
  padding: 0px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 24px;
  text-transform: capitalize;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav .slick-arrow {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-arrow {
    font-size: 18px;
  }
}

.slider-nav .slick-arrow::before {
  display: none;
}

.slider-nav .slick-arrow.slick-next {
  margin-right: 0;
  margin-top: -60px;
  left: auto !important;
  right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav .slick-arrow.slick-next {
    margin-top: -40px;
  }

  .prodimgtop {
    display: inline-block;
    margin-top: 0px;
    vertical-align: top;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-arrow.slick-next {
    margin-top: -30px;
  }
}

.slider-nav .slick-arrow.slick-prev {
  margin-left: 0;
  margin-top: 60px;
  left: auto !important;
  right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav .slick-arrow.slick-prev {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-arrow.slick-prev {
    margin-top: 30px;
  }
}

.slider-nav .slick-arrow:hover {
  background-color: transparent;
  color: #cea679;
}

.slider-nav:hover .slick-arrow {
  opacity: 1;
}

.slider-nav:hover .slick-arrow.slick-next {
  margin-right: 0;
}

.slider-nav:hover .slick-arrow.slick-prev {
  margin-left: 0;
}

.slider-nav .slick-dots {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-dots {
    bottom: 20px;
  }

  .reviewpgrgt {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .slider-nav .slick-dots {
    bottom: 15px;
  }
}

.slider-nav .slick-dots li {
  margin: 0 5px;
}

.slider-nav .slick-dots li button {
  display: block;
  padding: 0;
  width: 15px;
  height: 4px;
  background-color: #252525;
  text-indent: -9999px;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .slider-nav .slick-dots li button {
    border-width: 2px;
    width: 10px;
    height: 10px;
  }
}

.slider-nav .slick-dots li.slick-active button {
  width: 15px;
  background-color: #cea679;
}

/*-- Hero Item --*/
.hero-item {
  width: 100%;
  height: 500px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  padding: 0px;
  margin: 0px !important;
}

.hero-item.image-height {
  height: 665px;
}

.slick-current div {
  margin: 0px !important;
}

@media only screen and (min-width:1900px) and (max-width:1920px) {
  .philosphybtn {
    padding-top: 0px;
  }

  .philosphybtn1 {
    padding-top: 0px;
  }

  .philoheight {
    height: 85px;
    padding: 0px 100px 0px 100px;
  }

  .newsblog {
    margin-top: -70px !important;
  }

  .topmenu_srch {
    justify-content: flex-end !important;
  }

  .justify-head {
    justify-content: flex-end !important;
  }

  .hero-item.image-height {
    height: 780px;
  }

  .intafeedblock {
    height: auto;
    margin-top: 50px !important;
  }

  .hero-item {
    max-width: 100%;
    height: 900px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
  }

  .desktopslide {
    display: block !important;
    width: 100%;
  }

  .slidersection {
    z-index: 1 !important;
    margin-top: -25px;
  }

  /*.aboutbg {width: 100%;overflow: hidden;display: block;height: auto;background: url(../images/about-us-section.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:650px;margin-top:6px;padding-top:100px;}*/
  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url(../images/about-us-section.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    margin-top: -6px;
    padding-top: 100px;
  }
}

@media only screen and (min-width: 2502px) and (max-width:2560px) {
  .bloglgscreen {
    margin-top: 160px !important;
  }

  .oursolutionsec {
    margin-top: 0px;
    margin-bottom: 140px;
  }

  .philosphybtn {
    padding-top: 0px;
  }

  .philosphybtn1 {
    padding-top: 0px;
  }

  .philoheight {
    height: 85px;
    padding: 0px 100px 0px 100px;
  }

  .newsblog {
    margin-top: -53px !important;
  }

  .topmenu_srch {
    justify-content: flex-end !important;
  }

  .justify-head {
    justify-content: flex-end !important;
  }

  .hero-item.image-height {
    height: 780px;
  }

  .intafeedblock {
    height: auto;
    margin-top: 123px !important;
  }

  .hero-item {
    max-width: 100%;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
  }

  .desktopslide {
    display: block !important;
    width: 100%;
  }

  .slidersection {
    z-index: 1 !important;
    margin-top: -25px;
  }

  /*.aboutbg {width: 100%;overflow: hidden;display: block;height: auto;background: url(../images/about-us-section.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:650px;margin-top:6px;padding-top:100px;}*/
  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url(../images/about-us-section.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    margin-top: -6px;
    padding-top: 100px;
  }
}

@media only screen and (min-width:1900px) and (max-width:1920px) {
  .philosphybtn {
    padding-top: 0px;
  }

  .philosphybtn1 {
    padding-top: 0px;
  }

  .philoheight {
    height: 85px;
    padding: 0px 100px 0px 100px;
  }

  .newsblog {
    margin-top: -30px !important;
  }

  .topmenu_srch {
    justify-content: flex-end !important;
  }

  .justify-head {
    justify-content: flex-end !important;
  }

  .slidersection {
    z-index: 1 !important;
    margin-top: 0px;
  }

  .hero-item.image-height {
    height: 780px;
  }

  .intafeedblock {
    height: auto;
    margin-top: 50px !important;
  }

  .hero-item {
    max-width: 100%;
    height: 790px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
  }

  .desktopslide {
    display: block !important;
    width: 100%;
  }

  .intssec {
    margin-top: 15px !important;
  }

  /*.aboutbg {width: 100%;overflow: hidden;display: block;height: auto;background: url(../images/about-us-section.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:650px;margin-top:6px;padding-top:100px;}*/
  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url(../images/about-us-section.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    margin-top: -6px;
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1921px) and (max-width:2500px) {
  .philosphybtn {
    padding-top: 90px;
  }

  .philosphybtn1 {
    padding-top: 37px;
  }

  .hero-item.image-height {
    height: 780px;
  }

  .hero-item {
    width: 100%;
    height: 772px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item.image-height {
    height: 500px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.image-height {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.image-height {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item.image-height {
    height: 400px;
  }

  /* .prodmrglft {
    padding-left: 0;
    margin-left: -2px;
  } */
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item {
    height: auto
      /*550px;*/
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    height: 400px;
  }

  .feature-item-txt {
    margin-top: -88px !important;
  }

  .carousel-indicators {
    display: none !important
  }

  .mb-custom {
    margin-bottom: 20px;
  }

  .mobile-tablet {
    display: block !important;
  }

  .desktop-view {
    display: none !important;
  }

  .oursolutionsec {
    margin-top: 0px !important;
  }

  .rangespage {
    margin-top: -35px !important;
  }

  .intafeedblock {
    margin-top: 0px !important;
  }

  .launches {
    background-image: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item {
    height: 530px;
    background: transparent;
  }
}

/*-- Hero Content Two For Hero Slider --*/
.hero-content-2.left {
  text-align: left;
}

.hero-content-2.center {
  text-align: center;
}

.hero-content-2.right {
  text-align: right;
}

.hero-content-2.color-1 h2 {
  color: #45342d;
}

.hero-content-2.color-1 h1 {
  color: #45342d;
}

.hero-content-2.color-1 h3 {
  color: #c16404;
}

.hero-content-2>* {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.hero-content-2 h2 {
  font-size: 46px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-2 h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-2 h2 {
    font-size: 20px;
  }
}

.hero-content-2 h1 {
  font-size: 62px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  color: #cea679;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2 h1 {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-2 h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-2 h1 {
    font-size: 28px;
  }
}

.hero-content-2 h3 {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2 h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 h3 {
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 5px;
  }
}

.hero-content-2 a {
  font-size: 20px;
  line-height: 1;
  text-decoration: underline;
  display: block;
  color: #cea679;
  font-weight: 600;
}

/*-- Hero Content Three For Hero Slider --*/
.hero-content-3 {
  display: inline-block;
  text-align: center;
}

.hero-content-3.left {
  text-align: left;
}

.hero-content-3.center {
  text-align: center;
}

.hero-content-3.right {
  text-align: right;
}

.hero-content-3>* {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.hero-content-3 h2 {
  color: #cea679;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-3 h2 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-3 h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-3 h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-3 h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-3 h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.hero-content-3 h1 {
  color: #777777;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-3 h1 {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-3 h1 {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-3 h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 h1 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-3 h1 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-3 h1 {
    font-size: 26px;
  }
}

.hero-content-3 h3 {
  color: #3F5736;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-3 h3 {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-3 h3 {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-3 h3 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 h3 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-3 h3 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-3 h3 {
    font-size: 26px;
  }
}

.hero-content-3 a {
  color: #3F5736;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin: 35px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-3 a {
    margin: 25px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-3 a {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-3 a {
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 a {
    margin: 10px 0 0;
  }
}

.hero-content-3 a:hover {
  color: #cea679;
}

/*-- Hero Content Four For Hero Slider --*/
.hero-content-4 {
  display: inline-block;
}

.hero-content-4.left {
  text-align: left;
}

.hero-content-4.center {
  text-align: center;
}

.hero-content-4.right {
  text-align: right;
}

.hero-content-4>* {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.hero-content-4 h2 span {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  background-color: #cea679;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-4 h2 span {
    font-size: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-4 h2 span {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-4 h2 span {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 h2 span {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-4 h2 span {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-4 h2 span {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.hero-content-4 h1 span {
  color: #ffffff;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
  background-color: #3F5736;
  display: inline-block;
  padding: 0 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-4 h1 span {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-4 h1 span {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-4 h1 span {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 h1 span {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-4 h1 span {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-4 h1 span {
    font-size: 26px;
  }
}

.hero-content-4 h3 span {
  color: #ffffff;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
  background-color: #3F5736;
  display: inline-block;
  padding: 0 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-4 h3 span {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-4 h3 span {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-4 h3 span {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 h3 span {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content-4 h3 span {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content-4 h3 span {
    font-size: 26px;
  }
}

.hero-content-4 a {
  color: #cea679;
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin: 35px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-4 a {
    margin: 25px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-4 a {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-4 a {
    margin: 20px 0 0;
  }
}

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

  .hero-content-4 a {
    margin: 10px 0 0;
  }
}

.hero-content-4 a:hover {
  color: #cea679;
}

/*-- Slide Content In Animation --*/
.slick-active {}

/*-- Hero Content Two For Hero Slider --*/
.slick-active .hero-content-2>*,
.slick-active .hero-content-3>*,
.slick-active .hero-content-4>* {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.slick-active .hero-content-2>*:nth-child(1),
.slick-active .hero-content-3>*:nth-child(1),
.slick-active .hero-content-4>*:nth-child(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.slick-active .hero-content-2>*:nth-child(2),
.slick-active .hero-content-3>*:nth-child(2),
.slick-active .hero-content-4>*:nth-child(2) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.slick-active .hero-content-2>*:nth-child(3),
.slick-active .hero-content-3>*:nth-child(3),
.slick-active .hero-content-4>*:nth-child(3) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.slick-active .hero-content-2>*:nth-child(4),
.slick-active .hero-content-3>*:nth-child(4),
.slick-active .hero-content-4>*:nth-child(4) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.slick-active .hero-content-2>*:nth-child(5),
.slick-active .hero-content-3>*:nth-child(5),
.slick-active .hero-content-4>*:nth-child(5) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.slick-active .hero-content-2>*:nth-child(6),
.slick-active .hero-content-3>*:nth-child(6),
.slick-active .hero-content-4>*:nth-child(6) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
.about-section-area {
  text-align: center;
  border: 20px solid #e5e5e5;
  padding: 0 40px;
}

.prodimgsrc>.lazy-load-image-loaded {
  width: 100% !important;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .about-section-area {
    padding: 0 15px;
    border: 5px solid #e5e5e5;
  }
}

.about-section-area .text-des {
  padding: 55px 30px 39px;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section-area .text-des {
    padding: 40px 30px 28px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-area .text-des {
    padding: 40px 0px 28px;
  }
}

.about-section-area .text-des h3 {
  font-size: 24px;
  color: #3F5736;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}

.about-section-area .text-des p {
  line-height: 24px;
  color: #3F5736;
  margin: 0;
  padding: 25px 0 0;
}

.about-section-area .about-social {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .about-section-area .about-social {
    padding: 20px 0;
  }
}

.about-section-area .about-social a {
  padding: 0 8px;
  color: #3F5736;
}

.about-section-area .about-social a i {
  font-size: 18px;
  display: block;
  line-height: 28px;
}

.about-section-area .about-social a:hover {
  color: #cea679;
}

/* About Page CSS */
.about-us-content h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: capitalize;
  color: #3F5736;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .about-us-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

.about-us-content h2 p {
  line-height: 22px;
}

.about-us-image {
  overflow: hidden;
}

.about-us-image.img-full img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.about-us-img-wrapper:hover .about-us-image img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.single-team {
  position: relative;
}

.single-team .team-image {
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team .team-image a {
  display: block;
}

.single-team .team-image a img {
  width: 100%;
}

.single-team .team-content {
  bottom: 0;
  padding: 30px;
  position: absolute;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .single-team .team-content {
    padding: 30px;
  }
}

.single-team .team-content .team-hover-info {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  padding: 30px 0;
  right: 30px;
  z-index: 2;
}

.single-team .team-content .team-hover-info h2 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 14px;
  text-transform: capitalize;
}

.single-team .team-content .team-hover-info .team-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single-team .team-content .team-hover-info .team-social li {
  list-style: none;
  padding: 0 17px;
}

.single-team .team-content .team-hover-info .team-social li>a>i {
  border: 0 solid transparent;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  height: auto;
  line-height: 20px;
  width: auto;
}

.single-team .team-content .team-hover-info .team-social li>a:hover>i {
  color: #cea679;
}

.single-team:hover .team-image img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team:hover .team-content {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

/* Testimonial CSS */
.single-testimonial-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 775px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-area {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
}

.single-testimonial-area .testimonial-image {
  vertical-align: top;
  border-radius: 100%;
  float: left;
  width: 104px;
  height: 104px;
  border: 2px solid #cea679;
  margin-top: 13px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 104px;
  flex: 0 0 104px;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-area .testimonial-image {
    margin: 0 auto;
  }
}

.single-testimonial-area .testimonial-image img {
  width: auto;
}

.single-testimonial-area .testimonial-content {
  overflow: hidden;
  text-align: left;
  padding-left: 98px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-area .testimonial-content {
    padding-left: 70px;
  }
}

.single-testimonial-area .testimonial-content::before {
  content: "“";
  font-size: 100px;
  color: #363636;
  position: absolute;
  left: 10px;
  top: -4px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-area .testimonial-content::before {
    left: 0;
  }
}

.testimonial-content>p.author-desc {
  margin: auto;
  line-height: 28px;
  padding: 15px 0;
  color: #3F5736;
}

.testimonial-content>p.testimonial-author {
  text-transform: uppercase;
  color: #3F5736;
  margin: 7px 0 0 0;
}

/*----------------------------------------*/
/*  05. Banner CSS
/*----------------------------------------*/
/*-- Single Banner Image Style CSS --*/
.single-banner {
  position: relative;
  overflow: hidden;
}

.single-banner a {
  display: block;
}

.single-banner a img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.single-banner:hover a img {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.prodimgtop {
  display: inline-block
}

.divswipeleft {
  display: inline-block
}

/*-- Banner Content CSS --*/
.banner-content {
  display: inline-block;
  text-align: center;
}

.banner-content h2 {
  color: #cea679;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .banner-content h2 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-content h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .banner-content h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.banner-content h1 {
  color: #777777;
  font-size: 60px;
  font-weight: 300;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .banner-content h1 {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content h1 {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content h1 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-content h1 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .banner-content h1 {
    font-size: 26px;
  }
}

.banner-content h3 {
  color: #3F5736;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .banner-content h3 {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content h3 {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content h3 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content h3 {
    font-size: 44px;
  }
}

@media only screen and (max-width: 575px) {
  .banner-content h3 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 479px) {
  .banner-content h3 {
    font-size: 26px;
  }
}

.banner-content a {
  color: #3F5736;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin: 35px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .banner-content a {
    margin: 25px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .banner-content a {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content a {
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content a {
    margin: 10px 0 0;
  }
}

.banner-content a:hover {
  color: #cea679;
}

.banner-section:hover .banner-content h2 {
  -webkit-animation: fadeInDown 1s ease-in-out;
  animation: fadeInDown 1s ease-in-out;
}

.banner-section:hover .banner-content h1 {
  -webkit-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}

.banner-section:hover .banner-content h3 {
  -webkit-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}

.banner-section:hover .banner-content a {
  -webkit-animation: zoomIn 1s ease-in-out;
  animation: zoomIn 1s ease-in-out;
}

/* Shop Banner CSS */
.shop-banner img {
  width: 100%;
}

.shop-banner-title h2 {
  text-transform: capitalize;
  margin: 0 0 37px;
  font-weight: 600;
  color: rgb(219, 156, 40) !important;
  text-align: center;
  font-size: 30px;
}

.subingri {
  background: transparent;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.subingri img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .shop-banner-title h2 {
    margin: 0 0 20px;
    font-size: 24px;
  }
}

/*----------------------------------------*/
/*  06. Feature CSS
/*----------------------------------------*/
.single-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .single-feature {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 575px) {
  .single-feature {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 0;
  }
}

.single-feature.feature-style-2 {
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-right: 0;
  background-color: #f2f2f2;
  padding: 40px 0;
}

.single-feature.feature-style-2 .icon {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 2px 12px 23px 2px;
}

.single-feature .icon {
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  font-size: 46px;
  font-style: normal;
  vertical-align: top;
  margin: 2px 12px 2px 2px;
  color: #cea679;
}

@media only screen and (max-width: 767px) {
  .single-feature .content {
    text-align: center;
  }
}

.single-feature .content h2 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  line-height: 24px;
  color: #3F5736;
}

@media only screen and (max-width: 767px) {
  .single-feature .content h2 {
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .single-feature .content h2 {
    font-size: 14px;
  }
}

.single-feature .content p {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: lowercase;
  color: #3F5736;
}

@media only screen and (max-width: 767px) {
  .single-feature .content p {
    font-size: 12px;
  }
}

/*----------------------------------------*/
/*  07. Product CSS
/*----------------------------------------*/
/* Product Nav Two style */
.product-nav-two .slick-arrow {
  top: auto;
  bottom: 25%;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-nav-two .slick-arrow {
    top: 0;
    bottom: auto;
    margin-top: -60px;
  }
}

@media only screen and (max-width: 767px) {
  .product-nav-two .slick-arrow {
    top: 0;
    bottom: auto;
    margin-top: -55px;
  }
}

.product-nav-two .slick-arrow.slick-prev {
  right: auto;
  left: -19%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-nav-two .slick-arrow.slick-prev {
    left: -32%;
  }

  .prodimgtop {
    display: inline-block
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-nav-two .slick-arrow.slick-prev {
    left: auto;
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-nav-two .slick-arrow.slick-prev {
    left: auto;
    right: 50px;
  }
}

.product-nav-two .slick-arrow.slick-next {
  right: auto;
  left: -16%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-nav-two .slick-arrow.slick-next {
    left: -15%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-nav-two .slick-arrow.slick-next {
    left: -27%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-nav-two .slick-arrow.slick-next {
    left: auto;
    right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-nav-two .slick-arrow.slick-next {
    left: auto;
    right: 10px;
  }
}

/*-- Product --*/
.single-product {
  display: block;
  padding: 0px;
  background: #f9f9f9;
  height: auto;
  padding-bottom: 10px;
  border: 1px solid #eaeaea;
  margin-bottom: 30px !important;
  overflow: hidden;
}

.single-product:hover {
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.single-product .product-content h3 {
  color: #db9c28;
}

.single-product .product-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  text-align: center;
  background: #f8f8f8;
}

.single-product .product-img a {
  display: block;
}

.single-product .product-img a img {
  width: 100%;
  vertical-align: middle;
}

.single-product .product-img .sticker,
.single-product .product-img .descount-sticker {
  color: #3F5736;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
  padding: 0 10px;
  position: absolute;
  background: transparent;
  border: 2px solid #3F5736;
  min-width: 60px;
  top: 10px;
  right: 10px;
  text-transform: capitalize;
  font-size: 16px;
  z-index: 1;
  border-radius: 0;
}

.single-product .product-img .descount-sticker {
  right: auto;
  left: 10px;
  color: #db9c28;
  border-color: #db9c28;
}

.single-product .product-img .product-action {
  background-color: #3F5736;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transform: perspective(600px) rotateX(90deg);
  transform: perspective(600px) rotateX(90deg);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-product .product-img .product-action .product-btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-left: 17px;
}

.single-product h4 {
  display: none;
  margin-top: 14px;
}

.single-product:hover h4 {
  display: block;
}

.single-product>.product-content h3 a {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.product-content h3 a:hover {
  color: #014722;
  /*#416e7a*/
}

.ingredient {
  width: auto;
  background: #ffffff !important;
  margin-bottom: 10px !important;
}

.ingredient a {
  display: block;
}

.ingredient a img {
  width: 100% !important;
  height: auto;
  vertical-align: middle;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product .product-img .product-action .product-btn {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product .product-img .product-action .product-btn {
    margin-left: 8px;
  }

  .single-product>.product-content h3 a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    height: 62px;
    overflow: hidden;
  }
}

.single-product .product-img .product-action .product-btn::before {
  content: "+";
  padding-right: 8px;
  font-size: 24px;
  vertical-align: sub;
  font-weight: 300;
  line-height: 0;
}

.single-product .product-img .product-action .product-btn:hover {
  color: #cea679;
}

.single-product .product-img .product-action ul {
  margin: 0 12px 0 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product .product-img .product-action ul {
    margin: 0 7px 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product .product-img .product-action ul {
    margin: 0 12px 0 30px;
  }
}

.single-product .product-img .product-action ul li {
  padding-right: 17px;
}

.single-product .product-img .product-action ul li a {
  font-size: 18px;
  color: #ffffff;
  line-height: 45px;
}

.single-product .product-img .product-action ul li a:hover {
  color: #cea679;
}

.single-product .product-img .product-action ul li:last-child {
  padding-right: 0;
}

.single-product:hover .product-img .product-action {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.single-product .product-content {
  text-align: center;
}

.single-product .product-content h3 {
  border-top: 1px solid #eaeaea;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  white-space: wrap;
  margin: 0 0 25px 0;
  line-height: 1.3;
  text-transform: capitalize;
  height: 55px;
  padding: 15px 6px 0px 6px;
}

.ingredient h3 {
  border-top: 1px solid #ffffff !important;
}

.single-product .product-content .ratting {
  margin: 5px 0;
}

.single-product .product-content .ratting i {
  color: #db9c28;
  letter-spacing: -2px;
  line-height: 1;
}

.single-product .product-content .price .new {
  font-size: 14px;
  color: #db9c28;
  margin-right: 5px;
  font-weight: normal;
  text-decoration: underline;
}

.single-product .product-content .price .old {
  font-size: 15px;
  color: #002317 !important;
  font-weight: 700;
}

.old span {
  text-decoration: line-through;
  color: #5e5e5e;
  font-weight: 600;
  padding-left: 10px;
}

.older {
  font-size: 16px;
  color: #002317 !important;
  font-weight: 600;
  width: 100px;
  margin-top: 15px;
  display: inline-block;
  float: left;
  position: relative;
  text-align: unset;
  vertical-align: top;
  text-align: left;
  padding-left: 9px;
}

.saveamount {
  color: #fea500;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}

.cartspan {
  text-decoration: line-through;
  color: #5e5e5e !important;
  font-weight: normal;
}

/* List Product CSS */
.product-content-shop-list {
  text-align: left;
}

.product-content-shop-list h3 {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 10px 0;
  line-height: 1;
  text-transform: uppercase;
}

.product-content-shop-list .ratting {
  margin: 5px 0;
}

.product-content-shop-list .ratting i {
  color: #3F5736;
  letter-spacing: -2px;
  line-height: 1;
}

.product-content-shop-list .price .new {
  font-size: 14px;
  color: #db9c28;
  margin-right: 5px;
  font-weight: normal;
  text-decoration: underline;
}

.product-content-shop-list .price .old {
  font-size: 14px;
  color: #767676;
  font-weight: normal;
}

.product-content-shop-list p {
  color: #3F5736;
  margin: 0;
  line-height: 24px;
  padding: 15px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-content-shop-list p {
    padding-top: 0;
  }
}

.product-content-shop-list .product-action {
  background-color: #3F5736;
  width: 255px;
}

.product-content-shop-list .product-action .product-btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-left: 17px;
}

.product-content-shop-list .product-action .product-btn::before {
  content: "+";
  padding-right: 8px;
  font-size: 24px;
  vertical-align: sub;
  font-weight: 300;
  line-height: 0;
}

.product-content-shop-list .product-action .product-btn:hover {
  color: #cea679;
}

.product-content-shop-list .product-action ul {
  margin: 0 12px 0 37px;
}

.product-content-shop-list .product-action ul li {
  padding-right: 17px;
}

.product-content-shop-list .product-action ul li a {
  font-size: 18px;
  color: #ffffff;
  line-height: 45px;
}

.product-content-shop-list .product-action ul li a:hover {
  color: #cea679;
}

.product-content-shop-list .product-action ul li:last-child {
  padding-right: 0;
}

/* Single List Product CSS */
.single-list-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.single-list-product .product-image {
  max-width: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
}

@media only screen and (max-width: 767px) {
  .single-list-product .product-image {
    max-width: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px;
  }

  .single-product .product-content h3 {
    height: auto;
    font-size: 12px;
  }
}

.single-list-product .product-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 100px);
  flex: 1 0 calc(100% - 100px);
  padding-left: 15px;
  padding-top: 18px;
}

@media only screen and (max-width: 767px) {
  .single-list-product .product-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 80px);
    flex: 1 0 calc(100% - 80px);
  }
}

.single-list-product .product-content h3 {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 10px 0;
  line-height: 1;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .single-list-product .product-content h3 {
    font-size: 13px;
  }
}

.single-list-product .product-content .price .new {
  font-size: 14px;
  color: #cea679;
  margin-right: 5px;
  font-weight: normal;
  text-decoration: underline;
}

.single-list-product .product-content .price .old {
  font-size: 14px;
  color: #767676;
  font-weight: normal;
}

.big-product {
  padding-bottom: 75px;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .big-product {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .big-product {
    padding-bottom: 30px;
  }
}

/* -- Deal Product CSS --*/
.deal-product-content {
  text-align: center;
  border: 20px solid #f2f2f2;
}

@media only screen and (max-width:767px) {
  .deal-product-content {
    border: 5px solid #f2f2f2;
  }
}

.deal-product-content h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 10px 0;
  line-height: 1;
  padding: 107px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-product-content h3 {
    padding: 60px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-content h3 {
    padding: 20px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .older {
    font-size: 15px;
    color: #002317 !important;
    font-weight: 700;
    width: 100%;
    margin-top: 0px;
    display: block;
    /*float: left;*/
    text-align: center;
    padding-bottom: 10px;
  }

  .deal-product-content h3 {
    padding: 20px 0 0;
    font-size: 18px;
  }

  .single-product .product-content h3 {
    border-top: 1px solid #eaeaea;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    white-space: wrap;
    margin: 0 0 15px 0;
    line-height: 1.3;
    text-transform: capitalize;
    height: 55px;
    padding: 15px 6px 0px 6px;
  }
}

.deal-product-content .ratting i {
  color: #cea679;
  letter-spacing: -2px;
}

.deal-product-content .price .new {
  font-size: 18px;
  color: #cea679;
  margin-right: 7px;
  font-weight: normal;
  text-decoration: underline;
}

.deal-product-content .price .old {
  font-size: 16px;
  color: #767676;
  font-weight: normal;
}

.deal-product-content p {
  padding: 45px 60px;
  color: #3F5736;
  line-height: 25px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-product-content p {
    padding: 20px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-content p {
    padding: 15px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-product-content p {
    padding: 15px 15px;
  }
}

.deal-product-content .actoion-box {
  padding: 45px 0 90px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .deal-product-content .actoion-box {
    padding: 35px 0 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-product-content .actoion-box {
    padding: 35px 0 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-content .actoion-box {
    padding: 5px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-product-content .actoion-box {
    padding: 5px 0 20px;
  }
}

.deal-product-content .actoion-box .product-action {
  background-color: #3F5736;
  width: 255px;
  margin: 0 auto;
}

.deal-product-content .actoion-box .product-action .product-btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-left: 17px;
}

.deal-product-content .actoion-box .product-action .product-btn::before {
  content: "+";
  padding-right: 8px;
  font-size: 24px;
  vertical-align: sub;
  font-weight: 300;
  line-height: 0;
}

.deal-product-content .actoion-box .product-action .product-btn:hover {
  color: #cea679;
}

.deal-product-content .actoion-box .product-action ul {
  margin: 0 12px 0 37px;
}

.deal-product-content .actoion-box .product-action ul li {
  padding-right: 17px;
}

.deal-product-content .actoion-box .product-action ul li a {
  font-size: 18px;
  color: #ffffff;
  line-height: 45px;
}

.deal-product-content .actoion-box .product-action ul li a:hover {
  color: #cea679;
}

.deal-product-content .actoion-box .product-action ul li:last-child {
  padding-right: 0;
}

.deal-product-title {
  text-align: center;
}

.deal-product-title h2 {
  display: inline-block;
  color: #3F5736;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.deal-product-title h2 span {
  font-size: 60px;
  font-weight: 300;
  display: inline-block;
  color: #cea679;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-title h2 span {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-product-title h2 span {
    font-size: 40px;
  }
}

.deal-product-title h2 span:last-child {
  font-weight: 700;
  color: #3F5736;
  padding-left: 20px;
}

.deal-product-title p {
  padding: 30px 0 40px;
  font-size: 16px;
  color: #3F5736;
  line-height: 25px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-product-title p {
    padding: 20px 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-title p {
    padding: 20px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-product-title p {
    padding: 20px 0 20px;
  }
}

.deal-product-title a {
  font-size: 18px;
  font-weight: 600;
  color: #3F5736;
  text-decoration: underline;
  margin: 40px 0;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-product-title a {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-product-title a {
    margin: 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .deal-product-title a {
    margin: 20px 0;
  }
}

.deal-product-title a:hover {
  color: #cea679;
}

/*-- Product Countdown CSS --*/
.cs-countdown {
  margin-bottom: 40px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-countdown {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-countdown {
    margin-bottom: 20px;
  }
}

.cs-countdown.black-color .countdown-wrap>div+div::before {
  color: #3F5736;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .cs-countdown.black-color .countdown-wrap>div+div::before {
    left: -20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-countdown.black-color .countdown-wrap>div+div::before {
    left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-countdown.black-color .countdown-wrap>div+div::before {
    left: -9px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-countdown.black-color .countdown-wrap>div+div::before {
    left: -9px;
  }
}

.cs-countdown.black-color .number {
  font-size: 34px;
  color: #3F5736;
  font-weight: 600;
  width: 90px;
  height: 90px;
  line-height: 90px;
  border: 2px solid #cea679;
  border-radius: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-countdown.black-color .number {
    font-size: 24px;
    line-height: 70px;
    height: 70px;
    width: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-countdown.black-color .number {
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    width: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-countdown.black-color .number {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    width: 50px;
  }
}

.cs-countdown.black-color .text {
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #3F5736;
  text-transform: capitalize;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-countdown.black-color .text {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-countdown.black-color .text {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-countdown.black-color .text {
    font-size: 14px;
  }
}

.cs-countdown .countdown-wrap>div {
  display: inline-block;
  text-align: center;
}

.cs-countdown .countdown-wrap>div+div {
  margin-left: 30px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-countdown .countdown-wrap>div+div {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-countdown .countdown-wrap>div+div {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-countdown .countdown-wrap>div+div {
    margin-left: 10px;
  }
}

.cs-countdown .countdown-wrap>div+div::before {
  content: ":";
  font-size: 30px;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -20px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .cs-countdown .countdown-wrap>div+div::before {
    left: -20px;
  }
}

.cs-countdown .number {
  font-size: 34px;
  line-height: 34px;
  color: #cea679;
  display: block;
}

@media only screen and (max-width: 767px) {
  .cs-countdown .number {
    font-size: 24px;
    line-height: 1;
  }
}

.cs-countdown .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
}

.cs-countdown.font-sm .number {
  font-size: 28px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .cs-countdown.font-sm .number {
    font-size: 20px;
    font-weight: 500;
  }
}

/*countdown css*/
.count-down-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 12px 20px;
}

.count-down-box .single-count {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
}

.count-down-box .single-count>span {
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  position: relative;
}

.count-down-box .single-count>span:before {
  content: ':';
  display: block;
  position: absolute;
  right: -25px;
  top: -1px;
}

.count-down-box .single-count:last-child {
  margin-right: 0;
}

.count-down-box .single-count:last-child span::before {
  display: none;
}

/* Shop Toolbar CSS */
.shop-topbar-wrapper {
  position: relative;
  padding: 0 0 10px;
  margin: 0 0 40px;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .grid-list-option ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}

.grid-list-option ul li a {
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 30px;
  color: #999999;
  background-color: #eeeeee;
}

.grid-list-option ul li a.active,
.grid-list-option ul li a:hover {
  color: #ffffff;
  background-color: #cea679;
}

.toolbar-shorter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .toolbar-shorter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.toolbar-shorter:last-child {
  margin-right: 0;
}

.toolbar-shorter label {
  display: block;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 14px;
  color: #4e4e4e;
  text-transform: uppercase;
}

.nice-select.wide {
  width: 200px;
}

@media only screen and (max-width: 767px) {
  .nice-select.wide {
    width: 180px;
  }
}

.nice-select.small {
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  margin-right: 10px;
}

/*-- Product Details --*/
.slider-lg-image-1 .lg-image {
  position: relative;
}

.slider-lg-image-1 .lg-image>a {
  width: 100%;
}

.slider-lg-image-1 .lg-image img {
  width: 100%;
}

.slider-thumbs-1 {
  margin-top: 15px;
  overflow: hidden;
}

.slider-thumbs-1 .slick-list {
  margin: 0 -5px;
}

.slider-thumbs-1 .slick-list .slick-slide {
  padding: 0 5px;
}

.slider-thumbs-1 .slick-list .slick-slide>img {
  border: 2px solid transparent;
}

@media only screen and (max-width: 767px) {
  .slider-thumbs-1 .slick-list .slick-slide>img {
    border: 1px solid transparent;
  }
}

.slider-thumbs-1 .slick-active.slick-current>img {
  border-color: #3F5736;
}

.product-details-thumbs .sm-image {
  cursor: pointer;
}

.product-large-thumb {
  position: relative;
  overflow: hidden;
}

a.popup-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px !important;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #373737;
  color: #fff;
  border-radius: 4px;
  z-index: 9;
}

.product-large-thumb a.popup-img:hover {
  background-color: #cea679;
  color: #fff;
}

.product-details-content {
  position: relative;
}

.product-details-content p {
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    margin-top: 30px;
  }
}

.product-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.product-nav>a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d1d1d1;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  color: #d1d1d1;
  position: relative;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-nav>a:hover {
  background: #cea679;
  border-color: #cea679;
  color: #fff;
}

.product-details-content h2 {
  color: #3F5736;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content h2 {
    text-align: left;
  }
}

.single-product-reviews {
  color: #202020;
  font-size: 15px;
  margin-bottom: 30px;
  border-bottom: 0px solid #e5e5e5;
}

.review-link {
  font-size: 14px;
  color: #3F5736;
  margin-left: 10px;
  line-height: 30px;
  display: inline-block;
}

.review-link:hover {
  color: #416e7a;
}

.single-product-price {
  color: #3F5736;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.single-product-price .price.new-price {
  color: #193a43;
}

.single-product-price .regular-price {
  text-decoration: line-through;
}

.product-description p {
  line-height: 25px;
  color: #222222;
  margin-bottom: 30px;
}

.single-product-quantity {
  margin-bottom: 35px;
}

.single-product-quantity .product-quantity {
  background: #fff;
  border: 1px solid #ededed;
  float: left;
  margin-right: 15px;
  padding: 0 10px;
  border-radius: 0;
}

.single-product-quantity .product-quantity input {
  background: none;
  border: none;
  color: #3F5736;
  font-size: 20px;
  font-weight: 400;
  height: 40px;
  line-height: 53px;
  padding: 0;
  width: 50px;
}

.product-add-btn {
  background: #3F5736;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  height: 55px;
  letter-spacing: 0;
  line-height: 55px;
  margin: 0;
  padding: 0 40px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .product-add-btn {
    padding: 0 25px;
  }
}

.product-add-btn:hover {
  background: #cea679;
  color: #fff;
}

.wishlist-compare-btn {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .wishlist-compare-btn {
    text-align: left;
  }
}

.wishlist-compare-btn a {
  background: none;
  border: 1px solid #ededed;
  color: #3F5736;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  line-height: 43px;
  text-align: center;
  width: 170px;
  border-radius: 0;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a {
    width: 160px;
  }
}

.wishlist-compare-btn a.wishlist-btn {
  margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.wishlist-compare-btn a.add-compare {
  border-radius: 5px;
}

.wishlist-compare-btn a.wishlist-btn:before {
  content: '\f08a';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: top;
}

.wishlist-compare-btn a:hover {
  background: #cea679;
  border-color: #cea679;
  color: #fff;
}

.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
  animation: crFlipX 2s ease-in-out infinite both;
}

.product-meta {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 15px 0;
  width: 100%;
}

.product-meta .posted-in {
  color: #3F5736;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
  text-transform: uppercase;
}

.product-meta .posted-in>a {
  color: #3F5736;
  font-weight: 400;
  text-transform: none;
}

.product-meta .posted-in>a:hover {
  color: #cea679;
}

.single-product-sharing {
  margin-bottom: 0;
  padding: 15px 0;
  width: 100%;
}

.single-product-sharing>h3 {
  color: #3F5736;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 15px;
  text-transform: uppercase;
}

.single-product-sharing ul {
  display: inline-block;
  margin-bottom: 10px;
}

.single-product-sharing ul>li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.single-product-sharing ul li a {
  color: #555555;
  display: block;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.single-product-sharing ul li a:hover {
  color: #cea679;
}

/*Single Product variable css*/
.product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-variants>.product-variants-item {
  margin: 20px 0;
  display: block;
  margin-top: 0;
}

.product-variants>.product-variants-item:last-child {
  margin-left: 30px;
}

.product-variants-item span.control-label {
  margin-bottom: 6px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  text-transform: capitalize;
}

.product-variants .product-variants-item select {
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
}

.procuct-color>li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
}

.procuct-color>li:nth-child(2)>a>span.color {
  background: #00EEB3;
}

.procuct-color>li>a>span.color {
  background: #ffa07a;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.procuct-color>li.active>a>span.color,
.procuct-color>li:hover>a>span.color {
  outline: 1px solid #D6B98C;
  outline-offset: 1px;
}

/*single product group css*/
@media only screen and (max-width: 575px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}

.group-cart-table .table td {
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width: 575px) {
  .group-cart-table .table td {
    min-width: 180px;
  }
}

.group-cart-table .quantity-field label {
  margin-right: 5px;
}

.group-cart-table .quantity-field input {
  width: 50px;
  text-align: center;
  border: 1px solid #ddd;
  height: 45px;
}

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 {
  padding: 40px 0px;
}

.product-details-images-2 {
  float: right;
  width: calc(100% - 110px);
  padding-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2 {
  float: left;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 {
  float: left;
  width: calc(100% - 110px);
  padding-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2.tabstyle-3 {
  float: right;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

/*Single Product gallery Style CSS*/
.lg-image.col-50 {
  float: left;
  width: 50%;
  padding: 5px;
}

.lg-image.col-50 a.popup-img {
  bottom: 5px;
  right: 5px;
}

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky {
  margin-bottom: 20px;
}

.lg-image.sidebar-sticky:last-child {
  margin-bottom: 0;
}

/*Single Product slider box Style CSS*/
.slider-box {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .slider-box {
    margin-bottom: 0;
  }
}

.slider-box .slick-list {
  margin: 0 -10px;
}

.slider-box .slick-list .slick-slide {
  padding: 0 10px;
}

.slider-box-content .product-description p {
  max-width: 80%;
  margin: auto;
  margin-bottom: 15px;
}

.slider-box-content .product-quantity {
  float: none;
  display: inline-block;
}

.slider-box-content .add-to-link {
  display: inline-block;
}

/*-- Product Details Tab List --*/
.dec-and-review-menu>li {
  list-style: none;
  position: relative;
  z-index: 9;
  display: inline-block;
  margin-right: 8px;
}

@media only screen and (max-width: 575px) {
  .dec-and-review-menu>li {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}

.dec-and-review-menu>li:last-child {
  margin-right: 0;
}

.dec-and-review-menu>li>a {
  height: auto;
  line-height: 50px;
  padding: 0 40px;
  border: 0;
  display: block;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  background: #f0f0f0;
  font-weight: 600;
  color: #3F5736;
}

.dec-and-review-menu>li>a.active,
.dec-and-review-menu>li>a:hover {
  background-color: #cea679;
  color: #ffffff;
}

/*-- Product Details Tab Content --*/
.product-review-content-tab {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0 45px;
  float: left;
  font-size: 14px;
  line-height: 26px;
  margin-top: 25px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-content-tab {
    padding: 25px 0 25px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-review-content-tab {
    padding: 20px 0 20px;
    margin-top: 15px;
  }
}

.single-product-description p {
  line-height: 22px;
  color: #222222;
}

.review-page-comment h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.review-page-comment>ul {
  margin: 0 0 25px;
}

.review-page-comment>ul>li {
  margin: 0 0 20px;
  position: relative;
  list-style: none;
}

.product-comment img {
  width: 60px;
  float: left;
}

.product-comment-content {
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-left: 80px;
  position: relative;
  padding: 15px 15px 0;
}

.product-comment-content:before {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  content: '';
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.meta>strong {
  font-size: 17px;
  /* text-transform: uppercase; */
  line-height: 31px;
  color: #777;
}

.meta>span {
  font-size: 17px;
  color: #777;
  font-weight: 400;
  line-height: 31px;
}

.description p {
  font-size: 16px;
  color: #3F5736;
  line-height: 28px;
}

.comment-notes {
  margin: 0;
}

.rating i.fa:not(:last-child) {
  color: #F9BA48;
}

.comment-form-comment {
  margin-bottom: 10px;
}

.comment-form-comment textarea {
  border: 1px solid #ededed;
  border-radius: 0;
  height: 125px;
  padding: 10px;
  width: 100%;
  background: #f5f5f5;
}

.review-comment-form-author,
.review-comment-form-email {
  margin-bottom: 10px;
}

.review-comment-form-author input,
.review-comment-form-email input {
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  height: 38px;
  line-height: 38px;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
  outline: auto;
  outline-color: #cea679;
}

.form-button {
  border: none !important;
  height: 42px !important;
  line-height: 40px !important;
  background: #cea679;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  letter-spacing: .1em;
  line-height: 38px;
  overflow: hidden;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}

.form-button:hover {
  background: #222;
  color: #fff;
}

/*----------------------------------------*/
/*  08. Cta CSS
/*----------------------------------------*/
.cta-content,
.cta-content-area {
  text-align: center;
}

.cta-content h3,
.cta-content-area h3 {
  font-size: 34px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}

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

  .cta-content h3,
  .cta-content-area h3 {
    font-size: 24px;
  }
}

.cta-content h3 span,
.cta-content-area h3 span {
  color: #cea679;
  font-weight: 700;
}

.cta-content p,
.cta-content-area p {
  padding: 22px 0 38px;
  color: #ffffff;
  line-height: 24px;
  margin-bottom: 0;
}

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

  .cta-content p,
  .cta-content-area p {
    padding: 20px 0 30px;
  }
}

.cta-content p span,
.cta-content-area p span {
  display: block;
}

.cta-content-area {
  border: 20px solid #e5e5e5;
  padding: 90px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-content-area {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cta-content-area {
    padding: 50px 15px;
    border: 5px solid #e5e5e5;
  }
}

.cta-content-area h3 {
  color: #3F5736;
}

.cta-content-area p {
  color: #3F5736;
}

.cta-content-area .cta-form input {
  border: 1px solid #525252;
  color: #3F5736;
}

.cta-content-area .cta-form input::-webkit-input-placeholder {
  color: #3F5736;
}

.cta-content-area .cta-form input:-ms-input-placeholder {
  color: #3F5736;
}

.cta-content-area .cta-form input::-ms-input-placeholder {
  color: #3F5736;
}

.cta-content-area .cta-form input::placeholder {
  color: #3F5736;
}

@media only screen and (max-width: 767px) {
  .cta-content-area .cta-form input {
    height: 50px;
  }
}

.cta-content-area .cta-form button {
  background-color: #3F5736;
  color: #ffffff;
}

.cta-section-area {
  text-align: center;
  padding: 55px 0 0;
  border: 20px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .cta-section-area {
    border: 5px solid #e5e5e5;
  }
}

.cta-section-area h3 {
  font-size: 24px;
  color: #3F5736;
  font-weight: 900;
  text-transform: uppercase;
}

.cta-section-area p {
  padding: 22px 0 38px;
  font-size: 14px;
  color: #3F5736;
  line-height: 24px;
  margin-bottom: 0;
}

.cta-section-area p span {
  display: block;
}

.cta-section-area .cta-form {
  width: 100%;
  padding: 0 50px;
}

@media only screen and (max-width: 767px) {
  .cta-section-area .cta-form {
    padding: 0 15px;
  }
}

.cta-section-area .cta-form form input {
  border: 1px solid #e5e5e5;
  padding: 0 10px;
  height: 50px;
  color: #3F5736;
  text-align: center;
}

.cta-section-area .cta-form form button {
  position: static;
  background-color: #3F5736;
  color: #ffffff;
  line-height: 35px;
  margin: 35px 0 40px;
}

@media only screen and (max-width: 767px) {
  .cta-section-area .cta-form form button {
    margin: 20px 0 40px;
  }
}

/*--  Cta Form CSS --*/
.cta-form {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cta-form {
    width: 100%;
  }
}

.cta-form form {
  position: relative;
}

.cta-form form input {
  background: transparent;
  color: #fefefe;
  display: block;
  padding: 0 330px 0 10px;
  font-size: 15px;
  line-height: 65px;
  border: 1px solid #ffffff;
  width: 100%;
}

.cta-form form input::-webkit-input-placeholder {
  color: #fefefe;
}

.cta-form form input:-ms-input-placeholder {
  color: #fefefe;
}

.cta-form form input::-ms-input-placeholder {
  color: #fefefe;
}

.cta-form form input::placeholder {
  color: #fefefe;
}

@media only screen and (max-width: 767px) {
  .cta-form form input {
    padding: 0 10px;
  }
}

.cta-form form button {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: #222222;
  font-weight: 900;
  font-size: 14px;
  padding: 7px 50px;
  margin: 12px 12px 12px 0;
  border: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .cta-form form button {
    position: static;
  }

  .slideimgtest {
    width: 100%;
    height: auto;
    margin-top: 5px;
  }

  .carousel-caption {
    position: relative !important;
    right: 0%;
    bottom: 20px;
    left: 0%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 70px;
    color: #fff;
    text-align: left;
    top: 0px !important;
    height: 664px;
  }

  .oursolutionsec {
    margin-top: 21px !important;
  }

  .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    display: inherit;
  }
}

/*----------------------------------------*/
/*  09. Categorie CSS
/*----------------------------------------*/
/* Categorie Product CSS */
.single-categorie {
  text-align: center;
  overflow: hidden;
  position: relative;
}

.single-categorie .categorie-image {
  position: relative;
  overflow: hidden;
}

.single-categorie .categorie-image::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.single-categorie .categorie-image img {
  width: 100%;
}

.single-categorie .categorie-content {
  position: absolute;
  top: 33%;
  left: 0;
  right: 0;
  opacity: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categorie .categorie-content {
    top: 16%;
  }
}

@media only screen and (max-width: 479px) {
  .single-categorie .categorie-content {
    top: 16%;
  }
}

.single-categorie .categorie-content h3 {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-categorie .categorie-content h3 {
    font-size: 14px;
  }

  /*.single-product {margin-bottom:25px !important;}*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categorie .categorie-content h3 {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categorie .categorie-content h3 {
    font-size: 13px;
  }
}

@media only screen and (max-width: 479px) {
  .single-categorie .categorie-content h3 {
    font-size: 13px;
  }
}

.single-categorie .categorie-content a {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 10px;
  letter-spacing: 1px;
  min-width: 127px;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  display: inline-block;
  margin: 24px 0 14px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-categorie .categorie-content a {
    margin: 10px 0 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categorie .categorie-content a {
    margin: 8px 0 8px;
    padding: 3px 8px;
    min-width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categorie .categorie-content a {
    margin: 8px 0 8px;
    padding: 3px 8px;
    min-width: 90px;
  }
}

@media only screen and (max-width: 479px) {
  .single-categorie .categorie-content a {
    margin: 8px 0 8px;
    padding: 3px 8px;
    min-width: 90px;
  }
}

.single-categorie .categorie-content a:hover {
  color: #cea679;
  border-color: #cea679;
}

.single-categorie .categorie-content h1 {
  margin: 0;
  font-size: 60px;
  font-weight: 400;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #cea679;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-categorie .categorie-content h1 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categorie .categorie-content h1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categorie .categorie-content h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .single-categorie .categorie-content h1 {
    font-size: 32px;
  }
}

.single-categorie:hover .categorie-image::after {
  background: rgba(0, 0, 0, 0.2);
}

.single-categorie:hover .categorie-content {
  opacity: 1;
}

.single-categorie:hover .categorie-content h3 {
  -webkit-animation: fadeInDown 1s ease-in-out;
  animation: fadeInDown 1s ease-in-out;
}

.single-categorie:hover .categorie-content a {
  -webkit-animation: zoomIn 1s ease-in-out;
  animation: zoomIn 1s ease-in-out;
}

.single-categorie:hover .categorie-content h1 {
  -webkit-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}

/*--------------------------------------- 10. Cart CSS -----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 1px solid #3F5736;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 1px solid #3F5736;
  }
}

.cart-table .table thead {
  background-color: transparent;
  border-bottom: 1px solid #3F5736;
}

@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}

.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #193a43;
  padding: 18px 15px;
  /* text-transform: uppercase; */
}

.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 10px 5px 30px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
  max-width: 120px;
  min-width: 100px;
  width: 200px;
}

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

  .cart-table th.pro-thumbnail a,
  .cart-table td.pro-thumbnail a {
    width: auto;
  }

  .cart-table td.pro-thumbnail a img {
    width: 100% !important;
    background-color: #f6f7f8;
  }
}

.cart-table th.pro-title,
.cart-table td.pro-title {
  min-width: 205px;
}

.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #ffffff;
  padding: 5px;
}

.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #ffffff;
}

.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #193a43 !important;
  /*overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/
  line-height: 20px;
}

.cart-table td.pro-title a:hover {
  color: #db9c28;
}

.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #3F5736;
}

.cart-table td.pro-quantity .pro-qty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}

.cart-table td.pro-quantity .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 0px;
  border-style: solid;
  border-color: #eeeeee;
  color: #3F5736;
}

.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #193a43 !important;
}

.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 50px;
  height: 44px;
  border: 1px solid #cea679;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #cea679;
}

.cart-table td.pro-addtocart button:hover {
  background-color: #3F5736;
  border-color: #3F5736;
  color: #ffffff;
}

.cart-table td.pro-stock span.in-stock {
  font-size: 14px;
  text-transform: capitalize;
  color: #30b878;
}

.cart-table td.pro-stock span.out-stock {
  color: #EB3E32;
}

.cart-table td.wishlist a {
  display: block;
  font-weight: 600;
  color: #3F5736;
}

.cart-table td.wishlist a i {
  font-size: 20px;
}

.cart-table td.wishlist a:hover {
  color: #db9c28;
}

.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #3F5736;
}

.cart-table td.pro-remove a i {
  font-size: 20px;
}

.cart-table td.pro-remove a:hover {
  color: #ff0000;
}

.wishlist a {
  display: block;
  font-weight: 600;
  color: #3F5736;
  margin-top: 0px;
  text-align: left;
}

.wishlist a span {
  font-weight: 400;
  color: #3F5736;
  font-size: 12px !important;
  top: -2px;
  position: relative;
  margin-left: 8px;
  color: #202b1c !important;
}

.wishlist a i {
  font-size: 20px !important;
}

.wishlist a:hover {
  color: #db9c28;
}

@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}

.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 0;
  height: 55px;
  border: 1px solid #999999;
  line-height: 40px;
  padding: 9px 20px;
  color: #3F5736;
  background-color: transparent;
}

.calculate-shipping form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #3F5736;
  background-color: transparent;
}

.calculate-shipping form input[type="submit"] {
  font-weight: 700;
  color: #3F5736;
  background-color: #cea679;
  border-color: #cea679;
  width: 140px;
}

.calculate-shipping form input[type="submit"]:hover {
  background-color: #3F5736;
  border-color: #3F5736;
  color: #cea679;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
  color: #000000;
}

.discount-coupon form input {
  width: 100%;
  border: 1px solid #193a43;
  line-height: 24px;
  padding: 9px 9px;
  color: #3F5736;
  background-color: transparent;
  border-radius: 5px;
}

.discount-coupon form input[type="submit"] {
  font-weight: 700;
  color: #3F5736;
  background-color: #cea679;
  border-color: #cea679;
  width: 140px;
}

.discount-coupon form input[type="submit"]:hover {
  background-color: #3F5736;
  border-color: #3F5736;
  color: #cea679;
}

/*-- Cart Summary --*/
.cart-summary {
  width: 100%;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

.cart-summary .cart-summary-wrap {
  background-color: transparent;
  padding: 20px 15px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}

.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 12px;
  color: #193a43;
  margin-bottom: 20px !important;
}

.cart-summary .cart-summary-wrap p {
  font-weight: 600;
  line-height: 23px;
  color: #193a43;
}

.cart-summary .cart-summary-wrap p span {
  float: right;
}

.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #ffffff;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #193a43;
  margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
  float: right;
}

.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.cart-summary .cart-summary-button button {
  margin-top: 10px;
  /*width: 140px;*/
  border-radius: 0;
  height: 44px;
  border: 2px solid #3F5736;
  line-height: 24px;
  padding: 9px 20px;
  color: #3F5736;
  background-color: transparent;
  margin-left: 20px;
  font-weight: 700;
  float: right;
}

.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
  color: #3F5736;
  background-color: #cea679;
  border-color: #cea679;
}

.cart-summary .cart-summary-button button:hover {
  background-color: #db9c28;
  border-color: #db9c28;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }

  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }

  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }

  .pro-quantity {
    height: 85px !important;
  }
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    /*width: 130px;*/
    width: auto;
  }
}

/*--------------------------------------- 11. Checkout CSS -----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
  color: #212121;
}

.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #3F5736;
  margin-bottom: 15px;
}

.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #3F5736;
  margin-bottom: 15px;
}

.checkout-form .nice-select,.checkout-form input {
  display: block;
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  line-height: 24px;
  padding: 11px 25px 11px 8px;
  color: #193a43;
}

.checkout-form input[type="checkbox"] {
  width: auto;
}

.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}

@media only screen and (max-width: 479px) {
  .checkout-form .check-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.checkout-form .check-box:last-child {
  margin-right: 0;
}

.checkout-form .check-box input[type="checkbox"] {
  display: none;
}

.checkout-form .check-box input[type="checkbox"]+label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #3F5736;
  margin: 0;
}

.checkout-form .check-box input[type="checkbox"]+label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]+label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #3F5736;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]:checked+label::before {
  border: 2px solid #3F5736;
}

.checkout-form .check-box input[type="checkbox"]:checked+label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #dde5f0;
  padding: 15px 0px;
  border-radius: 5px;
}

@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 15px 0px;
  }
}

.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
  flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #000000;
}

.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}

.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}

.checkout-cart-total h4 span {
  float: right;
  display: block;
}

/*.checkout-cart-total ul {border-bottom: 1px solid #ffffff;}*/
.checkout-cart-total ul li {
  color: #3F5736;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 0px;
}

.checkout-cart-total ul li span {
  color: #3F5736;
  float: right;
}

.checkout-cart-total p {
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}

.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #dde5f0;
  /*padding: 45px;*/
  padding: 25px 0 25px 16px;
}

@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}

.single-method:last-child {
  margin-bottom: 0;
}

.single-method input[type="radio"] {
  display: none;
}

.single-method input[type="radio"]+label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000000 !important;
  margin: 0;
}

.single-method input[type="radio"]+label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #000000;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]+label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #000000;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]:checked+label::before {
  border: 2px solid #000000;
}

.single-method input[type="radio"]:checked+label::after {
  opacity: 1;
}

.single-method input[type="checkbox"] {
  display: none;
}

.single-method input[type="checkbox"]+label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

.single-method input[type="checkbox"]+label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]+label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #cea679;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]:checked+label::before {
  border: 2px solid #cea679;
}

.single-method input[type="checkbox"]:checked+label::after {
  opacity: 1;
}

.single-method p {
  display: none;
  margin-top: 8px;
  color: #ffffff;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 20px;
  float: left;
}

.mailAddressContainer{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.addminhgt{
  min-height: 230px;
}

/*---------------------------------------12. Compare CSS -----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #3F5736;
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 15px;
  color: #444444;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .category:hover {
  color: #cea679;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #444444;
  line-height: 20px;
  margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #416e7a;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #444444;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #cea679;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 25px 10px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #222;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 26px;
  overflow: hidden;
  display: block;
  text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
  padding-left: 25px;
  padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
  left: calc(100% - 41px);
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #cea679;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #444444;
  font-size: 14px;
}

/*----------------------------------------*/
/*  13. Faq CSS
/*----------------------------------------*/
.faq-desc {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-desc {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-desc {
    margin-bottom: 30px;
  }
}

.faq-desc h3 {
  color: #444;
  font-size: 18px;
  font-weight: 700;
}

.faq-desc p {
  color: #3F5736;
  margin: 0;
}

.faq-accordion .card {
  border-radius: 0;
  margin-bottom: 10px;
}

.faq-accordion .card.actives {
  border: 1px solid #cea679;
}

.faq-accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border: 0;
}

.faq-accordion .card-header a {
  display: block;
  padding: 15px 10px 15px 25px;
  cursor: pointer;
}

.faq-accordion .card-header a.collapsed:before {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-accordion .card-header a:after {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
  content: "\f068 ";
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-header a {
    font-size: 14px;
    padding-right: 30px;
  }
}

.faq-accordion .card-header a:hover {
  color: #cea679 !important;
}

/*--------------------------------------- 14. Blog CSS -----------------------------------------*/
/*-- Blog Slider --*/
/*-- Blog --*/
.blog .blog-inner .media,
.blog .blog-inner .tf-element-carousel {
  border-radius: 15px;
  border: 1px solid #f5f5f5;
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-bottom-m{
  margin-bottom: 10px;
}

.blog .blog-inner .media{
  overflow: unset;
}

.blog .blog-inner .media .blog-list-img{
  border-radius: 15px;
}

.blog .blog-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog .blog-inner .media .image,
.blog .blog-inner .tf-element-carousel .image {
  display: block;
}

.blog .blog-inner .media .image img,
.blog .blog-inner .tf-element-carousel .image img {
  width: 100% !important;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.blog .blog-inner .content {
  padding: 12px 6px 12px 6px;
      height: 100%;
    display: flex;
    flex-direction: column;
}

.blog .blog-inner .content .date-read-more{
  margin-top: auto;
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content {
    padding: 20px 0;
  }

  .stamppding {
    padding-left: 5px;
    padding-right: 5px
  }

  .stamp_seting {
    width: 50% !important;
  }

  .stamp_seting img {
    width: 100% !important;
  }

  .catogary-icons {
    padding-top: 11px !important;
  }

  .flip>.front {
    display: block;
    color: #000000;
    width: inherit;
    /* background-size: cover !important; */
    background-position: center 0px !important;
    height: 230px;
    padding: 1em 2em;
    background: #ffffff;
    border-radius: 10px;
    background-size: 65% auto;
    background-repeat: no-repeat;
    color: #000000;
  }

  .faqspd {
    padding-left: 5px;
    padding-right: 5px
  }

  .faqsub {
    padding: 3px;
  }

  .shadowaccord h2 {
    font-size: 13px;
  }

  .shadowaccord p {
    font-size: 13px;
    line-height: 21px;
  }
}

.blog .blog-inner .content .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
}

.blog .blog-inner .content .meta li {
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  text-transform: capitalize;
}

.blog .blog-inner .content .meta li::after {
  /* content: "-"; */
  margin: 0 10px;
}

.blog .blog-inner .content .meta li:last-child::after {
  display: none;
}

.blog .blog-inner .content .meta li .date-time {
  padding-right: 8px;
}

.blog .blog-inner .content .meta li .date-time .date {
  padding: 0 8px;
}

.blog .blog-inner .content .meta li .date-time .separator {
  padding-right: 8px;
}

.blog .blog-inner .content .meta li .date-time .month {
  padding-right: 8px;
}

.blog .blog-inner .content .title {
  font-size: 20px;
  font-weight: 600;
  color: #193a43;
  line-height: 20px;
  text-transform: uppercase;
}

.blog .blog-inner .content p {
  padding: 1px 0 10px;
  margin: 0;
  line-height: 23px;
  color: #193a43;
}

.blog .blog-inner .content .readmore {
  color: #193a43;
  line-height: inherit;
  display: block;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

.blog .blog-inner .content .readmore:hover {
  text-decoration: underline;
}

.blog:hover .blog-inner .media .image img {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

/*-- Blog Details CSS --*/
.blog_area article.blog_single {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 50px;
  padding-bottom: 10px;
  text-align: center;
}

.blog_single header.entry-header {
  margin-bottom: 30px;
}

article.blog_single .post-category {
  color: #cea679;
  display: block;
  line-height: 25px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

article.blog_single .post-category>a {
  color: #cea679;
}

article.blog_single .post-category>a:hover {
  color: #3F5736;
}

.blog_single header h2 {
  margin-bottom: 14px;
}

h2.entry-title {
  color: #444;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h2.entry-title:before {
  content: '\f005';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 8px;
  margin-right: 5px;
  vertical-align: top;
}

.post-author {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

.post-separator {
  color: #8c8c8c;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.post-date {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

.blog_single .post-thumbnail {
  margin-bottom: 26px;
}

.blog_single .blog-audio,
.blog_single .blog-video {
  margin-bottom: 26px;
}

.blog_single .post-gallery {
  margin-bottom: 26px;
}

.blog_single .post-gallery img {
  width: 100%;
}

.blog_area article.blog_single {
  text-align: center;
}

.post-info .entry-summary>p {
  margin-bottom: 27px;
}

.blog_single .readmore.button {
  background: #434343 none repeat scroll 0 0;
  border-color: #434343;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
}

.social-sharing .widget-title {
  background: none;
  color: #3F5736;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 30px;
  font-weight: 700;
}

.blog-social-icons {
  margin: 10px 0 20px;
}

.blog-social-icons>li {
  list-style: none;
  display: inline-block;
}

.blog-social-icons>li>a {
  background: #f7f7f7;
  border-radius: 100%;
  color: #353535;
  display: block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
  text-align: center;
  width: 26px;
}

.blog-social-icons>li>a:hover {
  background-color: #cea679;
  color: #fff;
}

.blog_area .blog_single.blog-details {
  border-bottom: none;
  margin-bottom: 0px;
}

.entry-summary.blog-post-description>p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 25px;
  color: #193a43;
  text-align: left;
}

.entry-summary.blog-post-description b, .entry-summary.blog-post-description strong{
  font-weight: 600;
}

.entry-summary.blog-post-description blockquote {
  background: #f6f6f6;
  border: 1px solid #ededed;
  border-left: 5px solid #cea679;
  font-size: 14px;
  font-style: italic;
  line-height: 26px;
  margin: 40px 0 40px 40px;
  padding: 30px 45px;
  text-align: left;
}

.blog-post-description p h3 {
  font-size: 18px !important;
  font-weight: 500;
}

.blog-detls-hdr {
  font-size: 32px !important;
  font-weight: 600;
}

.desktop-viewv {
  display: block !important;
}

@media only screen and (max-width: 767px) {
  .entry-summary.blog-post-description blockquote {
    margin: 20px 0 20px 0px;
    padding: 20px 25px;
  }
}

.single-post-tag {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
  margin: 30px 0;
  color: #3F5736;
  text-align: left;
}

.single-post-tag>a {
  font-size: 13px;
  text-transform: uppercase;
  color: #3F5736;
}

.single-post-tag>a:hover {
  color: #cea679;
}

.relatedposts>h3 {
  display: inline-block;
  font-size: 20px;
  margin: 0 0 30px;
  font-weight: 700;
  padding: 0 0 20px;
  position: relative;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .relatedposts>h3 {
    margin: 0 0 15px;
    padding: 0 0 10px;
  }
}

.relatedthumb>h4 {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #444;
  text-transform: uppercase;
  margin: 0;
}

.relatedthumb .image {
  margin-bottom: 25px;
}

.relatedthumb .image a {
  display: block;
}

.relatedthumb .image a img {
  width: 100%;
}

.rl-post-date {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  font-style: italic;
}

.comments-area>h3,
.comment-box>h3 {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  /* text-transform: uppercase; */
  margin-bottom: 20px;
}

.comments-area ol {
  list-style: none;
  padding-left: 0;
}

.comments-area>ol>li>ol {
  margin-left: 30px;
}

.comments-area .commentlist li .single-comment {
  background: #fff;
  border: 1px solid #ededed;
  margin: 0 0 20px;
  padding: 30px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .comments-area .commentlist li .single-comment {
    padding: 15px;
  }
}

.comments-area .commentlist li .comment-avatar {
  float: left;
  margin-right: 20px;
}

.comments-area .commentlist li .comment-info {
  border: none;
  overflow: hidden;
  position: relative;
}

.comments-area .commentlist .comment-info a {
  color: #3F5736;
  display: block;
  font-weight: 700;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .comments-area .commentlist .comment-info a {
    margin-bottom: 10px;
    display: block;
  }
}

.comments-area .commentlist li .comment-info .reply {
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}

.comments-area .commentlist li .comment-info .reply a {
  background: none;
  border: 1px solid #cea679;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #cea679;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  height: 28px;
  line-height: 26px;
  padding: 0 20px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  white-space: nowrap;
  border-radius: 500px;
}

.comments-area .commentlist li .comment-info .reply a:hover {
  background-color: #cea679;
  color: #fff;
}

.comments-area .commentlist .comment-info span.date {
  display: block;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 15px;
  color: #3F5736;
  line-height: 19px;
}

.comment-info>p {
  margin-bottom: 0;
  color: #000;
}

.comment-note {
  font-size: 14px;
  color: #000;
  line-height: 25px;
  margin-bottom: 10px;
}

.single-input>label {
  color: #000;
  font-size: 14px;
  line-height: 25px;
}

.single-input>textarea {
  border: 1px solid rgba(63, 74, 60, .2);
  border-radius: 0;
  height: 120px;
  padding: 0px 10px 10px 7px;
  width: 100%;
}

.single-input>input {
  border: 1px solid rgba(63, 74, 60, .2);
  height: 46px;
  padding-left: 15px;
  width: 100%;
}

.single-input>input:focus {
  outline: auto;
  outline-color: #cea679;
}

.single-input>textarea:focus {
  outline: auto;
  outline-color: #cea679;
}

/*--------------------------------------- 15. Login Register CSS -----------------------------------------*/
.form-login-title>h2,
.form-register-title>h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 26px;
  color: #444;
}

.login-form {
  padding: 20px;
  margin: 30px 0;
  text-align: left;
}

.register-form {
  padding: 20px;
  border-right: 1px solid #d3ced2;
  margin: 30px 0;
  text-align: left;
}

.form-fild,
.login-submit,
.lost-password,
.register-submit {
  margin-bottom: 10px;
}

.login-submit label {
  margin-left: 10px;
}

#zoomIn h3 i {
  cursor: pointer;
}

.card-body {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .regimecomp {
    text-align: center;
    width: 33.33%;
    padding: 0 5px !important;
  }

  .regimecomp div {
    box-shadow: none !important;
  }

  .login-submit label {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
  }

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

.form-fild p {
  margin: 0;
}

.shop-banner-title {
  text-align: center;
  margin-bottom: 0px;
}

.form-fild p span.required {
  color: #f23838;
}

.form-fild input {
  width: 100%;
  padding: 10px;
  height: 45px;
  border: none;
  color: #3F5736;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}

.lost-password>a {
  color: #416e7a;
}

.lost-password>a:hover {
  color: #193a43;
}

.tabbable-responsive {
  display: block;
  min-width: 100%;
  overflow-x: auto;
  margin: 0px -21px -13px -32px;
}

@media(max-width: 767px){
  .tabbable-responsive {
    margin: 0;
  }
}

.tabbable {
  min-width: 100%;
}

.tabbable .nav-tabs {
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
  padding: 0px 21px;
  text-align: center;
  /* border-bottom: 1px solid #cccccc !important; */
}

.tabbable .nav-tabs .nav-item {
  display: inline-block;
}

.tabbable .nav-tabs .nav-item .nav-link {
  display: inline-block;
}

/*--------------------------------------- 16. My Account CSS -----------------------------------------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
}

.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #3F5736;
  font-weight: 500;
  font-size: 12px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #cea679;
  color: #ffffff;
}

.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 30px;
}

/*about us tab */
.myaccount-tab-menuab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
}

.myaccount-tab-menuab a {
  border-top: none;
  border-bottom: 1px solid #cfcfcf;
  color: #193a43;
  font-weight: 400;
  font-size: 15px;
  display: block;
  padding: 15px 15px 13px;
  text-align: left;
  /* text-transform: uppercase; */
}

.myaccount-tab-menuab a:hover,
.myaccount-tab-menuab a.active {
  border-bottom: 1px solid #416e7a;
  background-color: transparent;
  color: #656565;
  color: #193a43;
  font-weight: 400;
  background: #ffffff;
}

.myaccount-tab-menuab a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-contentab {
  background-color: #ffffff;
  font-size: 14px;
  border-left: 1px solid #eeeeee;
  padding: 10px;
  padding-left: 20px;
  padding-right: 0px;
}

.myaccount-contentab h3 {
  font-weight: 500;
  font-size: 24px;
  word-break: break-all;
}

.myaccount-contentab p {
  color: #404041;
  margin-bottom: 15px;
  word-break: break-all;
}

.myaccount-contentab p img {
  border: 1px solid #b0b0b0;
  -webkit-box-shadow: 0px 0px 5px 12px rgba(209, 209, 209, 1);
  -moz-box-shadow: 0px 0px 5px 12px rgba(209, 209, 209, 1);
  box-shadow: 0px 0px 5px 12px rgba(209, 209, 209, 1);
}

.banner-section {
  width: 100%;
  overflow: hidden;
  display: block;
  background: url(../images/ingredients/about-header.jpg) no-repeat;
  background-size: cover;
  height: 587px;
}

.ingredients-section {
  width: 100%;
  overflow: hidden;
  display: block;
  background: url(../images/ingredients/ingredients-bg.jpg) no-repeat;
  background-size: cover;
  height: 339px;
}

.about-us-banner-bottom-frame {
  /*margin-top: 9%;margin-left: 9%;*/
  width: 82%;
  margin: 115px auto;
  background: rgba(255, 255, 255, 0.77);
  padding: 35px 100px;
}

.about-us-banner-bottom-frame h3 {
  font-size: 29px !important;
  letter-spacing: 0px;
  color: #193a43;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}

.about-us-banner-bottom-frame-ing {
  /*margin-top:2%;*/
  width: 50%;
  margin: 60px auto;
  background: rgba(255, 255, 255, 0.8);
  padding: 42px 90px;
}

.about-us-banner-bottom-frame-ing h3 {
  font-size: 29px !important;
  letter-spacing: 0px;
  color: #193a43;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}

.about-us-banner-bottom-frame p {
  font-size: 18px !important;
  letter-spacing: 0px;
  color: #193a43;
  text-align: center;
  text-shadow: 0px 0px #dddddd;
  font-weight: 500;
}

.blog-banner-sectionmn {
  z-index: 1 !important;
  padding: 0px !important;
  overflow: hidden;
}

.blog-banner-section {
  width: 100%;
  overflow: hidden;
  display: block;
  height: 400px;
  z-index: 0 !important;
  display: flex;
      flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog-banner-section:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s;
  -moz-transition: all 3.5s;
  -o-transition: all 3.5s;
  transition: all 3.5s;
}

.blog-banner-bottom-frame {
      width: 100%;
    margin-left: 0%;
    /* background: rgba(0, 0, 0, 0.27); */
    padding: 65px 10px 50px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog-banner-bottom-frame h3 {
  font-size: 28px !important;
  letter-spacing: 1px;
  color: #ffffff !important;
  text-align: left;
  text-shadow: 1px 1px #000000;
  font-weight: 600;
  margin-bottom: 25px;
}

.blog-banner-bottom-frame p {
  font-size: 20px !important;
  letter-spacing: 1px;
  color: #ffffff !important;
  /* text-align: left; */
  text-shadow: 1px 1px #171717;
  font-weight: 400;
  margin-bottom: 15px;
}

.blog-banner-bottom-frame p a {
  font-size: 16px !important;
  letter-spacing: 0.3px;
  color: #ffffff !important;
  text-align: left;
  float: left;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  
.blog-banner-bottom-frame h3 {
  font-size: 20px !important;
  letter-spacing: 1px;
  color: #ffffff !important;
  text-align: left;
  text-shadow: 1px 1px #000000;
  font-weight: 500;
  margin-bottom: 10px;
}

.blog-banner-bottom-frame p {
  font-size: 16px !important;
  letter-spacing: 1px;
  color: #ffffff !important;
  /* text-align: left; */
  text-shadow: 1px 1px #171717;
  font-weight: 400;
  margin-bottom:5px;
}

.blog-banner-bottom-frame p a {
  font-size: 12px !important;
  letter-spacing: 0.3px;
  color: #ffffff !important;
  text-align: left;
  float: left;
  font-weight: 300;
}
}

.rattingbtn p {
  line-height: 23px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: rgb(0, 0, 0);
}

.edit-address-btn {
  color: #3F5736;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
  padding: 0 10px;
  background: transparent;
  border: 2px solid #3F5736;
  text-transform: capitalize;
  font-size: 16px;
  z-index: 1;
  border-radius: 0;
}

.edit-address-btn:hover {
  color: #db9c28;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
  padding: 0 10px;
  background: transparent;
  border: 2px solid #db9c28;
  text-transform: capitalize;
  font-size: 16px;
  z-index: 1;
  border-radius: 0;
}

.dashdata {
  margin-bottom: 25px;
}

.tt-block-title {
  margin-bottom: 30px;
}

.tt-block-title p {
  font-size: 14px;
  color: #193a43;
  padding: 5px;
}

.tt-block-title>.tt-title {
  font-size: 40px;
  font-weight: 500;
}

.tt-block-title>.tt-description {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}

.tt-title h6 {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
}

.tt-title p {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #193a43;
}

.tt-img-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e9e7e7;
  text-decoration: none;
  position: relative;
  text-align: center;
  padding: 25px 0 25px 0;
  -moz-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  transition: border 0.2s linear;
  border-radius: 10px;
  background-color: #f8f8f8;
  height: 100%;
}

.ingrecenter {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 40px;
}

.ingreboxbg {
  background: #edfee7;
  padding-top: 20px;
  padding-bottom: 30px;
  width: 100% !important;
  margin-bottom: 30px;
}

.abouttablft {
  border-top: none;
  color: #000000;
  font-size: 18px;
  display: block;
  width: 100%;
  padding: 15px 15px 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 25px;
}

.abouttablft:hover {
  border-top: none;
  color: #224713;
}

.tab-contentaa {
  border-left: 1px solid #eeeeee;
  padding-left: 30px;
}

.tabfresh {
  background: url(../images/icons/fresh-experience.jpg) no-repeat;
  height: 54px;
  display: inline-flex;
  padding-left: 68px;
  font-size: 23px;
  color: #193a43
}

.tabethical {
  background: url(../images/icons/ethical.jpg) no-repeat;
  height: 54px;
  display: inline-flex;
  padding-left: 60px;
  font-size: 23px;
  color: #193a43
}

.tabenvironment {
  background: url(../images/icons/environment.jpg) no-repeat;
  height: 54px;
  display: inline-flex;
  padding-left: 68px;
  font-size: 23px;
  color: #193a43
}

.tabcruelty {
  background: url(../images/icons/cruelty-free.jpg) no-repeat;
  height: 54px;
  display: inline-flex;
  padding-left: 64px;
  font-size: 23px;
  color: #193a43
}

.myaccount-contentabb {
  margin-bottom: 10px;
}

.orconfprod {
  display: block;
  width: 100%;
}

.orconfprod1 {
  display: inline-block;
  float: left;
}

.orconfprod2 {
  display: inline-block;
  float: left;
}

.orconfprod3 {
  display: inline-block;
  float: left;
  text-align: right;
}

.orconfprod a img {
  border: none;
  /*max-width:100px;max-height:150px*/
  width: 100%;
  height: auto;
}

.orconfprod h2 {
  color: #193a43;
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  padding-bottom: 0px;
}

.orconfprod p {
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 2px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  color: #193a43;
}

.orconfprod p span {
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
}

.orconfprod p span strong {
  font-weight: 600;
}

.totcost {
  padding-top: 40px;
  font-size: 20px;
  text-align: right;
  line-height: 130px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  white-space: nowrap;
}

.prodtitl {
  padding-top: 100px;
}

.prodtitlhed {
  padding-top: 50px;
}

.collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}

.collapsible-link::after {
  content: "\f107";
  top: 50%;
  right: 0.7rem;
  display: block;
  font-family: "FontAwesome";
  font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::after {
  content: "\f106";
}



/* .collapsible-link[aria-expanded="true"] .fa-chevron-down {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.collapsible-link .fa-chevron-down {
  transition: transform 0.3s ease;
} */

.accordion-group-v2{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.shadowaccord {
  box-shadow: 0 .1rem 0.2rem rgba(0, 0, 0, .15) !important;
  /* display: inline-block;
      width: calc(50% - 5px);
  float: left; */
}

.addbtncombo1 {
  background: #db9c28 !important;
  height: 40px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 8px 15px;
  border-radius: 5px;
}

.addbtncombo1:hover {
  background: #22463a !important;
}

.addbtncombo {
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  border-radius: 0rem;
  background: #db9c28;
  color: #ffffff !important;
  text-transform: capitalize;
  font-size: 15px;
  letter-spacing: 0rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-right: 0px;
  outline: none;
  border: 0;
}

.addbtncombo:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 10px 30px;
  /*background:#193a43;border: 1px solid #193a43;box-shadow:rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;*/
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 0rem;
  z-index: -2;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
}

.addbtncombo:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #193a43;
  transition: all 0.3s;
  border-radius: 0rem;
  z-index: -1;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
  color: #fff !important;
}

.addbtncombo:hover {
  color: #fff !important;
}

.addbtncombo:hover:before {
  width: 100%;
  color: #fff !important;
}

button.addbtncombo {
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  border-radius: 0rem;
  background: #db9c28 !important;
  color: #ffffff !important;
  text-transform: capitalize;
  font-size: 15px;
  letter-spacing: 0rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  outline: none;
  border: 0;
}

button.addbtncombo:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 10px 30px;
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 0rem;
  z-index: -2;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
}

button.addbtncombo:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #193a43;
  transition: all 0.3s;
  border-radius: 0rem;
  z-index: -1;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
  color: #fff !important;
}

button.addbtncombo:hover {
  color: #fff !important;
}

button.addbtncombo:hover:before {
  width: 100%;
  color: #fff !important;
}

.uvp-list{
  margin-left: 5px;
}

/*about us tab */
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.myaccount-content .welcome a {
  color: #000000;
}

.myaccount-content .welcome a:hover {
  color: #cea679;
}

.myaccount-content .welcome strong {
  font-weight: 600;
}

.myaccount-content a.edit-address-btn {
  background: none;
  border: none;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3F5736;
  border-color: #3F5736;
  padding: 10px 20px;
  border-radius: 3px;
}

.myaccount-content a.edit-address-btn i {
  padding-right: 5px;
}

.myaccount-content a.edit-address-btn:hover {
  background-color: #cea679;
}

.myaccount-content button.save-change-btn {
  background: none;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3F5736;
  border-color: #3F5736;
  width: 140px;
  padding: 10px 0;
  border-radius: 3px;
}

.myaccount-content button.save-change-btn:hover {
  background-color: #cea679;
}

/*-- My Account Table -*/
.myaccount-table {
  /* white-space: nowrap; */
  font-size: 15px;
  /*border-left: 1px solid #cccccc !important;*/
  border-top-left-radius: 0px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}

.myaccount-table table td a:hover,
.myaccount-table .table td a:hover {
  /*color: #cea679;*/
  color: #db9c28;
}

.saved-message {
  border-top: 3px solid #cea679;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}

.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  line-height: 24px;
  padding: 11px 25px 11px 8px;
  color: #193a43;
}

/*--------------------------------------- 17. Newsletter CSS -----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
  .newsletter-popup-area {
    display: none;
  }

  .myaccount-tab-menuab a {
    border-top: none;
    border-bottom: 1px solid #cfcfcf;
    color: #193a43;
    /* font-weight: 600; */
    font-size: 15px;
    display: block;
    padding: 15px 15px 13px;
    text-align: center;
    text-transform: uppercase;
  }
}

.newsletter-popup-area:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.8;
  z-index: 99;
  visibility: visible;
}

.newsletter-popup-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 50px 20px;
  z-index: 999;
  width: 50%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .newsletter-popup-content {
    width: 70%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-popup-content {
    width: 80%;
  }
}

.newsletter-popup-content .close-newsletter-popup {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 15px;
  background-color: #333;
  color: #ffffff;
}

.newsletter-popup-content .close-newsletter-popup:hover {
  background-color: #cea679;
}

.newsletter-popup-content h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #3F5736;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 15px;
}

.newsletter-popup-content .subscription-form form input {
  background: #EBEBEB none repeat scroll 0% 0%;
  border: medium none;
  height: 40px;
  width: 65%;
  margin: 20px auto;
  padding: 0 15px;
  font-size: 15px;
  display: block;
}

.newsletter-popup-content .subscription-form form button {
  border-radius: 5px;
  background-color: #f0f0f0;
  color: #333;
  margin-bottom: 20px;
}

.newsletter-popup-content .subscription-form form button:hover {
  background-color: #cea679;
  color: #ffffff;
}

/*--------------------------------------- 18. Modal CSS -----------------------------------------*/
.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* .accordion {
    padding-left: 20px;
  } */


  .shop-banner-title {
    text-align: center;
    margin-bottom: 0px;
  }

  .about-us-banner-bottom-frame-ing {
    /*margin-top: 2%;*/
    width: 90%;
    margin: 85px auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 16px 90px;
  }

  .footbox {
    margin-top: 48px;
  }

  .quick-view-modal-container .modal-dialog {
    max-width: 95%;
  }

  .stamppadding {
    padding: 0px 0px;
  }

  .stamp-icons {
    width: 20%;
    float: left;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
  }

  .single-product {
    display: block;
    padding: 0px 0px 10px 0px;
    background: #ffffff;
    height: auto;
    margin-bottom: 27px !important;
  }

  h2.leafbg {
    display: inline-block;
    font-weight: 600;
    color: #193a43 !important;
    font-size: 30px;
    margin-top: 30px;
    text-transform: capitalize !important;
  }
}

@media only screen and (max-width: 767px) {
  /* .accordion {
    padding-left: 2px;
  } */

  .mobile-menu .mean-bar {
    position: relative;
    margin-top: 5px;
  }

  .slidersection {
    margin-bottom: 0px;
  }

  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }

  .shadowaccord {
    box-shadow: 0 .1rem 0.2rem rgba(0, 0, 0, .15) !important;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}

.quick-view-modal-container .modal-header button {
  z-index: 999;
}

.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }

  .single-product {
    margin-bottom: 5px !important;
  }

  .largeicons {
    margin-bottom: -9px !important;
    padding-top: 20px !important;
  }

  .feature-item-txt {
    margin-top: -64px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}

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

  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

/*--------------------------------------- 19. Sidebar CSS -----------------------------------------*/
/*-- Sidebar --*/
.common-sidebar-widget {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-sidebar-widget {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .common-sidebar-widget {
    margin-bottom: 30px;
  }
}

.common-sidebar-widget.sidebar-two {
  padding: 0;
  background-color: transparent;
}

.common-sidebar-widget:last-child {
  margin-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  margin: 0;
  padding: 0 0 15px;
  display: block;
  font-size: 16px;
  /*color: #3F5736;*/
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  border-bottom: 1px solid #ededed;
}

/*-- Sidebar Search --*/
.sidebar-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e6e7;
}

.sidebar-search form input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 40px);
  flex: 1 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  height: 40px;
  border: none;
  background-color: transparent;
  padding: 0 15px;
  color: #3F5736;
}

.sidebar-search form button {
  max-width: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40px;
  flex: 1 0 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.sidebar-search form button i {
  font-size: 20px;
  line-height: 40px;
}

.sidebar-search form button:hover {
  color: #cea679;
}

/*-- Sidebar List --*/
.sidebar-list li {
  line-height: 40px;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #ededed;
}

.sidebar-list li a {
  font-size: 14px;
  font-weight: 400;
  color: #3F5736;
  display: block;
}

.sidebar-list li a img {
  width: 25px;
  margin-right: 15px;
}

.sidebar-list li a i {
  margin-right: 10px;
  font-size: 14px;
}

.sidebar-list li a .count {
  float: right;
}

.sidebar-list li a:hover {
  color: #cea679;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-blog:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-blog .image {
  max-width: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80px;
  flex: 1 0 80px;
}

.sidebar-blog .image img {
  width: 100%;
}

.sidebar-blog .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 80px);
  flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}

.sidebar-blog .content h5 {
  font-size: 16px;
  line-height: 1.5;
}

.sidebar-blog .content span {
  font-size: 13px;
  display: block;
  line-height: 18px;
}

/*-- Sidebar Tags --*/
.sidebar-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.sidebar-tag li {
  padding: 5px;
}

.sidebar-tag li a {
  display: block;
  border: 1px solid #e5e6e7;
  padding: 3px 15px;
  font-size: 14px;
}

.sidebar-tag li a:hover {
  background-color: #3F5736;
  border-color: #3F5736;
  color: #cea679;
}

/*-- Sidebar Product --*/
.sidebar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-product .image {
  max-width: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80px;
  flex: 1 0 80px;
}

.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}

.sidebar-product .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 80px);
  flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}

.sidebar-product .content .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.sidebar-product .content .price span.old {
  margin-left: 10px;
  color: #3F5736;
  text-decoration: line-through;
}

.sidebar-product .content .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #cea679;
}

.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  20. Brand CSS
/*----------------------------------------*/
/*-- Brand Slider --*/
.brand-slider .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -15px;
  z-index: 9;
  border: none;
  background-color: #ffffff;
  color: #cea679;
  padding: 10px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}

.brand-slider .slick-arrow i {
  font-size: 24px;
  line-height: 24px;
  display: block;
}

.brand-slider .slick-arrow.slick-prev {
  left: -7px;
  margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

.brand-slider .slick-arrow.slick-next {
  right: -7px;
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

.brand-slider .slick-arrow:hover {
  background-color: #cea679;
  color: #ffffff;
}

.brand-slider:hover .slick-arrow {
  opacity: 1;
}

.brand-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}

.brand-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}

.brand-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-slider .slick-dots li {
  margin: 0 5px;
}

.brand-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: #d8d8d8;
  text-indent: -9999px;
  border-radius: 50px;
}

.brand-slider .slick-dots li.slick-active button {
  background-color: #cea679;
}

/*-- Brand --*/
.brand {
  text-align: center;
}

.brand a {
  display: block;
}

.brand a img {
  max-width: 100%;
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.brand:hover a img {
  opacity: 0.6;
}

/*--------------------------------------- 21. Contact CSS -----------------------------------------*/
/*-- Map --*/
.contact-map {
  height: 400px;
  width: 100%;
}

/*-- Contact Information --*/
.contact-information h3 {
  margin-bottom: 30px;
}

.contact-information ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.contact-information ul li:last-child {
  margin-bottom: 0;
}

.contact-information ul li .icon {
  width: 50px;
}

.contact-information ul li .icon i {
  font-size: 30px;
}

.contact-information ul li .text {
  max-width: calc(100% - 50px);
}

.contact-information ul li .text span,
.contact-information ul li .text a {
  display: block;
  line-height: 24px;
  max-width: 230px;
}

/*-- Contact Form --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-wrap.margin-0 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-wrap.margin-0 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-wrap {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-wrap {
    margin-top: 40px;
  }
}

.contact-form-wrap h3 {
  margin-bottom: 25px;
}

.contact-form-wrap input {
  width: 100%;
  height: 50px;
  border: none;
  padding: 0;
  border: 1px solid rgba(63, 74, 60, .2);
  padding: 0.6875rem 1.25rem;
  height: 45px;
}

.contact-form-wrap input:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap input {
  display: block;
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  line-height: 24px;
  padding: 11px 25px 11px 8px;
  color: #193a43;
}

.contact-form-wrap textarea {
  width: 100%;
  height: 200px;
  border: none;
  color: #3F5736;
  resize: none;
  border: 1px solid rgba(63, 74, 60, .2);
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  padding: 0.6875rem 1.25rem;
}

.contact-form-wrap textarea:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap button {
  margin-top: 20px;
}

.form-messege.success {
  color: #1dbc51;
  font-weight: 700;
}

.form-messege.error {
  color: #ff1313;
}

/*--------------------------------------- 22. 404 CSS -----------------------------------------*/
.error-text>h1 {
  font-size: 200px;
  color: #cea679;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 220px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-text>h1 {
    font-size: 180px;
    line-height: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text>h1 {
    font-size: 160px;
    line-height: 160px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text>h1 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text>h1 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 15px;
  }
}

.error-text>h2 {
  font-size: 35px;
  line-height: 47px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #3F5736;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text>h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text>h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text>h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

.error-text>p {
  font-size: 22px;
  font-weight: 300;
  line-height: 25px;
  margin: 20px auto 30px;
  color: #3F5736;
  max-width: 700px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text>p {
    font-size: 18px;
    line-height: 24px;
    max-width: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text>p {
    font-size: 18px;
    line-height: 24px;
    max-width: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text>p {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
  }
}

.search-error form {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 500px;
}

@media only screen and (max-width: 575px) {
  .search-error form {
    width: 100%;
  }
}

.search-error input {
  background: none;
  border: 1px solid #e9e9e9;
  color: #3F5736;
  float: left;
  font-size: 14px;
  height: 50px;
  padding: 0 40px 0 15px;
  width: 100%;
  line-height: 50px;
}

.search-error button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4f4f4f;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}

.search-error button:hover {
  color: #cea679;
}

.error-button a {
  background: #cea679 none repeat scroll 0 0;
  border-radius: 35px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 30px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-button a {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .error-button a {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .error-button a {
    margin-bottom: 15px;
  }
}

.error-button a:hover {
  background: #333;
}

/*----------------------------------------*/
/*  23. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 19px;
  font-weight: 600;
  color: #193a43;
  white-space: nowrap;
  text-transform: uppercase;
  margin-bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

.footer-widget .title .text {
  margin-right: 10px;
}

.footer-widget .title .shape {
  height: 5px;
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.footer-widget p {
  margin-top: 13px;
  color: #000000;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .footer-widget p {
    width: auto;
  }

  .rev_btn {
    text-align: left;
    margin-left: 0px;
  }
}

.footer-logo {
  text-align: center;
}

.footer-widget ul.address li {
  color: #193a43;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 12px;
}

.footer-widget ul.address li:last-child {
  margin-bottom: 0;
}

.footer-widget ul.address li i {
  margin-right: 15px;
  line-height: 28px;
  font-size: 18px;
}

.footer-widget ul.address li span {
  overflow: hidden;
}

.footer-widget ul.address li a {
  display: block;
}

.footer-widget ul.address li a:hover {
  color: #cea679;
}

.footer-widget>.ft-menu {
  /*display: inline-block;*/
  display: inline-flex;
  margin-left: 10px;
}

.footer-widget>.ft-menu>li {
  line-height: 24px;
  display: inline-block;
  padding: 12px;
}

.footer-widget>.ft-menu>li>a {
  list-style-type: none;
  text-transform: capitalize;
  text-decoration: none;
  color: #193a43;
  display: inherit;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.footer-widget>.ft-menu>li>a:hover {
  padding-left: 15px;
}

/*-- Footer Social --*/
.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-social a {
  text-align: center;
  border-radius: 50px;
  color: #0c483c;
  margin: 10px 18px 0 0;
  display: block;
}

.footer-social a:last-child {
  margin-right: 0;
}

.footer-social a:hover {
  color: #cea679;
}

.footer-social a i {
  display: block;
  font-size: 28px;
  line-height: 16px;
}

/*-- Footer News Letter --*/
.footer-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-newsletter input {
  width: calc(100% - 40px);
  max-width: 250px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #ffffff;
  line-height: 24px;
  padding: 7px 15px;
  font-size: 13px;
}

.footer-newsletter button {
  width: 40px;
  height: 40px;
  border: none;
  background-color: #cea679;
  color: #ffffff;
}

/*-- Footer Bottom --*/
/*-- Copyright --*/
@media only screen and (max-width: 575px) {
  .copyright {
    text-align: center !important;
  }
}

.copyright p {
  line-height: 30px;
  color: #193a43;
  font-size: 14px;
}

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

.copyright p a:hover {
  color: #cea679;
}

@media only screen and (max-width: 575px) {
  .footer-logo {
    text-align: center !important;
  }
}

/*Custom CSS Started */
.purity {
  background-color: #3F5736;
  padding: 47px;
}

.purity h2 {
  font-family: 'Montserrat', Poppins, sans-serif;
  text-align: center;
  color: #f8f3e4;
  margin-top: 13px;
  margin-bottom: 19px;
  letter-spacing: 2px;
}

.purity .container p {
  margin-bottom: 2px;
  font-size: 17px;
  color: #f8f3e4;
  text-align: center;
  font-family: 'Montserrat', Poppins, sans-serif;
}

.purity .container ul {
  padding: 0;
  list-style: none;
  margin: 50px 0;
}

.deal-section {
  padding: 0;
}

.padbtn {
  padding: 15px 0;
}

.purity .container ul li {
  text-align: center;
  width: calc(100%/6);
  float: left;
}

.purity .container ul li p {
  font-size: 13px;
  margin-top: 7px;
  color: #f8f3e4;
  font-family: 'Montserrat', Poppins, sans-serif;
}

.footer {
  /*background: url(../images/footer.jpg) no-repeat top fixed;*/
  background-position: center center;
  width: 100%;
  overflow: hidden;
  top: 0;
  right: 0;
  z-index: 1;
  border-bottom: 0px solid #8c8c8c;
  border-top: 0px solid #8c8c8c;
}

.brand img {
  -webkit-box-shadow: 10px 10px 5px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px -2px rgba(0, 0, 0, 0.75);
}

.purity p {
  margin-bottom: 10px;
  font-size: 18px;
  color: #f8f3e4;
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Montserrat', Poppins, sans-serif;
}

/*** Code Updated: 15 July 2019 ***/
.product-details-content h2 {
  font-size: 35px !important;
  font-weight: bold;
}

.single-product-price {
  margin-bottom: 25px !important;
  margin-top: 15px !important;
}

.product-description {
  margin-bottom: 20px !important;
  color: #222222;
}

.product-details-content .stock.available {
  color: #3F5736 !important;
  /* text-transform: uppercase; */
  font-size: 16px !important;
  font-weight: bold;
  border: 0 !important;
  width: 100%;
  margin-bottom: 5px;
}

.wishicon {
  margin-left: 0px;
  text-align: left;
}

hr.titleline {
  border-top: 1px solid #3F5736 !important;
}

a.prod-title {
  padding: 4px 25px !important;
  color: #3a7f2c;
  border: 2px solid #3a7f2c;
  background: #ffffff;
  font-size: 16px;
}

.prod-gift-box {
  background: url(../images/gift_box_bg.jpg) no-repeat center center;
  background-size: cover;
  background-position: center center;
}

.banner-content {
  text-align: justify;
  text-justify: inter-word;
}

.blog-inner .content p {
  color: #000000 !important;
}

.of-attr {
  background: #004534;
  padding: 0px !important;
  height: auto;
  z-index: 5 !important;
  position: relative;
}

.addremove {
  text-align: left;
  vertical-align: bottom;
  position: absolute;
  bottom: 0px;
}

.addhgt {
  height: auto;
}

.entab {
  margin-bottom: 10px !important;
}

.addlinehgt {
  line-height: 18px;
  word-break: break-all;
}

.of-attr-bdr {
  border-right: 1px solid #3a7e3d;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.of-attr-sec {
  height: 130px;
}

.of-attr-img {
  background: #62a744;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding: 5px;
  margin: -42px auto;
  z-index: 4 !important;
}

.of-attr-img1 {
  background: #62a744;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  padding: 5px;
  border: 2px solid #ffffff;
}

.of-attr-img1 img {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 0px;
}

.of-attr-sec h3 {
  text-align: center;
  font-weight: 600;
  font-size: 14px !important;
  color: #fff !important;
  margin-top: 50px;
  margin-bottom: 10px;
}

.of-attr-sec p {
  text-align: center;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #fff;
  line-height: 21px;
}

.of-attr-img:hover {
  background: #589541;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding: 5px;
  margin: -42px auto;
}

.of-attr-img1:hover {
  background: #589541;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  padding: 5px;
  border: 2px solid #4c833c;
}

.topmenu_srch {
  justify-content: center !important;
}

.rattingbtn {
  text-align: center;
  margin-bottom: 8px;
}

.descount-sticker_btn1 {
  /*color: #3F5736;*/
  color: #000000 !important;
  font-weight: 600;
  text-align: center;
  line-height: 27px;
  padding: 10px 30px;
  background: #ffffff;
  border: 1px solid #193a43;
  text-transform: capitalize;
  font-size: 15px;
  z-index: 1;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.descount-sticker_btn1:hover {
  /*color: #3F5736;*/
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  line-height: 27px;
  padding: 10px 30px;
  background: #193a43;
  border: 1px solid #193a43;
  text-transform: capitalize;
  font-size: 15px;
  z-index: 1;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  border-radius: 0px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 15px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.descount-sticker_btn {
  display: inline-block;
  padding: 10px 20px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  border-radius: 0rem;
  background: #db9c28;
  color: #ffffff !important;
  text-transform: capitalize;
  font-size: 15px;
  letter-spacing: 0rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  outline: none;
  border: 0;
}

.descount-sticker_btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 10px 30px;
  /*background:#193a43;border: 1px solid #193a43;box-shadow:rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;*/
  text-transform: capitalize;
  font-size: 15px;
  border-radius: 0rem;
  z-index: -2;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
}

.descount-sticker_btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #416e7a;
  transition: all 0.3s;
  border-radius: 0rem;
  z-index: -1;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
  color: #fff !important;
}

.descount-sticker_btn:hover {
  color: #fff !important;
}

.descount-sticker_btn:hover:before {
  width: 100%;
  color: #fff !important;
}

.subscribe-btn {
  padding: 12px 20px !important;
  float: right;
  margin-top: -49px !important;
  margin-right: 4px;
  color: #ffffff !important;
}

.prodbtnbx>.descount-sticker_btn {
  margin-left: 0px;
  padding: 10px 15px !important;
  font-size: 14px;
}

.descount-sticker_btn_detail {
  background: #193a43 !important;
  color: #ffffff !important;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  padding: 10px 45px;
  background: #ffffff;
  text-transform: capitalize;
  font-size: 15px;
  z-index: 1;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.justify-head {
  -ms-flex-pack: center !important;
  justify-content: flex-end !important;
  margin-top: 5px;
  padding-top: 8px;
}

.home-icons {
  margin-top: -25px;
}

.slidethumb {
  margin-top: -200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-md-13 {
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 49%;
    max-width: 49%;
  }

  .prodwishicon {
    top: 10px;
    margin-left: -96px;
  }

  .section-title-shipping {
    padding-bottom: 31px;
    padding-top: 45px;
  }

  .descount-sticker_btn {
    margin-left: 0px;
  }

  .justify-head {
    -ms-flex-pack: center !important;
    justify-content: flex-end !important;
    /*justify-content: center!important;*/
    margin-top: -10px !important;
    padding-top: 8px;
  }

  .home-icons {
    margin-top: -96px;
  }

  .aboutbg {
    margin-top: -7px !important;
  }
}

.subscribeform {
  border: 1px solid #db9c28 !important;
  border-radius: 5px !important;
}

.footer-widget {
  padding: 50px !important;
}

.form-control {
  display: block;
  width: 100%;
  /*height: calc(2.25rem + 2px);padding:0;border:none;*/
  padding: 0.6875rem 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(63, 74, 60, .2);
  border-radius: 5px !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.single-productpg {
  width: 100%;
  margin: 0px;
  display: block;
  margin-bottom: 0px !important;
}

.displayblock {
  display: inline-block;
}

.productpg_add {
  width: 300px;
  margin: 0px auto;
  display: block;
  margin-bottom: 18px !important;
}

.single-product-reviews {
  color: #f0ad3a !important;
}

.single-product-reviews i {
  margin-left: 2px;
}

.unselctleaf {
  /*color:#fcaf05*/
  color: #c5c5c5 !important;
  margin-left: 2px;
}

.product-details-content h2 {
  font-size: 30px !important;
  font-weight: 500 !important;
  /*overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;*/
  color: #193a43;
  line-height: 1.2;
}

.price.new-price {
  color: #193a43 !important;
  font-weight: 600;
}

.product-page_btn {
  color: #3F5736;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  padding: 0 35px;
  background: transparent;
  border: 2px solid #3F5736;
  text-transform: capitalize;
  font-size: 16px;
  z-index: 1;
  border-radius: 0;
}

.product-page_btn:hover {
  color: #db9c28;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  padding: 0 35px;
  background: transparent;
  border: 2px solid #db9c28;
  text-transform: capitalize;
  font-size: 16px;
  z-index: 1;
  border-radius: 0;
}

.product-review-tab ul li {
  margin-bottom: 8px;
}

.content-padng {
  padding: 0px;
}

.footer_main {
  padding-top: 0px;
}

.shop-product-list {
  background: #f6f6f6;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cart-img-order {
  float: left;
  width: 100px;
  height: 60px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  vertical-align: midle;
}

.cart-img-order a img {
  width: 25%;
  height: auto;
  margin-right: 10px;
}

.orconfprod {
  display: block;
  width: 100%;
}

.orconfprod1 {
  display: inline-block;
  float: left;
}

.orconfprod2 {
  display: inline-block;
  float: left;
}

.orconfprod3 {
  display: inline-block;
  float: left;
  text-align: right;
}

.orconfprod a img {
  border: none;
  /*max-width:100px;max-height:150px*/
  width: 100%;
  height: auto;
}

.orconfprod h2 {
  color: #191919;
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  padding-bottom: 0px;
}

.orconfprod p {
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 2px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  color: #191919;
}

.orconfprod p span {
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
}

.orconfprod p span strong {
  font-weight: 600;
}

.totcost {
  padding-top: 40px;
  font-size: 20px;
  text-align: right;
  line-height: 130px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  white-space: nowrap;
}

.fa-heart-o {
  font-size: auto;
  font-weight: 600;
}

.prodimgsrc {
  display: block;
}

.prodimgsrcv2 {
  display: flex;
  align-items: center;
  padding: 20px;
}

.prodimgsrc>.lazy-load-image-loaded {
  width: 100% !important;
  height: auto;
  /*min-height: 308px;background: url(../images/image-placeholder.gif) no-repeat;background-size:cover;*/
}

/*.lazy-load-image-background {background: url(../images/image-placeholder.gif) no-repeat;background-size:cover;}*/
.prodimgsrc img {
  width: 100% !important;
  height: auto;
}

.prodimgpaymentsrc img {
  width: 60% !important;
  height: auto;
}

.desktopslide {
  display: block !important;
}

.mobileslide {
  display: none !important;
}

.likeicon {
  margin-right: 8px;
}

@media only screen and (max-width: 575px) {
  .section-title-shipping {
    padding-bottom: 31px;
    padding-top: 45px;
  }

  .descount-sticker_btn_detail {
    margin-top: 18px;
  }

  .product-details-content h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .marginmenu {
    margin: 0px auto;
    top: 0px;
    left: 0px;
  }

  .footer {
    border-bottom: 0px solid #8c8c8c;
    border-top: 0px solid #8c8c8c;
  }

  .headsearch {
    display: none;
  }

  .headsearchmob {
    display: block;
    margin-bottom: 15px;
  }

  .slick-dots {
    display: none !important
  }

  .modalpop {
    width: 96%;
    margin-bottom: 50px
  }

  .prodimgsrc {
    display: block;
  }

  .prodimgsrc img {
    width: 100%;
    height: auto;
  }

  .ft-menu {
    display: block;
  }

  .topmenu_srch {
    /*justify-content:center !important;*/
    justify-content: flex-end !important;
    margin-left: 9px;
  }

  h2.leafbg {
    display: block;
    font-weight: 600;
    color: #193a43;
    font-size: 30px;
    margin-top: 0px;
    text-align: center;
  }

  h2.leafbg::after {
    width: 100%;
    height: 3px;
    /*content:""*/
    ;
    background: #ffffff;
    display: block;
    margin-top: 8px;
  }

  h2.leafbg1 {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    /* color: #db9c28; */
    font-size: 30px;
    margin-top: 0px;
  }

  h2.leafbg1::after {
    width: 100%;
    height: 3px;
    /*content:"";*/
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
    /*background:url("../images/flower-strip.jpg") no-repeat center center;*/
    display: block;
    margin-top: 8px;
  }

  .aboutblocks {
    display: inline-block;
    margin-top: -55px;
  }

  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    margin-top: -136px;
    padding-top: 55px !important;
    /*background: url(../images/mob-about.png) no-repeat;background-size:cover;*/
  }

  .joinour {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    margin-top: -85px;
    padding-top: 55px !important;
    /*background: url(../images/mob-about.png) no-repeat;background-size:cover;*/
  }

  .abouttxt {
    color: #000000;
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
    line-height: 23px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    /*background: url(../images/mob-about.png) no-repeat;background-size:cover;*/
  }

  .carousel {
    margin: -35px auto !important;
    padding: 0 0px !important;
  }

  .carousel-item p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
  }

  .justify-head {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: 5px;
    padding-top: 8px;
  }

  .topmenu_srch {
    padding: 7px 15px 7px 7px !important !important;
    justify-content: flex-end !important;
    margin-top: -50px !important;
  }

  .justify-head.marginmenu {
    justify-content: flex-end !important;
  }

  .signintxt {
    margin-right: 0px;
    display: none;
  }

  .header-cart {
    margin-left: 2px !important;
  }

  .justify-head:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    width: 97%;
    height: 1.1px;
    background-color: #ffffff;
    position: absolute;
    right: 16px;
    top: -1px;
  }

  .carousel .testimonial {
    padding: 28px 0 10px;
  }

  .wishlist-compare-btn img {
    width: 59px !important;
    margin-bottom: 10px;
    height: auto !important;
  }

  .product-comment-content {
    border: 1px solid #ededed;
    border-radius: 3px;
    margin-left: 0px;
    position: relative;
    padding: 15px 15px;
  }

  .product-reviews i {
    color: #db9c28;
  }

  .product-reviews>i>.unselctleaf {
    color: #db9c28 !important;
  }

  .wishlist-compare-btn {
    text-align: center !important;
  }

  .productingribg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url("../images/product-detail.jpg") no-repeat;
    background-size: cover;
  }

  .section-title {
    margin-top: 35px !important;
    margin-bottom: 4px !important;
    text-align: center;
    color: #171717;
  }

  .bestsellermt {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    display: none;
  }

  .single-product-description {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .sin-prod-desc {
    margin-bottom: 25px !important;
  }

  .prod-ing-img {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #171717;
  }

  .ingredient-img {
    float: left;
    display: inline-block;
    margin-bottom: 25px !important;
  }

  .ingredient-sec {
    margin-top: -60px !important;
  }

  .ingredient-sec-rev {
    margin-top: -20px !important;
  }

  .header-cart {
    margin-right: 0px !important;
    width: 42px !important;
    height: 40px !important;
    margin-top: 2px !important;
  }

  .header-search-toggle {
    margin-right: 10px !important;
    width: 33px !important;
    height: 33px !important;
    margin-top: -8px !important;
  }

  .ratting img {
    width: 30%;
  }

  /* .submsg-foot {
    background: #ca0707 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 5px 12px;
  } */

  .philoheight {
    height: auto !important;
    padding: 10px !important;
    line-height: 27px;
  }

  h2.oursolutionleafbg {
    display: block;
    font-weight: 600;
    color: #db9c28;
    font-size: 30px;
    margin-top: -1px !important;
    margin-bottom: 1px;
  }

  .sec-rev {
    margin-top: 0px !important;
  }

  .oursolutionsec {
    margin-top: -50px !important;
  }

  .newlauchhome {
    margin-top: -45px !important;
  }

  /* .tab-content {
    margin-top: -30px;
  } */

  .prodimgtop {
    margin-top:
      /*-40px;*/
      margin-top:-10px;
  }

  .product-content-shop-list h3 {
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal !important;
    margin: 0 0 10px 0;
    line-height: 1;
    text-transform: uppercase;
  }

  .productlistitem {
    height: auto;
    margin-bottom: 0px;
  }

  .banner-section {
    height: 470px !important;
    background: url(../images/ingredients/about-headermob.jpg) no-repeat;
    background-size: cover;
  }

  .review-comment-form-author input,
  .review-comment-form-email input {
    max-width: 100%;
    width: 100% !important;
  }

  .shoplists {
    margin-top: -50px !important;
  }

  .producimg {
    padding-bottom: 10px !important;
  }

  .contacsec {
    margin-top: 1px !important;
  }

  .foosocial {
    margin: 0px auto;
    padding-left: 125px;
  }

  .footer-widget {
    text-align: center;
    margin-bottom: 0px;
  }

  .footer-widget {
    padding: 25px 10px 45px 10px !important;
  }

  .titleitm {
    text-align: center !important;
    padding-left: 128px;
  }

  .msubscribe {
    text-align: center !important;
    padding-left: 95px;
  }

  .starsec {
    text-align: center !important;
    padding-left: 94px;
  }

  .footer-widget>.ft-menu>li>a {
    list-style-type: none;
  }

  .footbox {
    margin-top: 10px !important;
  }

  .footboxb {
    padding-top: 25px !important;
  }

  .txtcen {
    text-align: center !important;
  }

  .footer-logo {
    text-align: center !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1366px) {}

@media screen and (min-device-width: 1900px) and (max-device-width: 1920px) {
  .single-product {
    margin-bottom: 50px !important;
  }

  .largeicons {
    margin-top: 20px !important;
  }

  .intafeedblock {
    margin-bottom: 35px !important;
    margin-top: 110px !important;
  }

  .largeview {
    margin-bottom: 35px !important;
    margin-top: 55px !important;
  }

  .feature-item-txt {
    margin-bottom: 35px !important;
  }

  .aboutbg {
    height: 758px;
    padding-bottom: 140px;
    padding-top: 140px;
  }

  .content-padng {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .carousel .carousel-indicators {
    bottom: 29px !important;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
  }

  .footer_main {
    padding-top: 0px;
  }

  .philoparent {
    display: block;
    overflow: hidden;
  }

  .mrgtopimg {
    margin-top: 20px;
  }

  .oursolutionsec {
    margin-top: 55px !important;
  }

  .rangespage {
    margin-top: 15px !important;
  }
}

@media only screen and (min-width: 2502px) and (max-width:2560px) {
  .hideinmobile {
    display: inline-block !important;
  }

  .desktopslide {
    display: block !important;
  }

  .desktopshowdata {
    display: none;
  }

  .largeshowdata {
    display: block !important;
  }

  .categoryblog {
    margin-top: 20px !important;
  }

  .feature-item-txt {
    padding: 60px 0px;
  }

  .desktop-view {
    margin-top: -148px;
  }

  .largeview {
    padding: 0px 0px 60px 0px;
  }

  .single-product {
    margin-bottom: 117px !important;
  }

  .topmenu_srch {
    justify-content: flex-end !important;
  }

  .expertviewbg {
    padding-top: 45px !important;
    margin-bottom: 67px !important;
    height: 653px !important;
  }

  .slick-slide img {
    display: inline-block;
    margin-top: -25px;
    width: 100%;
    min-width: 100%;
  
  }

  .philoparent {
    display: block;
    overflow: hidden;
    margin-top: 35px;
  }

  .footer_main {
    padding-top: 20px;
  }

  .instafeed {
    margin-top: -10px;
  }

  .philoblocks {
    float: left;
    height: 356px;
    text-align: center;
    margin-top: -20px !important;
  }
}

/* Product Page */
#customers td,
#customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even) {
  background-color: #f2f2f2;
}

#customers tr:hover {
  background-color: #ddd;
}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #3F5736;
  color: white;
}

.product-description {
  margin-bottom: 22px !important;
  color: #222222;
  margin-top: -15px;
}

.product-description p {
  line-height: 20px;
  color: #222222;
  margin-bottom: 10px;
}

.single-product-reviews {
  margin-bottom: 10px;
  margin-top: -15px;
}

.wishlist-compare-btn {
  margin-bottom: 10px;
}

.add-compare {
  margin-right: 8px;
  margin-left: 5px;
}

.slider-lg-image-1 .lg-image {
  position: relative;
  background: #f8f9fa;
  text-align: center !important;
  padding-top: 30px;
  padding-bottom: 30px;
}

.slider-lg-image-1 .lg-image img {
  width: 50%;
  text-align: center !important;
}

.single-product .product-img {
  position: relative;
  overflow: hidden;
  /*margin-bottom:25px;*/
  margin-bottom: 5px;
  text-align: center;
  background: #f9f9f9;
  padding-top: 0px;
  padding-bottom: 0px;
}

.section-title {
  /*margin-top:76px;*/
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  color: #171717;
}

.single-product-description {
  padding-left: 50px;
  padding-right: 50px;
}

.sin-prod-desc {
  margin-bottom: 85px;
}

.prod-ing-img {
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: center;
  color: #171717;
}

.ingredient-img {
  float: inherit;
  display: inline-block;
  margin-bottom: 50px;
  text-align: center;
}

.ingredient-img-1 img {
  max-width: 62%;
}

.ingredient-img-2 img {
  max-width: 85%;
}

.ingredient-img img {
  max-width: 85%;
}

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

.ingredient-sec-rev {
  margin-top: -100px;
}

.lg-image {
  text-align: center;
  vertical-align: middle;
  padding-top: 24px;
  padding-bottom: 0px;
  background: #ffffff;
}

.sm-image {
  text-align: center;
  vertical-align: middle;
  padding-top: 28px;
  padding-bottom: 0px;
  cursor: pointer;
}

/* .slick-slide div {
  margin: 0px 0px 10px 10px;
} */

.sm-image img {
  width: 80%;
  border: 1px solid #ccc;
  padding: 5px;
}

#ckproductid .slick-current div {
  margin: 0px 10px 10px 10px !important;
}

#cktestimonial .slick-initialized ul {
  margin-top: 10px !important;
}

.testimonial {
  text-align: center;
}

.overview {
  text-align: center;
}

.carousel .overview b {
  text-transform: uppercase;
  color: #7AA641;
}

.carousel-item p {
  color: #000000;
  font-size: 16px;
}

.carousel-item p {
  color: #000000;
  font-size: 16px;
}

/* Order Confirmation CSS Started */
.checkout-progress-indicator {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  border: 1px solid #ccc;
}

.checkout-progress-indicator .step.active {
  font-weight: 700;
  background: #fafafa;
}

.step-1:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #cccccc;
  bottom: -20px;
  left: 50%;
  font-size: 9px;
  margin-left: -23px;
  color: #ccc;
}

.step-2:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #cccccc;
  bottom: -20px;
  left: 50%;
  font-size: 9px;
  margin-left: -23px;
  color: #ccc;
}

.step-3:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #cccccc;
  bottom: -20px;
  left: 50%;
  font-size: 9px;
  margin-left: -23px;
  color: #ccc;
}

.checkout-progress-indicator .step-3:after {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #cccccc;
  bottom: -20px;
  left: 50%;
  font-size: 9px;
  margin-left: -23px;
  color: #ccc;
}

.checkout-progress-indicator .step:last-child {
  border-left: 1px solid #cccccc;
}

.checkout-progress-indicator .step {
  width: 33.33333%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 13px;
  border-left: 1px solid #ccc;
  letter-spacing: 1px;
  color: #222222;
}

.checkout-progress-indicator .step .step-content {
  display: block;
  padding: 0 5px;
  line-height: 18px;
}

.checkout_list {
  width: 98%;
}

.orderbox img {
  width: 65%;
  height: auto;
  float: left;
}

table tbody tr:last-child {
  border-bottom: none !important;
}

.ship_head {
  background: #193a43;
  text-align: left;
  padding-bottom: 0px !important;
  padding-left: 5px;
  line-height: 41px !important;
  margin-bottom: 24px;
}

.tabaki>.slick-list>.slick-track>.slick-slide>div {
  margin: 0 0 0 -20px !important;
}

.oursolutionslick>.slick-list>.slick-track>.slick-slide>div {
  margin: 0 0px 0 -20px !important;
}

.carousel-inner {
  margin-top: -24px !important;
}

/* Order Confirmation CSS Started */
.textAlignCenter {
  text-align: center !important;
}

.logoshift {
  float: left;
}

.shiftrgt {
  float: left;
}

.navbar-nav>.nav-item>a {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  font-family: 'Montserrat', Poppins, sans-serif;
  color: #3a7f2e;
  text-transform: uppercase;
  display: block;
  padding: 32px 15px;
  position: relative;
}

.hideinmobile {
  display: block
}

.shop-product-list {
  background: #f6f6f6;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cart-img-order {
  float: left;
  width: 100px;
  height: 130px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  vertical-align: midle;
}

.cart-img-order a img {
  width: 100%;
  height: auto;
  margin-right: 10px;
}

.orconfprod {
  display: block;
  width: 100%;
}

.orconfprod1 {
  display: inline-block;
  float: left;
}

.orconfprod2 {
  display: inline-block;
  float: left;
}

.orconfprod3 {
  display: inline-block;
  float: left;
  text-align: right;
}

.orconfprod a img {
  border: none;
  width: 100%;
  height: auto;
}

.orconfprod h2 {
  color: #191919;
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  padding-bottom: 0px;
}

.orconfprod p {
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 2px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 14px;
  color: #191919;
}

.orconfprod p span {
  line-height: 18px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
}

.orconfprod p span strong {
  font-weight: 600;
}

.totcost {
  padding-top: 40px;
  font-size: 20px;
  text-align: right;
  line-height: 130px;
  font-family: 'Montserrat', 'Open Sans', 'Quicksand', 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  white-space: nowrap;
}

.tdimgdata a img {
  width: 75%;
}

.prodqntdiv {
  width: 120px;
  display: inline-flex;
  float: left;
  padding-top: 0px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.prodbtnbx {
  width: 120px;
  display: inline-block;
  float: left;
  margin-top: -18px;
}

.prodqnty {
  padding: 10px 12px 4px 12px;
  border: none;
  background-color: #ffffff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 0px;
  /* line-height: 38px;
  top: -2px; */
  position: relative;
  text-align: center;
  height: 44px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.prodqntyplus {
  padding: 10px 10px 4px 10px;
  border: none;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 0px;
  /* line-height: 38px;
  top: -2px; */
  position: relative;
  text-align: center;
  height: 44px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tblprodqnty {
  height: 40px;
  padding: 0 12px;
  border: none;
  background-color: #ffffff;
  border-left: 0px solid #fff !important;
  border-top: 0px solid #fff !important;
  border-bottom: 0px solid #fff !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.tblprodqntyplus {
  height: 40px;
  padding: 0 10px;
  border: none;
  background-color: #ffffff;
  border-right: 0px solid #fff !important;
  border-top: 0px solid #fff !important;
  border-bottom: 0px solid #fff !important;
   border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.prodqntytxtbx {
  width: 50px;
  text-align: center;
  height: 44px;
  border: 1px solid #cccccc;
  border-left: 0px;
  border-right: 0px;
      /* top: 1px; */
    position: relative;
}

.prodwishicon {
  top: -18px;
  margin-left: -34px;
  text-align: left;
}

.prodshare {
  margin-bottom: 0;
  padding: 0px 0 !important;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.tdimgdata img {
  width: 100%;
}

.marginmenu {
  margin: 0px;
  gap: 10px;
}

.menuheight {
  height: auto;
  padding-top: 6px;
}

.padngingr {
  padding-right: 15px;
  padding-left: 15px;
}

.bdrhomeicon {
  border-bottom: 1px solid #3a7e3d;
}

.mobilemenubymanish {
  padding-top: 0px;
}

.signintxt {
  margin-right: 0px;
}

.tdimgdata {
  width: auto;
}

.facebook1 {
  padding-left: auto;
}

.checkcartimg {
  display: block;
}

.checkcartimg img {
  width: 90%;
}

.slidingimg {
  width: 100%;
  display: inline-block;
}

.slidingimg img {
  width: 100%;
  margin-top: -23px !important;
}

.pdnglf {
  padding-left: 0px;
}

.sec-rev {
  margin-top: -55px;
}

.cancel-order {
  display: block;
}

.cancel-order img {
  width: 100%;
  height: auto;
}

@media screen and (min-device-width:1024px) and (max-device-width:1270px) {
  .prodwishicon {
    top: 7px;
    margin-left: 0px;
  }

  .tt-img-box {
    height: 180px !important;
  }

  .likeicon {
    margin-left: 10px;
    margin-right: 8px;
  }

  .about-us-banner-bottom-frame {
    margin-top: 4%;
    width: 100%;
    margin-left: 0%;
    background: rgba(236, 236, 236, 0.77);
    padding: 40px;
  }

  .footer-widget {
    padding: 0px !important;
  }

  .tdimgdata {
    width: 30% !important;
  }

  .tdimgdata a img {
    width: 100%;
  }

  .facebook1 {
    padding-left: 20px;
  }

  .cart-img-order {
    float: left;
    width: 130px;
    height: auto;
    margin-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: midle;
  }

  .cart-img-order a img {
    width: 70%;
    height: auto;
    margin-right: 10px;
  }

  .cart-img-order a img {
    width: 50%;
    height: auto;
    margin-right: 10px;
  }

  .displayblock {
    display: inline-block;
    max-width: 100%;
  }

  .prodqntdiv {
    width: 120px;
      display: inline-flex;
    float: left;
    padding-top: 0px;
    margin-right: 8px;
    /* margin-left: 140px; */
    margin-bottom: 9px;
  }
}

@media screen and (min-device-width:1271px) and (max-device-width:1280px) {
  .prodwishicon {
    top: -18px;
    margin-left: 0px;
  }

  .tt-img-box {
    height: 180px !important;
  }

  .likeicon {
    margin-left: 10px;
    margin-right: 8px;
  }

  .about-us-banner-bottom-frame {
    margin-top: 4%;
    width: 100%;
    margin-left: 0%;
    background: rgba(236, 236, 236, 0.77);
    padding: 40px;
  }

  .footer-widget {
    padding: 0px !important;
  }

  .tdimgdata {
    width: 30% !important;
  }

  .tdimgdata a img {
    width: 100%;
  }

  .facebook1 {
    padding-left: 2px;
  }

  .cart-img-order {
    float: left;
    width: 130px;
    height: auto;
    margin-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: midle;
  }

  .cart-img-order a img {
    width: 70%;
    height: auto;
    margin-right: 10px;
  }

  .cart-img-order a img {
    width: 50%;
    height: auto;
    margin-right: 10px;
  }

  .displayblock {
    display: inline-block;
    max-width: auto;
  }

  .prodqntdiv {
    width: 120px;
     display: inline-flex;
    float: left;
    padding-top: 0px;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 9px;
  }

  .ingredient img {
    max-width: 85%;
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .ingri-section>.single-product {
    margin-bottom: 30px !important;
  }

  .add-compare {
    margin-right: 5px;
    margin-left: 0px;
  }
}

@media screen and (min-device-width:992px) and (max-device-width:1023px) {
  .prodwishicon {
    top: 7px;
    margin-left: 0px;
  }

  .facebook1 {
    padding-left: 20px;
  }

  .tt-img-box {
    height: 180px !important;
  }

  .descount-sticker_btn {
    margin-left: 0px;
  }
}

@media screen and (min-device-width:768px) and (max-device-width:991px) {
  #ckproductid {
    margin-top: 50px
  }

  .underline-product {
    border-top: 0px solid #8c8c8c;
    margin-top: 30px;
  }

  .section-title {
    margin-top: 0px;
    margin-bottom: 35px;
  }

  .reviewmb {
    margin-bottom: 30px !important;
  }

  .modalpop {
    width: 50%;
    margin-bottom: 50px
  }

  .prodwishicon {
    top: 7px;
    margin-left: 0px;
  }

  .col-md-13 {
    -ms-flex: 0 0 31.333333%;
    flex: 0 0 49%;
    max-width: 49%;
  }

  .ingredient-sec {
    margin-top: 30px;
  }

  .descount-sticker_btn_detail {
    margin-top: 18px;
  }

  .section-title-shipping {
    padding-bottom: 31px;
    padding-top: 45px;
  }

  .headsearchsub {
    display: block;
    width: 51% !important;
  }

  .descount-sticker_btn {
    margin-left: 0px;
  }

  .tt-img-box {
    height: 180px !important;
  }

  .likeicon {
    margin-left: -45px !important;
  }

  .signintxt {
    margin-right: -46px !important;
  }

  .home-icons {
    margin-top: -48px;
  }

  .abouttxt {
    line-height: 18px;
  }

  .philosphybtn {
    padding-top: 70px;
  }

  .philosphybtn1 {
    padding-top: 0px;
  }

  .philoblocks1 {
    background: #004533;
    color: #db9e29;
    padding-top: 5px;
    padding-bottom: 28px;
  }

  .philoblocks4 {
    background: #3a7f2e;
    color: #db9e29;
    padding-top: 5px;
    padding-bottom: 28px;
  }

  .philoblocks img {
    width: 100%;
    height: 300px;
  }

  .aboutbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
    background: url(../images/mob-about.png) no-repeat;
    background-size: cover;
    margin-top: -52px;
  }

  .philoblocks {
    float: left;
    height: 300px;
    text-align: center;
  }

  .hideinmobile {
    display: none !important;
  }

  .slick-slide img {
    display: inline-block;
    margin-top: -90px;
  }

  .of-attr {
    margin-top: -91px;
  }

  .social_align {
    margin-left: 0px;
    margin-right: -45px;
  }

  .marginmenu {
    margin: 0px auto;
    top: -50px;
    margin-right: 0;
  }

  .headsearchmob {
    display: block;
    margin-bottom: 15px;
  }

  .headsearch {
    display: none;
  }

  .mobbtab {
    display: none;
  }

  .footer {
    border-bottom: 0px solid #8c8c8c;
    border-top: 0px solid #8c8c8c;
  }

  .footer-widget {
    padding: 8px !important;
  }

  .footertext {
    padding: 0px 20px;
  }

  .logo a img {
    max-width: 100%;
    margin-left: 125%;
  }

  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px !important;
    left: 5px;
  }

  .menuheight {
    height: 60px;
  }

  .mobile-menu .mean-bar .mean-nav {
    background-color: #ffffff;
    margin-top: 50px;
    width: 97%;
  }

  .of-attr-sec {
    height: 80px;
    cursor: pointer;
  }

  .padngingr {
    padding-right: 3px;
    padding-left: 3px;
  }

  .of-attr-sec h3 {
    text-align: center;
    font-weight: 500;
    font-size: 10px !important;
    color: #fff !important;
    margin-top: 50px;
    margin-bottom: 10px;
  }

  .of-attr-sec p {
    text-align: center;
    font-weight: 300 !important;
    font-size: 11px !important;
    color: #fff;
    line-height: 13px;
  }

  .of-attr-img {
    background: #62a744;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 5px;
    margin: -42px auto;
    z-index: 4 !important;
  }

  .of-attr-img1 {
    background: #62a744;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 5px;
    border: 2px solid #ffffff;
  }

  .single-product .product-img a img {
    width: 100%;
    vertical-align: middle;
  }

  .expertviewbg {
    width: 100%;
    overflow: hidden;
    display: block;
    height: auto;
  }

  .homeiconspace {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mobile-headersec {
    border: none;
  }

  .about-us-banner-bottom-frame {
    margin-top: 6%;
    width: 100%;
    margin-left: 0%;
    background: rgba(236, 236, 236, 0.77);
    padding: 20px;
  }

  .tdimgdata {
    width: 30% !important;
  }

  .tdimgdata a img {
    width: 100%;
  }

  .facebook1 {
    padding-left: 20px;
  }

  .myaccount-contentab {
    background-color: #ffffff;
    font-size: 14px;
    border-left: 1px solid #ffffff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 0px;
  }

  .cart-img-order {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    position: relative;
    text-align: center;
  }

  .cart-img-order a img {
    width: 40%;
    height: auto;
    margin-right: 10px;
  }

  .displayblock {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .wishicon {
    margin-left: -60px;
    margin-top: -10px;
  }

  .single-productpg {
    /* padding-left: 70px; */
  }

  .fa-5x {
    font-size: 3em;
  }
}

.shop-section {
  padding-top: 0px;
}

.comment-submit {
  padding: 0px;
}

.conact-section {
  padding-top: 0px;
}

.pass-butn {
  text-align: center;
}

@media only screen and (max-width:767px) {
  .stamppd {
    margin-top: 55px !important;
  }

  .register-form {
    border-right: none !important;
  }

  .detail-ingred {
    margin: 0px;
    padding-top: 50px;
  }

  .underline-product {
    border-top: 0px solid #8c8c8c;
    margin-top: 25px !important;
  }

  header.header {
    width: 100%;
  }

  .headsearchsub {
    display: block;
    width: 69% !important;
  }

  .descount-sticker_btn_detail {
    margin-top: 18px;
  }

  .tt-title {
    text-align: center;
  }

  .single-product .product-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    text-align: center;
    background: #ffffff;
    /*padding-top: 30px;*/
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .newicon {
    margin-left: 70px;
    z-index: 9;
    position: absolute;
    top: 30px;
  }

  .single-product-reviews {
    color: #202020;
    font-size: 13px;
    margin-bottom: 8px;
    border-bottom: 0px solid #e5e5e5;
  }

  .header-cart>a span {
    position: absolute;
    right: -6px;
    top: -1px;
    background-color: #000;
    min-width: 20px;
    height: 20px;
    padding: 1px;
    color: #ffffff;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    border-radius: 50%;
  }

  .sec-rev {
    margin-top: -50px;
  }

  .pass-butn {
    text-align: left;
  }

  .likeicon {
    margin-right: 15px !important;
    margin-top: 2px !important;
  }

  .descount-sticker_btn {
    margin-left: 0px;
    padding: 5px 15px !important;
    font-size: 14px;
  }

  .subscribe-btn {
    padding: 12px 20px !important;
    float: right;
    margin-top: -49px !important;
    margin-right: 4px;
    color: #ffffff !important;
  }

  .prodbtnbx>.descount-sticker_btn {
    margin-left: 0px;
    padding: 10px 15px !important;
    font-size: 14px;
  }

  .descount-sticker_btn {
    white-space: nowrap;
  }

  h2.leafbg {
    display: block;
    font-weight: 600;
    color: #193a43;
    margin-top: 0px;
    padding-bottom: 0px;
    font-size: 24px;
    line-height: 35px;
  }

  .section-title-shipping {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px !important;
  }

  .philoparent {
    margin-top: -80px;
  }

  .comment-submit {
    padding: 15px !important;
    padding-left: 0px !important;
  }

  .shop-section {
    padding-top: 10px !important;
  }


  .hideinmobile {
    display: none !important;
  }

  .desktopslide {
    display: none !important;
  }

  .mobileslide {
    display: block !important;
    /*margin-top: 0px !important;*/
    margin-top: 20px !important;
  }

  .desktop-view {
    display: block !important;
  }

  .cartcoupon-section {
    width: 100%;
    height: auto !important;
    background: none !important;
  }

  .mobile-view {
    display: none !important;
  }

  .mobile-tablet {
    display: none !important;
    padding-left: 0px !important;
  }

  .launches {
    background-image: none !important;
    margin-top: 0px;
  }

  .launchess {
    background-image: none !important;
    margin-top: 15px;
  }

  .shopmargintop {
    margin-top: 68px !important;
  }

  .desktop-viewv {
    display: none !important;
  }

  .mb-30 {
    margin-bottom: 30px !important;
  }

  .single-product {
    margin-top: 20px;
    display: block;
    padding: 0px;
    background: #ffffff;
    height: auto;
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
    border: 1px solid #eaeaea;
  }

  .about-us-banner-bottom-frame-ing {
    /*margin-top: 2%;*/
    width: 100%;
    margin: 72px auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 28px;
  }

  .carousel .carousel-indicators {
    bottom: 400px !important;
  }

  .oursolutionsec .carousel-indicators {
    bottom: -12px !important;
  }

  .about-us-banner-bottom-frame {
    margin-top: 5%;
    width: 100%;
    margin-left: 0%;
    background: rgba(236, 236, 236, 0.77);
    padding: 10px;
    line-height: 20px;
  }

  .about-us-banner-bottom-frame p {
    font-size: 16px !important;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    text-shadow: 1px 1px #dddddd;
    font-weight: 400;
  }

  .tab-contentaa {
    border-left: 1px solid #ffffff;
    padding-left: 30px;
    padding-top: 15px;
  }

  .blog-banner-bottom-frame {
    margin-top: 15.5%;
    width: 100%;
    margin-left: 0%;
    background: rgba(0, 0, 0, 0.37);
    padding: 10px 10px 37px 10px;
  }

  .conact-section {
    padding-top: 40px !important;
  }

  .myaccount-contentab h3 {
    font-weight: 500;
    font-size: 24px;
    padding: 25px 0 25px 0 !important;
  }

  .myaccount-contentab {
    background-color: #ffffff;
    font-size: 14px;
    border-left: 1px solid #ffffff;
    padding: 2px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .fa-5x {
    font-size: 3em;
  }

  .moblftspace {
    padding-left: 15px;
    padding-right: 15px;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ffffff !important;
  }

  .table td,
  .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ffffff !important;
  }

  .table td {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #fff !important;
  }

  .cart-img-order {
    float: left;
    width: 140px;
    height: auto;
    margin-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: midle;
  }

  .cart-img-order a img {
    width: 100%;
    height: auto;
    margin-right: 10px;
  }

  .about-us-banner-bottom-frame {
    margin-top: 7%;
    width: 100%;
    margin-left: 0%;
    background: rgba(236, 236, 236, 0.9);
    padding: 10px;
  }

  .about-us-banner-bottom-frame p {
    font-size: 15px !important;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    text-shadow: 1px 1px #dddddd;
    font-weight: 400;
    line-height: 22px;
  }

  .blog-banner-bottom-frame {
    margin-top: 16.5%;
    width: 100%;
  }

  .tab-contentaa {
    border-left: 1px solid #ffffff;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 575px) {
  /* .my-account-section {
    padding-top: 5px !important;
  } */

  .margbtmimg div img {
    width: 75% !important;
  }

  .mrgtopimg p img {
    width: 20% !important;
  }

  .wishtext {
    text-align: left !important;
  }

  .pdnglf {
    padding-left: 15px !important;
  }

  .ordditls {
    /* padding-right: 30px !important; */
    margin-top: 30px;
  }

  .detailsmob {
    margin-left: -17px !important;
  }

  .wishli {
    margin-top: 50px !important;
  }

  .myaccount-contentab {
    margin-top: 30px !important;
  }

  .margbtmimg {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
  }

  .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
  }

  .intafeedblock {
    height: auto;
    margin-top: 16px !important;
    margin-bottom: 72px !important;
    padding-bottom: 20px !important;
  }

  .blog .blog-inner .content .title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 0;
    height: auto !important;
  }

  .header-cart.color-white>a {
    color: #ffffff;
    border-color: transparent;
    padding-top: 3px;
    margin-left: 0px;
  }

  .reviewimgcon {
    width: 100%;
    height: auto;
    display: inline-block;
  }

  .mobilemenubymanish {
    padding-top: 4px;
  }

  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -46px !important;
    position: absolute;
    z-index: 999999;
  }

  .logo a img {
    max-width: 100%;
    margin-left: 25%;
    position: relative;
    top: 5px;
    z-index: 9;
  }

  /*.single-productpg {padding-left:34px;}*/
  .single-productpg {
    padding-left: 0px;
  }

  .prodwishicon {
    top: -51px;
    margin-left: 0px;
    text-align: right;
    width: 30px;
    float: right;
    right: 47px;
  }

  .logoshift {
    float: left;
  }

  .navbar-toggler {
    float: right !important;
  }

  .navbar-nav>.nav-item>a {
    line-height: 0px;
    padding: 14px 1px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #3a7f2e;
  }

  .navbar-nav>.nav-item>a::nth-last-child {
    border-bottom: 1px solid #ffffff;
  }

  .navbar-nav {
    margin-left: 0px;
  }

  .newsblog {
    margin-top: -53px !important;
  }

  .sesction {
    margin-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .desktopshowdata {
    display: none;
  }

  .mobileshowdata {
    display: block;
  }

  .largeshowdata {
    display: none;
  }

  .philosphybtn {
    padding-top: 10px;
  }

  .philoblocks {
    float: left;
    height: 401px;
    text-align: center;
    margin-bottom: 0px;
  }

  .philoblocks img {
    width: 100%;
    height: 300px;
  }

  .philoblocks4 h2 {
    color: #db9e29;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
  }

  .philoblocks4 p {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    margin-top: 0px;
  }

  .philosphybtn1 {
    padding-top: 0px;
  }

  .philoblocks4 {
    background: #3a7f2e;
    color: #db9e29;
    padding-top: 15px;
    padding-bottom: 27px;
  }

  .philoblocks1 p {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
  }

  .philoblocks1 h2 {
    color: #db9e29;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
  }

  .philoblocks1 {
    background: #004533;
    color: #db9e29;
    padding-top: 15px;
    padding-bottom: 28px;
  }

  .slick-slider .slick-dots {
    width: 30%;
  }

  .of-attr-img {
    background: #62a744;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 5px;
    margin: -42px auto;
    z-index: 4 !important;
  }

  .of-attr-img1 {
    background: #62a744;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 5px;
    border: 2px solid #ffffff;
  }

  .of-attr-sec h3 {
    margin-top: 13px !important;
  }

  .of-attr-sec {
    height: 70px;
    cursor: pointer;
  }

  .padngingr {
    width: 33.33%;
  }

  .home-icons {
    margin-top: -126px;
  }

  .bdrhomeicon {
    border-bottom: 1px solid #004534;
  }

  .homeiconspace {
    margin-top: 12px;
    margin-bottom: 8px;
  }

  .mobile-headersec {
    border: 0px solid #000;
  }
}

.historytbl {
  width: 100%;
  padding-top: 0px;
  padding-left: 15px;
  border-color: black;
  margin-bottom: 6px;
}

.historytblnew {
  background-color: #fff;
  border: 1px solid;
  border-left: 1px solid #cccccc;
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 0rem !important
}

.headingtxt {
  line-height: 10px;
  padding-top: 13px;
  color: #193a43;
  padding-left: 10px;
  font-weight: 600;
  font-size: 14px;
}

.smalltxt {
  padding-left: 0px;
  font-weight: bold;
}

.ordertotl {
  line-height: 18px;
  padding-top: 5px;
  padding-right: 10px;
  color: #193a43;
  font-weight: 500;
  margin-left: 0px;
}

.orderhishead {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
}

.hrsec {
  margin-bottom: 8px;
}

.tdimgdata {
  height: auto;
  border-right: 0px !important;
  border-top: 0px !important;
  width: 30%;
}

.tdimgdata img {
  width: 100%;
  height: auto;
}

.tabletr {
  border-bottom: 1px solid #cccccc !important;
}

.tabletd {
  text-align: left !important;
  vertical-align: middle !important;
}

.tablep {
  margin-top: 0;
  margin-bottom: 7px;
  color: #193a43 !important;
}

.tableprodttl {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #193a43 !important;
  text-decoration: none !important;
  display: inline-block;
  max-width: 100%;
  white-space: normal !important;
}

.ttlprice {
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-bottom: 5%;
  font-size: 15px;
  color: #193a43 !important;
}

.prodstus {
  /* line-height: 30px; */
  color: #193a43 !important;
}

.tdpdng {
  padding-right: 10px;
}

.tdimgdatabtns {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 50%;
}

.tablebordered {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

.tablebordertd {
  border-top: 0px !important;
}

.ratingfill {
  color: #f0ad3a !important;
  letter-spacing: 4px;
}

.accountbdr {
  /*border-left:1px solid #cccccc !important;*/
  overflow: hidden;
}

@media only screen and (max-width: 479px) {
  .container {
    max-width: 100% !important;
  }

  .myaccount-table table td,
  .myaccount-table .table td {
    padding: 10px 10px;
    vertical-align: middle;
    /*width:100% !important;display:block;*/
  }

  .cart-img-order a img {
    width: 100%;
    height: auto;
    margin-right: 10px;
  }

  .tdimgdata a {
    text-align: center;
    width: 170px;
  }

  .tdimgdata a img {
    width: 100%;
  }

  .tablep {
    margin-bottom: 10px !important;
  }

  .ttlprice {
    margin-bottom: 10px !important;
  }

  .single-product .product-img a img {
    width: 100% !important;
    vertical-align: middle;
  }

  table tbody tr {
    border-bottom: 1px solid #ccc !important;
  }
}

.font30 {
  font-size: 30px !important
}

.selectalignment {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #c2c2c2;
  border-radius: 0px;
  font-size: 14px;
  height: 40px;
  line-height: 23px !important;
  padding: 5px 0px 4px !important;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.shipng-price {
  padding-top: 0px;
  display: inline-block;
  width: 80px;
  text-align: right;
  float: right;
  white-space: nowrap;
  margin-top: -5px;
  color: #000000 !important;
}

.shipng-cont {
  float: left;
  margin-right: 0px;
  padding-top: 5px;
  display: block;
  width: 40%;
  margin-top: -8px;
  float: left !important;
  padding-bottom: 5px;
  overflow: hidden;
  color: #000000 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .shipng-price {
    padding-top: 0px;
    display: block;
    text-align: right;
    width: 100px;
    text-align: right;
    margin-top: -9px;
    white-space: nowrap;
    float: right;

  }

  .shipng-cont {
    float: left;
    margin-right: 0px;
    padding-top: 5px;
    display: block;
    width: 40%;
    margin-top: -8px;
    float: left !important;
    padding-bottom: 20px;
    line-height: 16px !important;
  }

  .discount-coupon {
    padding-bottom: 15px;
  }
}

.is-stickyleft {
  position: fixed;
  top: 90px;
  max-width: 270px;
}

.myinfo-stickyleft {
  position: fixed;
  top: 100px;
  width: 270px;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.imgp {
  margin-left: -10px !important;
}

.font-size30 {
  font-size: 30px;
}

h3.heading {
  display: inline-block;
  font-weight: 600;
  color: #404041;
  text-align: center;
}

h3.heading::after {
  height: 3px;
  /* content:""; */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #cc9832 18%, #cc9832 49%, #cc9832 85%, #ffffff 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  display: block;
  margin-top: 8px;
}

.tab-pane p {
  color: #000000 !important;
  font-size: 14px;
}

.black-font {
  color: #193a43 !important;
}

.imagespan {
  color: #3F5736;
  width: 100%;
  left: 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
}

.underline-product {
  border-top: 0px solid #8c8c8c;
  margin-top: 80px;
}

.whatsapp_float:hover {
  background-color: #25d366;
  color: #FFF;
}

@media screen and (min-device-width:320px) and (max-device-width:1023px) {
  .aboutfresh {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(0%) !important;
  }

  .aboutethical {
    position: relative;
    top: 37%;
    left: 0;
    transform: translateY(0%) !important;
  }

  .single-product h4 {
    display: block;
    margin-top: 5px;
  }

  .showcontainer {
    display: none;
  }

  .launcbanner {
    margin-bottom: 15px;
  }

  .wellness-box {
    margin-bottom: 15px;
  }

  /* .shop-banner-title {
    text-align: center;
    margin-bottom: 60px;
    margin-bottom: -2px;
    margin-top: -15px;
  } */
}

@media screen and (min-device-width:1024px) and (max-device-width:2560px) {
  .single-product h4 {
    display: block;
  }

  .single-product:hover h4 {
    display: block;
  }
}

/* @media screen and (min-device-width:1023px) and (max-device-width:1024px) {
  .shop-banner-title {
    text-align: center;
    margin-bottom: -10px;
    margin-top: -50px;
  }
} */

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .slick-slide img {
    display: inline-block;
    margin-top: 0px !important;
  }
}


/* Home.css */
h2 {
  font-size: 40px;
  line-height: 1;
}

@media (max-width: 1024px) {
  h2 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}

.text-20 {
  font-size: 20px;
}

.container-v2 {
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-v3 {
  max-width: 100%;
  padding-right: 15px;
  padding-left:5px;
}
.h-270 {
  height: 270px;
}

.object-cover {
  object-fit: cover;
}

.min-h-350 {
  min-height: 350px;
}

.rounded-lg-v2 {
  border-radius: .5rem;
}

.custom-bg {
  background-color: #193a43;
  color: #fff;
}

.custom-btn {
  background-color: #F8F8F8;
  color: #000;
  border: none;
  width: 100%;
  padding: 10px 15px;
  transition: background-color 0.3s;
  border-radius: 4px;
}

.custom-btn:hover {
  background-color: #e0e0e0;
  color: #000;
}

.text-22 {
  font-size: 22px;
}

.h-350 {
  height: 350px;
}


/* ProductSlider.css */

/* Custom styles for the entire section */


/* Wrapper for each card (the slick-slide div) */
.product-card-wrapper {
  padding: 0 15px;
  /* Creates spacing between the cards */
}

/* The actual product card, where the transition and transform will be applied */
.product-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  padding-top: 20px;
  gap: 10px;
  /* Add a smooth transition for the zoom effect */
  transition: transform 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
}

@media(max-width: 991px){
  .product-card{
    row-gap: 0;
    padding-top: 0px;
  }
}

/* Image inside the card */
.product-image {
  max-width: 100%;
  padding: 20px;
}


/* Info section for description */
.product-info {
  padding: 15px;
  padding-bottom: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.product-description-v2 {
  font-size: 1rem;
  color: #000000;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

@media(max-width: 991px){
  .product-image{
    padding: 10px 20px;
  }
  .product-info{
    padding-top: 10px;
  }
}
/* The magic for the zoom effect happens here.
  react-slick adds the 'slick-center' class to the active slide.
  We target the .product-card inside that active slide and apply the transform.
*/
.slick-center .product-card .product-image {
  transform: scale(1.2);
  /* Zooms in the active card */
  z-index: 10;
  /* Ensures the active card is on top */
  /* Enhances the look with a larger shadow */
  cursor: grab;
}

/* --- Progress Bar Styles --- */
.custom-progress-bar-container {
  width: 50%;
  /* Adjust width as needed for your layout */
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 3rem;
}

.custom-progress-bar {
  height: 100%;
  background-color: #193A43;
  width: 0%;
  /* Initial width */
  transition: width 0.5s ease-in-out;
  /* Match transition with slide speed for smoothness */
  border-radius: 3px;
}

/* --- Navigation Button Styles (optional) --- */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  border: none;
  background: none;
  font-size: 2rem;
  color: #555;
  cursor: pointer;
  outline: none;
}

.slick-prev {
  left: 15px;
}

.slick-next {
  right: 15px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 767.98px) {
  .product-card-wrapper {
    padding: 0 10px;
  }

  .slick-center .product-card .product-image {
    transform: scale(1);
  }
}

/* ShopByCategory */

/* CategorySection.css */

.category-card {
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.5rem;
  min-height: 250px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.category-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
  border-radius: 15px;
}

.category-name {
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .large-card {
    min-height: 600px;
  }

  .small-card {
    min-height: calc(300px - 1rem);
  }
}

@media (max-width: 991.98px) {

  /* md breakpoint and below */
  .large-card {
    min-height: 350px;
  }

  .small-card {
    min-height: 200px;
  }
}


/* VideoBanner.css */

.video-banner-section {
  position: relative;
  width: 100%;
  min-height: 450px;
  overflow: hidden;
  background-color: #333;
  cursor: pointer;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-poster-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-button-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  /* Dark overlay */
  z-index: 2;
  transition: background-color 0.3s ease;
}

.play-button-overlay:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.play-icon {
  fill: white;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.play-button-overlay:hover .play-icon {
  transform: scale(1.1);
  opacity: 1;
}

.video-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

/* @media (max-width: 767.98px) {
  .video-banner-section {
    height: 300px;
  }
} */



.inside-every-bottle-section .card {
  transition: transform 0.3s ease-in-out;
}

.inside-every-bottle-section .card:hover {
  transform: translateY(-5px);
}

.inside-every-bottle-section .card-img-top {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: contain;
  padding: 10px;
  padding-bottom: 0;
}

.slick-dots li button:before {
  font-size: 10px;
  color: #ccc;
}

.slick-dots li.slick-active button:before {
  color: #555;
}

.slick-slide img {
  margin-top: 0 !important;
  cursor: grab;
}


.plant-wisdom-journal .card {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}

.plant-wisdom-journal .card-img-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.plant-wisdom-journal .card-title {
  font-weight: bold;
}

.plant-wisdom-journal .read-more {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}



.plant-wisdom-journal small {
  font-weight: 500;
}

.plant-wisdom-journal .d-flex img {
  width: 40px;
  height: 40px;
}

.card-body-plant {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 10px;
}


/* Desktop custom widths */
@media (min-width: 768px) {
  .custom-col-30 {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .custom-col-40 {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

/* Mobile stacked images */
@media (max-width: 767px) {
  .mobile-img {
    height: 350px !important;
  }

  .mobile-img img {
    height: 100%;
    object-fit: cover;
  }
}


.comuunity-card-w {
  max-width: 30%;
  flex: 0 0 30%;
}

.row-gap-30 {
  row-gap: 30px;
}

.row-gap-10 {
  row-gap: 10px;
}

.h-300 {
  height: 300px;
}

.overflow-hidden {
  overflow: hidden;
}

.our-btn-wrapper-head{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.our-impact-btn {
  height: 100%;
  background: #193A43;
  color: #fff;
  font-size: 16px;
  padding: 15px;
  width: 92px;
      display: flex;
    justify-content: center;
}

.our-promises-btn {
  height: 100%;
  background: #7aa471;
  color: #fff;
  font-size: 16px;
  padding: 15px;
  width: 92px;
      display: flex;
    justify-content: center;
}

a.impact-btn {
  height: 100%;
  text-align: center;
  color: #fff;
}


@media(min-width: 992px) {
  .marginmenu {
    margin-left: -70px;
  }
}
@media(min-width: 1025px) {
  .marginmenu {
    margin-left: -55px;
  }
}



.impact-head-icon {
  width: 30px;
      height: 40px;
    object-fit: contain;
}

.head-shop-cart-w {
  width: 30px;
}

.gap-1 {
  gap: 10px;
}

.cs-icons {
  width: 50px;
  height: 50px;
}

@media(max-width: 585px) {
  .cs-icons {
    width: 40px;
    height: 40px;
  }

  h5.mob-h5 {
    font-size: 18px;
  }
}

@media(max-width: 479px) {
  .cs-icons-outer {
    flex: unset;
    max-width: 100%;
    flex-direction: column !important;
    align-items: center;
    row-gap: 0px !important;
  }

  .cs-icons {
    width: 40px;
    height: 40px;
  }

  h5.mob-h5 {
    font-size: 18px;
  }
}

.logo a img {
  width: 195px;
}

.descount-sticker_btn{
  background: #193A43 !important;
  border-radius: 5px;
}

h2.leafbg1{
  font-weight: 500;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
      border-bottom: 2px solid #193a43 !important;
}

.single-product .product-img img.prod-imagebottom{
  width: 100px !important;
  margin-bottom: 15px;
}

.single-product .product-img.prod-img-white{
  background-color: #fff;
}

.cs-bottom-deliver{
  margin-bottom: 20px;
}

@media(max-width: 1199px){
  .single-product .product-img img.prod-imagebottom {
    width: 80px !important;
}

.ingrepdlf {
    padding: 0px;
}

}

@media(max-width: 991px){
  /* .prodqntytxtbx {
    top: 1px;
} */
}

/* .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails{
     overflow-y: auto;
  height: auto !important;
  max-height: 458px; 
} */

/* .image-gallery-thumbnails .image-gallery-thumbnails-container{
    transform: none !important;
} */

#accordionExample{
  display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
    /* gap: 10px; */
}

@media(max-width: 768px){
  .prodwishicon {
    top: unset; 
   margin-left: 0;
}
.oiluses {
    padding: 20px 0;
}

.images-item-mid{
      transform: translate(10%);
}

.eocobottle {
    position: relative;
    top: 42%;
}
    /* .prodqntytxtbx {
        top: 0.5px;
    } */
}

@media only screen and (max-width: 575px) {
.prodwishicon {
           top: -55px;

}

    .section-title {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 479px) {
    .single-product .product-img a img.prod-imagebottom {
        width: 70px !important;
        vertical-align: middle;
    }
  .prodwishicon {
        top: unset;
        float: unset;
        right: unset;
    }
    
}

@media(max-width: 375px){
  .images-item-mid{
        width: 35%;
  }
}

@media(max-width: 767px){
.featured.order-change{
  order: 2;
}
}

.pb2{
  padding-bottom: 10px !important;
}

.form-b-radius{
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

@media (max-width: 800px) {
  .video-banner-section {
    min-height: 325px;
  }
}

@media (max-width: 575px) {
  .video-background {
    position: static;
  }
  .video-banner-section {
    min-height: auto;
  }
}

.row-gap-20{
  row-gap: 20px;
}

.pl-15{
  padding-left: 15px;
}

.pr-15{
  padding-right: 15px;
}

.tt-img-box img {
    width: 50px;
}

@media (max-width:991px) {
  .myaccount-contentab{
    border-left: none;
  }
  .place-order{
    margin-top: 20px;
  }

}

@media (max-width:767px) {
  .place-order{
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .cart-table .table tbody tr{
        border-bottom: 1px solid #dddddd !important;
  }

}

@media (max-width:576px) {
  .register-form{
    margin-bottom: 0;
    padding-bottom: 0px;
    margin-top: 0px;
  }
  .customer-login-register .login-form{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .login-form{
    margin-top: 0;
  }

  .section-title.section-title-shipping {
    margin-bottom: 20px !important;
  }

}

.row-gap-10{
  row-gap: 10px;
}

.single-product-card .product-img a{
      background-color: #f6f6f6;

}

.single-product.single-product-card{
  padding: 15px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
        border-radius: 4px;
}

@media(min-width: 992px){
  .cart-products-height{
    max-height: 500px;
    overflow-y: auto;
  }
}

.checkout-section.pt-50.pb-50{
  padding-top: 50px;
  padding-bottom: 50px;
}
/* .prodqnty{
  top: 0px;
  line-height: 42px;
}
.prodqntyplus{
  top: 0px;
  line-height: 42px;
}
.prodqntytxtbx{
  top: 0px;
  line-height: 44px;
} */

.shadowaccord{
  height: fit-content;
}

.myaccount-table hr{
  margin-top: 2rem;
}

.myaccount-tab-menuab a.active {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 400;
  /* border-top: 1px solid #416e7a; */
}

.myaccount-tab-menuab a:hover, .myaccount-tab-menuab a.active{
  /* border-top:1px solid #416e7a ;
  border-left: 1px solid #416e7a;
    border-right: 1px solid #416e7a; */
    border-bottom: 1px solid #cacaca;
    border-top: none;
}

.tabletd.tablebordertd p strong{
  font-weight: 600;
  color:#191919 ;
}

@media(max-width: 350px){
.order-confirm-outer h3{
  font-size: 18px;
}
}
.apply-code-btn{
  text-align: right;
}

@media(max-width: 768px){
  .apply-code-btn{
  text-align: center;
  margin-bottom: 20px;
}
}

@media(max-width: 350px){
img.head-icon-mob {
    width: 22px !important;
    height: 22px !important;
}
}


@media screen and (min-width: 1125px) and (max-width: 1280px) {
.community-fav-btn {
    min-height: 180px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

@media screen and (min-width: 1020px) and (max-width: 1165px) {
.community-fav-btn {
    min-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

@media screen and (min-width: 680px) and (max-width: 858px) {
.community-fav-btn {
    min-height: 190px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

@media screen and (min-width: 576px) and (max-width: 601px) {
.community-fav-btn {
    min-height: 260px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

@media (min-width: 2000px) {
.video-banner-section {
    min-height: 550px;
}
}

@media (max-width: 405px) {
.myaccountdiv {
    flex-wrap: wrap;
    justify-content: center !important;
}
}

@media (max-width: 330px) {
.quantity{
  padding-right: 2px !important;
}
.quantity .prodqntdiv{
  margin-right: 10px;
}
}

.single-product.single-product-card:hover{
      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important;
}

@media(max-width: 450px){
.regimecomp.work-best{
  width: 100%;
}
}


@media(min-width: 768px){
  .mb-md-30{
    margin-bottom: 30px !important;
  }
    .mb-md-50{
    margin-bottom: 50px !important;
  }
      .mb-md-20{
    margin-bottom: 20px !important;
  }
        .mb-md-30{
    margin-bottom: 30px !important; 
  }
}

.pt-v2-40{
  padding-top: 40px !important;
}
@media (max-width: 575px) {
.ouringredientspage {
  margin-top: 0px;
} 
.faq h2{
  margin-top: 10px !important;
}
.card-title.text-20{
  margin-bottom: 0px;
}
#review .card-body{
  padding-bottom: 0px;
}

.col-md-6.prodmrglft{

}

.col-md-6.prodmrglft p:last-child{
  margin-bottom: 1rem;
}
.community-fav-top{
  margin-top: 0px;
}
.community-fav-top2{
  margin-bottom: 0px !important;
}
}

.read-more {
      color: #000;
    text-decoration: none;
    font-weight: 500;
}

.plant-wisdom-journal .read-more:hover{
      color: #416e7a;
}

/* @media(max-width: 992px){
.header-v2 > .header-bottom>.container-fluid{
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.header-v2 .marginmenu{
      left: 0;
    margin-right: 0;
}
}

@media (max-width: 767.98px) {
.header-v2 .marginmenu {
    left: 0;
    margin-right: auto;
    margin-left: auto;
    justify-content: center !important;
}

  .hideinmobile {
    display: none !important;
  }

  .meanmenu-reveal {
    top: -35px !important;
  }

  .mobile-menu .mean-bar {
    margin-top: 5px;
  }
}

@media (max-width: 575.98px) {
.header-v2 .marginmenu{
  justify-content: flex-end !important;
}
} */

@media (min-width: 991.98px) {
.pr-155{
  padding-right: 155px !important;
}
}

.logo a img{
  position: relative;
  z-index: 10;
}

@media(min-width: 992px){
  
.logo a img{
      width: 205px;
    top: 5px;
}
}

.shop-card-shadow{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.shop-card-shadow:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.myaccount-contentab .historytbl{
  width: auto;
  padding-right: 20px;
}

.order-table-v2{
  padding-right: 15px;
}

@media(max-width: 991px){
  .container-v3{
            padding-left: 15px;
  }
   .myaccount-contentab {
        padding-left: 0px;
    }
    .myaccount-contentab .historytbl{
  padding-right: 15px;
}

.ordditls .myaccount-table {
  border-left: 0 !important
}

.my-account-section{
  padding-bottom: 20px !important;
}
}

.prod-desc-v3{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.prod-regime{
  margin-bottom: 5px !important;
}

.conact-section .shop-banner-title h2.contacsec{
  margin-top: 0 !important;
}

.page-banner-section{
  padding-top: 30px  !important;
  padding-bottom: 0px !important;
}

@media(max-width: 490px){
  .order-history-table-v2 .tabletr{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

   .order-history-table-v2 .tabletr .tdimgdata{
    width: 100%;
  }

  .order-history-table-v2 .tabletr td{
    text-align: center !important;
    width: 100%;
  }
  .order-history-table-v2 .ttlprice{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .order-details-v3 .tabletr{
    width: 100%;
    row-gap: 20px;
  }
}

.order-details-v3 .tabletr{
padding: 15px 0;
}

.ratio-min-hgt{
  min-height: 145px;
}

@media(max-width: 479px){
  .logo a img{
            top: 0px;
            margin-left: 25% !important;
  }
}

@media(max-width: 991.98px){
.header-v2 >.header-bottom > .container-fluid{
padding-left: 15px !important;
}
}

.our-promises-btn:hover{
      background: #5c7f55;
}

.our-impact-btn:hover{
      background: #152e35;
}

.myaccount-contentab .account-details-form {
    padding-right: 20px;
    max-width: 992px;
} 


.myaccount-contentab .review-feedback{
     margin: 0;
    padding: 0;
    padding-right: 20px;
}

@media(max-width: 991px){
.myaccount-contentab .account-details-form {
    padding-right: 15px;
} 

.myaccount-contentab .review-feedback{
  padding-right: 15px;
}
}

@media(min-width: 1299px){
.inside-every-bottle-section .slick-slide img{
  cursor: default;
}
}

@media (max-width: 575px) {
.faq h2.leafbg1 {
  margin-top: 30px !important;
  margin-bottom: 20px;
}

}

.row-gap-50{
  row-gap: 50px;
}

.grey-sec-icons{
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.blends-with-img{
  max-height: 300px;
  width: 100%;
  border-radius: 10px;
}

.use-cases-img{
max-height: 350px;
object-fit: cover;
width: 100%;
}

.oiluses-description{
  padding-right: 40px;
}

.essence-icon{
  width: 20%;
}
.essence-desc{
  width: 80%;
}

.essence-wrapper{
  width: 65%;
}

.before-after-img {
    display: flex;
    gap: 2px;
}

@media(min-width: 992px){
.before-after-img {
    max-width: 90%;
    margin: 0 auto;
}
}

.before-after-img img {
    /* width: 50% !important; */
    object-fit: cover;
}

.image-compare-wrapper{
  position: relative;
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.image-compare-wrapper .compare-text{
    color: #fff;
    font-size: 16px;
    width: 100%;
    background-color: #193A43;
    padding: 3px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media(max-width: 767.98px){
  .grey-sec-icons{
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.compareslider {
    display: flex;
    flex-direction: column;
}
.compareslider > .shadownew {
    order: 2;
    margin-top: 20px;
    margin-bottom: 0 !important;
    max-width: 485px;
    margin-left: auto;
    margin-right: auto;
}
.blends-with-img {
    max-width: 400px;
    width: 100%;
    object-fit: cover;
}

.use-cases-img{
max-width: 485px;
width: 100%;
}
.oiluses-description{
  padding-right: 0px;
}
.essence-icon{
  width: auto;
}
.essence-desc{
  width: auto;
}

.essence-wrapper{
  width: 75%;
}

.before-after-img {
    max-width: 300px;
    margin: 0 auto;
}

}


@media(max-width: 575.98px){
  .grey-sec-icons{
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.blends-with-img{
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}

/* .desktop-widthgrey{
  padding: 0 30px;
} */
}

.product-detail-bottom-pane .single-product .product-img img.prod-imagebottom {
    width: 100px !important;
    margin-bottom: 10px;
    height: 80px !important;
    object-fit: contain;
}

.product-icons-v2{
  padding: 0;
  position: relative;
  top: 25px;
}

.prod-desc-font-family span, .prod-desc-font-family p, .prod-desc-font-family div{
    font-family: 'Poppins', sans-serif !important;
}

.tabpane-font-family p, .tabpane-font-family span{
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}


.blog-comment-padding{
  padding-top: 0px !important;
  padding-bottom: 40px !important;
}

.ingredient-card-v2{
  flex: 0 0 25%;
  max-width: 25%;
}

@media(max-width: 1100px){
  .ingredient-card-v2{
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
}

@media(max-width: 991px){
  .ingredient-card-v2{
  flex: 0 0 50%;
  max-width: 50%;
}
}

@media(max-width: 575px){
  .ingredient-card-v2{
  flex: 0 0 100%;
  max-width: 100%;
}
}

.margin-bottom-30{
  margin-bottom: 30px !important;
}

.blog-list-image-outer-wrapper>span{
  width: 100%;
}

.our-promise-video .video-banner-section{
  min-height: 100%;
}

.our-promise-video .video-background{
  position: static;
}

.mb-3-important{
  margin-bottom: 16px !important;
}

@media (min-width: 992px) {
.footer-menu-wrapper{
  padding-top: 2rem !important;
}
}

@media(max-width: 991.98px){
  .footer-right-wrapper{
    width: 100%;
    margin: 0;
  }

  .copyright-txt{
    margin-top: 20px;
  }
}

.header-outer-wrapper:has(.header-sticky.is-sticky){
  min-height: 123.06px;
}

@media(max-width: 1199px){
  .header-outer-wrapper:has(.header-sticky.is-sticky){
  min-height: 115.06px;
}
}

@media(max-width: 991px){
  .header-outer-wrapper:has(.header-sticky.is-sticky){
  min-height: 83px;
}
}

@media(max-width: 767px){
  .header-outer-wrapper:has(.header-sticky.is-sticky){
  min-height: 131px;
}
}

@media(max-width: 575.98px){
  .header-outer-wrapper:has(.header-sticky.is-sticky){
  min-height: 93px;
}
.prod-categorymobile-align{
  align-items: center;
  text-align: center;
}
}

input[type="checkbox"] {
  accent-color: #193a43;
}

.blog-title-two-line{
   display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3em;             
  line-height: 1.5em; 
}