html,
button,
input,
select,
textarea {
    color: #333;
}

html {
    font-size: 100%;
    line-height: 1.4;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*
 * Remove text-shadow in selection highlight.
 * Customize the backround color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 4em 0;
  padding: 0;
}

/* 
 * Remove gap between images, videos, audio and canvas and the bottom of 
 * their containers.
 */

audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fielset styles.
 */ 

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: 400;
    color: #333;
    max-width: 100%;
}

body {
    background: #f0f4f4;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
}

h1 { font-size: 2.7rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.8rem; }

h4 { font-size: 1.6rem; }

h5 { font-size: 1.4rem; }

h6 { 
    font-size: 1.2rem; 
    font-weight: normal;
}

.underline-text {
    text-decoration-color: #ffe400 !important;
    text-decoration: underline;
    text-decoration-thickness: 2.2px;
}


.main-bg {
    background: #F7BA45;	
    /* background-image: radial-gradient(circle, rgb(13, 152, 184) 41%, rgb(13, 58, 184) 100%); */
    background-image: radial-gradient(circle,#F7BA45 41%,#AD8230 100%);
} 


.cb {
    clear: both;  
}


.primary-fc {
    color: #272727 !important;
}



.secondary-fc {
    color: #00A8A3 !important;  
}



.tertiary-fc {
    color: #333333 !important;
}



    .header-bg-color {
        background: #fff;
    }



    .navigation-bg-color {
        background: #272727 !important;
    }



    .navigation-font-color {
        color: #FFFFFF !important;
    }



    .footer-bg-color {
        background: #00A8A3 !important;    
    }



    .footer-font-color {
        color: #FFFFFF !important;    
    }



.white-fc {
    color: #fff;  
}

.white-bg {
    background: white;  
}

.you-save-fc {
    color: #e9464b;
}


#anchor-price-text {
    color: red;
}

#anchor-price-value {
    color: red;	
    text-decoration: line-through; 
}



section, footer {
    width: 100%;
}

section > .wrapper,
footer > .wrapper {
    display: flex;
    flex: 1 1 100%;
    max-width: 1250px;
    margin: 0 auto;
}

header {
    width: 100%;
    position: fixed;
    padding: 1.5rem 1rem;
    margin: 0 auto;
    top: 0;
    z-index: 10;
    height: 100px;
}

header > .wrapper {
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    max-width: 1250px;
    margin: 0 auto;
    flex-direction: column;
}

header > .wrapper .header-row {
    display: flex;
    width: 100%;
    padding: 0.25rem 0;
}

header .nav-section {
    display: flex;
    justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 1rem;
}

header .header-row .right {
    display: flex;
    justify-content: flex-end;
}

header .nav-menu {
    display: flex;
    align-items: center; 
    list-style-type: none;   
}

header .nav-menu .nav-item {
    font-size: 1.2rem;
    padding: 0 1rem;
}

header .nav-item a {
    color: #333;
    text-decoration: none;
    transition: color 0.25s linear;    
}

header .nav-item a:hover { 
    color: #F7BA45;
}

header .order-button {
    width: 100%;
    height: auto;
    max-width: 134px;
    transition: transform 0.25s linear;    
}

header .order-button:hover {
    transform: scale(1.05);
}

header .logo-image {
    width: 100%;
    height: auto;
    max-width: 168px;    
}

#menu-toggle {
    visibility: hidden;
}

#checkout-header { 
    box-shadow: 0 4px 2px -2px #ddd; 
}

.header-row .image-container {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row-reverse;
}

.header-row .right .guarantee-image-container {
    text-align: right;
    width: 110px;
    margin-right: 1rem;
}

.header-row .guarantee-image-container img {
    max-width: 100%;
    height: auto;    
}

.header-row .left .logo-image-container {
    text-align: left;
    width: 200px;
    margin-left: 1.25rem;
}

.header-row .left img {
    max-width: 100%;
    height: auto;
}


header .right .expand-container {
    display: none;
    margin-right: 1rem;
}

#expand-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

#expand-anchor > i {
    font-size: 1.5rem;
    padding: 0.25rem;
    color: #fff;
    position: relative;
    top: 15px;
}

header > .wrapper .navigation-row {
    display: flex;
    width: 100%;
    /* background: #203149; */
    font-weight: bold;
    font-size: 0.9rem;
}

header .navigation-row .left-column {
    display: flex;
    flex: 1 1 80%;
    align-items: center;
}

header .navigation-row .pipe {
   color: #fff;
   font-weight: bold;
   padding: 0 0.75rem;
}

header .navigation-row ul {
    display: flex;
    flex: 1 1 auto;
    list-style-type: none;
    padding-left: 1.5rem;
}

header .navigation-row a {
    color: #fff;
    text-decoration: none;
}

header .navigation-row .nav-anchor:hover {
    text-decoration: underline;  
}

header .navigation-row .right-column {
    
}

#header-buy-anchor {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    /* background: rgba(255, 255, 255, 0.15); */
    background: #00A8A3 !important;
    font-size: 1rem;
    text-align: center;
    min-width: 175px;
    transition: background 1s linear;
}

#header-buy-anchor:hover {
    /* background: rgba(255, 255, 255, 0.25); */
    background: #008682 !important;
}

#header-buy-anchor i {
    padding-right: 0.5rem;
}

header .bottom-row ul {
    display: flex;
    flex-grow: 1;
    justify-content: space-evenly;
    list-style-type: none;
    background: #203149;
}

header .bottom-row a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

header .wrapper .left,
header .wrapper .right {
    width: 50%;
    /* border: 1px solid red; */
}

header .wrapper .right {
    text-align: right;
}

header .right a {
    color: #333;
    text-decoration: none;
}

header .right a:not(.buy-now):hover {
    text-decoration: underline;
}

header .right a:not(:last-child) {
    margin-right: 1.5rem;
}

header .wrapper .buy-now {
    background: #203149;
    color: #fff;
    border: 1px solid #203149;
    border-radius: 3px;
    padding: 1rem 1.5rem;
    font-weight: bold;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-block;
}

header .right a.buy-now {
    margin-right: 0;
    transition: opacity 0.25s linear;
}

header .right a.buy-now:hover {
    opacity: 0.95;
}

/*
#product {
   padding-bottom: 2.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
}

#product > .wrapper {
    flex-direction: row;
    align-items: flex-start;
    flex: 1 1 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 10rem;

}

#product h1 {
    color: #fff;
    padding: 0.25rem 0;
    font-size: 3.3rem;
    text-align: left;
    line-height: 4rem;
}

#product .left-column {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

#product .right-column {
    width: 60%;
}


#product p.first {
    color: #fff;
    font-size: 1.4rem;
    margin-top: 1.5rem;
    text-align: left;
}

#product .image-wrapper {
    margin-top: 2.25rem;
}

#tropiketo-main-image {
    max-width: 275px;
    margin-right: 3rem;
}

#product .product-image {
    width: 100%;
    height: auto;
}


#product .horizontal-logos-image {
    max-width: 100%;
    height: auto;
}


#product .product-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}


#product .image-container {
    margin-right: 1.5rem;
}

#product .features-container {
    list-style-type: none;
}

#product .features-container li {
    padding: 0.5rem 0;
    font-size: 1.2rem;
}

#product .features-container i {
    padding-right: 0.5rem;
}

#product .image-container img {
    max-width: 100%;
    height: auto;
}
*/


