body {
    /* font-family: Roboto, sans-serif; */
}

iframe {
	position: absolute;
	width: 0;
	height: 0;
	z-index: -1000;
}

.blurry-img {
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.blurry-img-pix {
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

@media screen and (max-width: 1140px) {
    .blurry-img-pix {
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }  
}

@supports (-moz-appearance: none) {
    .blurry-img, .blurry-img-pix {
        image-rendering: unset !important;
    }
}

.container {
    max-width: 1140px;
}

p {
    font-size: 20px;
    line-height: 1.4;
    color: #3D3D3D;
    margin-bottom: 25px;
}

h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 25px;
}

h2 {
    color: #002D36;
    font-size: 31px;
    line-height: 1.2;
    font-weight:  700;
    margin-bottom: 25px;
}

h4 {
    font-size: 25px;
    color: #002D36;
    margin-bottom: 8px;
    font-weight: 700;
}

.dark-heading {
    color: #000 !important;
}

ul {
    margin-bottom: 0;
}

ul > li {
    font-size: 20px;
    line-height: 1.4;
    color: #3D3D3D;
}

img {
    max-width: 100%;
}

.for-mobile {
    display: none;
}

.alert-success {
    font-size: 20px;
    margin-top: 20px;
}

.btn-with-bg {
    background: url("//cdn.bostonbrainscience.com/static-assets/assets/webv2/images/btn-bg.png");
    background-size: 100% 100%;
    color: #ffffff !important;
    font-size: 26px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 12px;
    min-width: 395px;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    font-weight: 700;
}

.btn-with-bg.medium-size {
    font-size: 28px;
    min-width: 359px;
    padding: 11px;
}

.btn-with-bg.small-size {
    font-size: 26px;
    min-width: 290px;
    padding: 6px;
}

.product-banner-large {
    background: url('//cdn.bostonbrainscience.com/static-assets/assets/webv2/images/bg-front.png');
    background-size: cover;
    padding: 50px 0;
}

.product-banner-large .product-details p {
    color: #FFFFFF;
}

.product-banner-large .product-image {
    padding-right: 15px;
    text-align: center;
    margin-bottom: -30px;
}

.product-banner-large .product-details {
    padding-left: 15px;
}

.image-banner {
    height: 430px;
    background-size: cover;
    background-position: center;
}

.form-control {
    border-radius: 0;
    padding: 16px 25px;
    font-size: 20px;
    border: solid 1px #818181;
    color: #818181;
    height: auto;
}

.form-group {
    margin-bottom: 25px;
}

textarea.form-control {
    font-size: 20px;
    height: 230px;
}

.bordered-image {
    border: solid 10px #ffffff;
    box-shadow: 0px 0px 6px #00000029;
}

.header-burger {
    display: none;
    cursor: pointer;
}

.header-burger div {
    width: 25px;
    height: 3px;
    background-color: #2D3395;
    margin: 5px;
}

#main-header {
    padding: 20px 0;
}

#main-header .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main-header .header-content ul {
    padding-bottom: 0px;
}

#main-header .header-menu {
    display: flex;
    padding-left: 0;
}

#main-header .header-menu a {
    text-decoration: none;
    color: #002D36 !important;
    font-size: 20px;
    margin-right: 35px;
    font-weight: 700;
}

#main-header .header-menu a.active {
    color: #2A3795 !important;
}

#main-header .header-menu li {
    list-style: none;
}

#main-header .header-menu li:last-child a {
    margin-right: 0;
}

#main-header .header-burger {
    display: none;
    border: 3px solid #2A3795;
    cursor: pointer;
    padding: 8px 5px;
}

#main-header .header-menu li:last-child a {
    margin-right: 0;
}

/* Landing Page */

#landing-page .content-container {
    padding: 50px 0;
}

#landing-page .content-container p {
    margin-bottom: 0;
}

#landing-page .content-container .content-list {
    padding-left: 60px;
}

#landing-page .cards-content {
    padding: 0 0 50px 0;
}

#landing-page .cards-content .bordered-image {
    margin-bottom: 25px;
}

#landing-page .cards-content p {
    margin-bottom: 0;
}

/* Product page */

#product-page .details-container h5 {
    font-size: 56.59px;
    color: #FFFFFF;
}

#product-page .details-container p {
    color: #FFFFFF;
    padding-bottom: 0;
}

#product-page .supplement-content {
    padding: 50px 0;
}

