/* COMMOM */
h2 {
  margin-bottom: 30px;
}

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

p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 180%;
}

.shop-btn.btn {
  padding: 15px 30px 20px 30px;
}

.shop-btn.btn .icon {
    display: inline-block;
    background: url(../images/cart-icon.png) 0 0/cover no-repeat;
    width: 25px;
    height: 23px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    left: 5px;
}

body #content p:last-child {
  margin-bottom: 0;
}

.home-section {
  padding: 40px 0;
  margin-bottom: 40px;
}

#content .entry-content {
  margin-top: 0;
}

p.blue-text {
  color: #078ac9;
}

.menu-right .widget {
  margin: 0;
}

@media (min-width: 576px) {
  h2 {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .home-section {
    padding: 50px 0;
  }
}

@media (min-width: 992px) {
  h2 {
    font-size: 42px;
  }
}

@media (min-width: 1200px) {
  h2 {
    font-size: 42px;
  }

  .home-section {
    padding: 85px 0;
    margin-bottom: 40px;
  }

  .entry-content {
    margin: 0;
  }
}

.home .fold-content {
  background: none;
}

a.btn.btn-primary.btn-gray {
  background: #e5e5e5;
}

a.btn.btn-primary.btn-black {
  background: #000;
  color: #fff;
}

.custom-list.list-check-white li:before {
  background-image: url(../images/home/check-white.png);
}

.custom-list.list-check-black li:before {
  background-image: url(../images/home/check-black.png);
}

.order-wrap {
  position: relative;
  display: inline-block;
}

.order-wrap a {
  position: relative;
  z-index: 2;
}

.order-wrap a i {
  margin-left: 30px;
  color: #000;
}

.order-wrap a:hover i {
  margin-left: 30px;
  color: #078ac9;
}

/* PRODUCT BLOCK */
.product-list-wrap {
  padding-top: 40px;
}

.product-block-wrap {
  margin: 0 auto 30px;
}

.p-wrap {
  text-align: center;
  position: relative;
  margin: 0 10px;
  min-width: 295px;
}

.p-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 70%;
  background: #f6f6f6;
  width: 100%;
  left: 0;
}

.p-wrap .p-img {
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}

.p-wrap .p-img img {
  margin: 0 auto;
}

.info-wrap {
  background-color: #f5f5f5;
  padding: 0 10px 20px;
  position: relative;
  z-index: 9;
}

.p-header {
  padding: 10px 0 0;
}

.p-header h4 {
  font-size: 24px;
  margin-bottom: 5px;
  color: #000;
}

.p-tagline {
  color: #000;
  font-size: 15px;
  line-height: 24px;
}

.p-retail {
  font-size: 14px;
  margin-bottom: 0;
  color: #333;
  display: none;
}

.p-cheaper {
  font-size: 14px;
  margin-bottom: 10px;
  color: #de0e16;
  font-weight: bold;
  display: none;
}

.p-body {
  padding: 20px 0;
}

.p-stars {
  margin-bottom: 25px;
}

.p-stars i {
  color: #eddc1b;
  font-size: 16px;
  margin: 0 1px;
}

span.p-reviews {
  font-size: 13px;
  margin-left: 10px;
}

.btn-wrap {
  display: flex;
  align-items: center;
  text-align: center;
}

.btn-wrap div {
  width: 100%;
  margin: 0 3%;
  border: 1px solid #fff;
}

.p-footer .btn-wrap div:last-child {
  display: none;
}

.btn-wrap a,
.btn-wrap div.coming-soon-btn span {
  color: #de0e16;
  padding: 6px 10px;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  border: 1px solid #de0e16;
  font-size: 11px;
  border-radius: 5px;
}

.btn-wrap a.btn-add-to-cart {
  background: #de0e16;
  color: #fff;
}

.btn-wrap a.btn-add-to-cart:hover {
  background: #000;
  border: 1px solid #000;
  -webkit-box-shadow: 0 0 10px 0 #353535;
  box-shadow: 0 0 10px 0 #353535;
}

.btn-wrap a.btn-learn-more:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  -webkit-box-shadow: 0 0 10px 0 #353535;
  box-shadow: 0 0 10px 0 #353535;
}

.btn-wrap div.coming-soon-btn {
  width: 60%;
  margin: 0 auto;
  border-color: #fff;
}

.organic-bio-maca .p-tagline {
  font-size: 12px;
}

.highlight {
  color: #078ac9;
}

.site-content{
	background: #ffffff;
	position: relative;
}

.site-content > div{
    position: relative;
   
}

.site-content:after{
	position: relative;
	z-index: 1;
}

/**/

.icon-bar{
	padding: 50px 0px 35px 0px;
}

.ft-icon {
    position: relative;
    display: block;
    margin: 0 auto 30px
}

.ft-cs, .ft-chat, .ft-return, .ft-secure, .ft-shipping {
    width: 80px;
    height: 55px;
}

.ft-shipping {
    background: url(../images/shipping-ico.png) center center no-repeat
}

.ft-return {
    background: url(../images/return-ico.png) center center no-repeat
}

.ft-secure {
    background: url(../images/secure-ico.png) center center no-repeat
}

.ft-chat {
    background: url(../images/chat-ico.png) center center no-repeat
}

.ft-cs {
    background: url(../images/cs-ico.png) center center no-repeat;
    background-size: cover;
    width: 41px;
    height: 55px;
}

.ft-text {
    color: #000;
    text-align: center;
    font-size: 1rem;
    line-height: 1.2em;
    display: inline-block;
    position: relative;
    top: -20px
}

.ft-text span {
    color: #078ac9;
    display: block;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 5px
}

.ft-wrap {
    border-right: 1px solid #ccc;
    text-align: center
}

.ft-wrap.row-last {
    border-right: none
}

@media (max-width: 767px){
	
	.ft-wrap.first {
		border-bottom: 1px solid #ccc;
	}
	
	.ft-wrap.second{
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	
	.icon-bar .col-last .col{
		padding-top: 20px;
	}
}

/* 1 */

#a1 .container{
	position: relative;
	z-index: 9;
}

#a1 h1 {
	font-size: 32px;
    letter-spacing: -1px;
    max-width: 100%;
    margin: 0 auto 30px auto;
    text-align: center;
}

#a1 h1 .highlight {
  color: #078ac9;
}

#a1 .shop-btn {
  width: 100%;
  text-align: center;
  margin-top: -50px;
  z-index: 10;
  position: relative;
}

#a1 ul {
  padding-top: 30px;
  padding-bottom: 40px;
}

#a1 ul li {
	font-size: 20px;
	font-style: italic;
	font-weight: 900;
}

#a1:after {
	content: "";
	width: 100%;
	height: 100%;
	/*background-color: #d3d5cf;
	background-image: url(/wp-content/uploads/2023/11/fold-bg.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 98% 50px;*/
	background: rgb(223,225,228);
	background: linear-gradient(0deg, rgba(223,225,228,1) 22%, rgba(207,211,213,1) 40%, rgba(207,211,213,1) 59%, rgba(223,225,228,1) 76%);
	position: absolute;
	left: 0;
	top: 0;
}

.a1-a {
  position: relative;
}

.a1-a img {
  position: relative;
  z-index: 9;
}

#a1 .btn {
  padding: 15px 30px 20px 30px;
}

#a1 .btn .icon {
    display: inline-block;
    background: url(../images/cart-icon-white.png) 0 0/cover no-repeat;
    width: 25px;
    height: 23px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    left: 5px;
}

#a1 h1 span span {
  display: block;
  background-image: url(/wp-content/uploads/2023/11/blue-line.png);
  background-size: 222px auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
}

#a1 svg{
	display: none;
}

@media (min-width: 480px) {
  #a1 h1 {
    font-size: 30px;
    max-width: 370px;
  }

  #a1 .shop-btn {
    margin-top: -70px;
  }

  #a1 ul li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  #a1 h1 {
    font-size: 40px;
    max-width: 680px;
  }

  #a1 h1 span span {
    display: inline;
  }

  .a1-a img {
    position: relative;
    z-index: 9;
    left: 100px;
  }

  .a1-a:after {
    width: 400px;
    height: 400px;
    left: calc(22%);
  }
}

@media (min-width: 768px) and (max-width: 991px){
	
	#a1:after {
		/*background-size: auto 360px;
		background-position: -115% 250px;*/
	}

	.a1-a{
		left: -87px;
		margin: -70px auto 0px auto;
		max-width: 100%;
	}

	#a1 ul{
		width: 370px;
		margin: 0px auto;
	}

	#a1 .shop-btn {
		margin-top: -32px;
	}
	
}

@media (min-width: 992px) {

	#a1:after {
		/*background-position: 98% 50px;*/
		position: absolute;
		left: 0;
		top: 0;
	}

	/*.site-content:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #fff;
		clip-path: polygon(0 0, 100% 0%, 100% 95%, 64% 100%, 0 95%);
	}*/

	#a1 h1 {
		text-align: left;
		max-width: 610px;
		margin-bottom: 20px;
		position: relative;
		z-index: 9;
		margin-left: 0;
	}

	#a1 h1 span span {
		background: none;
		padding: 0;
	}

	.a1-a {
		position: absolute;
		right: 160px;
		bottom: -70px;
		width: 420px;
	}

	#a1 .shop-btn {
		position: absolute;
		margin-top: 0;
		bottom: 80px;
		text-align: left;
	}

	#a1 ul {
		padding-top: 0;
		padding-bottom: 0px;
		position: relative;
		z-index: 9;
	}

	.a1-a img {
		left: 0;
	}

	.a1-a:after {
		width: 0;
		height: 0;
		left: calc(0%);
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#a1:after {
		/*background-size: 770px 440px;
		background-position: 185% bottom;*/
	}
	
	.a1-a {
		position: absolute;
		right: -50px;
		bottom: -109px;
		width: 690px;
	}
	
	#a1 h1 {
		max-width: 535px;
		margin-bottom: 10px;
		font-size: 32px;
	}
	
	#a1 .shop-btn{
		bottom: -75px;
	}
	
}

@media (min-width: 1200px) {
	#a1 {
		padding-top: 240px;
		padding-bottom: 100px;
	}
	
	#a1:after {
		/*background-position: 85% 65px;*/
	}
	
	#a1 ul {
		padding-bottom: 40px;
	  }

	#a1 h1 {
		max-width: 680px;
	}

	.a1-a {
		position: absolute;
		right: calc(50% - 560px);
		bottom: -100px;
		width: 830px;
	}

	#a1 .shop-btn {
		bottom: -45px;
	}

	.site-content{
		position: relative;
	}

	.site-content:after {
		background-position: right bottom;
		clip-path: polygon(0 0, 100% 0%, 100% 92%, 64% 100%, 0 91%);
	}
}

@media (min-width: 1200px) and (max-width: 1400px){
	
	#a1:after {
		/*background-position: calc(100% + 300px) 65px;*/
	}
	
}

@media (min-width: 1401px) and (max-width: 1600px){
	
	#a1:after {
		/*background-position: calc(100% + 100px) 65px;*/
	}
	
}

@media (min-width: 1601px) and (max-width: 1900px){
	
	#a1:after {
		/*background-position: 95% 65px;*/
	}
	
}

@media (max-width: 767px) {
	
	#a1 .container{
		padding: 0px;
	}
	
	.transparent .fold-content > div {
		background: #ebebeb;
		padding: 30px 0px 0px 0px;
		position: relative;
		overflow: hidden;
	}
	
	#a1:after {
		display: none;
		/*background-color: #d3d5cf;
		background-repeat: no-repeat;
		background-size: auto 240px;
		background-position: -115px 250px;*/
		position: absolute;
		left: 0;
		top: 0;
	}

	#a1 h1 {
		font-size: 32px;
		margin: 0 auto 45px auto;
		position: relative;
		z-index: 4;
	}
	
	#a1 h1 .highlight{
		display: block;
	}
	
	.a1-a{
		margin-top: -260px;
		margin-bottom: -140px;
		position: relative;
		z-index: 1;
	}
	
	.a1-a img {
		left: 0;
		width: 100%;
		max-width: none;
	}
	
	.a1-a:after {
		left: calc(12%);
		bottom: 12px;
	}
	
	#a1 ul {
		width: 100%;
		margin: 0px auto;
		max-width: 320px;
		padding-bottom: 20px;
		padding-top: 20px;
		position: relative;
		z-index: 10;
	}
	
	#a1 ul li {
		font-size: 18px;
		font-weight: 900;
		letter-spacing: -0.5px;
		padding-left: 35px;
	}
	
	.custom-list li:before {
		width: 24px;
		height: 24px;
		top: 5px;
	}

}