/*
 *
 *
 *
 *
 *    DISCOUNT OFFER SECTION
 *
 *
 *
*/ 

#discount-offer-section {
    padding: 1.5rem 0.5rem;
    margin: 0.75rem 0;
}

#discount-offer-section .wrapper {
    flex-direction: column;
}

#discount-offer-section .wrapper .row {
    width: 100%;
    text-align: center;
    padding: 0.75rem 0;
}

#discount-offer-section .header {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;    
}


#discount-offer-section .subheader {
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;    
}

#discount-offer-section a {
    display: inline-block;
    background: #00A8A3 !important;
    color: #fff;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1rem 2.75rem;
    border-radius: 3px;
    transition: background 1s linear;
}

#discount-offer-section a:hover {
    background: #008682 !important;
}

/*
 *
 *
 *
 *    PROMOTIONAL COUNTDOWN TIMER
 *
 *
 *
*/


#promo-countdown {
    padding: 0 0.5rem;
    padding-top: 1.25rem;
    margin-top: 0.5rem;
}

#promo-countdown h3 {
    width: 100%;
    text-align: center;
}

#promo-countdown > .wrapper {
    flex-direction: column;  
}

#promo-countdown .timer {
    display: flex;
    justify-content: space-evenly;
    max-width: 375px;
    margin: 0 auto;
}

#promo-countdown .timer .box {
    text-align: center;
    color: #fff;
    background: #c31e24;
    border: 1px solid #c31e24;
    border-radius: 3px;
    padding: 12px;
}

/*
#promo-countdown .timer .box:not(last-child) {
    margin-right: 0.5rem;  
}
*/

#promo-countdown .digits {
    background: #e9464b;
    font-size: 1.4rem;
    padding: 12px;
    border: 1px solid #e9464b;
    border-radius: 3px;
}

#promo-countdown .timer-row {
    padding: 0 0.25rem;
    padding-top: 1rem;  
}

#promo-countdown .interval {
    padding-top: 6px;  
}

#promo-countdown .text-row {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1.5rem 0;
}

#promo-countdown .buy-row {
    text-align: center;
    padding-bottom: 2rem;
}


#promo-countdown .buy-row .buy-anchor {
    display: inline-block;
    background: #00A8A3 !important;
    color: #fff;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1rem 2.75rem;
    border-radius: 3px;
    transition: background 1s linear;
}

#promo-countdown .buy-row .buy-anchor:hover {
    background: #008682 !important;  
}

.home-qa-section > .wrapper {
    flex-direction: column;
    padding: 1rem;
}

.home-qa-section h2 {
    width: 100%;
    text-align: center;
}

.home-qa-section p {
    line-height: 1.4;
    font-size: 1.2rem;
    margin-top: 1rem;
}

#buy-options {
    padding: 3rem 0; 
    padding-top: 1.5rem;
    /* Fixed scroll offset due to fixed header */
    scroll-margin-top: 19rem;    
    scroll-snap-margin-top: 19rem;
}

#buy-options > .wrapper {
    flex-direction: column;  
}

#buy-options h4 {
    width: 100%;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#buy-options h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 1.5rem;
}

#buy-options .container {
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    padding: 0 0.5rem;
}

#buy-options .thumbnail-item {
    flex: 1 1 33.33%;
    border: 1px solid #ddd;
    margin: 0 0.5rem;
}

#buy-options .thumbnail-item.one-bottle {
    order: 3;
}

#buy-options .thumbnail-item.three-bottle {
    order: 2;  
}

#buy-options .thumbnail-item.five-bottle {
    order: 1;  
}

.thumbnail-item .top-promo {
    background: #e9464b;
    border: 1px solid #e9464b;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 0.5rem 0;
}

.thumbnail-item .top-promo.hidden {
    background: #fff;
    visibility: hidden;
}

.thumbnail-item .top-promo::after {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    content: "";
    border-top: 10px solid #ccac00;  
}

.thumbnail-item .top-promo span {
    padding: 0 0.5rem;  
}

.thumbnail-item .header {
    /*width: 100%;*/
    text-align: center;
}

.thumbnail-item .header h5 {
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.thumbnail-item .buy-title-anchor {
    text-decoration: none;
    transition: underline 1s linear;
    color: #272727;
}

.thumbnail-item .buy-title-anchor:hover {
    text-decoration: underline;
}

.thumbnail-item .header h6 {
    margin-top: 0.5rem;  
}

.thumbnail-item .image-container {
    max-width: 300px;
    margin: 0 auto;
    /* border: 1px solid purple; */
}

/*
.thumbnail-item .image-container.one-bottle-image,
.thumbnail-item .image-container.three-bottle-image {
    max-width: 270px;  
}
*/


.thumbnail-item img {
    max-width: 100%;
    height: auto;
    padding: 1rem;
}

.thumbnail-item .price-container {
    width: 100%;
    margin-top: 1rem;
}

.thumbnail-item .price-container .now-price {
    width: 50%;
    float: left;
    text-align: right;
}

.price-container .now-price > span {
    font-weight: bold;
    font-size: 1.4rem;
}

.thumbnail-item .price-container .anchor-price {
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 0.25rem;
}

.thumbnail-item .anchor-price > span {
    position: relative;
    top: 5px;
}

.thumbnail-item .savings-container {
    width: 100%;
    text-align: center;
    margin-top: 0.25rem;
}

.thumbnail-item .savings-container > span {
    font-weight: bold;  
}

.thumbnail-item .shipping-container {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

.price-container .anchor-price > span {
    text-decoration: line-through;
    
}

.thumbnail-item .footer {
    width: 100%;
    text-align: center;
    margin: 0.5rem auto;
    margin-top: 1rem;
}

.thumbnail-item .buy-anchor {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #e6502b !important;
    border-radius: 2px;
    color: #e6502b !important;
    font-weight: bold;
    padding: 0.75rem 0.75rem;
    width: 95%;
    transition: opacity 0.5s linear;
}

.thumbnail-item .buy-anchor:hover {
    color: #fff !important;
}

#important-pages {
    padding: 3rem 0;
}

#important-pages > .wrapper {
    flex-direction: column;
    align-items: center;
}

#important-pages .wrapper h4 {
    width: 100%;
    text-align: center; 
    padding-bottom: 1rem; 
}

#important-pages .container {  
    display: flex;
    width: 100%;
    padding: 0 0.5rem;
}

#important-pages .container .page {
   flex: 1 1 33%;
   border: 1px solid #ddd;
   border-radius: 3px;
   margin: 0 0.5rem;
}

#important-pages .container .page:nth-of-type(1) {
    order: 3;
}

#important-pages .container .page:nth-of-type(2) {
    order: 2;
}

#important-pages .container .page:nth-of-type(3) {
    order: 1;
}