#product-page .supplement-content .supplement-table {
    border-top: solid 5px #2D3395;
    border-bottom: solid 5px #2D3395;
    margin: 30px 0;
}

#product-page .supplement-content .supplement-table p { 
    margin: 0;
}

#product-page .supplement-content .supplement-row,
#product-page .supplement-content .supplement-amount {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#product-page .supplement-content .supplement-row {
    padding: 25px 0;
}

#product-page .supplement-content .supplement-theader .supplement-row {
    padding-bottom: 0;
}

#product-page .supplement-content .supplement-tbody .supplement-row {
    border-bottom: solid 2px #2D3395;
}

#product-page .supplement-content .supplement-tbody .supplement-row:last-child {
    border-bottom: 0;
}

#product-page .supplement-content .supplement-footer p:last-child {
    margin-bottom: 0px;
}

#product-page .supplement-content .supplement-label {
    padding-right: 30px;
}

#product-page .supplement-content .amount-serving {
    min-width: 225px;
    margin-right: 70px;
}

#product-page .supplement-content .dv {
    min-width: 60px;
}

.simple-content-layout {
    background-color: #F2F2F2;
    padding: 50px 0;
}

.simple-content-layout .content-container {
    padding: 50px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 6px #00000029;
}

.simple-content-layout .content-section {
    padding-bottom: 50px;
}

.simple-content-layout .content-section:last-child {
    padding-bottom: 0;
}

.simple-content-layout h3 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: 700;
}

.simple-content-layout p:last-child {
    margin-bottom: 0;
}

.simple-content-layout a {
    color: #2D3395;
    text-decoration: underline;
}

.simple-content-layout ul.with-padding-ul > li {
    padding-bottom: 25px;
}

.simple-content-layout .content-container ul {
    padding-bottom: 25px;
}

.simple-content-layout ul.with-padding-ul > li:last-child,
#return-policy .content-section ul {
    padding-bottom: 0px;
}

/* faqs */

.faqs-container .toggle-header button {
    padding: 20px 40px 20px 40px;
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #C7C7C7;
    position: relative;
    box-shadow: none !important;
    background-color: #F2F2F2;
    border-left: solid 7px #2A3795;
    border-top: 0;
    border-radius: 0;
    transition: none;
    color: #3D3D3D;
}

.faqs {
    padding: 50px 0;
}

.faqs .faqs-header h4 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    color: #002D36;
}

.faqs .faqs-header .accordion-action a {
    color: #3D3D3D;
    font-size: 26px;
    margin-right: 40px;
}

.faqs .faqs-header .accordion-action a:last-child {
    margin-right: 0;
}

.faqs-container .toggle-header button.collapsed {
    background-color: transparent;
    border-left: solid 7px transparent;
}

.faqs-container .toggle-header h2 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 60px;
    position: relative;
}

.faqs-container .toggle-header h2:before {
    content: '';
    display: block;
    width: 19px;
    height: 12px;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-top: solid 12px #2A3795;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.faqs-container .toggle-header button.collapsed h2:before {
    transform: translateY(-50%) rotate(270deg);
}

.faqs-container .accordion:last-child .toggle-header button {
    border-bottom: 0;
}

.faqs .toggle-body {
    padding-top: 20px;
}

.faqs .toggle-body:empty {
    padding: 0;
}

.faqs .toggle-body p { 
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
}

.faqs-notes {
    padding-top: 50px;
}

.faqs-notes p {
    margin: 0;
}

/* end of code */

/* Contact page */

#contact-page h2 {
    margin-bottom: 30px;
}

#contact-page .contact-content {
    background-color: #F8F8F8;
    padding: 50px 0;
}

#contact-page .contact-content .form-content {
    padding-right: 60px;
}

#contact-page .contact-content .form-content .form-message {
    padding-bottom: 50px;
}

#contact-page .contact-btn button {
    width: 100%;
    background-size: 100% 100%;
    border: 0;
}

#contact-page .contact-image p:last-child {
    margin-bottom: 0;
}

#contact-page .bordered-image {
    margin-bottom: 25px;
}

.bordered-image img {
    width: 100%;
}

/* Footer */

#main-footer {
    background-color: #3D3D3D;
    padding: 45px 0;
    text-align: center;
}

#main-footer p {
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

#main-footer p:last-child {
    margin-bottom: 0;
}

#main-footer .top-container {
    margin-bottom: 25px;
}

#main-footer ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    justify-content: center;
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
}

#main-footer ul > li {
    padding: 0 5px;
    border-right: solid 1px #FFFFFF;
    font-size: 16px;
    line-height: 14px;
}

