.limitedStockHidden {
    display: none !important;
}

.limitedStockHiddenSlider {
    display: none !important;
}

#main #product-main .container hr {
background-color: transparent;
}

#main.cardio-sucks #product-main [class^=styles_mobile] [class^=styles_prices],
#main.muscle-for-life #product-main [class^=styles_mobile] [class^=styles_prices] {
    display: none;
}

#main #product-sticky {
border-top: solid 1px #ccc;
}

#main #product-content {
    padding-top: 65px;
    padding-bottom: 65px;
}

/* Video & Short Description */
#main #product-content .product-content-intro {
padding-top: 75px;
    padding-bottom: 19px;
}

#main #product-content .product-content-intro .container {
    max-width: 1185px;
}

#main.atlas #product-content .product-content-intro .container {
    display: flex;
}

#product-content .product-content-intro .container .vid-wrapper {
    width: 348px;
    margin-right: 37px;
    margin-bottom: 5px;
    position: relative;
    float: left;
}

#main.fortify #product-content .product-content-intro .container .vid-wrapper {
    margin-bottom: 0;
}

#main.protein-bar #product-content .product-content-intro .container .vid-wrapper {
    margin-bottom: 30px;
}

#main.genesis #product-content .product-content-intro .container .vid-wrapper {
    width: 395px;
    margin-right: 49px;
}

#main.atlas #product-content .product-content-intro .container .vid-wrapper {
    float: none;
    width: 30%;
}

#main.atlas #product-content .product-content-intro .container .short-intro,
#main.triton #product-content .product-content-intro .container .short-intro {
    width: 70%
}

#product-content .product-content-intro .container .vid-wrapper .vidText {
width: 100%;
max-width: 325px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #42576E;
margin: 0 auto;
}

#product-content .content-video {
position: relative;
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
}

.books #product-content .content-video,
.stacks #product-content .content-video {
    margin-bottom: 50px;
}

#product-content .content-video:not(.play)::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: drop-shadow(0px 2.4px 8.4px rgba(0, 0, 0, 0.25));
width: 63px;
height: 63px;
border-radius: 50%;
background: linear-gradient(133.28deg, rgba(39, 162, 255, 0.8) -3.19%, rgba(39, 162, 255, 0.64) 100%);
pointer-events: none;
}

#product-content .content-video:not(.play)::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 63px;
height: 63px;
border-radius: 50%;
background: url(https://res.cloudinary.com/spiralyze/image/upload/v1608030046/legionathletics/Product-Page-Revamp-Pulse/play-icon.svg) no-repeat left 24px center;
background-size: auto 27px;
pointer-events: none;
}

.books #product-content .content-video:not(.play)::before,
.stacks #product-content .content-video:not(.play)::before,
.books #product-content .content-video:not(.play)::after,
.stacks #product-content .content-video:not(.play)::after {
    display: none;
}

#product-content .content-video img {
image-rendering: -webkit-optimize-contrast;
pointer-events: none;
}


#main #product-content .product-content-intro p {
    margin-bottom: 18px;
}

#whey-second-icons-row .bx-wrap-mobile {
    display: flex;
    justify-content: space-around; /* Distributes space evenly around the items */
    align-items: center;
    width: 100%; /* Ensures the wrapper takes full width of the parent */
}

#whey-second-icons-row .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; /* Ensures each slide takes equal space */
}

#whey-second-icons-row .second-icons-row-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; /* Ensures the container takes the full width of its parent (the slide) */
}

#whey-second-icons-row .second-icons-row-image {
    width: 113px; /* Sets the image width to 150px */
    display: block;
    margin-bottom: 5px; /* Space between the image and the caption */
    cursor: pointer;
}

#whey-second-icons-row .second-icons-row-caption {
    padding-bottom: 2px;
    text-align: center;
    font-weight: 600;
    color: #27A2FF;
    cursor: pointer;
    font-size: 18px;
    border-bottom: solid 1px #27A2FF;
}

#whey-second-icons-row {
    display: none;
}

#second-icon-row-modals {
    display: none;
}