/**/

#fun-section{
	padding: 0px 0px 0px 0px;
}

#fun-section .title{
	font-size: 38px;
	text-align: left;
}

#fun-section .d-flex{
	justify-content: center;
}

#fun-section .d-flex > div{
	width: 50%;
}

#fun-section .inner-wrap{
    background: #ffffff;
    margin-top: 40px;
    margin-right: -40px;
    padding: 30px 30px 40px 0px;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	#fun-section .title {
		font-size: 42px;
		max-width: 340px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#fun-section{
		padding-bottom: 20px;
	}
	
	#fun-section .d-flex {
		flex-direction: column;
	}
	
	#fun-section .inner-wrap{
		margin-top: 0px;
		margin-right: 0px;
		padding: 0px 0px 30px 0px;
	}
	
	#fun-section .title{
		text-align: center;
	}
	
	#fun-section .d-flex > div{
		width: 100%;
		text-align: center;
	}
	
	#fun-section p{
		text-align: left;
	}

}

@media (max-width: 767px){
	
	#fun-section {
		padding: 0px 0px 15px 0px;
	}
	
	#fun-section .title {
		text-align: center;
		font-size: 30px;
		letter-spacing: -0.5px;
	}
	
	#fun-section .d-flex {
		flex-direction: column;
	}
	
	#fun-section .inner-wrap{
		margin-top: 0;
		margin-right: 0;
		padding: 0px 0px 30px 0px;
	}
	
	#fun-section .title{
		text-align: center;
	}
	
	#fun-section .d-flex > div{
		width: 100%;
		text-align: center;
	}
	
	#fun-section p{
		text-align: left;
	}

}

/**/

.nobel-prize{
	position: relative;
}

.nobel-prize:before{
    content: "";
    background: #101010;
    position: absolute;
    top: 0px;
    left: calc(50% + -100vw);
    height: 100%;
    width: 100vw;
    z-index: 1;
}

.nobel-prize .container{
	background: #101010;
	border-radius: 0px 60px 60px 0px;
	overflow: hidden;
	padding-right: 0px;
	position: relative;
	z-index: 3;
}

.nobel-prize .d-flex{
	align-items: center;
}

.nobel-prize .inner-wrap {
    flex-basis: 715px;
    padding-right: 30px;
}

.nobel-prize p{
	color: #ffffff;
}

.nobel-prize .image {
    flex-basis: 578px;
	overflow: hidden;
}

.nobel-prize .image img{
	margin-top: -105px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	body #content .nobel-prize p {
		margin-bottom: 15px;
	}
	
	.nobel-prize .inner-wrap {
		padding: 20px 30px 20px 0px;
	}
	
	.nobel-prize .image img {
		margin-top: -24px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.nobel-prize:before{
		display: none;	
	}
	
	.nobel-prize .container {
		border-radius: 0px;
		padding-right: 15px;
	}
	
	.nobel-prize .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nobel-prize .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		overflow: visible;
	}
	
	.nobel-prize .image img {
		margin-top: -95px;
	}
	
	.nobel-prize .inner-wrap {
		flex-basis: auto;
		padding: 30px 0px 30px 0px;
		position: relative;
    	z-index: 4;
	}
	
}

@media screen and (max-width: 767px){
	
	.nobel-prize .container {
		border-radius: 0px;
		padding-right: 15px;
	}
	
	.nobel-prize .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nobel-prize .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		overflow: visible;
	}
	
	.nobel-prize .image img {
		margin-top: -95px;
	}
	
	.nobel-prize .inner-wrap {
		flex-basis: auto;
		padding: 15px 0px 60px 0px;
		position: relative;
    	z-index: 4;
	}
	
}

/**/

.nobel-prize-2{
	padding: 40px 0px 40px 0px;
}

.nobel-prize-2 .container{
	background: #ebebeb;
	padding: 40px 30px 40px 30px;
}

.nobel-prize-2 .title{
	font-size: 42px;
	text-align: center;
}

.nobel-prize-2 .title .highlight{
	display: block;
}

.nobel-prize-2 .image{
	order: 1;
	text-align: center;
	width: 45%;
}

.nobel-prize-2 .inner-wrap{
	order: 2;
	padding-left: 30px;
	width: 55%;
}

@media screen and (min-width: 1200px){
	
	.nobel-prize-2 .container{
		padding: 40px 60px 40px 60px;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.nobel-prize-2 .title {
		font-size: 42px;
		margin-bottom: 40px;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.nobel-prize-2 {
		padding: 20px 0px 30px 0px;
	}
	
	.nobel-prize-2 .title {
		font-size: 38px;
		margin-bottom: 10px;
	}
	
	.nobel-prize-2 .container {
		padding: 30px 15px 30px 15px;
	}
	
	.nobel-prize-2 .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nobel-prize-2 .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		width: 100%;
	}
	
	.nobel-prize-2 .image img {
		margin-top: 0px;
	}
	
	.nobel-prize-2 .inner-wrap {
		flex-basis: auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		position: relative;
    	z-index: 4;
		width: 100%;
	}

}

@media screen and (max-width: 767px){
	
	.nobel-prize-2 {
		padding: 15px 0px 30px 0px;
	}
	
	.nobel-prize-2 .container {
		padding: 30px 15px 30px 15px;
	}
	
	.nobel-prize-2 .title {
		font-size: 28px;
		margin-bottom: 0;
	}
	
	.nobel-prize-2 .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nobel-prize-2 .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		width: 100%;
	}
	
	.nobel-prize-2 .image img {
		margin-top: 0px;
	}
	
	.nobel-prize-2 .inner-wrap {
		flex-basis: auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		position: relative;
    	z-index: 4;
		width: 100%;
	}

}

/**/

.sex-molecule{
	padding: 30px 0px 40px 0px;
}

.sex-molecule .title{
	margin-bottom: 40px;
}

.sex-molecule .inner-wrap {
    margin-top: 0px;
    margin-right: 0px;
    padding-right: 30px;
	padding-top: 0px;
    width: 50%;
    position: relative;
    z-index: 4;
}

.sex-molecule .image{
	width: 50%;
}

.sex-molecule li{
	position: relative;
	font-weight: 800;
	margin-bottom: 30px;
	padding-left: 40px;
}

.sex-molecule li:before{
	content: "";
	background: url(/wp-content/uploads/2023/11/blue-check.png) no-repeat 0 0/cover;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 30px;
}


@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.sex-molecule {
		padding: 0px 0px 30px 0px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.sex-molecule {
		padding: 0px 0px 30px 0px;
	}
	
	.sex-molecule .container {
		padding: 0px 15px 30px 15px;
	}
	
	.sex-molecule .title {
		font-size: 36px;
		margin-bottom: 0;
	}
	
	.sex-molecule .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.sex-molecule .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		text-align: center;
		width: 100%;
	}
	
	.sex-molecule .image img {
		margin-top: 0px;
	}
	
	.sex-molecule .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	.sex-molecule ul{
		margin: 0px auto 10px auto;
		padding-top: 20px;
		width: 480px;
	}
	
	.sex-molecule li{
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.sex-molecule li:last-of-type{
		margin-bottom: 0;
	}
	
	body #content .sex-molecule p {
		font-size: 18px;
		margin-bottom: 15px;
	}

}


@media screen and (max-width: 767px){
	
	.sex-molecule {
		padding: 0px 0px 0px 0px;
	}
	
	.sex-molecule .container {
		padding: 0px 15px 30px 15px;
	}
	
	.sex-molecule .title {
		font-size: 26px;
		margin-bottom: 0;
		letter-spacing: -0.5px;
	}
	
	.sex-molecule .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.sex-molecule .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		width: 100%;
	}
	
	.sex-molecule .image img {
		margin-top: 0px;
	}
	
	.sex-molecule .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	.sex-molecule ul{
		padding-top: 20px;
	}
	
	.sex-molecule li{
		margin-bottom: 20px;
	}
	
	.sex-molecule li:last-of-type{
		margin-bottom: 0;
	}
	
	body #content .sex-molecule p {
		font-size: 18px;
		margin-bottom: 15px;
	}

}

/**/

.nitric-oxide{
	background: #078ac9;
	padding: 40px 0px 40px 0px;
}

.nitric-oxide .title{
	color: #ffffff;
	margin-bottom: 40px;
}

.nitric-oxide p{
	color: #ffffff;
}

.nitric-oxide .d-flex:not(.grey-bg){
	margin-bottom: 30px;
}

.nitric-oxide .d-flex:not(.grey-bg) .inner-wrap{
	order: 2;
	padding-left: 30px;
	width: 50%;
}

.nitric-oxide .d-flex:not(.grey-bg) .image{
	order: 1;
	width: 50%;
}

.nitric-oxide .grey-bg{
	background: #ebebeb;
    border: 80px;
    border-radius: 40px;
    overflow: hidden;
}

.nitric-oxide .grey-bg .image{
	flex-basis: 592px
}

.nitric-oxide .grey-bg .inner-wrap {
    flex-basis: 678px;
    padding: 20px 30px 20px 30px;
}

body #content .nitric-oxide .grey-bg p {
    color: #000000;
    letter-spacing: -0.5px;
    font-size: 21px;
    font-weight: 600;
	margin-bottom: 15px;
    text-align: center;
}

.nitric-oxide ul{
	max-width: 330px;
    margin: 0px auto;
}

.nitric-oxide .grey-bg li {
    color: #000000;
	font-weight: 800;
    font-size: 18px;
	margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.nitric-oxide .grey-bg li:before {
    content: "";
	display: inline-block;
    background: #078ac9;
	border-radius: 100%;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 9px;
}

.nitric-oxide .grey-bg li:last-of-type{
	margin-bottom: 0px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.nitric-oxide .grey-bg .inner-wrap{
		padding: 20px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.nitric-oxide .d-flex:not(.grey-bg) {
		flex-direction: column;
	}
	
	.nitric-oxide .d-flex:not(.grey-bg) .inner-wrap {
		order: 2;
		padding-left: 0px;
		padding-top: 30px;
		width: 100%;
	}
	
	.nitric-oxide .d-flex:not(.grey-bg) .image {
		order: 1;
		width: 100%;
	}
	
}

@media (max-width: 767px){
	
	.nitric-oxide{
		padding: 30px 0px 30px 0px;
	}
	
	.nitric-oxide .d-flex:not(.grey-bg) {
		flex-direction: column;
	}
	
	.nitric-oxide .d-flex:not(.grey-bg) .inner-wrap {
		order: 2;
		padding-left: 0px;
		padding-top: 30px;
		width: 100%;
	}
	
	.nitric-oxide .d-flex:not(.grey-bg) .image {
		order: 1;
		width: 100%;
	}
	
	.nitric-oxide .grey-bg {
		border-radius: 20px;
		flex-direction: column;
	}
	
	.nitric-oxide .grey-bg .inner-wrap {
		flex-basis: auto;
		padding: 20px 30px 20px 30px;
	}
	
	.nitric-oxide .grey-bg .image {
		flex-basis: auto;
	}
	
	body #content .nitric-oxide .grey-bg p {
		letter-spacing: -0.5px;
		font-size: 22px;
		margin-bottom: 15px;
		line-height: 1.4em;
	}
	
}

/**/

.nitrates{
	padding: 40px 0px 40px 0px;
}

.nitrates .d-flex{
	justify-content: center;
}

.nitrates .inner-wrap {
    background: #ffffff;
    margin-top: 30px;
    margin-left: -100px;
    padding-left: 30px;
    padding-top: 30px;
    width: 50%;
    order: 2;
    position: relative;
    z-index: 4;
}

.nitrates .image{
	order: 1;
	width: 50%;
}

.nitrates li{
	position: relative;
	font-weight: 800;
	margin-bottom: 40px;
	padding-left: 40px;
}

.nitrates li:before{
	content: "";
	background: url(/wp-content/uploads/2023/11/blue-check.png) no-repeat 0 0/cover;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 30px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.nitrates .inner-wrap {
		margin-left: -40px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.nitrates {
		padding: 30px 0px 30px 0px;
	}
	
	.nitrates .container {
		padding: 0px 15px 30px 15px;
	}
	
	.nitrates .title {
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.nitrates .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nitrates .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		text-align: center;
		width: 100%;
	}
	
	.nitrates .image img {
		margin-top: 0px;
	}
	
	.nitrates .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	.nitrates ul{
		margin: 0px auto 10px auto;
		padding-top: 20px;
		width: 480px;
	}
	
	.nitrates li{
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.nitrates li:last-of-type{
		margin-bottom: 0;
	}
	
	body #content .nitrates p {
		font-size: 18px;
		margin-bottom: 15px;
	}

}


@media screen and (max-width: 767px){
	
	.nitrates {
		padding: 30px 0px 0px 0px;
	}
	
	.nitrates .container {
		padding: 0px 15px 30px 15px;
	}
	
	.nitrates .title {
		font-size: 24px;
		margin-bottom: 0;
	}
	
	.nitrates .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.nitrates .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		width: 100%;
	}
	
	.nitrates .image img {
		margin-top: 0px;
	}
	
	.nitrates .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 0px 0px;
		order: 1;
		width: 100%;
	}
	
	.nitrates ul{
		padding-top: 20px;
	}
	
	.nitrates li{
		margin-bottom: 20px;
	}
	
	.nitrates li:last-of-type{
		margin-bottom: 0;
	}
	
	body #content .nitrates p {
		font-size: 18px;
		margin-bottom: 15px;
	}

}