#important-pages .page .image-wrapper {
    margin: 0.55rem;
    margin-bottom: none;
}

#important-pages .image-wrapper img {
    max-width: 100%;
    height: auto;
}

#important-pages .page .title-row {
    text-align: center;
    /* color: #203149; */
    margin: 1rem 0;
}

#important-pages .page .anchor-row {
    text-align: center;  
}

#important-pages .anchor-row .learn-anchor {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #272727 !important;
    border-radius: 2px;
    color: #272727 !important;
    font-weight: bold;
    padding: 0.75rem 0.75rem;
    transition: background 1s linear;
    transition: color 1s linear;
    width: 95%;
    margin-bottom: 0.6rem;
}

#important-pages .anchor-row .learn-anchor:hover {
    background: #272727 !important;
    color: #fff !important; 
}


#disclaimer {
    /* background: #e9464b; */
}

#disclaimer .wrapper {
    flex-direction: column;
    justify-content: center;
}

#disclaimer .wrapper p {
    /* color: #fff; */
    padding-top: 2em;
    font-size: 0.8rem;
    line-height: 1.4;
    padding: 1rem;
    max-width: 1250px;
    margin: 0 auto;
    text-align: left;
}

#disclaimer .wrapper ul {
    list-style-type: none;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: bold;
    font-size: 0.8rem;
    text-align: center;
}

#disclaimer ul a {
    text-decoration: none;
    color: #fff;
}

#disclaimer ul a:hover {
    text-decoration: underline;  
}

#disclaimer ul .dash {
    font-weight: bold;
    /* color: #fff; */
    padding: 0 0.5rem;
}

footer {
    /* background: #c31e24; */
    /* color: #fff; */
    font-size: 0.9rem;
}

footer p {
    width: 100%;
    text-align: center;
    padding: 0.5rem;  
}

/* 
 *
 *
 * Contact Us 
 *
 *
 *
*/


#contact {
    padding-top: 8rem;
}

#contact > h1 {
    text-align: center;
    padding-top: 1rem;
}

#contact > .wrapper {
    justify-content: center;
    align-items: center;
}

#contact-form {
    background: #fff;	
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;    
    padding: 1rem;
    max-width: 600px;
    margin: 1rem;
    margin-top: 2rem;
    margin-bottom: 5rem;
    border: 1px solid #ddd;
    border-radius: 3px;
}

#contact-form p {
    width: 100%;
}

#contact-form input[name="email"],
#contact-form input[name="invoice_id"],
#contact-form select[name="subject"],
#contact-form select > option,
#contact-form textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius 3px;
    font-size: 1rem;
    outline: none;
}

#contact-form input[name="email"],
#contact-form input[name="invoice_id"] {
    padding: 1rem;
    margin-bottom: 1rem;
}

#contact-form select[name="subject"],
#contact-form select > option {
    padding: 0.5rem;
}

#contact-form select[name="subject"] {
    margin-bottom: 1rem;
    /* -webkit-appearance: none; */
    background: #fff;
}

#contact-form textarea {
    font-family: Arial;	
    padding: 0.5rem;
    margin-bottom: 0.75rem;
}

#contact-form textarea::placeholder {
    font-family: Arial;
}


#p-button {
    text-align: center;
}

#contact-form button {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.25rem 3rem;
    border-radius: 3px;
    transition: opacity 0.5s linear;
    cursor: pointer;
}

#contact-form button:hover {
    opacity: 0.8;
}

#contact-form .g-recaptcha {
    margin-bottom: 0.75rem;
}


/*
 *
 *
 *
 * SCIENTIFIC REFERENCES
 *
 *
 *
*/

#scientific-references-home {
    width: 100%;	
    background: #fff;
    padding: 1rem;
    padding-bottom: 2rem;
}

#scientific-references-home .wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1170px;
    margin: 0rem auto;
}

#scientific-references-home .logo-image {
    max-width: 100%;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

#scientific-references-home h2 {
    font-size: 1.4rem;
    color: #7a7a7a;
    width: 100%;
    text-align: center;
    font-weight: normal;
    margin: 0.5rem 0;
}

#scientific-references-home .logo-container {
    display: flex;
    flex-direction: row;
    flex: 1 1 100%;
    justify-content: center;
    align-items: center;
    margin: 0.5rem 0.25rem;
}

#scientific-references-home .reference-item {
    font-size: 0.8rem;
    padding: 0.10rem 0;
    color: #7a7a7a;
}

#scientific-references-home .reference-item a { 
    color: #7a7a7a;
}

#scientific-references-home .logo-wrapper {
    flex: 1 1 25%;
}

#scientific-references-home .references-container {
    display: flex;
    margin-top: 1rem;
    max-width: 1170px;
    margin: 0 auto;

}

#scientific-references-home .references-container .column-1,
#scientific-references-home .references-container .column-2 {
    width: 50%;

}

#scientific-references-home .references-container .column-1 {
    padding-right: 0.75rem;    
}

#scientific-references-home .references-container .column-2 {
    padding-left: 0.75rem;
}

@media screen and (max-width: 850px) {
    
    #scientific-references-home .references-container {
        flex-direction: column;
    }

    #scientific-references-home .references-container .column-1,
    #scientific-references-home .references-container .column-2 {
        width: 100%;
	padding-right: 0;
	padding-left: 0;
    }


}

/*
 *
 *
 *
 * PRIVACY POLICY
 *
 *
 *
*/ 

#privacy-policy {
    padding-top: 10rem;
}

#privacy-policy h1,
#privacy-policy h2 {
    text-align: center;
}

#privacy-policy h2 {
    margin-top: 1rem;
}

#privacy-policy h3 {
    margin-top: 2rem;
}

#privacy-policy > .wrapper {
    flex-direction: column;
    padding: 1rem;
}

#privacy-policy p {
    margin-top: 1rem;
}

#privacy-policy ol {
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 0;
}

/*
 *
 *
 *
 * TERMS OF SERVICE
 *
 *
 *
*/ 

#terms-of-service {
    padding-top: 10rem;
}

#terms-of-service h1,
#terms-of-service h2 {
    text-align: center;
}

#terms-of-service h2 {
    margin-top: 1rem;
}

#terms-of-service h3 {
    margin-top: 2rem;
}

#terms-of-service > .wrapper {
    flex-direction: column;
    padding: 1rem;
}

#terms-of-service p {
    margin-top: 1rem;
}

#terms-of-service ol {
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 0;
}

/*
 *
 *
 *    ABOUT
 *
 *
 *
*/

#about,
#faq,
#review,
#ingredients {
    padding-top: 8rem;
}

#about h1,
#faq h1,
#review h1,
#ingredients h1 {
    text-align: center;
    font-size: 2.75rem;
}

#about h2, 
#about h3 {
    margin-top: 1rem;    
}

#about .left-column,
#faq .left-column,
#review .left-column,
#ingredients .left-column {
    display: flex;
    flex: 1 1 75%;
    flex-direction: column;
    padding: 1rem;
}

#about .left-column p,
#faq .left-column p,
#review .left-column p,
#ingredients .left-column p {
    font-size: 1.2rem;
    margin-top: 0.25rem;
}