@media screen and (max-width: 1024px) {
    #main #product-content .product-content-intro p {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    
    #whey-second-icons-row {
        display: flex;
    }
    #whey-second-icons-row .big-tm-symbol {
        font-size: 10px;
        display: inline-block;
        position: relative;
        top: -5px;
        font-weight: 600;
    }
    .whey .ingredients-section {
        margin-top: 12px !important;
    }
    #main #whey-second-icons-row br {
        display: none;
    }
    #main #whey-second-icons-row .bx-wrapper .bx-controls-direction a {
        top: 65px !important;
        z-index: 1;
    }
    #main #whey-second-icons-row .bx-wrapper .bx-next {
        background: url(https://legionathletics.com/wp-content/uploads/2024/03/slider-arrow-whey-icons-right-2.png) no-repeat center center;
        width: 45px;
        height: 45px;
        background-size: 45px;
    }
    #main #whey-second-icons-row .bx-wrapper .bx-prev {
        background: url(https://legionathletics.com/wp-content/uploads/2024/03/slider-arrow-whey-icons-left-2.png) no-repeat center center;
        width: 45px;
        height: 45px;
        background-size: 45px;
    }
    #main #whey-second-icons-row .bx-wrapper .bx-viewport {
        height: 150px !important;
    }
    #main #product-content .product-content-intro p {
        margin-bottom: 16px !important;
    }
    #main #product-content {
        padding-top: 0;
        padding-bottom: 0;
    }
}

#main #product-content .product-content-intro ol,
#main #product-content #how-to-use-stack ol {
    font-size: 18px;
    line-height: 1.5;
    margin-left: 50px;
    margin-bottom: 30px;
    color: #333333;
    text-align: justify;
}

#main #product-content .product-content-intro li {
    margin-bottom: 15px;
    font-weight: normal;
}

#product-sticky.new-sticky .sticky-add-to-cart {
background: #27A2FF;
transition: all 0.2s;
}
#product-sticky.new-sticky .sticky-add-to-cart:focus,
#product-sticky.new-sticky .sticky-add-to-cart:hover {
background: #138EEB;
}

/* Product Recommendations */
.supplements-recommendations {
    padding-top: 66px !important;
    padding-bottom: 0px !important;
}

.supplements-recommendations h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #333333;
}

/* Reviews */
#product-reviews {
    margin-top: 0 !important;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

#product-reviews h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #333333;
}

.yotpo-nav ul li {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.yotpo-dropdown.list-categories li {
    padding: 7px 9px 9px 12px !important;
    margin-bottom: 0 !important;
}
#product-reviews #legion-reviews .yotpo-label-container {
    border-top: none;
}
/* #product-reviews #legion-reviews .yotpo-regular-box {
    padding: 0 22px;
} */

#products-in-stack .reviews-section .yotpo-head,
#product-reviews #legion-reviews .yotpo-head {
    display: none;
}

#main #product-content ul li.yotpo-pagination-number-container {
    background: none;
    padding-left: 0px;
    margin: 0px;
}

#main #product-content ul.yotpo-horizontal-pagination-container {
    margin: 5px;
}

#product-reviews #legion-reviews .yotpo-reviews-pagination-container {
    margin-bottom: 0px;
    margin-top: 0px;
}

#product-reviews #legion-reviews .yotpo-vertical-pagination {
    margin-top: 35px;
}

#products-in-stack .reviews-section .yotpo-summary-section,
#product-reviews #legion-reviews .yotpo-bottom-line .yotpo-summary-section {
    justify-content: center;
}

#products-in-stack .reviews-section .yotpo-review-title,
#product-reviews #legion-reviews .yotpo-review-title {
    font-weight: bold;
}

#products-in-stack .reviews-section .star-container svg,
#product-reviews #legion-reviews .star-container svg {
    width: 14px;
}

#products-in-stack .reviews-section .star-container,
#product-reviews #legion-reviews .star-container {
    margin-right: 4px;
}

#products-in-stack .reviews-section .yotpo-reviews-list,
#products-in-stack .reviews-section .yotpo-review-title,
#product-reviews #legion-reviews .yotpo-reviews-list,
#product-reviews #legion-reviews .yotpo-review-title {
    font-size: 14px;
}

/* products in stack reviews */

