/*--------------------------------------------------------------
# ABOUT PAGE: Main Elements
--------------------------------------------------------------*/
.about {
    overflow-x: visible;
}

.about .container {
    max-width: 1107px;
    padding-bottom: 60px;
}

.about p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
    color: #111;
}

.about p:last-child {
    margin-bottom: 0;
}

.about.the-story p:last-child {
    margin-bottom: -12px;
}

.about ul.green-check {
    margin-bottom: 30px;
}

.about ul.green-check li {
    background: url('../../images/2017-images/list-item.png') left 6px no-repeat;
    margin-bottom: 15px;
    padding-left: 46px;
    font-size: 18px;
    min-height: 24px;
    line-height: 1.5;
}

.about .browse-our-store {
    border-top: 1px #bbb solid;
}

.about .bottom-img {
    margin-top: 0;
    /* background: url('../../images/2017-images/page-mindpump/desktop/browse-our-store.png') center no-repeat; */
    background: url('../../images/2017-images/Try-us-risk-free-v2.png') center no-repeat;
    background-size: auto;
    background-size: 1400px;
    height: 579px;
    margin-top: -240px;
    margin-bottom: 40px;
    display: block;
}








/*--------------------------------------------------------------
# ABOUT PAGE: HERO
--------------------------------------------------------------*/
.about #hero {
    width: 100%;
    height: 716px;
    background: url('../../images/2017-images/about-splash-bg.jpg') center no-repeat;
    clear: both;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    position: relative;
}

.about #hero .container {
    max-width: 1364px;
}

.about #hero .img.mike {
    position: absolute;
    left: -273px;
    top: -26px;
    z-index: 999;
    display: block;
    width: 1065px;
    height: 742px;
    background: url('../../images/2017-images/about-hero-mike.png') center no-repeat;
}

.about #hero blockquote {
    position: absolute;
    right: 38px;
    top: 140px;
    width: 681px;
    text-align: left;
}

.about #hero blockquote p {
    font-size: 22px;
    line-height: 1.5;
    font-style: italic;
    margin-bottom: 35px;
}

.about #hero blockquote h2 {
    font-weight: 300;
    margin-bottom: 50px;
    color: #333333;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.3;
}

.about #hero blockquote h2 strong {
    font-weight: 700;
}

.about #hero blockquote h2 a {
    font-weight: 700;
    text-decoration: none;
    color: #333333;
}

.about #hero blockquote h2 a:hover {
    color: #1BA3FB;
}

.about .mike-sig {
    background: url('../../images/2017-images/mike-sig.png') center no-repeat;
    display: block;
    width: 294px;
    height: 33px;
    clear: both;
    max-width: 100%;
    background-size: 100%;
}


/*--------------------------------------------------------------
# ABOUT PAGE: Youtube Section
--------------------------------------------------------------*/

.rll-youtube-player img {
    position: relative !important;
}






/*--------------------------------------------------------------
# ABOUT PAGE: INTRO
--------------------------------------------------------------*/
.about .intro {
    padding: 75px 0 0;
}

.about .intro .item {
    margin-bottom: 65px;
    width: 100%;
    clear: both;
    padding-top: 20px;
}

.about .intro .item .text {
    max-width: 564px;
    float: right;
    padding-top: 65px;
}

.about .intro .img {
    background: url('../../images/2017-images/about-trash.png') center no-repeat;
    width: 392px;
    height: 313px;
    margin-left: -10px;
    display: block;
    float: left;
}











/*--------------------------------------------------------------
# ABOUT PAGE: BLUE QUOTE
--------------------------------------------------------------*/
.about .blue-quote {
    width: 100%;
    clear: both;
    background: #1BA3FB;
    padding: 60px 0;
    margin-bottom: 50px;
}

.about .blue-quote .container {
    max-width: 1091px;
}

.about .blue-quote p {
    color: #fff;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 20px;
    line-height: 1.7;
}










/*--------------------------------------------------------------
# ABOUT PAGE: CONTENT
--------------------------------------------------------------*/
.about .content {
    padding: 75px 0 25px;
}

.about .content .item.i1 {
    width: 100%;
    margin: 50px 0;
}

.about .content .item.i1 .text {
    padding-top: 21px;
    width: 552px;
    float: left;
    margin-bottom: 30px;
}

.about .content .item .img.microscope {
    float: right;
    width: 404px;
    height: 284px;
    background: url('../../images/2017-images/about-lab.png') center no-repeat;
}