/**/

.introducing{
	margin-bottom: 40px;
}

.introducing .container{
    background: #ebebeb;
	padding: 40px 100px 0px 100px;
}

.introducing .d-flex .image{
    width: 40%;
}

.introducing .d-flex > div{
	width: 60%;
}

.introducing .title {
    font-size: 42px;
    margin-bottom: 10px;
	text-align: center;
}

.introducing .red{
	color: #d90000;
	font-size: 42px;
	text-align: center;
}

body #content .introducing .sub-title {
    font-size: 24px;    
    letter-spacing: -1px;
	text-align: center;
}

.introducing li{
	font-weight: 800;
	margin-bottom: 30px;
	position: relative;
	padding-left: 40px;
}

.introducing li:before{
	content: "";
	background: url(/wp-content/uploads/2023/11/blue-check.png) no-repeat 0 0/cover;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 30px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.introducing .container {
		padding: 40px 40px 40px 40px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.introducing .container{
		background: #ebebeb;
		padding: 40px 40px 0px 40px;
	}
	
	body #content .introducing .sub-title {
		font-size: 21px;
		letter-spacing: -1px;
	}
	
	.introducing .d-flex{
		flex-direction: column-reverse;
	}
	
	.introducing .d-flex > div {
		width: 100%;
	}
	
	.introducing .d-flex .image {
		width: 100%;
	}
	
}

@media screen and (max-width: 767px){
	
	.introducing {
		margin-bottom: 30px;
	}
	
	.introducing .container{
		background: #ebebeb;
		padding: 30px 20px 0px 20px;
	}
	
	.introducing .red {
		display: block;
		color: #d90000;
		font-size: 26px;
		text-align: center;
	}
	
	.introducing .title {
		font-size: 28px;
		margin-bottom: 10px;
	}
	
	body #content .introducing .sub-title {
		font-size: 18px;
		letter-spacing: -0.5px;
		font-weight: 700;
		line-height: 1.6em;
		margin-bottom: 15px;
	}
	
	.introducing .d-flex{
		flex-direction: column-reverse;
	}
	
	.introducing .d-flex > div {
		width: 100%;
	}
	
	.introducing .d-flex .image {
		width: 100%;
	}
	
	.introducing img{
		position: relative;
		left: -25px;
	}
	
	.introducing li {
		margin-bottom: 20px;
		font-size: 17px;
		letter-spacing: -0.5px;
	}
	
}

/**/

.comparison{
	padding: 40px 0px 40px 0px;
}

.comparison .image img{
	margin: 0px auto 0px auto;
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.comparison .title {
		font-size: 36px;
		max-width: 420px;
		margin: 0px auto 30px auto;
	}

}

@media screen and (max-width: 767px){
	
	.comparison{
		padding: 30px 0px 30px 0px;
	}
	
	.comparison .title{
		margin: 0px auto 20px auto;
		max-width: 320px;
	}
	
}

/**/

.cta{
	background: #ebebeb;
	margin-bottom: 40px;
}

.cta .container{
    margin: 0px auto 0px auto;
	max-width: 1920px;
	padding: 0px;
}

.cta .title{
	font-size: 42px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.cta-two .title{
	text-align: center;
	text-transform: none;
}

.cta .d-flex{
	align-items: center;
}

.cta .image {
    position: relative;
}

.cta .image img{
	display: block;
    position: relative;
	z-index: 8;
}

.cta .image .sep{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    height: 100%;
}

.cta .sep img{
    height: 100%;
}

.cta .inner-wrap {
    padding-left: 40px;
}

.cta .wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: solid 3px #000000;
    border-bottom: solid 3px #000000;
    padding: 15px 90px 15px 90px;
	text-align: center;
}

.cta h4 {
    margin-bottom: 0;
    padding-right: 50px;
    font-size: 56px;
    line-height: 1em;
}

.cta .btn-primary:not(:disabled):not(.disabled).active, 
.cta .btn-primary:not(:disabled):not(.disabled):active, 
.cta .show > .btn-primary.dropdown-toggle, 
.cta a.btn-primary, 
.cta a.btn-primary:visited{
	align-self: center;
	padding: 15px 30px 20px 30px;
}

.cta .btn .icon {
    display: inline-block;
    background: url(../images/cart-icon-white.png) 0 0/cover no-repeat;
    width: 25px;
    height: 23px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    left: 5px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.cta .image {
		width: 45%;
	}
	
	.cta .inner-wrap {
		padding-left: 20px;
		width: 50%;
	}
	
	.cta .title {
		font-size: 24px;
	}
	
	.cta .wrap {
		flex-direction: column;
		padding: 15px 10px 15px 10px;
	}
	
	.cta h4 {
		font-size: 32px;
		line-height: 1.2em;
		margin-bottom: 15px;
		padding-right: 0;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.cta .image {
		width: 45%;
	}
	
	.cta .inner-wrap {
		padding-left: 20px;
		width: 50%;
	}
	
	.cta .title {
		font-size: 18px;
        margin-bottom: 10px;
	}
	
    .cta .wrap {
        flex-direction: column;
        padding: 10px 10px 15px 10px;
    }
	
	.cta h4 {
		font-size: 21px;
        line-height: 1.2em;
        margin-bottom: 10px;
        padding-right: 0;
	}
	
	.cta .btn-primary:not(:disabled):not(.disabled).active, .cta .btn-primary:not(:disabled):not(.disabled):active, .cta .show > .btn-primary.dropdown-toggle, .cta a.btn-primary, .cta a.btn-primary:visited {
        align-self: center;
        padding: 5px 30px 15px 30px;
        font-size: 16px;
    }
	
}

@media (max-width: 767px){
	
	.cta{
		background: #ebebeb;
		margin-bottom: 30px;
	}
	
	.cta.cta-two{
		background: #078ac9;
		margin-bottom: 30px;
	}
	
	.cta .sep{
		display: none;
	}

	.cta .d-flex {
		align-items: center;
		flex-direction: column;
	}

	.cta .image {
		width: 100%;
	}
	
	.cta .image img{
		width: 100%;
	}
	
	.cta .inner-wrap {
		padding: 30px 15px 30px 15px;
		width: 100%;
	}
	
	.cta .title {
		color: #000000;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -0.5px;
	}
	
	.cta .title .highlight{
		color: #000000;
	}
	
	.cta.cta-two .title {
		color: #ffffff;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
	}
	
	.cta.cta-two .title .highlight{
		color: #ffffff;
	}
	
	.cta .wrap {
		border-top: solid 3px #52add9;
		border-bottom: solid 3px #52add9;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		padding: 15px 10px 20px 10px;
	}
	
	.cta h4 {
		color: #000000;
		padding-right: 0;
		font-size: 30px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
	
	.cta-two h4 {
		color: #ffffff;
		padding-right: 0;
		font-size: 30px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}

	.cta h4 .highlight {
		color: #0d0d0d;
	}
	
	.cta .btn-primary:not(:disabled):not(.disabled).active, .cta .btn-primary:not(:disabled):not(.disabled):active, .cta .show > .btn-primary.dropdown-toggle, .cta a.btn-primary, .cta a.btn-primary:visited {
		background: #078ac9;
		color: #ffffff;
		align-self: center;
		padding: 10px 30px 20px 30px;
		font-size: 16px;
	}
	
	.cta-two .btn-primary:not(:disabled):not(.disabled).active, .cta-two .btn-primary:not(:disabled):not(.disabled):active, .cta-two .show > .btn-primary.dropdown-toggle, .cta-two a.btn-primary, .cta-two a.btn-primary:visited {
		background: #d9d9d9;
		color: #000000;
		align-self: center;
		padding: 10px 30px 20px 30px;
		font-size: 16px;
	}
	
	.cta .btn .icon {
    	background: url(../images/cart-icon-white.png) 0 0/cover no-repeat;	
	}
	
	.cta-two .btn .icon {
    	background: url(../images/cart-icon.png) 0 0/cover no-repeat;	
	}
	
}

/**/

.blood-flow{
	position: relative;
}

.blood-flow:before {
    content: "";
    background: #078ac9;
    height: 100%;
    width: 50vw;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}

.blood-flow .container{
	background: #078ac9;
	border-radius: 0px 400px 400px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.blood-flow .inner-wrap{
	flex-basis: 690px;
	padding: 20px 20px 20px 0px;
}

.blood-flow .image{
	flex-basis: 612px;
}

.blood-flow .title {
    color: #ffffff;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 30px;
    text-align: left;
}

body #content .blood-flow p{
	color: #ffffff;
	margin-bottom: 20px;
}

.blood-flow ul{
	padding-left: 20px;
}

.blood-flow li{
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	padding-left: 25px;
}

.blood-flow li:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0px;
	background: #ffffff;
	border-radius: 100%;
	height: 15px;
	width: 15px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.blood-flow {
		margin-bottom: 40px;
	}
	
	.blood-flow .container{
		border-radius: 0px 300px 300px 0px;
	}
	
	.blood-flow .title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.blood-flow .image {
		position: relative;
	}
	
	.blood-flow img{
		max-width: none;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
	body #content .blood-flow p {
		margin-bottom: 15px;
	}
	
	.blood-flow li {
		margin-bottom: 15px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.blood-flow:before {
		display: none;
	}
	
	.blood-flow .d-flex{
		flex-direction: column;
	}
	
	.blood-flow .container{
		border-radius: 0px;
		padding: 20px 30px 40px 40px;
	}
	
	.blood-flow .image {
		flex-basis: auto;
	}
	
	.blood-flow .image img{
		margin: 0px auto 0px auto;
	}
	
	.blood-flow .inner-wrap {
		flex-basis: auto;
	}
	
}

@media (max-width: 767px){
	
	.blood-flow{
		margin-bottom: 40px;
	}
	
	.blood-flow:before {
		display: none;
	}
	
	.blood-flow .d-flex{
		flex-direction: column;
	}
	
	.blood-flow .title {
		font-size: 24px;
		letter-spacing: -0.5px;
		line-height: 1.4em;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.blood-flow .container{
		border-radius: 0px;
		padding: 0px;
	}
	
	.blood-flow .image {
		flex-basis: auto;
	}
	
	.blood-flow .image img{
		margin: 0px auto 0px auto;
	}
	
	.blood-flow .inner-wrap {
		flex-basis: auto;
		padding: 20px 20px 20px 20px;
	}
	
	.blood-flow ul {
		padding-left: 0;
	}
	
	body #content .blood-flow p {
		letter-spacing: -0.25px;
	}
	
}

/**/

.two-col{
	padding: 40px 0px 40px 0px;
}

.two-col .container{
	max-width: 1080px;
}
.
.two-col .d-flex{
	align-items: center;
}

.two-col .image{
	width: 50%;
	order: 1;
}

.two-col .image img{
	margin: 0px auto 0px auto;
}

.two-col .inner-wrap{
	width: 50%;
	order: 2;
}

@media (max-width: 767px){
	
	.two-col{
		padding: 0px 0px 30px 0px;
	}
	
	.two-col .d-flex{
		flex-direction: column;
	}

	.two-col .image{
		order: 2;
		width: 100%;
	}

	.two-col .inner-wrap{
		padding-bottom: 20px;
		order: 1;
		width: 100%;
	}

}

/**/

.stacked-boxes{
	margin: 0px auto 0px auto;
	max-width: 940px;
}

.stacked-boxes .d-flex{
	align-items: flex-end;
	justify-content: flex-end;
}

.stacked-boxes .grey-bg{
    background: #ebebeb;
    margin-bottom: 20px;
    padding: 20px 30px 0px 0px;
}

.stacked-boxes .blue-bg {
    background: #078ac9;
    margin-bottom: 20px;
    padding: 20px 0px 0px 20px;
}

.stacked-boxes .image {
    width: 45%;
    order: 1;
}

.stacked-boxes .inner-wrap{
    order: 2;
    padding-left: 30px;
    padding-bottom: 30px;
	width: 55%;
}

.stacked-boxes .blue-bg .image{
	order: 2;
}

.stacked-boxes .blue-bg .inner-wrap {
    width: 50%;
    order: 1;
    padding-left: 0;
    padding-right: 30px;
    padding-bottom: 50px;
}

.stacked-boxes .title{
	font-size: 30px;
	text-align: left;
}

.stacked-boxes .blue-bg .title{
	color: #ffffff;
}

.stacked-boxes .blue-bg p{
	color: #ffffff;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.stacked-boxes .d-flex{
		flex-direction: column;
	}
	
	.stacked-boxes .image{
		order: 2;
		width: 100%;
	}
	
	.stacked-boxes .image img{
		margin: 0px auto;
	}
	
	.stacked-boxes .inner-wrap {
		order: 1;
		padding-left: 0px;
		padding-bottom: 0px;
		width: 100%;
	}
	
	.stacked-boxes .blue-bg {
		margin-bottom: 20px;
		padding: 30px 30px 0px 30px;
	}
	
	.stacked-boxes .grey-bg {
		margin-bottom: 20px;
		padding: 30px 30px 0px 30px;
	}
	
	.stacked-boxes .blue-bg .inner-wrap {
		order: 1;
		padding-left: 0;
		padding-right: 0px;
		padding-bottom: 0px;
		width: 100%;
	}
	
	.stacked-boxes .blue-bg .image{
		width: 100%;
	}
	
	.stacked-boxes .blue-bg .image img{
		margin: 0px auto;
	}
	
	.stacked-boxes .title {
		font-size: 32px;
		text-align: center;
		max-width: 480px;
		margin: 0px auto 20px auto;
	}
	
	body #content .stacked-boxes p {
		font-size: 20px;
		margin-bottom: 30px;
		line-height: 170%;
	}
	
}