#about .right-column,
#faq .right-column,
#review .right-column,
#ingredients .right-column {
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
    padding-left: 2rem;
}

#ingredients .right-column { display: none; }
#review .right-column { display: none; }

#about .right-column img,
#faq .right-column img,
#review .right-column img,
#ingredients .right-column img {
    /*  max-width: 100%; */
    /* height: auto; */   
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 261px;
    margin-top: 1rem;
}

#about .left-column > div:not(:first-child) {
    margin-top: 1rem;
}

/*
 *
 *
 *    FAQ SECTION
 *
 *
 *
*/



#faq-home {
    margin-bottom: 3rem;
    padding: 0 1rem;
}

#faq-home .wrapper {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}

#faq-home h2 {
    width: 100%;
    text-align: center;
    color: #111;
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
}

#faq-home h6 {
    font-size: 1.8rem;
}


#faq-home button.accordion {
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 11px;
    outline: none;
    transition: 0.4s;
    padding: 1rem 1rem;
    padding-left: 1.5rem;
}

#faq-home div.panel {
    padding: 0 1.5rem;
    overflow: hidden;
    font-size: 1.4rem;
    padding-bottom: 1.5rem;
}

.down-arrow {
    background-image: url('/media/images/button_down_arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    cursor: pointer;
}


/* 
 *
 *
 * Ingredients list
 *
 *
 *
*/



#ingredient-list {
    scroll-margin-top: 6rem;
    scroll-snap-margin-top: 6rem;
}

#ingredient-list h2 {
    color: #111;
    text-align: center;
    font-size: 2.6rem;
    margin-top: 2rem;
}


#ingredient-list > p {
    color: #333;
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    padding-top: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#ingredient-list .wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

#ingredient-list .ingredient-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 1rem;
    max-width: 325px;
}

.ingredient-card .image-row {
    margin: 0 auto;
    max-width: 175px;
}

.ingredient-card .title-row {
    text-align: center;
    margin-top: 0.5rem;
}

.ingredient-card .features-row {
    margin-top: 0.5rem;
}

.ingredient-card .feature {
    font-size: 0.9rem;
}

.ingredient-card i {
    color: #F7BA45;
}

.ingredient-card .name {
    font-size: 1.4rem;
    font-weight: bold;
    color: #111;
}

.ingredient-card .alternative {
    color: grey;
    font-size: 1.2rem;
}

.ingredient-card img {
    height: auto;
    max-width: 100%;
    border-radius: 50%;
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.3);
}





/*
 *
 *
 *
 *  REVIEW
 *
 *
 *
*/ 

#review .subheader {
    margin-top: 0.5rem;
    width: 100%;
    text-align: center;
    font-size: 2rem;
}

#review .subheader em {
    padding-left: 0.5rem;
}



#review .left-column .review-text-bottom-section {
    margin-top: 2rem;
}

#review-ingredients-section {
    margin-top: 2rem;
}

#review-image-top-section,
#review-image-bottom-section,
#review-image-middle-section{
    text-align: center;
    margin-top: 2rem;
}

#review-image-top-section {
    margin-top: 0.5rem;
}

#review-image-top-section img,
#review-image-bottom-section img,
#review-image-middle-section img{
    max-width: 100%;
    height: auto;
}

#review-image-top-section .wrapper {
    max-width: 260px;
    margin: 0 auto;
}

#review-ingredients-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 0.5rem;
}

#review-ingredients-list li {
    font-size: 1.2rem;
    padding: 0.25rem 0;
}

#review-ingredients-list i {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

#ingredients-list-header {
    font-size: 1.4rem;
    margin-top: 1rem;
}

#customer-testimonials-section {
    margin-top: 2rem;
    scroll-margin-top: 7.8rem;
} 

#customer-testimonials-section .customer-testimonial {
    font-size: 1.2rem;
}

#customer-testimonials-section .customer-testimonial:first-child {
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

#customer-testimonials-section .customer-testimonial:not(:first-child) {
    margin-top: 1rem;
}


.customer-testimonial .header {
    font-weight: bold;
}

.customer-testimonial .body {
    margin-top: 0.25rem;
}

.customer-testimonial .stars-container {
    padding-left: 0.5rem;
}


/*
 *
 *
 *
 *   CHECKOUT
 *
 *
 *
*/

#checkout {
    margin-top: 6.5rem;
}

#checkout .secure-checkout {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

#checkout .secure-checkout span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
}

#checkout .secure-checkout i {
    font-size: 1.3rem;
    padding-right: 0.5rem;
}

#checkout-expand-button {
    display: none;
}

#checkout .wrapper .left-column {
    flex: 1 1 50%;
    padding: 1rem 2rem;
    border-right: 1px solid #ddd;
    min-width: 500px;
}

#checkout .wrapper .right-column {
    flex: 1 1 50%;
    /* border: 1px solid red; */
    padding: 1rem 2rem;
}

#product-preview .title-row {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

#product-preview .title-row span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

#checkout .header-row {
    padding-bottom: 0.5rem;
}

#checkout .header-row span {
    font-weight: bold;
    font-size: 1.2rem;
}

#checkout-product-image {
    max-width: 100%;
    height: auto;
}

#product-preview {
    display: flex;
    flex-direction: flex-start;
    align-items: center;
    margin-top: 1rem;
}

#product-preview h5 {
    color: #333;
}

#product-preview .title-row {
    order: 1;
    text-align: left;
}

#product-preview .image-row {
    order: 0;
}


#product-preview .image-row .wrapper {
    width: 75px;
}

#order-total-summary {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    margin-top: 1rem;
}

#order-total-summary .order-total-row {
    display: flex;
    flex: 1 1 100%;
    padding: 0.75rem 0;
    border-top: 1px solid #ddd;
}

#order-total-summary .order-total-row .order-total-left-column {
    width: 50%;
}

#order-total-summary .order-total-row .order-total-right-column {
    width: 50%;
    text-align: right;
}

#order-total-summary .order-summary-price {
    font-weight: bold;
}

#grand-total-amount,
#grand-total-text {
    font-weight: bold;
    font-size: 1.5rem;
}

#checkout .error-value {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

#checkout .payment-row {
    display: flex;
    flex: 1 1 100%;
    position: relative;
}

#checkout .payment-row .cc-column, 
#checkout .payment-row .paypal-column {
    width: 50%;
}

#checkout .payment-row .or-separator {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0.9rem;
    left: calc(50% - 2rem);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
}

#checkout .payment-option {
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 1rem 0;
    cursor: pointer;
}

#checkout .payment-option.active {
    border-color: #1a74eb;
    background-color: #edf4fd;
}

#checkout .payment-option .cc-icon {
    margin-right: 0.25rem;
}

#checkout .payment-option:hover {
    background: #fafafa;
}

#checkout .payment-option.active:hover {
    background: #edf4fd;
}

#checkout .paypal-payment-section {
    display: none;
}

/*
#checkout .cc-payment-section {
    display: none;
}
*/

#checkout .paypal-payment-form {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
}