#products-in-stack .reviews-section  .yotpo-main-layout .yotpo-layout-header-wrapper {
    flex-direction: column;
    margin-top: 30px;
}

#products-in-stack .reviews-section  .yotpo-main-layout .yotpo-layout-header-wrapper {
    display: none;
}

#products-in-stack .reviews-section  .yotpo-main-layout .yotpo-filters-container,
#products-in-stack .reviews-section  .yotpo-main-layout .yotpo-reviews-pagination-container {
    display: none;
}

#products-in-stack .reviews-section .yotpo-base-layout {
    width: 100% !important;
}

/* FAQ */
#main #faq {
padding-top: 10px;
margin-bottom: 64px;
}

#main #product-content #faq ul li {
    font-weight: normal;
}

#main #faq h2 {
font-weight: bold;
font-size: 28px;
line-height: 35px;
text-align: center;
color: #333333;
}

#main #faq .faq-item {
display: none;
}

#main #faq .cta-wrapper {
text-align: center;
margin-top: 42px;
margin-bottom: 35px;
}

#main #faq .cta-more,
#main #references .cta-more {
display: inline-block;
font-weight: bold;
font-size: 18px;
line-height: 18px;
text-align: center;
color: #27A2FF !important;
text-decoration: none !important;
position: relative;
padding-bottom: 5px;
transition: all 0.2s;
}

#main #faq .cta-more::after,
#main #references .cta-more::after {
content: '';
width: 100%;
height: 1px;
background: #27A2FF;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.2s;
}

/* References */
#main #references {
padding-bottom: 2px;
}

#main #references .container {
max-width: 1218px;
}

#main #references h2 {
font-size: 28px;
line-height: 35px;
font-weight: bold;
color: #333333;
pointer-events: none;
letter-spacing: 0;
}

#main #references h2 span {
display: none;
}

#main #references_container {
padding-top: 29px;
max-width: 1158px;
margin: 0 auto;
position: relative;
padding-bottom: 40px;
}

#main #references_container:not(.expanded)::after {
position: absolute;
bottom: 0;
content: '';
display: block;
width: 100%;
height: 55%;
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

#main #references .ref {
display: none;
padding: 0 0 25px 57px;
}

#main #references .ref .num {
font-size: 20px;
line-height: 20px;
color: #27A2FF;
width: 24px;
height: 20px;
top: 5px;
left: 19px;
}

#main #references .ref a {
font-weight: normal;
font-size: 19px;
line-height: 28px;
color: #333333;
margin-bottom: 7px;
transition: all 0.2s;
}

#main #references .ref p {
font-size: 18px;
line-height: 1.5;
color: #333333;
font-style: normal;
overflow-wrap: anywhere;
}

#main #references .ref-back-arrow {
left: 6px;
top: -1px;
}

#main #references .cta-wrapper {
text-align: center;
margin-bottom: 34px;
}

#main .fans-product-insta .insta-featured-in,
#main .fans-product-insta .insta-featured-in-mobile {
display: none !important;
}

#main #legion-instagram-reviews {
    padding-bottom: 23px;
    padding-top: 30px;
    background: #FFF;
}

#main #legion-instagram-reviews h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}

.short-handle .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    width: 36% !important;
}

p.green-check {
    background: url('../../images/2017-images/list-item.png') left 6px no-repeat;
    padding-left: 46px;
    display: inline-block;
    width: 57%;
}

.ingredientAmountSpan {
    font-weight: 400;
}

/*--------------------------------------------------------------
# Pulse inline explainer styles from Spiralize
--------------------------------------------------------------*/