@media screen and (max-width: 767px){
	
	.stacked-boxes .d-flex{
		flex-direction: column;
	}
	
	.stacked-boxes .image{
		order: 2;
		width: 100%;
	}
	
	.stacked-boxes .image img{
		margin: 0px auto;
		max-width: none;
		position: relative;
		left: -15px;
	}
	
	.stacked-boxes .inner-wrap {
		order: 1;
		padding-left: 0px;
		padding-bottom: 0px;
		width: 100%;
	}
	
	.stacked-boxes .blue-bg {
		margin-bottom: 20px;
		padding: 30px 30px 0px 30px;
	}
	
	.stacked-boxes .grey-bg {
		margin-bottom: 20px;
		padding: 20px 15px 0px 15px;
	}
	
	.stacked-boxes .blue-bg .inner-wrap {
		order: 1;
		padding-left: 0;
		padding-right: 0px;
		padding-bottom: 0px;
		width: 100%;
	}
	
	.stacked-boxes .blue-bg .image{
		width: 100%;
	}
	
	.stacked-boxes .blue-bg .image img{
		margin: 0px auto;
	}

	.stacked-boxes .title {
		font-size: 28px;
		text-align: center;
		max-width: 320px;
		margin: 0px auto 10px auto;
		letter-spacing: -0.5px;
		line-height: 1.3em;
	}

	body #content .stacked-boxes p {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 170%;
	}
	
}


/**/

.boosting-power {
    padding: 10px 0px 40px 0px;
}

.boosting-power .container{
	max-width: 1120px;
	margin: 0px auto 0px auto;
}

.boosting-power .title{
	font-size: 42px;
	text-align: left;
}

.boosting-power .d-flex{
	justify-content: center;
}

.boosting-power .inner-wrap {
    background: #ffffff;
    margin-top: 30px;
    margin-left: -130px;
    padding-left: 30px;
    padding-top: 30px;
    width: 50%;
    order: 2;
    position: relative;
    z-index: 4;
}

.boosting-power .image{
	order: 1;
	width: 50%;
}

.boosting-power .image p{
    font-weight: 700;
    letter-spacing: -0.5px;
    padding: 10px 20px 10px 10px;
    max-width: 420px;
    font-size: 16px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.boosting-power .inner-wrap {
		margin-left: -90px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.boosting-power {
		padding: 30px 0px 0px 0px;
	}
	
	.boosting-power .container {
		padding: 0px 15px 0px 15px;
	}
	
	.boosting-power .title {
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.boosting-power .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.boosting-power .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		text-align: center;
		width: 100%;
	}
	
	.boosting-power .image img {
		margin-top: 0px;
	}
	
	.boosting-power .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	body #content .boosting-power p {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	body #content .boosting-power .image p{
		margin: 0px auto 0px auto;
	}

}


@media screen and (max-width: 767px){
	
	.boosting-power {
		padding: 0px 0px 0px 0px;
	}
	
	.boosting-power .container {
		padding: 0px 15px 0px 15px;
	}
	
	.boosting-power .title {
		font-size: 28px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.boosting-power .title span{
		display: block;
	}
	
	.boosting-power .d-flex {
		align-items: center;
		flex-direction: column;
	}
	
	.boosting-power .image {
		position: relative;
		z-index: 3;
		flex-basis: auto;
		order: 2;
		overflow: visible;
		width: 100%;
	}
	
	.boosting-power .image img {
		margin-top: 0px;
	}
	
	.boosting-power .inner-wrap {
		position: relative;
		z-index: 4;
		flex-basis: auto;
		margin: 0px auto 0px auto;
		padding: 15px 0px 0px 0px;
		order: 1;
		width: 100%;
	}
	
	body #content .boosting-power p {
		font-size: 18px;
		margin-bottom: 15px;
	}

}

/**/

#store-options {
  font-size: 16px;
  font-weight: 800;
  padding-bottom: 12px;
}

#store-options .currencySelect {
  font-size: 14px;
  font-weight: 600;
  padding: 4px;
}

@media (max-width: 1199px) {
  #store-options {
    padding-bottom: 12px;
    font-weight: 800;
    font-size: 16px;
    border-top: dotted 1px #cccccc;
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #cccccc;
    margin-bottom: 30px;
  }
}

/* PRODUCTS */
/**/

#store-options{
    font-size: 16px;
	font-weight: 800;
	padding-top: 12px;
	padding-bottom: 12px;
}

#store-options .currencySelect{
    font-size: 14px;
    font-weight: 600;
    padding: 4px;
}


@media (max-width: 1199px) {
	 
	#store-options {
		padding-bottom: 12px;
		font-weight: 800;
		font-size: 16px;
		border-top: dotted 1px #cccccc;
		padding: 10px 0px 10px 0px;
		border-bottom: dotted 1px #cccccc;
		margin-bottom: 30px;
	}
	
}

/* PRODUCTS */


.alt-promo-banner{
	padding: 0px 15px;
}

.alt-promo-banner .couponSplash{
	background: #ffffb3;
    border-radius: 10px;
	color: #000;
    font-size: 16px;
	font-weight: 400;
    line-height: 1.4em;
	margin-bottom: 30px;
    padding: 15px;
    border: 2px dashed red;
    text-align: center;
}

@media (min-width:1200px){
	
	.alt-promo-banner{
		padding: 0px;
	}

	.alt-promo-banner .couponSplash{
		font-size: 20px;
	}
	
}