#checkout .different-shipping-form {
    display: flex;
    align-items: center;
    padding: 1rem 0rem;
}

#checkout .different-shipping-form input {

}

#checkout .different-shipping-form label {
    padding-left: 0.5rem;
    font-weight: bold;
    font-size: 0.9rem;
    color: #333;
}

#checkout .cc-shipping-address-form {
    display: none;
    margin-bottom: 2rem;
}

#checkout .cc-payment-form {
    background: #fff;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 3px;
}

#checkout .cc-payment-form .form-body {
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fafafa;    
}

#checkout .cc-payment-form .single-field-row {
    position: relative;
}

#checkout .cc-payment-form .cc-icon-row {
    position: absolute;
    top: 3.6rem;
    right: 0.75rem;
}

#checkout .paypal-payment-form .single-field-row,
#checkout .cc-payment-form .single-field-row,
#checkout .cc-billing-address-form .single-field-row,
#checkout .cc-shipping-address-form .single-field-row {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

#checkout .cc-payment-form .single-field-row:first-child {
    margin-top: 0;
}

#checkout .paypal-payment-form .double-field-row,
#checkout .cc-payment-form .double-field-row,
#checkout .cc-payment-form .quadruple-field-row,
#checkout .cc-billing-address-form .double-field-row,
#checkout .cc-shipping-address-form .double-field-row {
    display: flex;
    margin-top: 1rem;
    justify-content: space-around;
}

.paypal-payment-form .double-field-row .left-form-column,
.paypal-payment-form .double-field-row .right-form-column,
.cc-billing-address-form .double-field-row .left-form-column,
.cc-billing-address-form .double-field-row .right-form-column,
.cc-shipping-address-form .double-field-row .left-form-column,
.cc-shipping-address-form .double-field-row .right-form-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
}

.paypal-payment-form .double-field-row .left-form-column,
.cc-billing-address-form .double-field-row .left-form-column,
.cc-shipping-address-form .double-field-row .left-form-column {
    margin-right: 0.5rem;    
}

.paypal-payment-form .double-field-row .right-form-column,
.cc-billing-address-form .double-field-row .right-form-column,
.cc-shipping-address-form .double-field-row .right-form-column {
    margin-left: 0.5rem;
}


.paypal-payment-form .single-field-row input,
.cc-payment-form .single-field-row input,
.cc-billing-address-form .single-field-row input,
.cc-shipping-address-form .single-field-row input {
    width: 100%;
}

.cc-billing-address-form .double-field-row input.billing-city-input,
.cc-shipping-address-form .double-field-row input.shipping-city-input,
.cc-billing-address-form .double-field-row input.billing-zip-input,
.cc-shipping-address-form .double-field-row input.shipping-zip-input,
.paypal-payment-form .double-field-row input.paypal-city-input,
.paypal-payment-form .double-field-row input.paypal-zip-input {
    width: 100%;
}




.paypal-payment-form .paypal-email-input,
.paypal-payment-form .paypal-zip-input,
.paypal-payment-form .paypal-fullname-input,
.paypal-payment-form .paypal-street1-input,
.paypal-payment-form .paypal-street2-input,
.paypal-payment-form .paypal-city-input,
.paypal-payment-form .paypal-zip-input,
.cc-payment-form .cc-number-input,
.cc-payment-form .cc-full-name-input,
.cc-payment-form .cc-cvv-code-input,
.cc-billing-address-form .billing-email-input,
.cc-billing-address-form .billing-phone-input,
.cc-billing-address-form .billing-street1-input,
.cc-billing-address-form .billing-street2-input,
.cc-billing-address-form .billing-city-input,
.cc-billing-address-form .billing-zip-input,
.cc-billing-address-form .billing-country-input,
.cc-billing-address-form .billing-state-input,
.cc-shipping-address-form .shipping-street1-input,
.cc-shipping-address-form .shipping-street2-input,
.cc-shipping-address-form .shipping-city-input,
.cc-shipping-address-form .shipping-zip-input,
.cc-shipping-address-form .shipping-country-input,
.cc-shipping-address-form .shipping-state-input {
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    font-size: 1rem;
    transition: border-color 0.25s;
    padding: 1.25rem 1.25rem;
    background: #fff;
    color: #333;
}

.paypal-payment-form .field-value,
.cc-payment-form .field-value {
    background: #fff;
}

.paypal-payment-form .paypal-state-select,
.paypal-payment-form .paypal-country-select,
.cc-payment-form .cc-exp-date-month-select,
.cc-payment-form .cc-exp-date-year-select,
.paypal-payment-form select[name="country"],
.paypal-payment-form select[name="state"],
.cc-billing-address-form select.billing-country-input,
.cc-billing-address-form select.billing-state-input,
.cc-shipping-address-form select.shipping-country-input,
.cc-shipping-address-form select.shipping-state-input {
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    font-size: 1rem;
    transition: border-color 0.25s;
    padding: 1.25rem 1.25rem;
    color: #333;
    width: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nY3VycmVudENvbG9yJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J001LjI5MyA3LjI5M2ExIDEgMCAwMTEuNDE0IDBMMTAgMTAuNTg2bDMuMjkzLTMuMjkzYTEgMSAwIDExMS40MTQgMS40MTRsLTQgNGExIDEgMCAwMS0xLjQxNCAwbC00LTRhMSAxIDAgMDEwLTEuNDE0eicgY2xpcC1ydWxlPSdldmVub2RkJyAvPjwvc3ZnPg==) no-repeat;
    background-size: 18px 18px;
    background-position: right 12px top 17px;
    background-color: #fff;  
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.paypal-payment-form .field-label,
.cc-payment-form .field-label,
.cc-billing-address-form .field-label,
.cc-shipping-address-form .field-label {
    font-weight: bold;
    padding: 0.5rem 0;    
}

#checkout .paypal-place-order-row,
#checkout .cc-place-order-row {
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

#checkout .paypal-place-order-row > button,
#checkout .cc-place-order-row > button {
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1rem 0;
    width: 100%;
    border-radius: 3px;
    transition: background 1s linear;
    transition: opacity 1s linear;
    cursor: pointer;
}

#checkout .paypal-place-order-row > button:hover,
#checkout .cc-place-order-row > button:hover {
    opacity: 0.8;
}


#payment-failure-notification {
    display: none;
    margin-top: 1rem;
}

#payment-failure-notification .payment-warning-notice {
    display: flex;
    background: #fafafa;
    border: 1px solid red;
    border-radius: 3px;
    padding: 1rem;
}

.payment-warning-notice .warning-icon-container {
    display: flex;
    flex: 1 1 20%;
    justify-content: center;
    align-items: center;
}

.payment-warning-notice .warning-icon-container i {
    font-size: 1.6rem;
    color: red;
}

.payment-warning-notice .warning-text-container {
    display: flex;
    flex: 1 1 80%;
    justify-content: flex-start;
    align-items: center;
}

#checkout .order-confirmation-message {
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 1rem;
}

#checkout .order-confirmation-message .order-confirmed-row,
#checkout .order-confirmation-message .order-number-row, 
#checkout .order-confirmation-message .order-message-row {
    padding: 0.5rem 0;
}