@media screen and (min-width: 1025px) {

    .inline-exp {
        position: relative;
        display: inline;
    }
    .inline-exp {
        display: inline;
        font-weight: bold;
        color: #27a2ff;
        text-decoration: underline;
        -webkit-tap-highlight-color: transparent !important;    
        outline: none !important;
        cursor: pointer;
    }
    .inline-exp .modal-inline-exp {
        position: absolute;
        left: 50%;
        bottom: 100%;
        min-width: 428px;
        -webkit-transform: translate(-50%, calc(100% + 25px));
        transform: translate(-50%, calc(100% + 25px));
        z-index: 1050;
        display: none;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }
    #main.biome .inline-exp .modal-inline-exp {
        bottom: 63%;
        padding-top:  10px;
    }
    @media(min-width: 1025px) {
        .spz-inline-explainers.its-firefox #main #product-content .product-content-intro .container p:nth-child(2) strong span:nth-child(2) .modal-inline-exp {
            left: 0;
        }   
    }
    .inline-exp .modal-inline-exp.in {
        display: block;
        opacity: 1;
        -webkit-animation: fadein .15s;
        -moz-animation: fadein .15s;
        -ms-animation: fadein .15s; 
        -o-animation: fadein .15s;
        animation: fadein .15s;
    }
    .modal-inline-exp .modal-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .modal-inline-exp .modal-body {
        display: table;
        height: 100%;
        width: 100%;
        margin-top:  5px;
    }
    .modal-inline-exp .modal-body .modal-content {
        display: table-cell;
        vertical-align: middle;
        padding-top: 17px;
    }
    .modal-inline-exp .modal-body .modal-content .close-btn {
        display: none;
    }
    .modal-inline-exp .modal-body .modal-content .modal-contanier {
        background: #FFFFFF;
        border: 1px solid #C9C9C9;
        width: 100%;
        max-width: 428px;
        margin: 0 auto;
        padding: 28px 30px;
        position: relative;
        z-index: 110;
        display: block;
    }
    .modal-inline-exp .modal-body .modal-content .modal-contanier:before {
        content: '';
        position: absolute;
        width: 35px;
        height: 5px;
        background: white;
        top: -2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -3;
        margin-left: -5px;
    }
    .inline-exp .modal-inline-exp#improves-mood-\&-sharpens-mental-focus .modal-body .modal-content .modal-contanier:before {
        left: auto;
        right: 49px;
    }
    .modal-inline-exp .modal-body .modal-content .modal-contanier:after {
        content: "";
        position: absolute;
        top: -17px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: -5px;
        width: 75px;
        height: 17px;
        background: url('//res.cloudinary.com/spiralyze/image/upload/v1634036458/legionathletics/56-legion-Pulse-PDP-inline-explainers/arrow.svg') no-repeat top center;
        background-size: auto 30px;
        z-index: -3;
    }
    .modal-inline-exp#peer-reviewed-scientific-research  .modal-contanier:after,
    .modal-inline-exp#clinically-effective-levels  .modal-contanier:after,
    .modal-inline-exp#full-refund-on-the-spot .modal-contanier:after {
        top: -18px;
    }
    .inline-exp .modal-inline-exp#improves-mood-\&-sharpens-mental-focus .modal-contanier:after {
        left: auto;
        right: 9px;
    }
    .inline-exp .modal-body .modal-content .modal-contanier h2 {
        font-size: 20px !important;
        font-weight: 700;
        line-height: 24px !important;
        letter-spacing: 0px;
        color: #000000 !important;
        margin-bottom: 16px !important;
    }
    .inline-exp .modal-body .modal-content .modal-contanier {
        margin-bottom: 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        font-weight: normal;
        text-align: left !important;
        color:  #333;
    }
    .energy-surge .inline-exp .modal-body .modal-content .modal-contanier {
        padding: 28px;
    }
}
@media screen and (max-width: 1330px) and (min-width: 1134px) {
    .inline-exp .modal-inline-exp#reduces-fatigue{
        left: auto;
        right: 0;
        transform: translate(0%, calc(100% + 25px));
    }
}
@media screen and (max-width: 1330px) and (min-width: 1133px) {
    .inline-exp .modal-inline-exp#reduces-fatigue .modal-contanier:after {
        left: auto;
        right: -30px;
    }
    .inline-exp .modal-inline-exp#reduces-fatigue .modal-contanier:before {
        left: auto;
        right: 10px;
    }
}
@media screen and (max-width: 1260px) and (min-width: 1085px) {
    .inline-exp .modal-inline-exp#improves-mood-\&-sharpens-mental-focus{
        left: auto;
        right: 0;
        transform: translate(23%, calc(100% + 25px));
    }
}
@media screen and (max-width: 1149px) and (min-width: 1133px) {
    .inline-exp .modal-inline-exp#reduces-fatigue{
        transform: translate(16%, calc(100% + 25px));
        left: auto;
        right: 0;
    }
}
@media screen and (max-width: 1140px) {
    .inline-exp .modal-inline-exp#increases-energy {
        left: auto;
        right: 0;
        transform: translate(5%, calc(100% + 25px));
    }
    .inline-exp .modal-inline-exp#increases-energy .modal-contanier:after{
        left: auto;
        right: -11px;
    }
    .inline-exp .modal-inline-exp#increases-energy .modal-contanier:before{
        left: auto;
        right: 28px;
    }
}
@media screen and (max-width: 1084px) {
    .inline-exp .modal-inline-exp#increases-strength-and-endurance {
        left: auto;
        right: 0;
        transform: translate(48%, calc(100% + 25px));
    }
    .inline-exp .modal-inline-exp#increases-strength-and-endurance .modal-contanier:after {
        left: auto;
        right: 0px;
    }
    .inline-exp .modal-inline-exp#increases-strength-and-endurance .modal-contanier:before {
        left: auto;
        right: 38px;
    }
}
@media screen and (max-width: 1060px) {
    .inline-exp .modal-inline-exp#clinically-effective-levels{
        left: auto;
        right: 0;
        transform: translate(15%, calc(100% + 25px));
    }
    .inline-exp .modal-inline-exp#clinically-effective-levels .modal-contanier:after {
        left: auto;
        right: 85px;
    }
    .inline-exp .modal-inline-exp#clinically-effective-levels .modal-contanier:before {
        left: auto;
        right: 125px;
    }
}
@media screen and (max-width: 1024px) {
    .spz-inline-explainers.modal-open{
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    .spz-inline-explainers.modal-open #main #product-content .product-content-intro{
        position: initial;
    }
    .inline-exp .modal-inline-exp{
        display: none;
    }
/*    .inline-exp .modal-inline-exp{
        background: rgba(61, 61, 61, 0.25);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0 !important;
        transform: none !important;
        z-index: 2147483002;
        min-width: 100%;
    }*/
    .modal-inline-exp .modal-body .modal-content{
        padding: 16px 10px 0;
    }
    .modal-inline-exp .modal-body .modal-content .modal-contanier{
        max-width: 343px;
        border: none;
        padding: 16px 24px;
    }
    .modal-inline-exp .modal-body .modal-content .modal-contanier:before,
    .modal-inline-exp .modal-body .modal-content .modal-contanier:after{
        display: none;
    }
    .modal-inline-exp .modal-body .modal-content .close-btn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 35px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        transition: color .2s;
        text-decoration: none;
        color: #95979c !important;
        border: 0;
        outline: 0;
        background: 0 0;
        font-weight: normal;
    }
    .modal-inline-exp .modal-body .modal-content .close-btn:hover,
    .modal-inline-exp .modal-body .modal-content .close-btn:focus {
        color: #2b2e38 !important;
    }
    .modal-inline-exp .modal-body .modal-content .close-btn:before {
        font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;
        font-size: 25px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        content: "\00d7";
        text-align: center;
    }
    .inline-exp .modal-body .modal-content .modal-contanier h2{
        font-size: 18px !important;
        line-height: 23px !important;
        text-align: left !important;
        padding-right: 15px;
    }
}
@keyframes fadein {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from{
        opacity: 0;
    }
    to{
    opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
} 






@media only screen and (max-width: 1160px) {
    #main.genesis #product-content .product-content-intro p.p-fix {
        width: 100%;
    }
}

