.clearfix{
  clear: both;
}

a:hover{
  text-decoration:none;
}

body{
  font-size:16px;
  line-height:1.5;
}

main{
   overflow:hidden;
}

/********Blog Page*********/

#shopify-section-blog-template{
    padding:50px 0;
}

#shopify-section-blog-template .container{
    max-width:1160px;
    margin;auto;
}

.page-title-container h1{
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    color: #f6a504;
    margin-bottom:50px;
}

.blog-post-box .article--listing {
    padding-top: 0;
    margin-bottom: 65px;
}

.blog-post-content h2.article__title.h3 {
    margin-bottom: 25px;
    font-size: 25px;
    text-align:left;
}

.rte {
    font-weight:300;
    color: #788188;
    margin-bottom: 35px;
    text-align:left;
}

.rte:last-child {
    margin-bottom: 0;
}

.blog-read-more {
    margin-top: 20px;
}

.read-post {
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    padding: 5px 0;
    text-align: right;
}

.read-post a {
    font-size: 13px;
}

.list--inline {
    padding: 0;
    margin: 0;
    text-align: left;
}

.list--inline li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.btn--small {
    padding: 8px 10px;
    font-size: .75em;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-decoration:none;
}

.btn--small:hover{
    opacity:6;
    text-decoration:none;
}

.btn--secondary {
    background-color: #fff;
    color: #3d4246 !important;
    border:1px solid #e8e9eb;
}

.hover-text {
    transform: translateX(-100%);
    position: absolute;
    height: 100%;
    top: 0;
    padding: 20px;
    width: 100%;
    background: rgba(116,188,18,.8);
    text-align: center;
    display: flex;
    align-items: center;
    visibility: hidden;
    transition: .5s;
}

.hover-text-inner {
    width: 100%;
}

.hover-text-inner .icon {
    background: #333;
    border-radius: 100px;
    width: 40px;
    color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 15px;
    display: inline-block;
    padding: 2px 0;
}

.hover-text-inner h1 {
    color: #000;
    opacity: 1;
    line-height: .8;
    margin-bottom: 0;
    text-transform: inherit;
}

a.category-link {
    font-size: 13px;
    color: #000;
    display: inline-block;
    margin-top: 10px;
}

.blog-post-img .article__list-image-wrapper:hover .hover-text {
    transform: translateX(0);
    visibility: visible;
}

.article__list-image-wrapper{
    position:relative;
}

.article__list-image-wrapper img{
    width:100%;
}

.blog-post-content h2 a {
    font-weight: 500;
    color: #333;
    letter-spacing: 0;
    text-decoration:none;
}

.blog-post-content h2 a:hover {
    color: #a0ce4e;
    opacity: 1;
}

.read-post {
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    padding: 5px 0;
    text-align: right;
}

.read-post a {
    font-size: 13px;
    color: #3d4246;
    text-decoration: none;
}

.hover-text-inner h1 a {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 22px;
    line-height:1.3;
    color: #333;
    opacity: 1;
    text-decoration:none;
    text-align:center;
}

.hover-text-inner h1 {
    color: #000;
    opacity: 1;
    line-height: .8;
    margin-bottom: 0;
    text-transform: inherit;
}

a.category-link {
    font-size: 13px;
    color: #000 !important;
    display: inline-block;
    margin-top: 10px;
    text-decoration:none;
}

a.category-link:hover{
    text-decoration:none;
}

.blog--list-view .pagination {
    padding-top: 0;
    text-align: center;
    list-style: none;
    font-size: .9375em;
}

.pagination li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.btn--disabled {
    opacity: .5;
    cursor: default;
}