.order-confirmation-message .order-confirmed-row span {
    padding-left: 0.5rem;
}

#order-confirmation-number-text,
#order-confirmation-title-text {
    font-weight: bold;
}

.fc-green {
    color: green;
}

.fc-red {
    color: red;
}

#order-confirmation-support-email {
    font-weight: bold;
}


.spinner-icon {
    display: none;	
    width: 30px;
    height: 30px;
    position: relative;
    left: 65px;    
}


/* Promo countdown timer */


#countdown-banner {
    position: absolute;
    /* position: relative; */
    /* position: fixed; */
    width: 100%;
    top: 6.2rem;
    left: 0;
    display: flex;
    height: auto;
    background-color: #e9464b;
    color: white;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.25rem;
    /* z-index: 100; */
    font-weight: bold;
    font-size: 0.9rem;
    /* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); */
}

#countdown-banner .row-1 {
    margin-right: 0.5rem;
}

#countdown-banner .row-2 {

}


/* 
 *
 *
 * Product features section
 *
 *
*/

#product-feature {
    width: 100%;
    background-image: url(/media/images/mint_background.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 2rem;
    margin-top: 3rem;
}

#product-feature .wrapper {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    max-width: 1140px;
    margin: 0 auto;
    padding: 3rem 4rem;
}

#product-feature img {
    width: 100%;
    height: auto;
}

#product-feature .check-mark {
    width: 50px;
    height: 50px;
}

#product-feature .top-row .image-wrapper {
    max-width: 375px;
    margin: 0 auto;
}

#product-feature .bottom-row .image-wrapper {
    max-width: 400px;
}

#product-feature .features-list {
    list-style-type: none;
}

#product-feature .bottom-row {
    display: flex;
    margin-top: 3rem;
    justify-content: center;
}


#product-feature .bottom-row .left-column {
    display: flex;
    align-items: center;
    margin-right: 3rem;
}

/*
 *
 *
 *    
 *    Money back gurantee     
 *
 *
 *
*/


#money-back-guarantee {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 1rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

#money-back-guarantee .header-row {
    width: 100%;
    text-align: center;
    color: #1c8da7;
    font-weight: bold;
    font-size: 2.4rem;
    padding: 1rem 1rem;
}

#money-back-guarantee .wrapper {
   flex-direction: column;
}

#money-back-guarantee .info-row {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
}


#money-back-guarantee .info-row .left-column {
    width: 175px;
    text-align: center;
}


#money-back-guarantee .info-row .right-column {
    width: 100%;
    max-width: 500px;
}


#money-back-guarantee .info-row img {
    height: auto;
    max-width: 175px;
}

#money-back-guarantee p {
    font-size: 1.6rem;
    padding-left: 2rem;
}

#money-back-guarantee .logo-row {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
    padding: 0 0.5rem;
}


#money-back-guarantee .logo-row .image-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

#money-back-guarantee .logo-row img {
    max-width: 100%;
    height: auto;

}




/* 6-Pack Upsell Teal Panel */
#six-pack-upsell {
    padding: 3rem 1rem;
    color: #fff;
    margin-top: 3rem;
    scroll-margin-top: 6rem;
    scroll-snap-margin-top: 6rem;
}

#six-pack-upsell .wrapper {
    display: flex;
    flex: 1 1 100%;
    max-width: 1250px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

#six-pack-upsell img {
    height: auto;
    max-width: 100%;
    width: 200px;
}

#six-pack-upsell .left-column {
    margin-right: 1rem;
}

#six-pack-upsell p:nth-of-type(1) {
    font-weight: bold;
    font-size: 1.8rem;
}

#six-pack-upsell p:nth-of-type(2) {
    font-size: 1.2rem;
    margin-top: 0.25rem;
    text-align: center;
}

#six-pack-upsell .light-blue-text {
    font-weight: bold;
    color: #2ef4ff;
}

#six-pack-upsell .underline-text {
    text-decoration-color: #ffe400 !important;
    text-decoration: underline;
    text-decoration-thickness: 2.2px;
}


/*
@media screen and (max-width: 940px) { 

    #product > .wrapper {
        flex-direction: column;
	align-items: center;
	padding-top: 8rem;
    
    }

    #product .left-column {
        width: 100%;
	justify-content: center;
    }

    #product .right-column {
        display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
    }

    #product p.first {
        text-align: left;
	padding: 0 0.25rem;
    }

    #tropiketo-main-image {
        margin-right: 0;
    }

    #product h1 {
        margin-top: 1.5rem;
    }

}
*/



/* Top navigation flip from horizontal to vertical */
@media screen and (max-width: 715px) {
    header > .wrapper .navigation-row {
        flex-direction: column;  
    }
    
    header .header-row .left {
        width: 100%;
    }
    
    header .right .image-container {
        display: none;  
    }
    
    header .right .expand-container {
        width: 35px;
        display: block;
    }
    
    header .navigation-row ul {
        flex-direction: column;
        padding-left: 0;
    }
    
    header .navigation-row li {
        width: 100%;
        text-align: center;
        display: flex;
    }
    
    header .navigation-row li:hover {
        background: rgba(255, 255, 255, 0.15);
    }
    
    header .navigation-row .nav-anchor {
        width: 100%;
        padding: 1rem;
     
    }
    
    header .navigation-row .nav-anchor:hover {
        text-decoration: none;  
    }
    
    header .navigation-row .left-column {
        order: 1;
        display: none;
    }
    header .navigation-row .right-column {
        order: 0;
        display: none;	
    }
    header .navigation-row .pipe {
        display: none;  
    }
   
    #product > .wrapper {
        padding-top: 8rem;
    }

}

/* Buy options and important pages thumbail two-columns */
@media screen and (max-width: 850px) {
    #buy-options .container {
        flex-wrap: wrap;
    }    


    #important-pages .container {
        flex-wrap: wrap;
    }

    #important-pages .container .page {
        flex: 1 1 100%;
    }

    #important-pages .page .image-row {
        text-align: center;
    }

    /* Technical documentation page thumbnail image becomes centered */
    #important-pages .page:last-child .image-row {
        text-align: center;
    }

    #buy-options .thumbnail-item {
        flex: 1 1 100%;
    }

    #buy-options .thumbnail-item.one-bottle,
    #buy-options .thumbnail-item.three-bottle {
        margin-top: 1rem;
    }

}


/* Buy options and important pages thumbail one-column */
@media screen and (max-width: 520px) {
    #buy-options .container .thumbnail-item {
        flex: 1 1 100%;
    }

    #important-pages .container .page {
        flex: 1 1 100%;
    }
}

/* Disclaimer footer shrink text to fit screen */
@media screen and (max-width: 450px) {
    #disclaimer .wrapper ul {
        font-size: 0.6rem;
    }   
}

@media screen and (max-width: 375px) {
    #promo-countdown .timer .box {
        padding: 8px;
    }   
}

/* About / FAQ two-column layout responsive css */
@media screen and (max-width: 900px) {
    #about .right-column img,
    #faq .right-column img,
    #ingredients .right-column img {
        max-width: 100%;
	height: auto;
	min-width: 200px;
    }
    #ingredients-top-section .image-wrapper {
        margin-right: 0rem;
	max-width: 230px;
    }
}