.hdpWrap .pp-title{
    background: transparent;
    margin-bottom: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hdpWrap .wordplugHdpToggle{
	background: #0c8bd0;
	color: #ffffff;
}

.hdpWrap .btn-toggle {
    background-color: #454545;
}

.hdpWrap .btn-toggle.active {
    background-color: #de0e16;
}

#order {
	border-top: dotted 2px #cccccc;
	max-width: 1280px;
    margin: 40px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

.pp-entries{
    border-top: dotted 2px #cccccc;
    padding-top: 60px;
	padding-bottom: 40px;
	width: 100%;
}

.pp-wrap {
  max-width: 390px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.pp-wrap:before {
  content: "";
  background: #454545;
  bottom: 0;
  width: 30px;
  left: 15px;
  position: absolute;
  height: calc(100% - 68px);
}

.pp-wrap:after {
    content: "";
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    background: #454545;
    bottom: 0;
    left: 0;
    clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
}

.qty-6 .pp-wrap:after{
	background: #0c8bd0;
}

.pp-body{
	border-top: none;
	border-right: none;
}

.qty-6 .pp-body > div{
	background: #cccccc;
}

.pp-header .promo-header {
    background: #fd1914;
    margin-left: 0px;
    margin-right: auto;
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
	font-weight: 800;
    padding: 10px 0px 10px 0px;
	z-index: 9;
}

.promo-bonus .promo-message {
    background: #fd1914;
    position: relative;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
	font-weight: 800;
    font-size: 16px;
	line-height: 1em;
	margin: 10px auto 15px;
    padding: 10px 0px 10px 0px;
	overflow: hidden;
}

.pp-body {
	border-left: 3px solid #454545;
	border-bottom: 3px solid #454545;
	position: relative;
	z-index: 2;
	clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
}

.package .linethrough{
	position: relative;
}

.package .linethrough:before {
    content: "";
    background: red;
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 100%;
    transform: rotate(-20deg);
}

.pp-body > div {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.pp-entry.qty-1 .pp-img{
    margin-top: 40px;
    margin-bottom: 20px;
}

.pp-title {
	color: #1a1a1a;
	font-weight: 800;
	font-size: 23px;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0;
	text-align: center;
}

.qty-1 .pp-title span {
  display: block;
}

.pp-title span {
  color: #0c8bd0;
}

.pp-img {
  margin-bottom: 20px;
}

.pp-retail {
	color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
}

.pp-retail span {
  text-decoration: line-through;
}

.pp-savings {
  color: #ff0008;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.pp-sale {
  font-size: 42px;
  font-weight: 800;
  line-height: 110%;
}

.pp-sale small {
    font-size: 45%;
    font-weight: 700;
    letter-spacing: 0px;
	text-transform: uppercase;
}

.pp-contents {
  font-size: 18px;
  text-transform: uppercase;
}

.pp-contents span {
  font-weight: 800;
}

.total-wrap{
	font-size: 24px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.total-wrap .leh_price{
	font-weight: 800;
}

.pp-body .cc{
	display: block;
	margin: 10px auto 20px auto;
	max-width: 80%;
}

.pp-btn-wrap {
  margin: 10px 0px 20px 0px;
}

.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, 
.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, 
.pp-btn-wrap .show > .btn-primary.dropdown-toggle, 
.pp-btn-wrap a.btn-primary, 
.pp-btn-wrap a.btn-primary:visited {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    background: #0c8bd0;
    border: none;
    transition: none;
    padding: 20px 60px;
    font-size: 18px;
    line-height: 100%;
    border-radius: 5px;
}

.pp-btn-wrap a span{
	color: #ffffff;
}

.qty-6 .button:after {
    content: "";
    background: url(../images/hand-pointer.png) 0 0/cover no-repeat;
    position: absolute;
    top: 10px;
    right: -25px;
    height: 67px;
    width: 67px;
}

.extra-1 {
  font-size: 24px;
  line-height: 100%;
  max-width: 230px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.extra-1 span {
  color: #ff0008;
}

.qty-2 .pp-wrap:before,
.qty-2 .pp-header,
.qty-2 .pp-wrap:after {
  background: #de0e16;
}

.qty-2 .pp-body {
  border: 3px solid #de0e16;
}

span.cur-symbol {
  font-size: 70%;
}

.pp-entry {
  margin: 0 10px 20px;
  padding-bottom: 20px;
}

#order .slick-next:before,
#order .slick-prev:before {
    line-height: 1;
    opacity: 1;
    color: #fffc00;
    text-shadow: none;
    background: #111;
    border-radius: 100px;
    width: 48px;
    display: block;
    position: absolute;
}

#order .slick-dots {
  bottom: -20px;
}

#order .slick-next {
  right: 50px;
  z-index: 9;
}

#order .slick-prev {
  left: 20px;
  z-index: 9;
}

.sezzle-object > span{
	font-weight: 400;
}

@media (min-width: 375px) {
  .pp-header h4 {
    font-size: 42px;
  }
}

@media (min-width: 425px) {
  .pp-title {
    max-width: 100%;
  }

  .pp-sale {
    font-size: 65px;
	line-height: 1em;
  }
}

@media (min-width: 768px) {
	
	.pp-entries{
		align-items: center;
		margin: 0px auto;
	}
	
}

@media (min-width: 992px) {
	
	.qty-6 .pp-body > div {
		padding: 20px 0px 20px 0px;
	}
	
	.qty-1{
		order: 1;
	}
	
	.qty-3{
		order: 3;
	}
	
	.qty-6{
		order: 2;
	}
	
	.qty-6 .pp-header{
		margin-top: -20px
	}
	
	.qty-1 .pp-img img {
        max-width: 90%;
        width: auto;
        margin-bottom: -30px;
        margin-top: -40px;
    }

	.qty-3 .pp-img img{
		max-width: 100%;
		width: auto;
	}

	.qty-6 .pp-img img{
		max-width: 100%;
		width: auto;
	}
	
	.qty-1 .extra-1{
		padding-bottom: 60px;
	}
	
	.pp-title {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (min-width: 1200px) {
    .qty-1 .pp-img img {
        max-width: 90%;
        width: auto;
        margin-bottom: -30px;
        margin-top: -40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#order{
		border-top: none;
	}
	
	.pp-entry {
		margin: 0px 0px 20px;
		padding-bottom: 20px;
	}
	
	.pp-title span {
		font-size: 38px;
		line-height: 1.1em;
	}
	
	.pp-sale {
		font-size: 46px;
		line-height: 1em;
	}
	
	.pp-entries {
		border-top: none;
		padding-top: 20px;
	}
	
	.sezzle-object span{
		font-size: 14px;
	}
	
	.sezzle-object img{
		width: 90px;
	}
	
}

@media (min-width: 1200px) {

	.pp-title {
		font-size: 30px;
		line-height: 1.1em;
		max-width: 100%;
		padding: 45px 0;
	}

	.pp-entry {
		margin: 0;
		padding-bottom: 0;
	}

	.pp-title {
		font-size: 32px;
		letter-spacing: -0.5px;
		max-width: 100%;
		padding: 20px 0px 30px 0px;
		text-transform: none;
		line-height: 1.2em;
	}

	.pp-title span {
		font-size: 48px;
	}
	
	.qty-1 .pp-title span {
		display: inline-block;
	}

}

/**/

.blood-pressure .title{
	max-width: 840px;
    margin: 0px auto 30px auto;
}

.blood-pressure .container{
	max-width: 1040px;
	margin: 0px auto 0px auto;
}

.blood-pressure .d-flex {
    align-items: center;
    justify-content: center;
}

.blood-pressure .d-flex > .inner-wrap{
	flex-basis: 340px;
}

.blood-pressure .d-flex > .image {
    flex-basis: 327px;
    position: relative;
    z-index: 3;
    left: -30px;
}

.blood-pressure .d-flex > ul{
	flex-basis: 40%;
	position: relative;
	z-index: 2;
}

.blood-pressure .d-flex > ul{
	margin-left: -150px;
}

.blood-pressure li{
	display: inline-block;
    background: #078ac9;
    border-radius: 40px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
    padding: 5px 30px 5px 60px;
    position: relative;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.blood-pressure .d-flex > .inner-wrap {
		flex-basis: 340px;
	}
	
	.blood-pressure .d-flex > .image {
		flex-basis: 327px;
		left: -60px;
	}
	
	.blood-pressure .d-flex > ul {
		flex-basis: 65%;
	}
	
}

@media screen and (max-width: 767px){
	
	.blood-pressure .title {
		margin-bottom: 20px;
	}
	
	.blood-pressure .d-flex {
		flex-direction: column;
	}
	
	.blood-pressure .d-flex > .inner-wrap {
		flex-basis: auto;
		padding-bottom: 20px;
	}
	
	.blood-pressure .d-flex > .d-flex {
		flex-direction: row;
	}
	
	.blood-pressure .d-flex > .image {
		flex-basis: 320px;
		left: -100px;
		top: 10px;
	}
	
	.blood-pressure .d-flex > ul {
		flex-basis: 320px;
		margin-left: -185px;
	}
	
	.blood-pressure li {
		border-radius: 5px;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 5px;
		padding: 5px 20px 5px 40px;
		position: relative;
		line-height: 1.2em;
		letter-spacing: -1px;
	}

}

/**/

.research-shows{
	padding: 40px 0px 80px 0px;
}

.research-shows .d-flex{
	align-items: center;
}

.research-shows .title{
	margin-bottom: 80px;
}

.research-shows .image{
	width: 50%;
	position: relative;
	z-index: 1;
}

.research-shows .image img{
	top: -40px;
    left: -110px;
	position: absolute;
	z-index: 3;
}

.research-shows .inner-wrap{
	width: 50%;
	padding-right: 60px;
}

.research-shows ul{
	position: relative;
	z-index: 2;
}

.research-shows li{
    background: #078ac9;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 800;
    margin-bottom: 10px;
    padding: 5px 10px 5px 160px;
    text-align: left;
    font-size: 21px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.research-shows {
		padding: 40px 0px 80px 0px;
	}
	
	.research-shows .d-flex {
		align-items: center;
		flex-direction: column;
	}

	.research-shows .title {
		margin-bottom: 40px;
	}

	.research-shows .inner-wrap {
		width: 100%;
		padding: 0px 0px 80px 0px;
	}
	
	.research-shows ul {
		max-width: 640px;
		margin: 0px auto 0px auto;
	}

	.research-shows .image {
		width: 100%;
	}

	.research-shows .image img {
		top: -30px;
		left: 20px;
	}

}

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

	.research-shows {
		padding: 0px 0px 60px 0px;
	}
	
	.research-shows .d-flex {
		align-items: center;
		flex-direction: column;
	}

	.research-shows .title {
		margin-bottom: 20px;
	}

	.research-shows .inner-wrap {
		width: 100%;
		padding: 0px 0px 80px 0px;
	}
	
	.research-shows ul {
		max-width: 640px;
		margin: 0px auto 0px auto;
	}

	.research-shows .image {
		width: 100%;
	}

	.research-shows .image img {
		top: -30px;
		left: -85px;
	}

}

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

	.research-shows {
		padding: 0px 0px 30px 0px;
	}
	
	.research-shows .d-flex {
		align-items: center;
		flex-direction: column;
	}

	.research-shows .title {
		font-size: 24px;
		letter-spacing: -0.5px;
		margin-bottom: 20px;
	}

	.research-shows .inner-wrap {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
	
	.research-shows ul {
		max-width: 100%;
		margin: 0px auto 0px auto;
	}
	
	.research-shows li {
		margin-bottom: 10px;
		padding: 5px 10px 5px 10px;
		font-size: 16px;
		line-height: 1.1em;
		text-align: center;
	}

	.research-shows .image {
		width: 100%;
	}

	.research-shows .image img {
		display: block;
		margin: 0px auto;
		top: 0;
		left: 10px;
		width: 240px;
		position: relative;
	}

}

/**/

.question-easy{
	margin-bottom: 40px;
}

.question-easy .container{
	background: #ebebeb;
	border-radius: 60px;
	padding: 40px 100px 40px 80px;
}

.question-easy .container .d-flex {
    justify-content: center;
    margin: 0px auto 30px auto;
    max-width: 1060px;
}

.question-easy .red{
	color: #d90000;
	text-transform: uppercase;
}

.question-easy .inner-wrap {
    background: #bbd6e4;
    border-radius: 30px 30px 30px 30px;
    flex-basis: 645px;
    align-self: flex-start;
    padding: 20px 60px 20px 110px;
    margin-left: -85px;
    position: relative;
    top: 30px;
    z-index: 1;
}

.question-easy .image{
	flex-basis: 303px;
	position: relative;
	z-index: 2;
}

.question-easy .container .d-flex:nth-of-type(2){
	max-width: 800px;
}

.question-easy .container .d-flex:nth-of-type(3){
	max-width: 800px;
}

.question-easy .container .d-flex:nth-of-type(2) .inner-wrap {
    flex-basis: 497px;
	margin-right: -140px;
    padding-right: 115px;
	padding-left: 30px;
}

.question-easy .container .d-flex:nth-of-type(3) .inner-wrap {
    flex-basis: 497px;
    margin-left: -80px;
    padding-left: 115px;
    padding-right: 30px;
}


body #content .question-easy p {
    font-size: 28px;
	line-height: 1.2em;
}

@media (min-width: 768px) and (max-width: 991px){
	
	.question-easy .container{
		border-radius: 30px;
	}

	.question-easy .container .d-flex {
		justify-content: center;
		margin: 0px auto 70px auto;
		max-width: 100%;
		flex-direction: column;
	}
	
	.question-easy .image {
		flex-basis: auto;
		position: relative;
		z-index: 2;
		order: 1;
		text-align: center;
		margin-bottom: -180px;
	}
	
	.question-easy .inner-wrap,
	.question-easy .container .d-flex:nth-of-type(2) .inner-wrap,
	.question-easy .container .d-flex:nth-of-type(3) .inner-wrap{
		background: #bbd6e4;
		border-radius: 20px 20px 20px 20px;
		flex-basis: auto;
		align-self: auto;
		margin: 0px auto 0px auto;
		padding: 165px 60px 20px 80px;
		position: relative;
		top: 30px;
		text-align: center;
		z-index: 1;
		width: 100%;
		order: 2;
	}
	
	.question-easy .container .d-flex:nth-of-type(3){
		margin-bottom: 30px;
	}
	
	body #content .question-easy p {
		font-size: 28px;
		line-height: 1.3em;
	}
	
}


@media (max-width: 767px){
	
	.question-easy .container {
		border-radius: 20px;
		width: calc(100% - 30px);
		padding: 30px;
	}

	.question-easy .container .d-flex {
		justify-content: center;
		margin: 0px auto 60px auto;
		max-width: 100%;
		flex-direction: column;
	}
	
	.question-easy .image {
		flex-basis: auto;
		text-align: center;
		margin-bottom: -180px;
		width: 160px;
		margin: 0px auto -115px;
		position: relative;
		z-index: 2;
		order: 1;
	}
	
	.question-easy .inner-wrap,
	.question-easy .container .d-flex:nth-of-type(2) .inner-wrap,
	.question-easy .container .d-flex:nth-of-type(3) .inner-wrap{
		background: #bbd6e4;
		border-radius: 20px 20px 20px 20px;
		flex-basis: auto;
		align-self: auto;
		margin: 0px auto 0px auto;
		padding: 95px 20px 20px 20px;
		position: relative;
		top: 30px;
		text-align: center;
		z-index: 1;
		width: 100%;
		order: 2;
	}
	
	.question-easy .container .d-flex:nth-of-type(3){
		margin-bottom: 30px;
	}
	
	body #content .question-easy p {
		font-size: 21px;
		line-height: 1.3em;
	}
	
}

/**/

.start-performing{
	padding: 0px 0px 0px 0px;
}

.start-performing .title{
	font-size: 38px;
	text-align: left;
}

.start-performing .d-flex{
	justify-content: center;
}

.start-performing .image {
    order: 1;
    width: 50%;
}