@media only screen and (max-width: 1118px) {
    #main.ascend #product-content .product-content-intro p {
        padding-top: 0 !important;
    }
}

@media only screen and (max-width: 1090px) {
    #main.fortify #product-content .product-content-intro p {
        padding-top: 0 !important;
    }
}

@media only screen and (max-width: 1058px) {
    #main.immunity #product-content .product-content-intro p.p-fix {
        padding-top: 18px !important;
    }
}

@media only screen and (max-width: 1024px) {
    #main #product-content .product-content-intro {
        padding-top: 75px !important;
    }

    #main #product-content .product-content-intro p,
    #main.immunity #product-content .product-content-intro p.p-fix {
        padding-top: 0 !important;
    }
    #main.recharge #product-content .product-content-intro p.p-fix {
        padding-top: 20px !important;
    }

    #main #product-content .product-content-intro ol {
        font-size: 17px;
    }

    /*#product-content .full-description,*/
    #product-content .large-product-ingredients,
    #main #delicious,
    #main #caffeine,
    #main #get-the-most,
    #references {
        display: block;
    }

    #main #legion-instagram-reviews {
        padding-top: 30px !important;
    }

    #main #legion-instagram-reviews h2 {
        max-width: 500px;
        margin: 0 auto 10px;
    }

    #product-reviews {
        margin-top: 30px !important;
    }

    #main #legion-instagram-reviews #legion-instagram-images {
        background: #fff;
    }
}

