@media only screen and (max-width: 1439px) {
.detail_sec .text { padding: 60px; }
}

@media only screen and (max-width: 1275px) {
.detail_sec h1 { font-size: 40px; ine-height: 50px; }
.detail_sec blockquote { font-size: 32px; line-height: 38px; }

.intro_sec,
.landing_sec { background-attachment:scroll; }
.detail_sec .badge { max-width: 220px; bottom:80px; right:30px; }
.detail_sec.reversed .badge { left: 30px; }

}


@media only screen and (max-width: 1120px) {
.detail_sec h1 { font-size: 35px; ine-height: 45px; }
.landing_sec .subtitle { background-size: 80% 120%; }
}


@media only screen and (max-width: 1024px) {
.landing_sec .centering{ max-width:500px; width:100%; }
.landing_sec h1 { font-size: 74px; line-height: 80px; }
.landing_sec h1 span {font-size: 78px; display:block; line-height: 80px; }
.landing_sec .subtitle { font-size: 14px; line-height: 36px; letter-spacing: 0.25em; background-size: 100% 120%; }
.intro_sec{ height: 100vh; }
.intro_sec p { font-size: 19px; line-height: 29px; }
.detail_sec .text { padding: 60px 30px; }
.detail_sec h1 { font-size: 30px; line-height: 40px; }
.detail_sec blockquote { font-size: 27px; line-height: 33px; }
.detail_sec .highlighted_box::before { width: calc(100% + 50px); left: -25px; }
.mob_align{ padding-top: 5vh;  }
.detail_sec.reversed .image { background-position: center center; }  


}

@media only screen and (max-width: 767px) {
html, body, .ms-viewing-4 { height: auto !important; overflow: visible !important; }
#wrapper { padding-top:67px; }
#myContainer { display: none; }
#myContainer1 { display: block; float: left; width: 100%; padding: 66px 0 0; }

header .header_inner { border-bottom: 18px solid #bce2f1; border-top: none; padding: 0 15px 10px; }
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top: auto; bottom: -18px; left: 0; right: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
header ul.social_icon { margin-top: 8px; }

.logobar { padding: 12px 0 0 0; }
.logobar a.walgreens-logo { max-width: 110px; }
.logobar span.sep { margin: 0 4px; }
.logobar a.people-logo { max-width: 54px; }

.landing_sec { padding: 0 0 65px 0; float: left; width: 100%; text-align: center; position: relative; height:auto; display: block; background: none !important; }
.landing_sec .centering { display: flex; -webkit-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; max-width: 100%; padding:20px 0 20px; position: static; align-items:center; -webkit-align-items:center; -ms-align-items:center; }
.landing_sec::after, .landing_sec::before { display: none !important; }
.landing_sec h1 { color: #000; font-size: 43px; line-height: 44px; padding: 0 0 20px; width: 100%; margin: 0 auto;3 }
.landing_sec h1 span { color: #000; font-size: 45px; line-height: 46px; }
.landing_sec ul.logos { width: 100%; order:-1; padding: 0px 0 22px; }
.landing_sec ul.logos li a img.mobile { display: block; }
.landing_sec ul.logos li { padding: 0 0 0 4px; }
.landing_sec ul.logos li a img.desktop { display: none; }
.landing_sec ul.logos li:first-child { padding: 0 7px 0 0; }
.landing_sec ul.logos li:first-child:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 2px; height: 42px; background: url(../images/logo_sep2.png) no-repeat center center; }
.landing_sec ul.logos li:first-child a { width: 80px; }
.landing_sec ul.logos li a { width: 42px; }
.landing_sec .inter { width: 100%; display: block; }
.landing_sec .subtitle { background: none; font-size: 10px; line-height: 16px; color: #02a0c0; display: block; font-family: 'HelveticaNeue-Bold'; letter-spacing: 5.99px; text-transform: uppercase; display: block; margin: 0; width: 100%; }
.landing_sec .subtitle br { display: block; }
.landing_sec .mob-banner { display: block; width: 100%;  }

.intro_sec .centering { transform: none; -webkit-transform: none; display: block; opacity: 100 !important; padding: 50px 15px 90px; position: static; }
.intro_sec { margin: 0; min-height: calc(100vh - 60px); position: relative; padding: 0; height:auto;  }
.intro_sec p { font-size: 15px; line-height: 24px; letter-spacing: 0.94px; margin:0; }
.intro_sec .scroller { color: #fff; }
.intro_sec .scroller::before { background: #fff; }
.intro_sec span.highlight::before { width: 100%; min-height: 20px; }


.scroller { transition-property: none !important; transform: none !important; animation: none !important; opacity: 100 !important; font-size: 10px; line-height: 18px; color: #000; display: block; font-family: 'HelveticaNeue-Bold'; letter-spacing: 0.65em; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; padding: 0 0 30px; }
.scroller:before { width: 1px; height: 25px; background: #000; position: absolute; left: 50%; top: auto; bottom: 0px; content: ''; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition-delay: 1.5s; }

.detail_sec { width: 100%; float: left; height: auto; }
.detail_sec .text { padding: 40px 20px 20px; }
.detail_sec .image img.mobile { display: block; width: 100%; }
.detail_sec .highlighted_box::before { width: calc(100% + 30px); left: -15px; }
.detail_sec .badge { max-width: 188px; bottom: 10px; right: 5px; }
.detail_sec:nth-of-type(2n+1) .badge { left: 5px; right: auto; }
.detail_sec h1 { padding-bottom: 15px; font-size: 26px; line-height: 30px; }

.detail_sec h1 span.inter { padding-right:25px; transition-property: none !important; transform: none !important; animation: none !important; }
/*.detail_sec h1 span.inter::before { width: 100%; }*/
.detail_sec blockquote { font-size: 25px; line-height: 29px; }
.detail_sec blockquote::before { left: -15px; }
.detail_sec.reversed .image { order:0; }
.detail_sec.sticky .image ,
.detail_sec .image { position: relative;  width: 100%; left:auto; top:auto; right:auto; height:auto; width: 100%; background: none !important; min-height:0; }
.detail_sec .text { width: 100%; }

.high-yellow span { color:  #fff !important; opacity:100 !important; }

.detail_sec,.detail_sec.sticky,.detail_sec.reversed { display: block !important; }
.detail_sec .inner { max-width:100%; }


}


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

footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}

}