.productlandingbgimage.duoBottle { background-image: url("../../images/Landing/duo-bottle/hero-duo-bottle-landing-m.jpg?$staticlink$"); }
.productlandingbg.duoBottle .transparentwhite {padding-top: 2%;}
/*.rectangle-983 {display: block; background: none; height: 20px;}*/
.reusableContentAlt {width: 96%; /*padding-left: 1.5em; padding-right: 1.5em;*/ margin: 0 auto;}

.productlandingbgimage.duoBottle h1 {
	height: auto;
    overflow: auto;
    width: auto;
    position: relative;
    background: none;
    text-align: center;
    padding: 0 0 0.5em 0;
}

.duoBottle, .duoBottle p, .duoBottle li, .duoBottle h1, .duoBottle h2, .duoBottle h3 { font-family: 'Montserrat', Arial, sans-serif;}

.duo-blue {color: #007BC2;}
.duo-green {color: #647B32;}
.duo-pink {color: #c23593;}

.reusableContent .tab-content .slick-arrow {display: inline-block!important;}

@media only screen and (min-width: 768px) {
    .productlandingbgimage.duoBottle { background-image: url("../../images/Landing/duo-bottle/hero-duo-bottle-landing.jpg?$staticlink$"); }
    .breadcrumb { padding: 8px 0 20px 0; }
}

@media only screen and (min-width: 1366px) {
    .productlandingbg.duoBottle .transparentwhite {padding-top: 28px;}
}

/* ==================== INTRO HEADER ==================== */
.duoBottle .intro-header {
    position: relative;
    background-image: url("../../images/Landing/duo-bottle/duo-bottle-blue-gray-bkgd-mobile.png");
    background-size: cover;
    background-position: center center;
    padding-top: 0;
    padding-bottom: 1em;
    /*border-top: solid 1.5em #fff;*/
}

/*@media only screen and (min-width: 480px) {
    .duoBottle .intro-header {
        border-top-width: 10px;
    }
}

@media only screen and (min-width: 600px) {
    .duoBottle .intro-header {
        border-top-width: 12px;
    }
}

@media only screen and (min-width: 700px) {
    .duoBottle .intro-header {
        border-top-width: 18px;
    }
}*/

@media only screen and (min-width: 1024px) {
    .duoBottle .intro-header {
        /*border-top-width: 21px;*/
        background-image: url("../../images/Landing/duo-bottle/duo-bottle-blue-gray-bkgd.png");
    }
}

@media only screen and (min-width: 1070px) {
    /*.duoBottle .intro-header {
        border-top-width: 24px;
    }*/
}


.duoBottle .main-inner {
    padding-top: 2em;
}

.duoBottle .main-inner .main-inner-primary {
    padding: 0 2em;
    text-align: center;
}

.duoBottle .main-inner .main-inner-secondary {
    padding: 0 1em 1em;
}

.duoBottle .duo-logo {
    display: block;
    margin:0 auto 1.5em;
    max-width: 80%;
}

.duoBottle .times-badge {
    display: block;
    position: absolute;
    right: 1.25em;
    width: 80px;
    margin: 0 auto 1.5em;
}

.duoBottle .main-inner h2 {
    font-weight: 700;
    color: #474747;
    width: 70%;
}

.duoBottle .main-inner ul {
    max-width: 200px;
    margin: 0 auto;
    padding-left: 0.875em;
}

.duoBottle .main-inner ul li {
    color: #fff;
    font-size: 1.15rem;
    line-height:1.3125rem;
    font-weight: 700;
    margin: 0 0 0.25em;
}

.duoBottle .main-inner .shop-btn.desktop-display {
    display: none;
}

.duoBottle .main-inner .shop-btn.mobile-display {
    text-align: center;
}

.duoBottle .main-inner .button {
    font-weight: 700;
    background-color: #fff;
    border-color:#fff;
    color: #0080A3;
}

.duoBottle .main-inner .button:hover {
    background-color: #5cd3ff;
    border-color:#fff;
    color: #474747;
}

.duoBottle .main-bottles-container.desktop-display {
    display: none;
}

.duoBottle .main-bottles-container {
    padding: 0;
}

.duoBottle .main-bottles-container .duo-main-bottles {
    display: block;
    margin: 0 auto;
}

@media only screen and (min-width: 480px) {
    .duoBottle .main-inner ul {
        max-width: 300px;
    }
}

@media only screen and (min-width: 600px) {
    .duoBottle .main-inner .main-inner-secondary {
        padding: 0 2em 1em;
    }
}

@media only screen and (min-width: 768px) {
    .duoBottle .main-inner .button {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .duoBottle .main-inner {
        float: left;
        width: 62%;
    }
    .duoBottle .main-inner .main-inner-primary {
        float: left;
        width: 60%;
        padding: 0 2em;
    }
    .duoBottle .main-inner .main-inner-secondary {
        float: left;
        width: 40%;
        padding: 0 0 0 2em;
    }
    .duoBottle .duo-logo {
        margin:0 auto 2.5em;
        max-width: 100%;
    }
    .duoBottle .times-badge {
        position: relative;
        right: auto;
        width: 100px;
        margin: 0 auto 2.5em;
    }
    .duoBottle .main-inner h2 {
        padding-top: 1.25em;
        text-align: left;
        width: auto;
    }
    .duoBottle .main-inner ul {
        max-width: none;
        margin: 114px 0 0 0;
		margin-top: 334px;
        padding-left: 1.4125em;
    }
    .duoBottle .main-inner ul li {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .duoBottle .main-bottles-container.desktop-display {
        display: block;
    }
    .duoBottle .main-bottles-container.mobile-display {
        display: none;
    }
    .duoBottle .main-bottles-container {
        float: left;
        width: 38%;
        padding: 2em 2em 0 1em;
    }
    .duoBottle .main-inner .shop-btn.desktop-display {
        display: block;
    }
    .duoBottle .main-inner .shop-btn.mobile-display {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .duoBottle .main-inner h2 {
        font-size: 2.25rem;
    }
}

@media only screen and (min-width: 1280px) {
    .duoBottle .times-badge {
        width: 140px;
    }
    .duoBottle .main-inner h2 {
        font-size: 2.5rem;
    }
    .duoBottle .main-inner ul li {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

@media only screen and (min-width: 1230px) {
    .desktop-break {
        display: block;
    }
}


/* ==================== LONG DESCRIPTION ==================== */
.transparentwhite .reusableContentAlt.long-desc {}
.transparentwhite .reusableContentAlt.long-desc p {font-size: 1rem;}
@media only screen and (min-width: 768px){
	.transparentwhite .reusableContentAlt.long-desc p {font-size: 1.1875rem; padding-left: 3em; padding-right: 3em;}
}

/* ==================== VIDEO REGIONS ==================== */
.transparentwhite .reusableContentAlt.video-region {padding-top: 1.5em;}
.brandVideo {display:block; width:100%; margin:0 auto;}
.videoContainer {position:relative; padding-bottom: 56.25%; height: 0;}
.videoContainer iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-holder {position: relative;}
.video-holder h2, .video-holder .video-description {display: block; visibility: hidden; font-size: 0;}
@media only screen and (min-width: 768px){
    /*.brandVideo {width:70%; padding:60px 0 30px 0; margin:0 auto;}*/
}

/* ==================== SCIENCE INSIDE ==================== */
.science-inside {
    position: relative;
    background-color: #fff;
    /*padding-top: 0!important;*/
    margin-top: 0;
    text-align: center;
}

.science-inside img {
    display: block;
}

.science-inside .inner {
    position: relative;
    padding: 0 1em 2em;
}

.science-inside .inner img {
    margin-top: -2em;
}

.science-inside h2 {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.science-inside p {
    font-size: 1.125rem;
    line-height: 2rem;
    margin: 0;
}

.science-inside h3.duo-text-callout {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding:0 1em;
}

@media only screen and (min-width: 480px){
    .science-inside h3.duo-text-callout {
        position: absolute;
        bottom: 50%;
        left: 3%;
        width: 50%;
        padding:0;
    }
}

@media only screen and (min-width: 600px){
    .science-inside {
        margin-top: 50px;
    }
    .science-inside .inner {
        padding: 0 2em 2em;
    }
    .science-inside h2 {
        font-size: 1.75rem;
    }
    .science-inside .inner img {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px){
    .science-inside h2 {
        font-size: 2rem;
    }
    .science-inside p {
        font-size: 1.4125rem;
        line-height: 2.75rem;
    }
    .science-inside h3.duo-text-callout {
        bottom: 35%;
        left: 5%;
        font-size: 1.75rem;
        line-height: 2.5rem;
        width: 35%;
    }
}

@media only screen and (min-width: 980px){
    .science-inside h3.duo-text-callout {
        bottom: 20%;
        width: 30%;
    }
}

@media only screen and (min-width: 1100px){
    .science-inside {
        text-align: left;
    }
    .science-inside .inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 62%;
    }
    .science-inside h2 {
        text-align: left;
    }
    .science-inside h3.duo-text-callout {
        text-align: center;
        bottom: 25%;
        font-size: 2rem;
        width: 30%;
    }
}


/* ==================== DUO BOTTLE FEATURES ==================== */
.transparentwhite .reusableContentAlt.duo-bottle-features {
    padding-top: 1.5em;
}

.duo-bottle-features .feature .feature-title {
    background-size: cover;
    background-position: center center;
    padding: .75em 1em;
    /*width: 90%;*/
    max-width: 380px;
    margin: 0 auto;
}

.duo-bottle-features .feature .feature-title h2 {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin: 0;
}

.duo-bottle-features .feature-one .feature-title h2 {
    color: #474747;
}

.duo-bottle-features .feature-one .feature-title {
    /*background-image: url("../../images/Landing/duo-bottle/feature-title-blue-bkgd.jpg");*/
    background-color: #5cd3ff;
}

.duo-bottle-features .feature-two .feature-title {
    /*background-image: url("../../images/Landing/duo-bottle/feature-title-pink-bkgd.jpg");*/
    background-color: #c23593;
}

.duo-bottle-features .feature-block {
    background-color: #fff;
    background-size: 100% auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    /*min-height: 840px;
    width: 90%;*/
    max-width: 380px;
    margin: 0 auto;
}

.duo-bottle-features .feature-block img {
    width: 100%;
}

.duo-bottle-features .feature-block .inner {
    padding:2em 1em 0;
}

.duo-bottle-features .feature-block .inner h3,
.duo-bottle-features .feature-block .inner h4.feature-subtitle {
    text-align: center;
}

.duo-bottle-features .feature-block .inner h3 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
}

.duo-bottle-features .feature-block .inner h4.feature-subtitle {
    font-size: 0.9rem;
    line-height: 1.5em;
    font-weight: 700;
    margin: 0;
    color: #67696d;
}

.duo-bottle-features .feature-block .inner h4.feature-subtitle:after {
    display: block;
    content: '';
    border-bottom: dotted 4px #666;
    margin: .75em auto;
    width: 100px;
}

.duo-bottle-features .feature-block ul {
    padding:0 0 200px 1.25em;
    margin-bottom: 0;
    text-align: left;
}

.duo-bottle-features .feature-block ul li {
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.5em;
}

.duo-bottle-features .feature-one .block-one {
    background-image: url("../../images/Landing/duo-bottle/icon-pure-glass.jpg");
}

.duo-bottle-features .feature-one .block-two {
    background-image: url("../../images/Landing/duo-bottle/icon-bpa-free.jpg");
}

.duo-bottle-features .feature-two .block-three {
    background-image: url("../../images/Landing/duo-bottle/icon-anti-colic.jpg");
}

@media only screen and (min-width: 500px){
    .duo-bottle-features .feature .feature-title h2 {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 768px){
    .duo-bottle-features .feature {
        float: left;
    }
    .duo-bottle-features .feature-one {
        width: 66.66666%;
    }
    .duo-bottle-features .feature-two {
        width: 33.33333%;
    }
    .duo-bottle-features .feature .feature-title {
        max-width: none;
        width: auto;
    }
    .duo-bottle-features .feature-one .feature-title {
        margin-right: .75%;
    }
    .duo-bottle-features .feature-two .feature-title {
        margin-left: 3%;
    }
    .duo-bottle-features .feature-block {
        min-height: 980px;
        width: auto;
        max-width: none;
    }
    .duo-bottle-features .feature-one .feature-block {
        float: left;
        width: 48.5%;
    }
    .duo-bottle-features .feature-block ul {
        padding:0 0 100px 1.25em;
    }
    .duo-bottle-features .feature-one .block-one {
        margin-right: 1.5%;
    }
    .duo-bottle-features .feature-one .block-two {
        margin-right: .75%;
        margin-left: .75%;
    }
    .duo-bottle-features .feature-two .block-three {
        margin-left: 3%;
    }
}

@media only screen and (min-width: 1024px){
    .duo-bottle-features .feature-block {
        min-height: 1080px;
    }
    .duo-bottle-features .feature .feature-title h2 {
        font-size: 2rem;
    }
    .duo-bottle-features .feature-block .inner h3 {
        font-size: 1.5rem;
    }
    .duo-bottle-features .feature-block .inner h4.feature-subtitle {
        font-size: 1.125rem;
    }
    .duo-bottle-features .feature-block ul {
        padding:0 .5em 180px 1.75em;
    }
    .duo-bottle-features .feature-block ul li {
        font-size: 1.1875rem;
    }
    
}

@media only screen and (min-width: 1200px){
    .duo-bottle-features .feature-block .inner h3 {
        font-size: 1.6125rem;
    }
}

/* ==================== SHOPPING ==================== */
.shopping-section {
    background-color: #616161;
    margin-top: 1.5em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    text-align: center;
}

.shopping-section h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.shopping-section .button {
    font-weight: 700;
    background-color: #fff;
    border-color:#fff;
    color: #0080A3;
}

.shopping-section .button:hover {
    background-color: #5cd3ff;
    border-color:#fff;
    color: #474747;
}

.shopping-section .shopping-bottles img {
    margin: 0 1% 1em;
}

@media only screen and (min-width: 600px){
    .shopping-section .shopping-bottles {
        display: flex;
        justify-content: space-between;
    }
    .shopping-section .shopping-bottles img {
        width: 31.33333%;
    }
}

@media only screen and (min-width: 768px){
    .shopping-section .button {
        font-size: 1rem;
    }
}

/* ==================== AWARDS ==================== */
.awards-section {
    background-color: #616161;
}

.awards-section h2 {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.awards-section .inner-left {
    padding: 0 1em 1em;
    text-align: center;
}

.awards-section .inner-right {
    padding: 0 1em 1em;
}

@media only screen and (min-width: 768px){
    .awards-section {
        margin-top: 1.5em;
    }
}

@media only screen and (min-width: 800px){
    .awards-section {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .awards-section h2 {
        font-size: 2.5rem;
        text-align: left;
    }
    .awards-section .inner-left {
        padding: 0 2em 1em;
        width: 50%;
    }
    .awards-section .inner-right {
        padding: 0 2em 1em;
        width: 50%;
    }
}

@media only screen and (min-width: 900px){
    /*.awards-section h2 {
        font-size: 3rem;
    }*/
}


/* ==================== GAME CHANGER ==================== */
.game-changer {
    position: relative;
    text-align: center;
}

.game-changer .inner {
    padding: 2em 1em;
}

.game-changer .inner h2 {
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

.game-changer .inner h2:after {
    display: block;
    content: '';
    border-bottom: dotted 4px #666;
    margin: .75em auto;
    width: 100px;
}

.game-changer .inner p {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0 0 1em;
}

.game-changer .button {
    font-weight: 700;
    background-color: #5cd3ff;
    border-color:#5cd3ff;
    color: #474747;
}

.game-changer .button:hover {
    background-color: #fff;
    color: #474747;
    border-color:#5cd3ff;
}

@media only screen and (min-width: 768px){
    .game-changer .inner {
        position: absolute;
        top: 20%;
        left: 0;
        width: 45%;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    .game-changer img {
        margin-bottom: 2em;
    }
    .game-changer .button {
         font-size: 1rem;
    }
}

@media only screen and (min-width: 1020px){
    .game-changer .inner {
        left: 5%;
        width: 32%;
    }
    .game-changer .inner h2 {
        font-size: 1.75rem;
    }
    .game-changer .inner p {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.coming-soon h3 {
    text-transform: uppercase;
    font-weight: 600;
}