@media (min-width: 991.98px) {
    #main #product-sticky.new-sticky.is_stuck .sticky-toggle {
        padding: 0 39.5px;
    }
}

/*@media (min-width: 767.98px) {*/
    /* Sticky Header */
    #main .new-sticky .sticky-bar-inner.navbar-desk {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    #main #product-sticky.new-sticky:not(.is_stuck) .sticky-bar-inner {
        max-width: 920px;
        padding: 31px 10px 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    #main #product-sticky.new-sticky .sticky-toggle {
        float: inherit;
        padding: 0 37.9px;
        width: auto;
    }

    #main #product-sticky.new-sticky.is_stuck .sticky-toggle {
        margin: 0 auto;
        padding: 0 18px;
    }

    #main #product-sticky.new-sticky .sticky-toggle a {
        width: auto;
        display: inline-block;
        padding: 13px 0 !important;
        text-decoration: none;
    }

    #main #product-sticky.new-sticky .sticky-toggle p {
        font-weight: bold;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        text-transform: none;
        white-space: nowrap;
        padding-bottom: 5px;
        border-bottom-width: 1px;
        border-bottom:  solid 1px;
    }

    #main #product-sticky.new-sticky .sticky-toggle.active p {
        color: #27A2FF;
        border-bottom: 1px #27A2FF solid;
    }

    #main #product-sticky.new-sticky .sticky-toggle:hover p {
        border-bottom: 1px #27A2FF solid;
        color: #27A2FF;
    }

    #main #product-sticky.new-sticky .sticky-toggle a span.reviewCount {
        font-weight: normal;
    }

    #product-sticky.new-sticky.is_stuck .sticky-add-to-cart {
        position: static;
    }
    #product-sticky.new-sticky .sticky-add-to-cart:focus,
    #product-sticky.new-sticky .sticky-add-to-cart:hover {
        background: #138EEB;
    }
    #main #product-sticky.new-sticky:not(.is_stuck) .sticky-bar-inner .sticky-add-to-cart {
        display: none !important;
    }
/*}*/

@media (min-width: 991.98px) {
    #main #product-sticky.new-sticky .sticky-toggle {
        padding: 0 42px;
    }
}

@media (max-width: 991.98px) {
    /* Video & Short Description */
    #main #product-content .product-content-intro {
        padding-top: 44px;
    }

    #main #product-content .product-content-intro .container {
        flex-flow: row wrap;
    }

    #main.atlas #product-content .product-content-intro .container,
    #main.triton #product-content .product-content-intro .container {
        flex-direction: column;
    }

    #product-content .product-content-intro .container .vid-wrapper,
    #main.fortify #product-content .product-content-intro .container .vid-wrapper,
    #main.genesis #product-content .product-content-intro .container .vid-wrapper {
        max-width: 504px;
        margin: 0 auto 40px;
        width: 100%;
        background: #F6F6F6;
        border-radius: 8px;
        overflow: hidden;
        float: none;
    }

    #main.atlas #product-content .product-content-intro .container .vid-wrapper,
    #main.triton #product-content .product-content-intro .container .vid-wrapper,
    #main.atlas #product-content .product-content-intro .container .short-intro,
    #main.triton #product-content .product-content-intro .container .short-intro {
        width: 100%;
    }

    #product-content .product-content-intro .container .vid-wrapper .vidText {
        max-width: 100%;
        font-size: 17px;
        line-height: 27px;
        height: 63px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 12px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #product-content .content-video {
        max-width: 100%;
        border-radius: 6px;
    }

    .books #product-content .content-video,
    .stacks #product-content .content-video {
        max-width: 505px;
    }

    #main .product-content-intro .short-description {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #main .product-content-intro .short-description p {
        letter-spacing: normal !important;
        margin-bottom: 18px !important;
    }

    #main.recharge #product-content .product-content-intro p.p-fix {
        padding-top: 0px !important;
    }
    p.green-check {
        width: 100%;
    }
}