@media screen and (max-width: 770px) {
    #about .wrapper,
    #faq .wrapper, 
    #ingredients .wrapper {
        flex-direction: column;
    }
}

@media screen and (max-width: 880px){
    #review .wrapper {
        flex-direction: column;
    }
}

/*
 *
 *
 *   CHECKOUT
 *
 *
*/


@media screen and (max-width: 950px) {
    #checkout .wrapper {
        flex-direction: column;
    }

    #checkout .wrapper .left-column {
        order: 1;
	min-width: 400px;
    }

    #checkout .wrapper .right-column {
        order: 0;
	min-width: 400px;
    }
}

@media screen and (max-width: 500px) {
    #checkout .wrapper .payment-row {
        flex-direction: column;
    }   

    #checkout .wrapper .cc-column {
        width: 100%;
    }

    #checkout .wrapper .paypal-column {
        width: 100%;
    }

    #checkout .wrapper .or-separator {
        top: 2.5rem;
    }	
}

/* Shrink product main image and bullets */
@media screen and (max-width: 570px) {
    /*	
    #product .image-wrapper,
    #ingredients-top-section .image-wrapper  {
    }        
    */

    #review-image-top-section .wrapper {
        max-width: 200px;
    }

    #review h3.subheader {
        font-size: 1.6rem;
    }

    /*
    #product .image-container {
        margin-right: 0rem;
    }
    */

    #ingredients-top-section .image-wrapper {
        margin-right: 0rem;
    }

}

@media screen and (max-width: 530px) {
    /*
    #product .features-container li {
        font-size: 0.9rem;
    }        
    */

    #ingredients-bullets li {
        font-size: 0.9rem;
    }

}

#checkout-trust-section {
    color: #333;
    margin-top: 1.5rem;
}

#checkout-trust-section .wrapper {

}

#checkout-trust-section .row-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#checkout-trust-section .left-line {
    flex: 1 1 33%;
    border-top: 1px solid #ddd;
    height: 1px;
}

#checkout-trust-section .right-line {
    flex: 1 1 33%;
    border-top: 1px solid #ddd;
    height: 1px;
}


#checkout-trust-section .row-2,
#checkout-trust-section .row-3 {
    display: flex;
    flex: 1 1 100%;
    margin-top: 1rem;
    align-items: center;
    justify-content: center;
}

#checkout-satisfaction-icon {
    height: auto;
    width: 140px;
}

#checkout-trust-section icon-row {
    flex-grow: 0;
    flex-shrink: 0;
}

#checkout-trust-section .text-row {
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 1rem;
}

#checkout-trust-section .text-row .header {
    font-size: 1rem;
}

#checkout-trust-section .text-row p {
    margin-top: 0.25rem;
}



#fast-delivery-truck {
   width: 150px;
}


#checkout-trust-section .header {
    font-weight: bold;
}

#why-choose-us {
    font-weight: bold;
    font-size: 1.4rem;
    padding: 0 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 550px) {
    #checkout .cc-payment-form .cc-icon {
        width: 23px;
        margin-right: -0.1rem;

    }

    .cc-payment-form .cc-number-input {
        padding-left: 0.5rem;
    }

    .cc-payment-form .cc-cvv-code-input {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}


@media screen and (max-width: 480px) {
    #checkout .cc-payment-form .cc-icon {
        width: 14px;
        margin-right: -0.2rem;
    }

    #fast-delivery-truck {
        width: 110px;
    }

    #checkout-satisfaction-icon {
        width: 110px;
    }

}

/* Optimizing for mobile devices */
@media screen and (max-width: 550px) {
    #ingredients h1,
    #review h1,
    #product-title {
        font-size: 2.3rem;    
    }    
    
    #ingredients h2,
    #review h2 {
        font-size: 1.7rem;
	text-align: center;
    }
}

#checkout .cc-payment-form .quadruple-field-row {
    justify-content: flex-start;
}


.cc-payment-form .quad-column-1 {
    width: 95px;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.cc-payment-form .quad-column-2 {
    width: 85px;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.cc-payment-form .quad-column-3 {
    flex-shrink: 1;
    max-width: 80px;
}

.cc-payment-form .quad-column-4 {

}

.cc-payment-form .cc-exp-date-year-select {
    width: 100%;
}

.cc-payment-form .cc-exp-date-month-select {
    width: 100%;
}


.cc-payment-form .cc-cvv-code-input {
    width: 100%;
}

#return-policy {
    scroll-margin-top: 18rem;
    scroll-snap-margin-top: 18rem;
}


#promo-section {
    background: #272727;
    padding: 4rem 0.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem; /* Hacky fix */
}

#promo-section h3,
#promo-section p {
    color: #fff;
}

#promo-section h3 {
    font-size: 1.8rem;
}

#promo-section p {
    font-weight: bold;
    margin-top: 1rem;
}

#promo-section a {
    display: inline-block;
    color: #fff;
    background: #00A8A3 !important;
    padding: 1rem 3rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    transition: background 1s linear;
}

#promo-section a:hover {
    background: #008682 !important;
}

#promo-section .wrapper .left-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: left;
    margin-left: 9rem;
}

#promo-section .wrapper .right-column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    text-align: center;
}






@media screen and (max-width: 770px) {
    #about .wrapper,
    #faq .wrapper,
    #ingredients .wrapper {
        flex-direction: column;
    }

}

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


    #promo-section .wrapper  {
        flex-direction: column;
    }

    #promo-section .wrapper .left-column,
    #promo-section .wrapper .right-column {
        width: 100%;
    }

    #promo-section .wrapper .left-column {
        margin-left: 0;
        align-items: center;
        text-align: center;
    }

    #promo-section .wrapper .right-column {
        margin-top: 3rem;
    }

}