#main-footer ul > li:last-child {
    border-right: 0;
}

#main-footer ul > li > a {
    color: #FFFFFF;
    font-size: 15px;
}

.faqs-header h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.faqs-container .toggle-header h2  {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.faqs .toggle-body p {
    font-size: 22px;
    line-height: 1.5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Specials Page */
#specials-page .text-banner {
    background-color: #1B254B;
    text-align: center;
    padding: 25px 0;
}

#specials-page .text-banner h2 {
    font-size: 48px;
    line-height: 58px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 600;
}

#specials-page .sp-product-banner-large {
    background-color: #2A3795;
    padding: 50px 0 0;
}

#specials-page .product-banner {
    background-color: #1B2A95;
    padding: 50px 0 95px;
}

#specials-page .product-container {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

#specials-page .small-container .product-image.free-shipping:after {
    width: 78px;
    height: 81px;
    bottom: 25px;
    right: -10px;
}

#specials-page .product-details {
    color: #ffffff;
    text-align: center;
    padding-bottom: 50px;
}

#specials-page .product-details h5 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    margin-bottom: 10px;
}

#specials-page .product-details h3 {
    font-size: 64px;
    line-height: 70px;
    font-weight: 600;
    margin-bottom: 10px;
}

#specials-page .product-details p {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 0;
    color: #FFFFFF;
}

#specials-page .product-details .details-container {
    padding-bottom: 25px;
}

#specials-page .small-container .product-details h5, 
#specials-page .small-container .product-details h3 {
    font-size: 26px;
    line-height: 31px;
}

#specials-page .small-container .product-details .details-container {
    padding-bottom: 10px;
}

#specials-page .small-container .product-details {
    padding-bottom: 20px;
}

#specials-page .small-container.product-container {
    justify-content: flex-start;
}

#specials-page .product-image {
    margin-right: 30px;
}

#specials-page .product-image {
    position: relative;
    display: inline-block;
}

#specials-page .product-image.free-shipping:after {
    content: '';
    display: block;
    width: 112px;
    height: 117px;
    background: url('//cdn.bostonbrainscience.com/static-assets/assets/webv2/images/free-shipping-tag.png');
    background-size: 100%;
    position: absolute;
    bottom: 50px;
    right: -50px;
}

#specials-page .product-image.best-choice:before {
    content: '';
    display: block;
    width: 153px;
    height: 205px;
    background: url('//cdn.bostonbrainscience.com/static-assets/assets/webv2/images/best-price-tag.png');
    background-size: 100%;
    position: absolute;
    top: -30px;
    left: -30px;
}

#specials-page .with-bot-arrow {
    position: relative;
}

#specials-page .with-bot-arrow:before {
    content: '';
    height: 63px;
    width: 50%;
    background-color: transparent;
    border-left: solid 0;
    border-right: solid 300px transparent;
    border-bottom: solid 63px #ffffff;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

#specials-page .with-bot-arrow:after {
    content: '';
    height: 63px;
    width: 50%;
    background-color: transparent;
    border-right: solid 0;
    border-left: solid 300px transparent;
    border-bottom: solid 63px #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#specials-page .faqs .faqs-header {
    padding-bottom: 0;
}

#specials-page .faqs .faqs-header h4 {
    margin-bottom: 0;
}

#specials-page .image-banner {
    height: 23vw;
    background-position: top;
}

#specials-page {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#specials-page .btn-with-bg {
    font-weight: 600;
}

#specials-page .faqs-header {
    padding-bottom: 23px;
}

#specials-page .faqs-header h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
}

#specials-page .faqs .toggle-body {
    font-size: 22px;
}

#specials-page .faqs-container .toggle-header h2 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color: #3D3D3D;
}
/* @media */
@media (min-width: 1200px) {
    #specials-page .sp-product-banner-large .container,
    #specials-page .product-banner .container {
        max-width: 1140px;
    }
}