.start-performing .inner-wrap {
    background: #ffffff;
    margin-top: 40px;
    margin-left: -160px;
    order: 2;
    padding: 30px 0px 40px 30px;
    position: relative;
    width: 50%;
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.start-performing .title {
		font-size: 42px;
		max-width: 340px;
	}
	
	.start-performing .inner-wrap {
		margin-top: 40px;
		margin-left: -80px;
		padding: 30px 0px 40px 30px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.start-performing{
		padding-bottom: 20px;
	}
	
	.start-performing .d-flex {
		flex-direction: column;
	}
	
	.start-performing .inner-wrap {
		margin-top: 0px;
		margin-right: 0px;
		margin-left: auto;
		padding: 0px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	.start-performing .title {
		text-align: center;
		font-size: 38px;
		margin-bottom: 20px;
	}
	
	.start-performing .image{
		width: 100%;
		text-align: center;
		order: 2;
	}
	
	.start-performing p{
		text-align: left;
	}

}

@media (max-width: 767px){
	
	.start-performing{
		padding-bottom: 20px;
	}
	
	.start-performing .d-flex {
		flex-direction: column;
	}
	
	.start-performing .inner-wrap {
		margin-top: 0px;
		margin-right: 0px;
		margin-left: auto;
		padding: 0px 0px 30px 0px;
		order: 1;
		width: 100%;
	}
	
	.start-performing .title {
		text-align: center;
		font-size: 22px;
		margin-bottom: 20px;
	}
	
	.start-performing .image{
		width: 100%;
		text-align: center;
		order: 2;
	}
	
	.start-performing p{
		text-align: left;
	}

}


/**/

.fight-back{
	padding: 0px 0px 0px 0px;
}

.fight-back .title{
	font-size: 38px;
	text-align: left;
}

.fight-back .d-flex{
	justify-content: center;
}

.fight-back .d-flex > div{
	width: 50%;
}

.fight-back .inner-wrap {
    background: #ffffff;
    margin-top: 40px;
    margin-right: -80px;
    padding: 30px 30px 40px 0px;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.fight-back .title {
		font-size: 42px;
		max-width: 340px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.fight-back{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.fight-back .d-flex {
		flex-direction: column;
	}
	
	.fight-back .inner-wrap{
		margin-top: 0px;
		margin-right: 0px;
		padding: 0px 0px 30px 0px;
	}
	
	.fight-back .title{
		text-align: center;
	}
	
	.fight-back .d-flex > div{
		width: 100%;
		text-align: center;
	}
	
	.fight-back p{
		text-align: left;
	}

}

@media (max-width: 767px){
	
	.fight-back{
		padding: 0px 0px 15px 0px;
	}
	
	.fight-back .title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.fight-back .d-flex {
		flex-direction: column;
	}
	
	.fight-back .inner-wrap{
		margin-top: 0;
		margin-right: 0;
		padding: 0px 0px 30px 0px;
	}
	
	.fight-back .title{
		text-align: center;
	}
	
	.fight-back .d-flex > div{
		width: 100%;
		text-align: center;
	}
	
	.fight-back p{
		text-align: left;
	}

}

#guarantee{
	background: #ebebeb;
	margin-bottom: 40px;
	overflow: hidden;
}

#guarantee .title {
    font-size: 36px;
    text-align: left;
    margin-bottom: 20px;
}

#guarantee .inner-wrap{
	order: 2;
	padding: 20px 0px 20px 40px;
	width: 50%;
}

body #content #guarantee p {
    margin-bottom: 25px;
}

#guarantee .image{
	order: 1;
	width: 50%;
	position: relative;
}

#guarantee .image img{
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 991px) {
	
	#guarantee .d-flex{
		flex-direction: column;
	}
	
	#guarantee .title{
		text-align: center;
	}
	
	#guarantee .inner-wrap{
		padding-left: 0;
		order: 1;
		width: 100%;
	}
	
	#guarantee .image {
		order: 2;
		width: 100%;
	}
	
	#guarantee .image img {
		max-width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}
	
}

@media (max-width: 767px) {
	
	#guarantee .container{
		padding: 0px 0px 0px 0px;
	}
	
	#guarantee .d-flex{
		flex-direction: column;
	}
	
	#guarantee .title{
		font-size: 24px;
		text-align: center;
	}
	
	#guarantee .inner-wrap{
		padding: 0px 15px 0px 15px;
		order: 1;
		width: 100%;
	}
	
	#guarantee .image {
		order: 2;
		width: 100%;
	}
	
	#guarantee .image img {
		max-width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}
	
}

.bonus li:before,.qty-6 .pp-wrap:after {
    background: #0c8bd0
}

.bonus li:before,.package .linethrough:before,.pp-wrap:after,.pp-wrap:before {
    position: absolute;
    content: ""
}

.bonus {
    background: #d9d9d9;
    padding: 40px 0
}

.bonus .title {
    color: #000;
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center
}

.bonus .title .highlight {
    color: #de0e16
}

.bonus h3 {
    color: #fffc00
}

.bonus .price .highlight {
    color: #de0f15
}

.bonus h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center
}

.bonus .price,.bonus h4 {
    color: #fff;
    text-align: center
}

.bonus h4 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px
}

.bonus .price {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 30px
}

.bonus .d-flex {
    justify-content: center
}

.bonus .left-col,.bonus .right-col {
    background: #0c8bd0;
    padding: 15px
}

.bonus .inner-wrap {
    background: #fff;
    min-height: 465px;
    padding: 20px
}

.bonus img {
    margin-bottom: 20px;
}

.bonus ul {
    list-style: none;
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 0
}

.bonus li {
    font-size: 18px;
	font-weight: 600;
    line-height: 1.8em;
    margin-bottom: 15px;
    padding-left: 30px;
	position: relative;
}

.bonus li:before {
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 9px;
    left: 10px
}

#content .bonus p {
    font-size: 30px;
    line-height: 1.3em
}

#content .bonus .inner-wrap p {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 20px
}

#content .bonus .linethrough{
    text-decoration: line-through;
    text-decoration-color: #de0f15;
}

@media screen and (min-width: 992px) {
    .bonus .left-col,.bonus .right-col {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .bonus .left-col {
        margin-right:30px;
        padding: 25px
    }

    .bonus .right-col {
        margin-left: 30px;
        padding: 25px
    }
}

@media (max-width: 991px) {
	
	#order{
		border-top: none;
	}
	
	.bonus .d-flex {
        flex-direction: column;
        max-width: 550px;
        margin: 0px auto;
	}
	
	.bonus .left-col{
		margin: 0px auto 20px;
	}
	
	.bonus .right-col {
        margin: 0px auto;
        padding: 25px;
    }
	
	.bonus .title {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.bonus h3{
		font-size: 28px;
	}
	
	.bonus h4{
		font-size: 21px;
	}
	
	.bonus ul{
		margin-left:0;
		padding-left:0;
	}
	
	#content .bonus .inner-wrap p:last-of-type{
		margin-bottom: 0px;
	}
	
	#content .bonus .price {
		font-size: 24px;
	}
	
	.pp-title {
		font-size: 28px;
		line-height: 1.3em;
		padding: 25px 0px 20px 0px;
		max-width: none;
	}
	
	.pp-title span {
		font-size: 44px;
		line-height: 1em;
	}
	
    .pp-entries {
        border-top: none;
        padding-top: 10px;
        margin: 0px auto !important;
        width: calc(100% - 20px);
    }
	
	.pp-entry {
		margin: 0px 0px 20px 0px;
		padding-bottom: 20px;
	}
	
	.pp-img {
		margin-bottom: 0;
	}
	
	.pp-sale {
		font-size: 68px;
		padding-top: 15px;
	}
	
	.pp-btn-wrap {
		margin: 0px auto 20px auto;
        max-width: 84%;
	}
	
	.qty-1 .pp-img img {
        max-width: 90%;
        width: auto;
        margin-bottom: -30px;
        margin-top: -40px;
    }

	.qty-3 .pp-img img{
		max-width: 100%;
		width: auto;
	}

	.qty-6 .pp-img img{
		max-width: 100%;
		width: auto;
	}
	
	.sezzle-object span{
		display: block;
    	font-size: 14px;
	}
	
	.sezzle-object img{
		display: inline-block;
		margin-left: 5px;
		width: 100px;
		margin-top: -5px;
	}

	.extra-1 {
		font-size: 24px;
		margin: 15px auto 0px auto;
		padding-bottom: 30px;
	}

	.qty-1{
		order: 3;
	}

	.qty-3{
		order: 2;
	}

	.qty-6{
		order: 1;
	}

}

@media (max-width: 767px) {
	
	.bonus .title {
        font-size: 23px;
        margin-bottom: 20px;
    }

}

/**/

.alt-promo-banner{
	padding: 0px 20px 0px 20px;
}

.alt-promo-banner .couponSplash{
	background: #ffffb3;
    border-radius: 10px;
	color: #000;
    font-size: 20px;
	font-weight: 400;
    line-height: 1.4em;
	margin-bottom: 30px;
    padding: 15px;
    border: 2px dashed red;
    text-align: center;
}

@media (min-width: 1200px) {
    #a1.promo-banner {
        padding-top: 200px;
        padding-bottom: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
	#a1.promo-banner{
		padding: 230px 0px 0px 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#a1.promo-banner{
		padding: 0px;
	}
}

@media screen and (max-width: 767px) {
	#a1.promo-banner{
		padding: 0px;
	}
	.alt-promo-banner .couponSplash{
        font-size: 16px;
        padding: 10px 15px;
	}
}

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

.bf-sale {
    background: #ffffff;
    margin-bottom: 0px;
	margin-top: 20px;
    position: relative;
}

.bf-sale:before {
    content: "";
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -150px;
    left: 0px;
    z-index: 1;
}

.bf-sale .container{
	padding-top: 0px;
	position: relative;
	z-index:2;
}

.bf-sale .inner-wrap{
	position: relative;
}

.bf-sale .inner-wrap:before {
	content: "";
	background: #ffffff;
	position: absolute;
	top: 0;
	left: calc(50% + -50vw);
	height: 100%;
	width: 100vw;
	z-index: 1;
}

.bf-sale .inner-wrap img{
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
}

.bf-sale .inner-wrap > a {
    position: absolute;
    right: 130px;
    bottom: 45px;
    width: 330px;
}

.bf-sale .inner-wrap > a img{
	margin: 0px;
}