/* Optimizing appearance for small mobile devices */
@media screen and (max-width: 550px) {


    #does-it-work .wrapper {
        padding-top: 0rem;
    }

    #breakthrough {
        font-size: 1rem;
    }

    #does-it-work .wrapper .left-column {
        margin-right: 0rem;
    }

    #does-it-work h2 {
        font-size: 1.8rem;
    }

    #does-it-work p {
        font-size: 1.2rem;
    }

    #what-is-alpilean {
        margin-top: 1rem;
        padding-bottom: 1.5rem;
    }

    #what-is-alpilean h2 {
        font-size: 2.5rem;
    }

    #what-is-alpilean .info-row .image-wrapper {
        min-width: 300px;
    }

    #what-is-alpilean .info-row img {
        margin: 0 auto;
    }

    #what-is-alpilean .info-row p {
        font-size: 1.2rem;
        padding: 0.5rem;
    }

    #what-is-alpilean .info-row .right-column {
        margin-top: 1rem;
    }

    #ingredient-list h2 {
        font-size: 2.1rem;
        padding: 0 0.25rem;
    }

    #ingredient-list > p {
        width: 100%;
        padding: 0 0.25rem;
        padding-left: 1rem;
        padding-top: 1.5rem;
        text-align: left;
    }

    #like-panel .logo-row .image-wrapper {
        max-width: 300px;
    }

    #six-pack-upsell {
        padding: 1.5rem 1rem;
    }

    #six-pack-upsell img {
        width: 150px;
    }

    #six-pack-upsell p:nth-of-type(1) {
        font-size: 1.3rem;
    }

    #six-pack-upsell p:nth-of-type(2) {
        margin-top: 1rem;
        font-size: 1rem;
    }

    #buy-options h4 {
        font-size: 1.4rem;
    }

    #money-back-guarantee .header-row {
        font-size: 1.5rem;
        padding: 1rem 0.5rem;
    }

    #money-back-guarantee .info-row img {
        max-width: 150px;
    }

    #money-back-guarantee p {
        font-size: 1.2rem;
	padding-left: 0rem;
    }

    #faq-home h2 {
        font-size: 1.8rem;
    }

    #checkout-header img {
        width: 100%;
        height: auto;
	max-width: 167px;
    }

    /*
    #checkout-header {
        padding: 0 0.25rem;
    }
    */

    #checkout .wrapper .right-column {
        order: 0;
        min-width: 375px;
        flex: 1 1 100%;
        padding: 0.5rem 1rem;
    }

    #checkout .wrapper .left-column {
        order: 1;
        min-width: 375px;
        flex: 1 1 100%;
        padding: 0.5rem 1rem;
    }

    #scientific-references-home h2 {
        font-size: 1.3rem;
    }	    
}


/* Product feature section */
@media screen and (max-width: 880px) { 

    #product-feature .wrapper {
        padding: 3rem 2rem;
    }

    #product-feature .top-row .image-wrapper {
        max-width: 375px;
    }

    #product-feature .bottom-row .image-wrapper {
        max-width: 400px;
    }

    #product-feature .bottom-row {
        flex-direction: column-reverse;
	align-items: center;
    }

    #product-feature .bottom-row .left-column {
        margin-top: 2rem;
	margin-right: 0;
    }

    #product-feature .features-list {
        display: flex;
	flex-wrap: wrap;
    }	    

}

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

    /*	
    #product-feature .top-row .image-wrapper {
        max-width: 300px;
    }

    #product-feature .bottom-row .image-wrapper {
        max-width: 300px;
    }
    */

    #product-feature .features-list {
        display: flex;
	flex-wrap: wrap;
    }	    
   
    #product-feature .features-item {
        flex: 50%;
    }    

}

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

    #product-feature .check-mark {
        width: 25px;
	height: 25px;
    }	

    #product-feature .features-item {
        font-size: 0.8rem;    
    }

}


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

    #money-back-guarantee .header-row {
        font-size: 2rem;
    }

    #money-back-guarantee .info-row {
        flex-direction: column;
        align-items: center;
    }


    #money-back-guarantee .info-row .right-column {
        max-width: 100%;
        padding-top: 2rem;
        padding-bottom: 0rem;
    }

    #money-back-guarantee p {
        font-size: 1.3rem;
    }    

}

@media screen and (max-width: 530px) {
  
    #money-back-guarantee .header-row {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 915px) {
    #six-pack-upsell .wrapper {
        flex-direction: column;
    }

    #six-pack-upsell .left-column {
        margin-bottom: 1rem;
	margin-right: 0;
    }    

    #six-pack-upsell .right-column {
        width: 100%;
	text-align: center;
    }    

    #six-pack-upsell p:nth-of-type(1) {
        font-size: 1.6rem;
    }

    #six-pack-upsell p:nth-of-type(2) {
        margin-top: 1rem;
    }

}

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

    #six-pack-upsell p:nth-of-type(1) {
        font-size: 1.3rem;
    }

    /*
    #six-pack-upsell p:nth-of-type(2) {
        margin-top: 1rem;
    }
    */

}

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

    header .nav-menu .nav-item:nth-of-type(1) {
        display: none;
    }

    header .nav-menu .nav-item:nth-of-type(2) {
        display: none;
    }

    header .nav-menu .nav-item:nth-of-type(3) {
        display: none;
    }
}


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

    #ingredient-list br {
        display: none;
    }

}

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

    #ingredient-list h2 {
        font-size: 2rem;
    }


    #ingredient-list > p {
        font-size: 1.2rem;
    }

}



#faq-home {
    scroll-margin-top: 6rem;
    scroll-snap-margin-top: 6rem;
}



#faq-home {
    padding: 0rem 1rem;
}

#faq-home .wrapper {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

#faq-home h2 {
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
}

#faq-home h5 {
    font-size: 1.7rem;
    position: relative;
}

#faq-home img {
    position: absolute;
    top: 10px;
    right: 0;
    height: auto;
    width: 30px;
}

#faq-home button.accordion {
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 11px;
    outline: none;
    transition: 0.4s;
    padding: 1rem 1rem;
    padding-left: 1.5rem;
}

#faq-home div.panel {
    padding: 0 1.5rem;
    overflow: hidden;
    font-size: 1.4rem;
    padding-bottom: 1.5rem;
    color: #333;
}

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

    #faq-home h5 {
        font-size: 1.2rem;
    }

    #faq-home div.panel {
        font-size: 1rem;
    }

    #faq-home img {
        top: 8px;
        width: 20px;
    }
}


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

    #faq-home h2 {
        font-size: 1.5rem;
    }

}


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

    /*
    #product h1#single-page-header {
        font-size: 2.1rem;
	line-height: 3rem;
	margin-top: 1.5rem;
    }

    #tropiketo-main-image {
        max-width: 200px;
    }
    */

    #product-feature .bottom-row {
        margin-top: 1.5rem;	    
    }
 
    #contact > h1 {
        font-size: 1.7rem;
    }

}


#star-rating-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
    font-size: 1.2rem;
    color: #222;
}

#star-rating-panel > .row-2 {
    margin: 1rem 0;
}




#features-logo-row {
    width: 100%;
    text-align: center;
    padding: 4.5rem 0.5rem;
    background: #f0f4f4;
    padding-top: 0rem;
}


#features-logo-row .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 1250px;
    margin: 0 auto;
}


#features-logo-row .logo-item {
    max-width: 120px;
}

#features-logo-row img {
    max-width: 100%;
    height: auto;
}


@media screen and (max-width: 800px) {
    #features-logo-row .logo-item {
        max-width: 80px;
    }
}




#checkout-cart-timer {
    background: transparent;  
    width: 100%;
    padding: 1rem 1rem;
    padding-bottom: 1.25rem;
    color: #333;
    font-size: 1rem;
}

#checkout-cart-timer > .timer-wrapper {
    display: flex;
    justify-content: center;
}

#checkout-cart-timer .text-column {
  
}

#checkout-cart-timer .value-column {
    margin-left: 0.25rem;  
}

#cart-minutes {
    padding-right: 0.1rem;
}

#cart-seconds {
    padding-left: 0.1rem;
}


#single-page-ingredients {
    padding-top: 8rem;
}

#single-page-ingredients > .wrapper {

}

#single-page-ingredients h1 {

}