@media (max-width: 1199px) {
    #landing-page .content-container .content-list {
        padding: 0;
    }   

    #landing-page .cards-content h4 {
        min-height: 62px;
    }

    .btn-with-bg.small-size {
        font-size: 22px;
        min-width: 260px;
        padding: 7px;
    }

    #specials-page .product-image.best-choice:before {
        width: 105px;
        height: 138px;
        top: -15px;
        left: -20px;
    }

    #specials-page .product-image.free-shipping:after {
        width: 95px;
        height: 98px;
        bottom: 40px;
        right: -30px;
    }

    #specials-page .product-banner-large img {
        max-width: 450px;
    }

    #specials-page .product-details h5 {
        font-size: 30px;
        line-height: 36px;
    }

    #specials-page .sp-product-banner-large .product-image {
        margin-right: 60px;
    }

    #specials-page .product-details h3 {
        font-size: 56px;
        line-height: 66px;
    }

    #specials-page .product-details p {
        font-size: 24px;
        line-height: 27px;
    }
    
    #specials-page .product-image {
        margin-right: 25px;
    }
    
    #specials-page .product-image .cerebra-3 {
        width: 205px;
    }

    #specials-page .small-container .product-details h5, 
    #specials-page .small-container .product-details h3 {
        font-size: 23px;
        line-height: 24px;
    }
}

@media (max-width: 991px) {

    body.header-burger-active {
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    body.header-burger-active:after {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }

    h1 {
        font-size: 46px;
    }

    .btn-with-bg {
        font-size: 30px;
    }

    .image-banner {
        height: 350px !important;
    }

    .header-menu {
        position: absolute;
        right: 0;
        height: 92vh;
        top: 12.7vh;
        background-color: white;
        flex-direction: column;
        align-items: center;
        width: 100%;
        z-index: 9999;
        transform: translateX(100%);
        transition: transform 0.5s ease-in;
        justify-content: space-around;
    }

    .header-burger {
        display: block;
    }

    .product-banner-large {
        text-align: center;
        padding: 50px 0;
    }

    .product-banner-large .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-banner-large .product-image {
        padding-right: 0;
        margin: 0;
    }

    .product-banner-large .product-image img {
        max-width: 500px;
    }

    .product-banner-large .product-details {
        padding-left: 0;
    }

    #main-header {
        padding: 10px 0;
    }

    #main-header .header-menu {
        position: fixed;
        right: 0px;
        height: 100%;
        top: 0;
        background-color: white;
        display: block;
        text-align: center;
        flex-direction: column;
        align-items: center;
        transform: translateX(100%);
        transition: transform 0.1s ease-in;
        z-index: 9999;
        width: 60%;
        padding: 100px 0;
        box-shadow: 0px 0px 6px #00000029;
    }

    #main-header .header-burger {
        display: block;
        position: relative;
        z-index: 999999;
    }

    #landing-page .cards-content {
        padding: 50px 0;
    }

    #landing-page .cards-content .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 30px;
    }

    #landing-page .cards-content h4 {
        min-height: 0;
    }

    #landing-page .content-container [class^="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* start of code */

    #specials-page .product-image {
        margin: 0 0 20px;
    }

    #specials-page .product-image .cerebra-3 {
        width: 257px;
    }

    #specials-page .faqs .faqs-header h4 {
        font-size: 34px;
        line-height: 44px;
    }

    #specials-page .faqs .toggle-body {
        padding: 14px 0 0;
        font-size: 16px;
    }
    
    #product-page .product-banner {
        background-position: 65%;
    }

    #contact-page .contact-content .form-content {
        padding-right: 30px;
    }

    /* end of code */

    .product-banner-large .product-image {
        padding-right: 0;
    }

    .product-banner-large .product-image img {
        max-width: 500px;
    }

    .product-banner-large .product-details {
        padding-left: 0;
    }

    #main-header {
        padding: 15px 0;
    }

    #main-header .header-burger {
        display: block;
    }

    #main-header .header-menu li {
        padding-bottom: 15px;
    }

    #main-header .header-menu a {
        padding-right: 0;
        margin: 0;
    }

    #landing-page .cards-content {
        padding: 50px 0;
    }

    #landing-page .cards-content .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 30px;
    }

    #landing-page .cards-content h4 {
        min-height: 0;
    }

    #landing-page .content-container [class^="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #landing-page .content-container .content-list {
        padding-top: 25px;
    }

    #landing-page .content-container {
        padding: 50px 0;
    }

    /* @media Product page */

    #product-page .supplement-content {
        padding: 50px 0;
    }

    #product-page .product-container {
        display: block;
        text-align: center;
    }
    
    #product-page .product-banner {
        background-position: 55%;
    }

    #contact-page .contact-content {
        padding: 40px 0;
    }

    #contact-page .contact-content .form-content {
        padding-right: 0;
        padding-bottom: 35px;
    }

    #contact-page .contact-content .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #contact-page h2 {
        margin-bottom: 40px;
    }

    #contact-page .contact-content .form-content .form-message {
        padding-bottom: 40px;
    }

    .simple-content-layout .content-container {
        padding: 50px;
    }

    #specials-page .product-container {
        display: block;
        text-align: center;
    }

    #specials-page .product-image {
        margin: 0 0 20px;
    }

    #specials-page .product-image .cerebra-3 {
        width: 257px;
    }

    #specials-page .sp-product-banner-large .product-image {
        margin-right: 0;
    }

    #specials-page .faqs .faqs-header {
        padding-bottom: 20px;
    }

    #contact-page .contact-image .bordered-image {
        display: none;
    }

    #specials-page .faqs-header h2,
    .faqs-header h2 {
        font-size: 39px;
        line-height: 44px;
    }

    #specials-page .faqs-container .toggle-header h2,
    .faqs-container .toggle-header h2 {
        padding-left: 40px;
        font-size: 20px;
    }

    .faqs-container .toggle-header button {
        padding: 15px 40px;
    }
}