@media (min-width: 992px){

	.bf-sale .container{
		margin-top: 0px;
	}
	
	.page-trbogo .bf-sale .container{
		padding-top: 0px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){

	.bf-sale .inner-wrap > a {
		position: absolute;
		right: 90px;
		bottom: 24px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.bf-sale {
		margin-bottom: 0px;
	}
	
	.bf-sale .container {
		margin-top: 0px;
		padding: 0px;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
		right: 45px;
		bottom: 20px;
		width: 300px;
	}

}

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

	.bf-sale {
		margin-bottom: -10px;
	}
	
	.bf-sale .container {
		margin-top: 0px;
		padding: 0px;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
        right: auto;
		left: 50%;
        bottom: 20px;
		margin-left: -150px;
        width: 300px;
	}
	
}


/*********** New CSS ****************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; }
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: Inter,sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: Inter,sans-serif; font-size: 18px; color: #000000; background-color: #ffffff;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}



/****************
 * Common Css
 ****************/
.mainpage {position: relative; overflow: hidden; float: left; width: 100%; direction: rtl;}
section, footer, header {width: 100%; float:right;}
.container {max-width: 1300px; margin: 0 auto;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;} 
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
img {max-width: 100%;}

.obtn {display: inline-block; background-color: #1393d5; position: relative;color: #fff; font-weight: 700; text-align: center; text-decoration: none; padding: 15px 30px 15px;font-size: 18px; border-radius: 100px;}
.obtn span { font-weight: 700; font-size: 18px; line-height: 100%; display: inline-block;}
.obtn .icon{display: inline-block; background: url(/wp-content/uploads/2024/12/images-cart-icon-white.png) 0 0 / cover no-repeat; position: relative; width: 25px; height: 23px; margin-right: 5px; top: 4px;right: 5px;}
.obtn:hover {background-color: #fcdd25; color:#000; }

.ctitle {font-size: 42px; margin-bottom: 30px; font-weight: 900;}
.ctitle span {color: #078ac9; display: block;}

.ctextinfo {text-align: right;}
.ctextinfo p {font-size: 21px; line-height: 30px; margin-bottom: 30px;}
.ctextinfo p:last-child {margin-bottom: 0px;}

.section-h1 .custom-list li{font-size:28px;}
#masthead .container{direction:rtl;}
#masthead {position:fixed;z-index:9;}
#footer-wrap.site-footer{direction:rtl;text-align:right;}
#cart-packages{clear:both;}
#faq{clear:both; text-align:right;}
#faq .card-header a:after{left:50px;right:auto;}
.section-h1 {position: relative; padding: 180px 0px 100px;}
.section-h1:after {background: linear-gradient(0deg,#dfe1e4 22%,#cfd3d5 40%,#cfd3d5 59%,#dfe1e4 76%); top: 0px; left: 0px; z-index: 0; position: absolute; width: 100%; height: 100%; content: "";}
.section-h1 .container {position: relative;z-index:2;}
.section-h1 h1 {font-size: 46px; font-weight: 900; color: #000000; max-width: 330px; text-align: right;}
.section-h1 h1 span {color: #2388c2;}
.section-h1 .prod-img {position: absolute; left: calc(50% - 560px); bottom: -100px;}
.custom-list {padding: 20px 0 40px;}
.custom-list li {width: 100%; margin: 10px 0px; line-height: 30px; text-align: right; background-repeat: no-repeat; background-position: 100% 3px; background-image: url(/wp-content/uploads/2024/12/tick.png); padding-right: 35px; color: #1f1d1e; font-size: 20px; font-style: italic; font-weight: 900; }
.section-h1 .shop-btn {bottom: -45px; width: 100%; text-align: right; position: absolute;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	#masthead .container {
		padding: 0;
	}
	
	.section-h1 .prod-img {
		position: absolute;
		left: -220px;
		bottom: -100px;
	}
	
	.main-navigation li {
        margin: 0;
    }
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.section-h1 {
		padding: 110px 0px 100px;
	}
	
	.custom-list li{
		background-position: 100% 10px;
	}
	
}

@media screen and (max-width: 767px){
	
	.section-h1:after{
		background: #e9eaeb;
	}
	
}

.section-h2 {padding: 50px 0 35px;}
.section-h2 .sdtextcol {border-left: 1px solid #ccc; text-align: center;}
.section-h2 .sdtextcol:last-child {border-left: none;}
.section-h2 .sd-icon {display: block; width: 80px; height: 55px; margin: 0 auto 10px; background-repeat: no-repeat; background-position: 50% 50%;}
.section-h2 .sd-icon1 {background-image: url(/wp-content/uploads/2024/12/shipping-ico.png);}
.section-h2 .sd-icon2 {background-image: url(/wp-content/uploads/2024/12/return-ico.png);}
.section-h2 .sd-icon3 {background-image: url(/wp-content/uploads/2024/12/cs-ico.png); background-size: cover; width: 41px; height: 55px;}
.section-h2 .sd-icon4 {background-image: url(/wp-content/uploads/2024/12/secure-ico.png);}
.section-h2 .sdtextcol p {color: #078ac9;display: block;font-weight: 700; font-size: 18px;}

.section-h3 .ctexts {background: #fff; width: 50%; margin-top: 40px; margin-left: -40px; padding: 30px 0px 40px 30px; position: relative; z-index: 1;}
.section-h3 .ctexts .ctitle {font-size: 38px; text-align: right;}
.section-h3 .clsimgcol {width: 50%;}

.section-h4, .section-h7, .section-h11 {padding: 40px 0;}
.section-h4 .container {padding: 40px 60px; background-color: #ebebeb;}
.section-h4 .ctexts {order: 1; padding-left: 30px; width: 55%; text-align: right;}
.section-h4 .clsimgcol {order: 2; text-align: center; width: 45%;}
.section-h4 .ctitle{
	text-align: right;
}

.section-h5 {padding: 30px 0 40px;}
.section-h5 .ctitle{
	text-align: right;
}
.section-h5 .ctexts {padding-left: 30px;width: 50%;position: relative; z-index: 4;}
.section-h5 .clsimgcol {width: 50%;}
.cpoints li {position: relative; font-size: 21px; font-weight: 800; padding-right: 40px; margin-bottom: 30px;}
.cpoints li:before {content: ""; background: url(/wp-content/uploads/2024/12/blue-check.png) no-repeat 0 0; position: absolute; top: 0; right: 0; height: 24px; width: 30px;}

.section-h6 {background: #078ac9; padding: 40px 0;}
.mb40 {margin-bottom: 40px !important;}
.mb30 {margin-bottom: 30px !important;}
.section-h6 .clsfstpart p {color: #ffffff;}
.section-h6 .clsfstpart .ctexts {order: 2; padding-right: 30px; width: 50%;}
.section-h6 .clsfstpart .clsimgcol, .section-h11 .clsimgcol, .section-h12 .clsimgcol, .section-h17 .clsimgcol {order: 1; width: 50%;}
.section-h6 .cls-grey-bg {background-color: #ebebeb; border-radius: 40px; overflow: hidden;}
.section-h6 .cls-grey-bg .clstexts {flex-basis: 678px; padding: 20px 30px;}
.section-h6 .cls-grey-bg .clstexts p {color: #000; letter-spacing: -.5px; font-size: 21px; font-weight: 800; margin-bottom: 15px; text-align: center;}
.section-h6 .cls-grey-bg .clstexts ul {max-width: 330px; margin: 0 auto;}
.section-h6 .cls-grey-bg .clstexts ul li {color: #000;text-align: right; font-weight: 800;font-size: 18px; margin-bottom: 5px; position: relative; padding-right: 20px;}
.section-h6 .cls-grey-bg .clstexts ul li:before {content: "";background: #078ac9; border-radius: 100%; height: 10px; width: 10px; position: absolute; right: 0; top: 9px;}
.section-h6 .cls-grey-bg .clsimgcol {flex-basis: 592px;}

.section-h7 .ctexts {background: #fff; margin-top: 30px; margin-left: -100px; padding-right: 30px; padding-left: 30px; padding-top: 30px; width: 50%; order: 1; position: relative; z-index: 4;}
.section-h7 .clsimgcol {order: 2; width: 50%;}
 .section-h7 .ctitle{
    max-width: 800px;
    text-align: right;
    margin: 0px 0px 40px auto;
}

.section-h7 .d-flex{
	justify-content: center;
}

@media screen and (max-width: 767px){
	.section-h7 .ctitle{
		margin-bottom: 0px;
	}
}

.section-h8 {margin-bottom: 40px;}
.section-h8 .ctitle{text-align: right;}
.section-h8 .container {background: #ebebeb; padding: 40px 100px 0;}
.section-h8 .clssubtitle {font-size: 24px; margin-bottom: 30px; margin-top: 10px; letter-spacing: -1px; text-align: right;}
.section-h8 .clsimgcol {width: 40%;}
.section-h8 .ctexts {width: 60%;}

.section-h9 {background: #ebebeb; margin-bottom: 40px;}
.section-h9 .d-flex{align-items: center;}
.section-h9 .clsimgcol, .section-h14 .clsimgcol {position: relative;}
.section-h9 .clsimgcol .clsoverbg, .section-h14 .clsimgcol .clsoverbg {position: absolute; top: 0; left: -1px; z-index: 9; height: 100%; transform: rotate(-180deg);}
.section-h9 .clsimgcol .clsoverbg img, .section-h14 .clsimgcol .clsoverbg img {height: 100%;}
.section-h9 .ctexts, .section-h14 .ctexts {max-width: 980px; padding-right: 40px;}
.section-h9 .ctexts .ctextsinner, .section-h14 .ctexts .ctextsinner {align-items: center; justify-content: flex-start; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 15px 90px; text-align: right;}
.section-h9 .ctexts .ctextsinner h3{padding-left: 20px;}
.section-h14 .ctexts .ctextsinner h3 {padding-left: 50px; font-size: 56px; font-weight: 900; flex-basis: 600px;}
.obtn{width: 240px;}

@media screen and (max-width: 991px){
	
	.section-h9 .ctitle,
	.section-h9 .ctexts .ctextsinner h3{
        font-size: 21px;
        padding-left: 0px;
    }
	
	.section-h9 .obtn{
		margin: 15px 0px 10px auto;
	}
	
}

.section-h10 {position: relative;}
.section-h10:before {content: ""; background: #078ac9; height: 100%; width: 50vw; position: absolute; top: 0; right: 0; z-index: 1;}
.section-h10 .container {background: #078ac9; border-radius: 400px 0 0 400px; padding: 0; overflow: hidden; position: relative; z-index: 2;}
.section-h10 .d-flex{align-items: center;}
.section-h10 .ctexts {flex-basis: 690px; padding: 20px 0px 20px 20px;}
.section-h10 .ctexts p {color: #ffffff; margin-bottom: 20px;}
.section-h10 .ctexts ul {padding-right: 0px;}
.section-h10 .ctexts ul li {color: #fff; margin-bottom: 20px; position: relative; padding-right: 25px;}
.section-h10 .ctexts ul li:before {content: ""; position: absolute; top: 5px; right: 0; background: #fff; border-radius: 100%; height: 15px; width: 15px;}

.section-h11 .container {max-width: 1080px;}
.section-h11 .ctexts {width: 50%; order: 2;}

.smlcontainer {margin: 0 auto; max-width: 940px;}
.smlcontainer .ctitle {font-size: 30px;}
.smlcontainer .clsgraybg1 {background: #ebebeb; margin-bottom: 20px; padding: 20px 0px 0 30px;}
.smlcontainer .d-flex {align-items: center; justify-content: center;}
.smlcontainer .clsgraybg1 .ctexts {order: 2; padding-right: 30px; padding-bottom: 30px; width: 55%;}
.smlcontainer .clsgraybg1 .clsimgcol {width: 45%; order: 1;}
.smlcontainer .clsbluebg1 {background: #078ac9; margin-bottom: 20px; padding: 20px 20px 0 0px;}
.smlcontainer .clsbluebg1 .ctexts {width: 60%; order: 1; padding-left: 30px; padding-bottom: 50px;}
.smlcontainer .clsbluebg1 .clsimgcol {width: 40%; order: 2;}
.smlcontainer .clsbluebg1 p {color: #ffffff;}

.section-h12 {padding: 10px 0 40px;}
.section-h12 .container {max-width: 1120px;}
.section-h12 .ctexts {background: #fff; margin-top: 30px; margin-right: -130px; padding-right: 30px; padding-top: 30px; width: 50%; order: 2; position: relative; z-index: 4;}
.section-h12 .clsimgcol p {font-weight: 700;padding: 10px 20px 10px 10px;max-width: 420px;}

.section-h13 {padding: 40px 0; min-height: 860px;}
.section-h13 .ctextrow1 {margin: 0 auto 60px; max-width: 620px;}
.section-h13 .ctitle {font-size: 34px; text-align: right;}
.section-h13 .ctextrow2 .clsimgcol {position: relative; top: -30px; text-align: right; width: calc(50% - 40px);}
.section-h13 .ctextrow2 .clsimgcol:before {content: ""; background: #1393d5; border-radius: 200px 0px 0 200px; position: absolute; top: 90px; left: 110px; height: 254px; width: 100vw; z-index: 1;}
.section-h13 .ctextrow2 .clsimgcol img {position: absolute;z-index: 2;max-width: none; left: 0;}
.section-h13 #ingredients-accord {width: 50%; max-width: 680px;}
.section-h13 #ingredients-accord .card, .section-h13 #ingredients-accord .card-header {border: none; width: 100%; max-width: none; margin-bottom: 10px; padding: 0;}
.section-h13 #ingredients-accord .card-header button {padding: 15px 30px 15px 80px; background-color: #fff; font-size: 21px; font-weight: 600; display: block;border-radius: 0; border-top: 1px solid #d9d9d9; border-right: none; border-bottom: 1px solid #d9d9d9; border-left: none; color: #000; text-align: right; width: 100%;}
.section-h13 #ingredients-accord .card-header button:after {content: ""; width: 19px; height: 19px; background: url(/wp-content/uploads/2024/12/minus-icon.png) no-repeat 0 50%; position: absolute; top: 20px; left: 30px;}
.section-h13 #ingredients-accord .card-header button.collapsed:after {background-image: url(/wp-content/uploads/2024/12/plus-icon.png);}
.section-h13 #ingredients-accord .card-body {padding: 10px 30px 40px; margin: 0 auto;}
.section-h13 .ctextrow3 {margin-right: auto; margin-bottom: 0;margin-left: 190px; padding-bottom: 0; padding-top: 20px; text-align: center; width: 340px;}
.section-h13 .ctextrow3 h3 {font-size: 28px; margin-bottom: 20px; margin-right:5px; font-weight: 900; text-align:right;}
.section-h13 .ctextrow3 a {display: block; border: 5px solid #fff;}
.section-h13 .ctextrow3 a:hover {border-color: #1393d5;}

.section-h14 {background: #ebebeb; margin-bottom: 40px;}
.section-h14 .d-flex{align-items: center;}
.section-h15 {padding: 40px 0 80px;}
.section-h15 .ctitle {margin: 0px 0px 70px auto; max-width: 860px; text-align: right;}
.section-h15 .ctexts {width: 50%; padding-left: 60px;}
.section-h15 .clsimgcol {width: 50%; position: relative; z-index: 1;}
.section-h15 .clsimgcol img {top: -40px; right: -140px; position: absolute; z-index: 3;}
.section-h15 .clsimgcol ul li {background: #078ac9; border-radius: 20px; color: #fff; font-weight: 800; margin-bottom: 10px; padding: 5px 170px 5px 10px; text-align: right; font-size: 21px;}

.section-h16 {margin-bottom: 40px;}
.section-h16 .container {background: #ebebeb; border-radius: 60px; padding: 40px 100px 40px 80px;}
.section-h16 .d-flex {justify-content: center; margin: 0 auto 30px; max-width: 1060px;}
.section-h16 .clsimgcol {flex-basis: 303px; position: relative; z-index: 2;}
.section-h16 .ctexts {background: #bbd6e4; border-radius: 30px; flex-basis: 645px; align-self: flex-start; padding: 20px 110px 20px 60px; margin-right: -85px; position: relative; top: 30px; z-index: 1;}
.section-h16 .ctexts p {font-size: 36px; line-height: 46px; text-align: right;}
.section-h16 .d-flex:nth-of-type(2), .section-h16 .d-flex:nth-of-type(3) {max-width: 800px;}
.section-h16 .d-flex:nth-of-type(2) .ctexts {flex-basis: 497px; margin-left: -140px; padding-left: 115px; padding-right: 30px;}
.section-h16 .d-flex:nth-of-type(3) .ctexts {flex-basis: 497px; margin-right: -80px; padding-right: 115px; padding-left: 30px;}

.section-h17 .ctitle, .section-h18 .ctitle {font-size: 34px; text-align: right;}
.section-h17 .ctexts {background: #fff; margin-top: 40px; margin-right: -160px; order: 2; padding: 30px 30px 40px 0px; position: relative; width: 50%; z-index: 1;}

.section-h18 {margin-top: 30px;}
.section-h18 .ctexts {background: #fff; width: 50%; margin-top: 40px; margin-left: -80px; padding: 30px 0px 40px 40px; position: relative; z-index: 1;}
.section-h18 .clsimgcol {width: 50%;}

.section-h19 {background: #ebebeb; margin-bottom: 40px; overflow: hidden;}
.section-h19 .ctexts {order: 2; padding: 30px 40px 20px 0px; width: 50%;}
.section-h19 .ctitle {font-size: 36px; margin-bottom: 20px;}
.section-h19 .clsimgcol {order: 1; width: 50%; position: relative;}
.section-h19 .clsimgcol img {max-width: none; position: absolute; left: 0; top: 0;}

.section-h20 {background: #d9d9d9; padding: 60px 0;}
.section-h20 .ctitle {color: #000; font-size: 40px; margin-bottom: 40px; text-align: right;}
.section-h20 img {margin-bottom: 20px;}
.section-h20 .clsleftcol {margin-left: 30px; padding: 25px; width: 50%; background-color: #0c8bd0;}
.section-h20 .clsrightcol {margin-right: 30px; padding: 25px; width: 50%; background-color: #0c8bd0;}
.section-h20 h3 {color: #fffc00; font-size: 34px; font-weight: 700; margin-bottom: 10px; text-align: right;}
.section-h20 h4 {font-size: 28px; font-weight: 600; margin-bottom: 10px; color: #fff; text-align: right;}
.section-h20 .price {font-size: 30px; margin-bottom: 30px; font-weight: 700; color: #ffffff; text-align: right;}
.section-h20 .price .linethrough {text-decoration: line-through; text-decoration-color: #de0f15;}
.section-h20 .price .rtext {color: #de0f15;}
.section-h20 .ctextinfo {background: #fff; min-height: auto; padding: 20px;}
.section-h20 .ctextinfo p {margin-bottom: 20px; line-height: 26px;}
.section-h20 .ctextinfo ul {margin-left: 20px;}
.section-h20 .ctextinfo ul li {font-size: 18px; font-weight: 600; line-height: 30px; margin-bottom: 15px; padding-right: 30px; position: relative;}
.section-h20 .ctextinfo ul li:before {position: absolute; background: #0c8bd0; content: ""; border-radius: 100%; height: 10px; width: 10px; top: 9px; right: 10px;}


@media only screen and (max-width: 1199px){
	.container {max-width: 960px;}
	.section-h9 .ctexts, .section-h14 .ctexts {padding-left: 40px;}
	.section-h9 .ctexts .ctextsinner, .section-h14 .ctexts .ctextsinner {flex-direction: column; padding: 15px 10px;}
	.section-h13 .ctextrow3 {margin-left: 105px;}
	.section-h14 .ctitle{font-size: 32px;}
	.section-h14 .ctexts .ctextsinner h3 {flex-basis: auto; font-size: 32px; margin-bottom: 15px;}
	.section-h14 .obtn{margin: 0px 0px 0px auto;}
	.section-h10 .ctitle {
		font-size: 28px;
		margin-bottom: 20px;
		font-weight: 900;
	}
	.section-h10 .clsimgcol img {max-width: initial; width: 530px;}
	.section-h13 .ctextrow2 .clsimgcol img {
		max-width: 480px;
	}
	.section-h19 .ctitle{font-size: 28px;}
}
@media only screen and (max-width: 991px){
	.container {max-width: 720px;}
	.ctitle br, .section-h10:before {display: none;}
	.ctitle {font-size: 36px;}
	.cpoints li {margin-bottom: 20px;}
	.section-h1 {padding-bottom: 0px;}
	.section-h1 h1 {max-width: 100%; padding: 0 15px; text-align: right;}
	.section-h1 .prod-img {position: relative; left: initial; bottom: initial; right: -15px; max-width: 100%;}
	.section-h1 .shop-btn {position: relative; bottom: initial; text-align: center; margin-top: -32px;}
	.section-h1 .custom-list {width: 520px !important; margin: 0 auto;}
	.section-h3 .ctexts {margin-top: 0px; padding-top: 0px;}
	.section-h3 .d-flex, .section-h4 .d-flex, .section-h5 .d-flex, .section-h6 .clsfstpart.d-flex, .section-h7 .d-flex, .section-h10 .d-flex, .clsbluebg1 .d-flex, .section-h15 .d-flex, .section-h18 .d-flex {flex-direction: column;}
	.section-h8 .d-flex, .smlcontainer .clsgraybg1 .d-flex, .section-h12 .d-flex, .section-h17 .d-flex, .section-h19 .d-flex {flex-direction: column-reverse;}
	.section-h3 .ctexts, .section-h4 .ctexts, .section-h5 .ctexts, .section-h8 .ctexts {width: 100%; padding-left: 0px;}
	.section-h3  .ctitle {text-align: center;}
	.section-h3 .clsimgcol, .section-h4 .clsimgcol, .section-h5 .clsimgcol, .section-h6 .clsfstpart .clsimgcol, .section-h11 .clsimgcol, .section-h12 .clsimgcol, .section-h17 .clsimgcol, .section-h7 .clsimgcol, .section-h8 .clsimgcol, .section-h10 .clsimgcol, .smlcontainer .clsgraybg1 .clsimgcol, .smlcontainer .clsbluebg1 .clsimgcol, .section-h18 .clsimgcol {width: 100%; text-align: center !important;}
	.section-h4 .ctexts {padding-right: 0px; margin-bottom: 30px;}
	.section-h6 .clsfstpart .ctexts {width: 100%; margin-top: 30px; padding-right: 0px;}
	.section-h7 .ctexts, .smlcontainer .clsgraybg1 .ctexts, .smlcontainer .clsbluebg1 .ctexts, .section-h12 .ctexts, .section-h15 .ctexts, .section-h17 .ctexts, .section-h18 .ctexts, .section-h19 .ctexts {margin: 30px 0px 30px; width: 100%; padding: 0px 15px;}
	.section-h4 .container {padding: 30px 15px;}
	.section-h5 {padding-top: 0px;}
	.section-h8 .container {padding: 40px;}
	.section-h10 .container {border-radius: 0; padding: 20px 30px 40px 40px;}
	.section-h10 .ctexts {flex-basis: auto; padding-left: 0px;}
	.section-h10 .clsimgcol img, .smlcontainer .clsimgcol img {margin: 0 auto; max-width: 100%;}
	.sectionh11{padding-left: 15px; padding-right: 15px;}
	.section-h11 .clsimgcol {width: 50%;}
	.smlcontainer .clsgraybg1, .smlcontainer .clsbluebg1 {padding: 20px 0px 0px;}
	.smlcontainer .ctitle, .section-h19 .ctitle {text-align: right;}
	.smlcontainer .ctexts{padding: 0px 20px;}
	.section-h12 .clsimgcol p {margin: 0 auto; text-align: center;}
	.section-h14 {margin-bottom: 0px;}
	.section-h14 .ctitle {font-size: 22px; margin-bottom: 10px;}
	.section-h14 .ctexts .ctextsinner h3{font-size:22px;}
	.section-h15 .ctitle {font-size: 28px; margin-bottom: 0px;}
	.section-h15 .clsimgcol {width: 100%; margin-top: 30px;}
	.section-h16 .d-flex {justify-content: center; margin: 0 auto 70px; max-width: 100%; flex-direction: column;}
	.section-h16 .clsimgcol {flex-basis: auto; position: relative; z-index: 2; order: 1; text-align: center; margin-bottom: -180px;}
	.section-h16 .ctexts {border-radius: 20px; flex-basis: auto !important; align-self: auto !important; margin: 0 auto !important; padding: 165px 60px 20px 80px !important; position: relative; top: 30px; text-align: center; z-index: 1; width: 100%; order: 2;}
	.section-h16 .ctexts p {text-align: center;}
	.section-h18 {margin-top: 0; padding: 40px 0px;}
	.section-h19 {padding-top: 30px;}
	.section-h19 .clsimgcol {width: 100%;}
	.section-h19 .clsimgcol img {position: relative; max-width: 100%;}
	.section-h20 .d-flex {flex-direction: column; max-width: 550px; margin: 0 auto;}
	.section-h20 .clsleftcol, .section-h20 .clsrightcol {width: 100%; margin-left: 0px; margin-right: 0px;}
	.section-h20 .clsrightcol {margin-top: 30px;}
}
@media only screen and (max-width: 767px){
	.container {max-width: 540px;}
	.section-h1 {background-color: #ebebeb; padding-top: 100px;}
	.section-h1 .container {padding: 0px;}
	.section-h1 .prod-img { margin-bottom: -140px; z-index: 1; position: relative; right: 0;}
	.section-h1 h1{margin-bottom: 20px; text-align: center;}
	.section-h1 h1, .section-h1 .custom-list {z-index: 2; position: relative;}
	.section-h1 .shop-btn {z-index: 5;}
	.section-h2 .sdtextcol {padding: 15px;}
	.section-h2 .sdtextcol:nth-child(2) {border-left: none;}
	.section-h2 .sdtextcol:nth-child(1), .section-h2 .sdtextcol:nth-child(2) {border-bottom: 1px solid #ccc;}
	.section-h6 .cls-grey-bg {border-radius: 20px; flex-direction: column;}
	.section-h6 .cls-grey-bg .clstexts {flex-basis: auto; padding: 20px 30px;}
	.section-h6 .cls-grey-bg .clsimgcol {flex-basis:auto;}
	.section-h9, .section-h14 {padding: 20px 0px;}
	.section-h9 .ctexts, .section-h14 .ctexts {text-align: center;}
	.section-h10 .container {padding: 0px;}
	.section-h10 .ctexts {padding: 20px;}
	.section-h10 .ctexts ul {padding-right: 0px;}
	.section-h11 .d-flex, .section-h13 .ctextrow2.d-flex {flex-direction: column-reverse;}
	.section-h11 .ctexts {width: 100%;}
	.section-h11 .clsimgcol {width: 100%; text-align: center; margin-top: 30px;}
	.section-h11 .clsimgcol img {display: inline-block !important;}
	.section-h13 {padding-top: 0px;}
	.section-h13 .ctextrow1 {margin-bottom: 30px;}
	.section-h13 .ctextrow2 .clsimgcol {width: 100%; top: 0px;}
	.section-h13 .ctextrow2 .clsimgcol img {position: relative; max-width: 100%;}
	.section-h13 .ctextrow2 .clsimgcol:before {top: 50px; left: 25px; height: 155px;}
	.section-h13 #ingredients-accord {width: 100%; margin-bottom: 30px;}
	.section-h13 #ingredients-accord .card-header button {font-size: 18px;}
	.section-h13 .ctextrow3 {margin: 0 auto;}
	.section-h15 {padding-bottom: 30px;}
	.section-h15 .clsimgcol {text-align: center;}
	.section-h15 .clsimgcol img {position: relative; top: initial; right: initial;}
	.section-h15 .clsimgcol ul li {padding: 5px; text-align: center;}
	.section-h16 .container {border-radius: 20px; padding: 30px;}
	.section-h16 .clsimgcol {width: 160px; margin: 0 auto -115px;}
	.section-h16 .ctexts {padding-top: 95px !important;}
	.section-h16 .d-flex:last-child {margin-bottom: 20px !important;}
	.section-h19 {padding-top: 0px;}
}
@media only screen and (max-width: 479px){
	.section-h1 .prod-img {margin-top: -220px;}
	.section-h1 .custom-list {width: 320px !important;}
	.section-h1 .custom-list li {
		font-size: 24px;
		padding-left: 0;
	}
	.section-h16 .ctexts {padding-left:20px !important; padding-right:20px !important;}
}