.about .content h3 {
    font-size: 21px;
    margin-bottom: 73px;
    letter-spacing: 0.5px;
    color: #293643;
    font-weight: 600;
    margin-top: 70px;
}

.about .content .items {
    width: 100%;
    clear: both;
}

.about .content .items li {
    float: left;
    list-style-type: none;
    width: 315px;
    height: 65px;
    margin-left: 58px;
    position: relative;
    padding-left: 105px;
    margin-bottom: 50px;
}

.about .content .items li.wide {
    width: 484px;
    margin-left: 0;
}

.about .content .items li p {
    padding-top: 11px;
}

.about .content .items li .img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.about .content .items li.atom p {
    padding-top: 0;
}

.about .content .items li.atom .img {
    background: url('../../images/2017-images/about-four-features-atom.png') left center no-repeat;
    width: 67px;
    height: 60px;
}

.about .content .items li.cup .img {
    background: url('../../images/2017-images/about-four-features-cup.png') left center no-repeat;
    width: 69px;
    height: 47px;
}

.about .content .items li.dosage .img {
    background: url('../../images/2017-images/about-four-features-dosage.png') left center no-repeat;
    width: 58px;
    height: 65px;
}

.about .content .items li.heart .img {
    background: url('../../images/2017-images/about-four-features-heart.png') left center no-repeat;
    width: 57px;
    height: 49px;
}

.about .content .smiley {
    background: url('../../images/2017-images/about-smiley-face.png') center no-repeat no-repeat;
    display: inline-block;
    position: relative;
    bottom: -7px;
    left: 10px;
    width: 29px;
    height: 29px;
}

.about .content .item.i2 {
    margin-bottom: 60px;
    margin-top: 40px;
}

.about .content .item.i2 .img.capsule {
    background: url('../../images/2017-images/about-ingredient.png') center no-repeat;
    width: 361px;
    height: 290px;
    float: left;
}

.about .content .item.i2 .text {
    padding-top: 80px;
    float: right;
    width: 586px;
}

.about .button.view-products {
    text-transform: none;
    max-width: 250px;
}











/*--------------------------------------------------------------
# Retina Images
--------------------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about #hero {
        background: url('../../images/2017-images/about-splash-bg@2x.jpg') center no-repeat;
        background-size: cover;
    }

    .about #hero .img.mike {
        background: url('../../images/2017-images/about-hero-mike@2x.png') center no-repeat;
        background-size: 100%;
    }

    .about .intro .img {
        background: url('../../images/2017-images/about-trash@2x.png') center no-repeat;
        background-size: 100%;
    }

    .about .content .item .img.microscope {
        background: url('../../images/2017-images/about-lab@2x.png') center no-repeat;
        background-size: 100%;
    }

    .about .content .smiley {
        background: url('../../images/2017-images/about-smiley-face@2x.png') center no-repeat;
        background-size: 29px;
    }

    .about .content .items li.atom .img {
        background: url('../../images/2017-images/about-four-features-atom.png') left center no-repeat;
        background-size: 67px;
    }

    .about .content .items li.cup .img {
        background: url('../../images/2017-images/about-four-features-cup@2x.png') left center no-repeat;
        background-size: 69px;
    }

    .about .content .items li.dosage .img {
        background: url('../../images/2017-images/about-four-features-dosage@2x.png') left center no-repeat;
        background-size: 58px;
    }

    .about .content .items li.heart .img {
        background: url('../../images/2017-images/about-four-features-heart@2x.png') left center no-repeat;
        background-size: 57px;
    }

    .about .content .item.i2 .img.capsule {
        background: url('../../images/2017-images/about-ingredient@2x.png') center no-repeat;
        background-size: 100%;
    }

    .about .mike-sig {
        background: url('../../images/2017-images/mike-sig@2x.png') center no-repeat;
        background-size: 100%;
    }

    .about .bottom-img {
        background: url('../../images/2017-images/Try-us-risk-free-v2-@2x.png') center no-repeat;
        background-size: 1400px;
        height:  579px;
        margin-top:  -240px;
    }
}

@media screen and (max-width: 1024px) {
    .browse-our-store p {
        text-align: center !important;
    }
}

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

    .about .bottom-img {
        background: url(../../images/2017-images/Try-us-risk-free-v2-@2x.png) center no-repeat;
        background-size: 925px;
        height: 579px;
        margin-top: -240px;
        margin-bottom: -80px;
    }

    .about .container {
        padding-bottom: 0px;
    }

    .about ul li p {
        margin-bottom: 20px !important;
    }
}