.btn--narrow {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination .icon {
    display: block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    fill: currentColor;
}

.icon__fallback-text {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

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

.article-single .next-prev a {
    color: #333;
    font-size: 16px;
    margin-left: 12px;
}

.article-single .next-prev {
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    padding: 10px 0;
    text-align: right;
    margin-bottom: 50px;
}

.article-image {
    text-align: center;
    margin-bottom: 15px;
}

.article-inner h1.article__title {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0;
    margin-bottom: 28px;
    text-transform: inherit;
}

.article-inner p {
    color: #666;
    margin: 0 0 19.44444px;
}

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 55px;
    margin-bottom: 27.5px;
    font-weight: 400;
    line-height: 1.2;
}

.rte ul {
    list-style: disc outside;
}

.rte ul, .rte ol {
    margin: 0 0 17.5px 35px;
}

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

.rte li {
    margin-bottom: 4px;
    list-style: inherit;
    font-size: 16px;
    line-height: 1.5;
}

.rte a:not(.btn) {
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}

.rte ul a {
    font-size: 15px;
    padding: 6px;
}

.section-header.author-detail {
    padding: 10px 0;
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    margin-bottom: 50px;
    text-align:left;
}

.section-header.author-detail a, .section-header.author-detail span {
    font-size: 14px;
    color: #333;
    border-right: 1px solid #e7e6e6;
    padding-right: 10px;
    margin-right: 10px;
}

.template-article .article__author, .template-article .article__date {
    margin-bottom: 0;
}

.article-social h1 {
    color: #333;
    letter-spacing: 0;
    text-transform: inherit;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.social-head .social-sharing {
    text-align: right;
}

.article-social .social-sharing li {
    width: auto;
    padding: 0 10px;
    border: none;
    display: inline-block;
    text-align: left;
}

.social-sharing ul li a {
    border: none;
    font-size: 18px;
    letter-spacing: 0;
    color: #666;
    text-transform: inherit;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    display: block;
    text-align: left;
}

.related-blog {
    padding-top: 40px;
}

.related-blogs li {
    position: relative;  
}

.related-blogs li:hover .hover-text {
    transform: translateX(0);
    visibility: visible;
    z-index: 1;
}

.related-blogs li a{
    display:block;
}

.related-blog h1.related-head {
    position: relative;
    font-size: 22px;
    text-transform: inherit;
    font-weight: 500;
    letter-spacing: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #666;
    color: #333;
    line-height:1.4;
    text-align:left;
    margin-bottom:20px;
}

.related-blog h1.related-head::before {
    content: "";
    height: 2px;
    width: 100px;
    background: #74bc12;
    position: absolute;
    bottom: -2px;
}

.related-blogs li img {
    width: 100%;
}

.grid-item { 
  width: 32.7%;
  margin-bottom:10px;
}

.article-social .social-head{
  text-align:left;
}

.article-single h1, 
.article-single .h1, 
.article-single h2, 
.article-single .h2, 
.article-single h3, 
.article-single .h3, 
.article-single h4, 
.article-single .h4, 
.article-single h5, 
.article-single .h5, 
.article-single h6, 
.article-single .h6 {
    text-align:left;
  /*margin: 0 0 17.5px; */
}

.single-article{
    padding:30px 0;
}

.single-article .container{
    max-width:1160px;
    margin:auto;
}

.rte a:not(.btn) {
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}

.pagination li.pagination__text{
    padding: 0 10px;
}

@media (max-width: 1199px){
    .grid-item {
      width: 32.5%;
    }
}

@media (max-width: 1020px){
    .grid-item {
      width: 31.7%;
    }
}

@media (max-width: 991px){
  .blog-post-content h2.article__title.h3 {
      margin-bottom: 10px;
      font-size: 22px;
  }
  .social-head .social-sharing {
      text-align: left;
  }
  .article-social .social-head{
    margin:10px 0;
  }
}

@media screen and (max-width: 991px) {
  .grid-item { 
    width: 100%; 
  }
  .blog-post-content {
      margin-top: 15px;
  }
  .blog-post-inner{
      padding: 0 30px;
  }
  .article-single .next-prev a{
      font-size:13px;
  }
}

/********Blog Page End*********/

/********Scientific Research Page*********/
.scientific-content{
   text-align:left;
   padding:50px 0;
}

.scientific-content .container{
    max-width:1160px;
    margin:auto;
}

.scientific-content .section-header {
    margin-bottom: 35px;
}

.scientific-content .text-center {
    text-align: center!important;
}

.scientific-content h1 {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
}

.scientific-content h1, 
.scientific-content .h1, 
.scientific-content h2, 
.scientific-content .h2, 
.scientific-content h3, 
.scientific-content .h3, 
.scientific-content h4, 
.scientific-content .h4, 
.scientific-content h5, 
.scientific-content .h5, 
.scientific-content h6, 
.scientific-content .h6 {
    font-weight:600;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.scientific-content p {
    font-weight:400;
    color: #788188;
    margin: 0 0 19.44444px;
    font-size: 16px;
    line-height: 1.5;
}

.scientific-content a {
    color: #3d4246;
    text-decoration: none;
}

.scientific-content img{
    margin:auto;
    display:block;
    width:100%;
}

@media only screen and (min-width: 750px){
  .scientific-content .section-header {
      margin-bottom: 50px;
  }
}
@media (max-width: 991px){
  .scientific-content img {
      margin: 0 auto 10px auto;
      width: 100%;
  }
}
@media only screen and (max-width: 750px){
  .scientific-content p{
     font-size: .9375em;
  }
  .scientific-content h1 {
    font-size: 24px;
  }
  .scientific-content {
      padding: 35px 0 0;
  }
}
/********Scientific Research Page End*********/

/********About Us Page*********/
#shopify-section-about-us h1, 
#shopify-section-about-us .h1, 
#shopify-section-about-us h2, 
#shopify-section-about-us .h2, 
#shopify-section-about-us h3, 
#shopify-section-about-us .h3, 
#shopify-section-about-us h4, 
#shopify-section-about-us .h4, 
#shopify-section-about-us h5, 
#shopify-section-about-us .h5, 
#shopify-section-about-us h6, 
#shopify-section-about-us .h6 {
    margin: 0 0 20.5px;
    line-height: 1.2;
    font-weight:600;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#shopify-section-about-us .container{
    max-width:1160px;
    margin:auto;
}

.about-box {
    display: flex;
    align-content: center;
    align-self: center;
    align-items: center;
}

.about-box img {
    width: 100%;
}

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

.about-us.content h1 {
  font-size: 110px;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 5px;
  position: relative;
  text-transform:uppercase;
}
.about-us.content h1::before {
  background: #74bc12 none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100px;
  left:0;
}
.about-title {
  max-width: 570px;
  margin: 0 auto;
  padding: 130px 0px;
}
.about-us.content {
  background-position: left;
  background-size: cover;
}
.about-us.content h1 {
  border-bottom: 4px solid #fff;
}
.about-us.content h1::before {
  bottom: -4px;
}
.about-us.content h1::before {
  height: 4px;
}
.section-title h2 {
  border-bottom: 3px solid #666;
  margin-bottom: 20px;
  padding-bottom: 5px;
  position: relative;
  font-weight:400;
  text-transform:uppercase;
}
.section-title h2::before {
  background: #74bc12 none repeat scroll 0 0;
  bottom: -3px;
  content: "";
  height: 2px;
  position: absolute;
  width: 100px;
}
.section-title h2 span {
  color: #74bc12 !important;
}
.fullline {
  margin-top: 70px;
}
.template-page footer.footer1.site-footer {
  margin-top: 0;
}
.main-content {
  padding-top: 0px;
}
/* ul li img {
  width: 20px !important;
} */
.hidedesktop {
  display: none;
}

@media (min-width: 991px) {
/*   .text-p-right {
    padding-right: 50px;
  }
  .text-p-left {
    padding-left: 50px;
  } */
  .about-box >.row [class*='col-']{
    padding:0 25px;
  }
}

@media (max-width: 991px){
  .about-image-right {
      padding-right: 15px;
      margin-top: 20px;
  }
 
  .prodBreadcrm {
      font-size: 13px !important;
      line-height: 20px !important;
  }
}

@media (max-width: 991px) {
  .about-title {
    max-width: 239px;
    margin: 0 auto;
    padding: 90px 0px;
  }
  .about-us.content h1 {
    font-size: 46px;
  }
  .section8 {
    padding-top: 20px;
  }
  .section-title h2 {
    padding-top: 20px;
    font-size:21px;
  }
  .fullline {
    margin-top: 30px;
  }
  .about-page-inner {
    padding-bottom: 0;
  }
  .hidedesktop {
    display: block !important;
    margin-bottom: 20px;
  }
  .hidemobile {
    display: none;
  }
  .text-p-right {
    padding-right: 15px !important;
  }
  .text-p-left {
    padding-left: 15px !important;
  }
}

/********About Us Page End*********/

/* *****Privacy and terms page style***** */
.custom_common_terms{
	padding: 50px 0 0;
}
.custom_common_terms hr{
	margin: 55px 0;
    border: 0;
    border-bottom: 1px solid #e8e9eb;
}

/*================ Cart page ================*/
.cart {
  th,
  td {
    border: 0;
  }

  td {
    padding: $gutter-site-mobile 0;
  }

  th {
    font-weight: $font-weight-normal;
    padding: ($gutter-site / 2) 0;
  }

  .cart__meta {
    padding-right: 15px;
  }
}

.cart__meta-text {
  padding: 5px 0;
  font-size: em($font-size-base - 2);
  font-style: italic;
}

.cart__qty-label {
  @include visually-hidden();
}

.cart__qty-input {
  text-align: center;
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;

  @include media-query($small) {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

.cart__edit {
  margin-top: 10px;
}

.cart__edit-text--cancel {
  .cart__edit--active & {
    display: none;
  }
}

.cart__edit-text--edit {
  display: none;

  .cart__edit--active & {
    display: block;
  }
}

.cart__edit-text--cancel,
.cart__edit-text--edit {
  pointer-events: none;
}

.cart__row {
  p {
    margin-bottom: 0;

    + p {
      margin-top: 10px;
    }
  }
}

.cart__subtotal-title {
  font-size: em($font-size-base + 2px);
}

.cart__subtotal {
  padding-left: $gutter-site / 2;

  @include media-query($medium-up) {
    padding-left: $gutter-site;
    min-width: 150px;
    display: inline-block;
  }
}

.cart__savings {
  padding-top: 18px;
}

.cart__savings-amount {
  padding-left: $gutter-site / 2;

  @include media-query($medium-up) {
    padding-left: $gutter-site;
    min-width: 150px;
    display: inline-block;
  }
}

.cart__footer {
  padding-top: $section-spacing-small;
}

.cart__update--large {
  margin-right: 10px;
}

.cart__continue--large {
  margin-right: 10px;
  line-height: 1.2;
}

.cart__shipping {
  font-style: italic;
  font-size: em($font-size-base - 2);
  padding: 18px 0 20px;
}

.cart-note__label,
.cart-note__input {
  display: block;

  @include media-query($small) {
    margin: 0 auto;
  }
}

.cart-note__label {
  margin-bottom: 15px;
}

.cart-note__input {
  min-height: 50px;
  width: 100%;

  @include media-query($small) {
    margin-bottom: 40px;
  }
}

.cart__image {
  max-height: 95px;
}

.cart__image-wrapper a {
  display: block;
  padding-right: $section-spacing-small / 2;

  @include media-query($medium-up) {
    padding-right: $section-spacing-small;
  }
}

@include media-query($medium-up) {
  .cart__image-wrapper {
    width: 130px;
  }

  .cart__meta {
    max-width: 300px;
  }

  .cart__remove {
    margin-top: 4px;
  }

  .cart__qty {
    text-align: center;
  }
}

@include media-query($small) {
  .cart {
    table {
      display: block;
      width: 100%;
    }

    thead {
      display: none;
    }

    tr,
    tbody {
      width: 100%;
    }

    tbody {
      display: block;
    }

    .cart__update-wrapper {
      display: none;
      padding-top: 0;
      padding-bottom: $gutter-site-mobile;
    }
  }

  .cart__update--show {
    td {
      padding-bottom: 10px;
    }

    .cart__update-wrapper {
      @include display-flexbox();
      @include align-items(center);
      @include justify-content(space-between);
      @include flex-wrap(wrap);
    }
  }

  .cart-flex {
    @include display-flexbox();
    @include flex-wrap(wrap);
    @include align-items(center);
  }

  .cart-flex-item {
    display: block;
    min-width: 0;
    @include flex(1 1 100%);
  }

  .cart__meta {
    @include flex(1 1 0%);
  }

  .cart__image-wrapper {
    @include flex(0 0 85px);
  }

  .cart__price-wrapper {
    @include flex(0 1 24%);
    text-align: right;
  }

  .cart__header {
    @include visually-hidden();
  }

  .cart-message {
    padding-top: 20px;
  }

  .cart__qty {
    padding: 0 10px;
  }

  .cart__qty-label {
    @include visually-shown();
    display: inline-block;
    vertical-align: middle;
    font-size: em(13);
    margin-right: 5px;
  }
}

.cart__continue-btn {
  .cart--no-cookies & {
    display: none;
  }
}

.cart--empty-message {
  .cart--no-cookies & {
    display: none;
  }
}

.cookie-message {
  display: none;
  padding-bottom: 25px;

  .cart--no-cookies & {
    display: block;
  }
}

.additional-checkout-buttons {
  margin-top: $gutter-site-mobile;

  // reset for paypal button
  input[type="image"] {
    padding: 0;
    border: 0;
    background: transparent;
  }
}
.empty-page-content {
  padding: 325px 55px;

  @include media-query($small) {
    padding-left: $gutter-site-mobile;
    padding-right: $gutter-site-mobile;
  }
}
/*================ Cart page END ================*/
@media only screen and (min-width: 992px){
  .prod-dtls1-slide{
     min-height:700px;
     max-height:700px;
     overflow:hidden;
  }
}
@media only screen and (max-width: 479px){
  .prod-dtls1-slide{
     min-height:350px;
     max-height:350px;
     overflow:hidden;
  }
}