@media (max-width: 960px) {
    #legion-reviews .bottom-line-items-wrapper {
        left: calc(50% + 55px);
    }
}
@media (max-width: 860px) {
    #main.phoenix .supplements-recommendations.recommendations #products-grid [class^=styles_product_] {
        height: 376px !important;
    }
    #main.pulse .supplements-recommendations.recommendations .product.supplements {
        height: auto !important;
    }
}

@media (max-width: 767.98px) {
    /* Video & Short Description */
    #main #product-content .product-content-intro {
        padding-top: 40px !important;
        padding-bottom: 10px;
    }

    #main #product-content .product-content-intro .container {
        padding: 0 20px;
    }

    #main.protein-bar #react-product-details [class^=styles_h1] span {
        font-size: 24px;
    }

    #product-content .product-content-intro .container .vid-wrapper,
    #main.fortify #product-content .product-content-intro .container .vid-wrapper,
    #main.genesis #product-content .product-content-intro .container .vid-wrapper {
        max-width: 335px;
        margin: 0 auto 28px;
    }

    #main.triton #product-content .product-content-intro .container .vid-wrapper {
        margin-bottom: 28px;
    }

    #product-content .product-content-intro .container .vid-wrapper .vidText {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 13px;
        height: 59px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #product-content .content-video {
        margin-bottom: 9px;
    }

    #main #product-content .product-content-intro ol {
        margin-left: 30px;
    }

    #main #product-content .product-content-intro ol {
        font-size: 16px;
    }

    /* Sticky Header */
    #main #product-sticky.new-sticky {
        height: auto;
        padding-right: 0;
    }

    #main #product-sticky.new-sticky:not(.is_stuck) {
        /*height: 0;*/
    }

    #main #product-sticky.new-sticky .sticky-bar-inner {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 0;
        width: 100%;
        flex-wrap: wrap;
    }

    #main #product-sticky #ingredients-toggle,
    #main #product-sticky #stack-reviews-toggle,
    #main #product-sticky #stack-products-toggle,
    #main #product-sticky #stack-htu-toggle,
    #main #product-sticky #stack-faq-toggle {
        /*display: none !important;*/
    }

    #main #product-sticky.new-sticky .sticky-toggle {
        float: none;
        background: none !important;
        height: auto !important;
        width: auto !important;
        margin-right: 0px;
        box-shadow: none;
        padding: 10px 10px;
    }

    #main #product-sticky.new-sticky .sticky-toggle a {
        padding: 0 !important;
        height: auto !important;
        text-decoration: none;
    }

    #main #product-sticky.new-sticky.is_stuck .sticky-toggle p {
        display: block;
        order: 0;
        font-size: 15px;
        line-height: 19px;
        text-transform: none;
        letter-spacing: 0;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #333333;
        color: #333333;
    }

    #main #product-sticky.new-sticky .sticky-toggle.active p {
        color: #000;
        border-bottom: 1px #000 solid;
    }

    #main #product-sticky.new-sticky .sticky-toggle .reviewCount {
        /*display: none;*/
        font-size: 16px !important;
    }

    #main #product-sticky.new-sticky .sticky-add-to-cart {
        height: 45px !important;
        max-height: none !important;
        width: 40% !important;
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0;
        font-size: 15px;
        font-weight: bold;
        line-height: 45px;
    }

    #main.ascend .how-to-use-supp {
        padding-bottom: 43px;
    }

    #main.muscle-for-life .recommendations {
        padding-top:  10px !important;
    }

    #main.muscle-for-life .recommendations .productName {
        white-space: initial;
    }

    /* Product Recommendations */
    .supplements-recommendations {
        padding-top: 41px !important;
        padding-bottom: 14px !important;
    }

    .supplements-recommendations h2 {
        font-size: 28px;
        line-height: 31px;
    }

    #main.phoenix .supplements-recommendations.recommendations #products-grid [class^=styles_product_],
    #main.pulse .supplements-recommendations.recommendations .product.supplements {
        height: auto !important;
    }

    /* Reviews */
    #product-reviews {
        margin-top: 10px !important;
    }

    #main.ascend #product-reviews {
        padding-top: 10px;
    }

    #product-reviews h2 {
        font-size: 28px;
        line-height: 31px;
    }

    /* FAQ */
    #main #faq {
        padding-top: 6px;
        margin-bottom: 41px;
    }

    #main #faq h2 {
        font-size: 28px;
        line-height: 31px;
        width: 96%;
        margin-bottom: 23px;
    }

    #main #faq .cta-wrapper,
    #main #references .cta-wrapper {
        margin-top: 36px;
        margin-bottom: 10px;
    }

    /* References */
    #main #references {
        padding-bottom: 27px;
    }

    #main #references .container {
        padding: 0 20px;
    }

    #main #references h2 {
        font-size: 28px;
        line-height: 31px;
    }

    #main #references_container {
        padding-top: 4px;
    }

    #main #references .ref {
        padding: 0 !important;
    }

    #main #references .ref .num {
        top: 38px;
        left: -5px;
        text-align: right;
    }

    #main #references .ref a {
        padding-top: 35px;
        padding-left: 26px;
        font-size: 18px;
    }

    #main #references .ref p {
        position: relative;
        padding-right: 37px;
        padding-left: 26px;
        font-size: 18px;
    }

    #main #references .ref-back-arrow {
        position: absolute;
        left: auto;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    #main #legion-instagram-reviews {
        padding-top: 0px !important;
    }

    /* Instagram Reviews */
    #main #legion-instagram-reviews p {
        margin-bottom: revert !important;
    }

    #main #legion-instagram-reviews.fans-product-insta #legion-instagram-images {
        padding-bottom: 26px;
    }

    iframe[name="intercom-notifications-frame"] {
        bottom: 124px !important;
    }

    iframe#chat-button.scrollSticky {
        bottom: 105px !important;
    }

    iframe#chat-campaigns.scrollSticky {
        bottom: 140px !important;
    }

    #main.protein-bar .ingredients-accordion h3 strong {
        padding-right: 25px;
    }
    #legion-reviews .bottom-line-items-wrapper {
        display: flex;
    }
    #legion-reviews .bottom-line-items {
        min-width: 100px;
    }

}