@media (max-width: 767px) {

    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    .btn-with-bg, 
    .btn-with-bg.medium-size {
        min-width: 260px;
        font-size: 22px;
        padding: 6px;
    }
    
    #landing-page .content-container .content-list {
        padding-top: 25px;
    }

    #landing-page .content-container {
        padding: 50px 0;
    }

    #landing-page .content-container h2 {
        font-size: 24px;
    }    

    /* @media Product page */

    #product-page .supplement-content {
        padding: 50px 0;
    }

    #product-page .product-container {
        display: block;
        text-align: center;
    }
    
    #product-page .product-banner {
        background-position: 55%;
    }

    #contact-page .contact-content .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #contact-page h2 {
        margin-bottom: 40px;
    }

    #contact-page .contact-content .form-content .form-message {
        padding-bottom: 40px;

    }
    p, 
    ul > li {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    body {
        overflow-x: hidden;
    }

 
    .image-banner {
        height: 250px;
    }

    h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 26px;
    }

    .header-menu {
        position: absolute;
        right: 0;
        height: 92vh;
        top: 9.9vh;
        background-color: white;
        flex-direction: column;
        align-items: center;
        width: 100%;
        z-index: 9999;
        transform: translateX(100%);
        transition: transform 0.5s ease-in;
        justify-content: space-around;
    }

    .header-burger {
        display: block;
    }

    .form-control {
        padding: 15px 20px;
    }

    #main-header img {
        max-width: 120px;
    }

    .btn-with-bg {
        width: 90%;
        min-width: 0;
        font-size: 30px;
        padding: 10px;
        background-size: 100% 100%;
    }

    .product-banner-large {
        padding: 20px 0;
    }

    .product-banner-large .product-image img {
        max-width: 90%;
    }

    .image-banner {
        height: 250px;
    }

    /* Animation for JS !important */

    #main-header img {
        max-width: 120px;
    }

    #main-header .header-content {
        justify-content: space-between;
    }

    #main-header .header-menu { 
        width: 85%;
        padding: 80px 0;
    }

    #faqs-page .product-banner-large {
        padding: 35px 0 0;
    }

    #faqs-page .product-image {
        margin: 0 0 10px;
    }

    .faqs {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .faqs .faqs-header {
        padding-bottom: 0;
    }

    .faqs-container .toggle-header button:before {
        left: 16px;
    }

    .faqs .faqs-header .accordion-action {
        text-align: center;
    }

    .faqs-container .toggle-header h2,
    .faqs .faqs-header .accordion-action a {
        font-size: 18px;
        line-height: 22px;
        padding-left: 35px;
    }

    .faqs .faqs-header .accordion-action a {
        margin-right: 20px;
    }

    .faqs-container .toggle-header button {
        padding: 15px 20px;
    }

    #specials-page .faqs .faqs-header h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .faqs-notes {
        padding-top: 35px;
    }

    .faqs .toggle-body p {
        font-size: 18px;
        line-height: 30px;
    }

    #landing-page .product-image {
        margin: 0 0 2;
    }

    #landing-page .cards-content .col-4:last-child {
        padding-bottom: 0;
    }

    #landing-page .content-container,
    #landing-page .cards-content {
        padding: 35px 0;
    }

    #landing-page .cards-content .bordered-image img { 
        width: 100%;
    }

    #landing-page .cards-content .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #landing-page .cards-content .col-4:last-child {
        padding-bottom: 0;
    }

    #landing-page .content-container,
    #landing-page .cards-content {
        padding: 35px 0;
    }

    #landing-page .cards-content .bordered-image img { 
        width: 100%;
    }

    /* @media Product page */

    /* .for-desktop {
        display: none;
    } */

    /* #product-page .supplement-content .supplement-theader {
        display: none;
    } */

    /* #product-page .supplement-content .supplement-row, 
    #product-page .supplement-content .supplement-amount {
        display: block;
    } */

    #product-page .supplement-content .amount-serving {
        min-width: 110px;
        margin-right: 10px;
    }
    
    #product-page .supplement-content .dv {
        min-width: 0px;
    }

    #product-page .supplement-content .supplement-label {
        padding-right: 0;
    }

    /* #product-page .supplement-content .amount-serving p:before {
        content: 'Amount Per Serving: '
    }

    #product-page .supplement-content .dv p:before {
        content: '% DV: '
    } */

    #product-page .product-banner-large img {
        max-width: 100%;
    }

    #product-page .product-banner {
        background-position: 45%;
    }

    /* @media Contact Page */

    #contact-page .contact-content {
        padding: 40px 0;
    }

    #contact-page h2 {
        margin-bottom: 35px;
    }

    #contact-page .contact-content .form-content .form-message {
        padding-bottom: 35px;
    }

    #contact-page .contact-btn button {
        width: 85%;
    }

    #main-footer {
        padding: 35px 0;
    }

    #main-footer ul {
        flex-wrap: wrap;
    }

    #main-footer ul li {
        padding-bottom: 0px;
    }

    #main-footer ul li:last-child {
        padding-bottom: 0;
    }

    .simple-content-layout {
        padding: 15px 0;
    }

    .simple-content-layout .content-container {
        padding: 20px;
    }

    .simple-content-layout h3 {
        font-size: 24px;
    }

    .simple-content-layout ul > li {
        padding: 0;
    }

    .simple-content-layout .content-section {
        padding-bottom: 35px;
    }

    #specials-page .sp-product-banner-large img { 
        max-width: 100%;
    }

    #specials-page .product-details {
        padding-bottom: 35px;
    }

    #specials-page .product-details h3 {
        font-size: 42px;
        line-height: 42px;
    }

    #specials-page .product-details p {
        font-size: 18px;
        line-height: 20px;
    }

    #specials-page .product-details h5 {
        font-size: 22px;
        line-height: 24px;
    }

    #specials-page .small-container.product-container {
        margin-bottom: 20px;
    }

    #specials-page .product-image.best-choice:before {
        width: 75px;
        height: 100px;
        top: -15px;
        left: -5px;
    }

    #specials-page .product-image.free-shipping:after {
        right: 0;
        width: 77px;
        height: 79px;
        bottom: 15px;
    }

    #specials-page .product-banner {
        margin-bottom: 0;
        padding: 25px 0 50px;
    }

    #specials-page .sp-product-banner-large {
        padding: 20px 0 0;
    }

    #specials-page .product-image {
        margin: 0px;
    }

    #specials-page .text-banner {
        padding: 15px 0;
    }

    #specials-page .text-banner h2 {
        font-size: 30px;
        line-height: 36px;
    }

    #specials-page .btn-with-bg {
        width: auto;
    }

    #specials-page .faqs {
        padding-top: 0;
    }

    #specials-page .product-details .details-container {
        padding-bottom: 20px;
    }

    #main-footer ul > li > a {
        font-size: 14px;
    }

    #faqs-page .image-banner {
        height: 200px !important;
    }

    #landing-page .cards-content {
        padding: 0px 0 50px 0;
    }

    #landing-page .content-container {
        padding-bottom: 15px;
    }

    #specials-page .faqs-header h2,
    .faqs-header h2 {
        font-size: 34px;
        line-height: 42px;
    }

    #specials-page .faqs-container .toggle-header h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .faqs .toggle-body {
        padding: 14px 0 0;
        font-size: 16px;
    }

    .faqs .toggle-body p {
        font-size: 16px;
        line-height: 24px;
    }
}

/* @media (max-width: 375px) {
    
    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    #product-page .supplement-content .amount-serving {
        margin-right: 15px;
    }
} */

/* Header Animation for JS !important */


.header-burger-active {
    transform: translateX(0%) !important;
}

.header-burger-toggle .header-line-one {
    transform: rotate(-45deg) translate(-4.5px, 6px);
}

.header-burger-toggle .header-line-two {
    opacity: 0;
}

.header-burger-toggle .header-line-three {
    transform: rotate(45deg) translate(-4.5px, -6px);
}