@media only screen and (max-width: 500px){
    #main #product-sticky.new-sticky .sticky-bar-inner {
        max-width: 320px !important;
    }
    #main.stacks #product-sticky.new-sticky .sticky-bar-inner {
        max-width: 100% !important;
    }
    #main.supplement #product-sticky #stack-reviews-toggle {
        position: relative;
    }
    #main.supplement #product-sticky #stack-reviews-toggle a {
        width: calc(50% - -55px) !important;
    }

    #main #product-sticky #stack-faq-toggle {
        position: relative;
        left: -19px;
    }

    #legion-reviews .write-question-review-buttons-container .write-question-review-button .write-question-review-button-text {
        font-size: 13px;
    }
}

/*--------------------------------------------------------------
# Balance page sticky menu margin fix
--------------------------------------------------------------*/

#main.balance .vid-wrapper{
    height:  0 !important;
    width:  0 !important;
    margin:  0 !important;
    padding:  0 !important;
}

#product-content .product-content-intro .container {
    margin-top: -4px !important;
}



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

    #main.balance  .styles_productDetailsBottom_2CucB {
        max-width: 605px !important;
        margin: 0 auto;
    }

    #main.balance .styles_shortIntro_3qoZG{
        max-width:  87% !important;
    }
}

@media screen and (min-width: 1024px) {
    .plant .product-content-intro p {
        margin-bottom: 27px !important;
    }
} 
