@media (max-width:767px) {
    .aboutsect .left, .aboutsect .right, .sponsorsect .sponsors .left, .sponsorsect .sponsors .right {
      width:100%;
      float:none;
    }
    .videosect h2 {
      margin-left:0px;
    }
    .footersect p {
        margin-bottom:10px;
    }
    .orangecta {
        padding:15px 15px;
    }
    #booklet {
      width:100% !important;
    }
    .sponsorsect {
        background-image: linear-gradient(#fffabb, #f8af4e);
    }
    .sponsorsect p {
        font-size:16px;
    }
      .sponsorsect .sponsors .left p {
      margin-left:auto;
  }
  .sponsorsect .sponsors .right .leftimg img {
      margin-top:15px;
  }
  .sponsorsect .sponsors .right .rightimg img {
      margin-top:10px;
  }
    .banner {
      background-image: url(../images/sanofi-banner-mobile-667.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: 2% -75px;
      height: 1067px;
    }
    .footersect {
      background-image: url(/images/footersect-mobile-667-updated.png) !important;
      height:1850px !important;
      background-size: 100% 100%;
  }
  .aboutsect {
    background-image: url(../images/about-mobile-667.png) !important;
      height:1000px !important;
      background-size: 100% 100%;
  }
  .videosect {
    background-image: url(../images/video-mobile-667.png);
    height:954px;
    background-size: 100% 100%;
  }
    .sponsorsect .sponsors .left .middleimg img {
      width:130px;
    }
    .sponsorsect {
      padding:70px 0px 30px;
    }
    .sponsorsect .sponsors .left .rightimg img {
      margin-top: -12px;
    }
    .sponsorsect .sponsors .right p {
      margin-bottom:-30px;
    }
    .footersect .topsection .right {
      margin-top:55px;
    }
    .footersect h2 {
      font-size:20px;
    }
    .downdesk {
      display:none !important;
    }
    .downmob {
      display:block !important;
    }
    .sponsorsect .sponsors .left, .sponsorsect .sponsors .right {
      display:inline-block;
    }
    .sponsorsect .sponsors .left .rightimg img, .sponsorsect .sponsors .left .middleimg img, .sponsorsect .sponsors .left .leftimg img {
      display:block;
      margin:0 auto;
      float:none;
    }
    .sponsorsect .sponsors .left .leftimg img {
      margin-top:10px;
    }
    .sponsorsect .sponsors .left .rightimg img {
      width:auto !important;
    }
    .footersect {
      height: 2630px;
    }
    .footersect .topsection .right h2 {
      color:#065678;
    }
    .sponsorsect .sponsors {
      width: 100%;
      display: block;
      margin: 0 auto;
      padding: 40px 0px;
      margin-top: -70px;
      margin-bottom: 90px;
      border-radius: 0px;
  }  
    .footersect .topsection .left {
      margin-top:-30px;
    }
    .footersect {
      background-image: url("../images/footersect-mobile.png");
      background-size:100% 100%;
      height:1306px;
    }
    .aboutsect {
      overflow-x:hidden;
    }
    .videosect h2 {
      font-size: 17px;
      margin-top: 40px;
    }
    .banner h1 {
      font-size: 60px;
      margin-top: 120px;
  }
  .aboutsect .container {
    padding-bottom: 90px;
  }
    .deepred, .deeppurple, .beachkids {
      display:inline;
    }
    .beachkids {
      width: 500px;
      display: block;
      margin: 0 auto;
      margin-top: 75px;
    }
    .aboutsect .left h2 {
      font-size: 28px;
  }
  .aboutsect .right p {
    font-size:17px;
  }
    .deepred {

      position: absolute;
      right: 0px;
      bottom: 120px;
  
    }
    .deeppurple {
position: absolute;
    left: 0px;
    bottom: -445px;
      
    }
    .footersect .bottomsection h2, .footersect .bottomsection p {
        padding-left:40px;
        padding-right:40px;
    }
    .aboutsect .left, .aboutsect .right{
      margin-bottom:30px;
    }
    .sponsorsect .sponsors .left{
      margin-bottom:50px;
    }
    .footersect .bottomsection {
      margin-top:30px;
    }
    .footersect .topsection {
      margin-top:0px;
    }
    .footersect .topsection .left p{
      margin-top:-30px;
      font-size:16px;
    }
    .footersect .topsection .right p {
      margin-top:-10px;
      font-size:16px;
    }
    .footersect .topsection .right a, .footersect .topsection .left a {
      font-size:20px !important;
    }
    .footersect .topsection .left img {
      margin-top:-25px !important;
    }
    .footersect .bottomsection h2 {
      font-size:23px;
    }
    .footersect .bottomsection p {
      font-size:18px;
    }
    .footersect .topsection .right img {
      margin-top:-30px !important;
    }
    .aboutsect .left {
      margin-left:0px;
      text-align:center;
    }
    .aboutsect .contents {
      margin-top:40px;
      overflow:hidden;
    }
    .sponsorsect p a {
      word-break: break-all;
    }
    .aboutsect .left h2, .aboutsect .right p {
      padding-left:40px;
      padding-right:40px;
    }
    .footersect .topsection .left, .footersect .topsection .right {
      width:100%;
      margin-bottom:20px;
      float:none;
    }
    .footersect .topsection .left h2, .footersect .topsection .left p {
      padding-left:40px !important;
      padding-right:40px !important;
      text-align:center;
    }
    .footersect .topsection .right h2, .footersect .topsection .right p{
      padding-left:40px !important;
      padding-right:40px !important;
      text-align:center;
    }
    .footersect .topsection .right a, .footersect .topsection .left a{
      margin-left:40px;
      width:250px;
      font-size:21px;
      display:block;
      margin:0 auto;
    }
    .footersect .bottomsection .orangecta {
      width:85%;
      margin-top:0px;
    }
    .sponsorsect .sponsors .left .leftimg {
        margin-top:-15px;
    }
    .sponsorsect .sponsors .right .leftimg {
        margin-top:30px;
    }
    .sponsorsect .sponsors .right .rightimg {
        margin-top:50px;   
    }
    .container {
      max-width:100%;
    }
    .sponsorsect .sponsors {
      width: 100%;
      display: block;
      margin: 0 auto;
      padding: 40px 0px;
      margin-top: -120px;
      margin-bottom: 30px;
  }
  .sponsorsect p.moreinfo {
    margin:0px 40px;
    font-size:18px;
  }
    .videosect video {
      width: 65%;
      height: 150px;
      display: block;
      margin: 0 auto;
      margin-top: 70px;
    }
    .banner h1 br {
      display:none;

    }
    .footersect .bottomsection h2 br {
      display:none;
    }
    .footersect .topsection img {
        display:block;
        margin: 0 auto;
        width:250px;
        height:auto;
        margin-top:20px;
    }
  }
    @media (min-width: 740px) and (max-width: 767px) {
  .banner h1 {
      font-size: 60px !important;
  }
}
  @media (max-width:720px) {
    .videosect h2 {
      font-size: 15px;
      margin-top: 72px;
      margin-left:0px;
  }
  .aboutsect {
    background-image: url(../images/about-mobile.png);
    background-size: 103% 100%;
    margin-top:0px;
}
.banner {
  height: 1010px;
}
    .videosect video {
      width: 65%;
      height: 150px;
      display: block;
      margin: 0 auto;
      margin-top: 40px;
  }
  }
  @media (max-width:653px) {
    .banner {
      height: 905px;
    }
  }
  @media (max-width:540px) {
    .aboutsect {
      background-size: 103% 100%;
    }
    .banner h1 {
      margin-top: 160px;
      font-size: 35px;
  }
    .banner {
      height: 860px;
  }
  .videosect h2 {
    margin-top: 70px;
}
.videosect video {
  width: 65%;
  height: 150px;
  display: block;
  margin: 0 auto;
  margin-top: 45px;
}
  }
  @media (max-width:500px) {
    .beachkids {
      margin-top: 70px;
    }
  }
  @media (min-width:480px) and (max-width:767px) {
    .banner h1 {
      margin-top: 190px;
      font-size: 45px;
  }
  .aboutsect {
    margin-top: -135px;
  }
  .aboutsect .left h2 {
    font-size: 30px;
}
.footersect .topsection .right a, .footersect .topsection .left a {
  width:300px;
}
.orangecta, .footersect .topsection .right a, .footersect .topsection .left a {
  font-size:19px !important;
}
.footersect .topsection .right p, .footersect .topsection .left p {
  font-size:30px;
}
.aboutsect .right p {
  font-size:26px;
}
.videosect h2 {
  font-size:23px;
  margin-top: 140px;
}
.videosect video {
  width: 433px;
  height: 245px;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
}
.footersect .bottomsection h2 {
  font-size:36px;
}
.footersect .bottomsection p {
  font-size:24px;
}
.footersect h2 {
  font-size:30px;
}
.footersect p {
  font-size:24px;
}
.sponsorsect .sponsors .left .middleimg img {
  margin-top:20px;
}
.sponsorsect .sponsors .left .leftimg img {
  margin-top:25px;
}
.footersect {
  margin-top:-50px;
}
.footersect .bottomsection {
  margin-top: 60px;
}
  }
  
  @media (min-width: 541px) and (max-width: 600px) {
      .banner h1 {
          margin-top:170px !important;
      }
      .footersect .bottomsection {
        margin-top: 30px !important;
        }
  }
  
  @media (min-width: 480px) and (max-width: 540px) {
.banner h1 {
    margin-top: 150px;
    font-size: 45px;
}
.footersect .bottomsection p {
    font-size: 18px;
}
.footersect .bottomsection {
  margin-top: 90px !important;
}
.footersect .topsection .right p, .footersect .topsection .left p {
    font-size:26px;
}
}
   @media (max-width:479px) {
    .videosect h2 {
      margin-top: 40px;
  }
  .banner {
    background-image: url(../images/sanofi-banner-mobile.png);
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-position: 2% 0px;
    height: 730px;
  }
  .footersect {
    background-image: url(/images/footersect-mobile-414.png) !important;
    height:1470px !important;
    background-size: 100% 100%;
}
.aboutsect {
  background-image: url(../images/about-mobile-414.png) !important;
    height:560px !important;
    background-size: 100% 100%;
}
.videosect {
  background-image: url(../images/video-mobile-414.png);
  height:592px;
  background-size: 100% 100%;
}
  .banner h1 {
    margin-top: 170px;
}
  .videosect video {
    width: 65%;
    height: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
}
.banner {
  height: 730px;
}
.aboutsect {
  background-size: 100% 100%;
}
.orangecta {
    font-size:1rem;
}
.sponsorsect .sponsors .left .leftimg img {
  margin-top:20px;
}
.sponsorsect .sponsors .left .middleimg img {
  margin-top: 15px;
  margin-left: 25px;
}
}
@media (max-width:428px) {
  .aboutsect {
    margin-top: -120px;
  }
  .videosect h2 {
    margin-top: 85px;
  }
  .videosect video {
    margin-top: 60px;
}
.sponsorsect p.moreinfo {
  margin:0 20px;
}
}
@media (max-width: 400px){
  .footersect .bottomsection {
    margin-top: 25px;
  }
  .footersect .bottomsection .orangecta {
    font-size:15px;
  }
  .sponsorsect .sponsors .left .middleimg img {
    margin-top: 15px;
    margin-left: 25px;
  }
}
@media (max-width:414px){
    .footersect .bottomsection {
        margin-top:15px;
    }
}
@media (min-width:361px) and (max-width:400px){
.sponsorsect .sponsors .left .leftimg img {
    width:140px !important;
}
.footersect .bottomsection p {
    font-size:16px !important;
}
.sponsorsect .sponsors .left .middleimg img {
    width:105px !important;
      margin-left:25px !important;
}
}
@media (min-width:376px) and (max-width:400px){
  .beachkids {
    width: 360px;
    display: block;
    margin: 0 auto;
    margin-top: 160px;
  }
  .videosect h2 {
    margin-top:55px;
  }
  .videosect video {
    width: 65%;
    height: 170px;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
}
.sponsorsect .sponsors .left .middleimg img {
  margin-top: 15px;
  margin-left: 27px;
}
.sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .right .leftimg img {
  width:170px;
}
.sponsorsect .sponsors .left .middleimg img {
  width:180px;
}
.sponsorsect p.moreinfo {
    width:78%;
}
.sponsorsect .sponsors .left .leftimg, .sponsorsect .sponsors .left .rightimg {
  margin-bottom:20px;
}
.sponsorsect p {
    
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;

}
.sponsorsect .sponsors .left .rightimg img, .sponsorsect .sponsors .right .rightimg img {
  width:170px;
}
html, body {
  overflow-x:hidden;
}
.videosect h2 {
  margin-top: 85px;
}
}
@media (min-width:320px) and (max-width:375px) {
.footersect .bottomsection {
  margin-top: 30px !important;
}
.footersect .topsection .right {
    margin-top:40px;
}
.footersect .bottomsection .orangecta {
  font-size:13px;
}
}


@media (min-width: 360px) and (max-width: 374px) {
    .footersect .bottomsection .orangecta {
        font-size: 14px;
    }
}
@media (max-width:376px) {
  .footersect .bottomsection {
    margin-top: 25px !important;
  }
}
@media (max-width:360px) {
  .aboutsect .left h2 {
    font-size:26px;
  }
  .footersect {
    height: 1750px !important;
    background-image: url(/images/footersect-mobile-360.png) !important;
  }
      .footersect .topsection .right {
        margin-top: 70px;
    }
    .footersect .bottomsection {
    margin-top: 100px !important;
    }
  .sponsorsect .sponsors .left p{
    margin-bottom:20px;
  }
  .sponsorsect .sponsors .right p {
    margin-bottom:5px;
  }
  .sponsorsect .sponsors .left .leftimg, .sponsorsect .sponsors .left .middleimg, .sponsorsect .sponsors .left .rightimg, .sponsorsect .sponsors .right .leftimg, .sponsorsect .sponsors .right .rightimg {
    width:100%
  }
  .sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .left .middleimg img, .sponsorsect .sponsors .left .rightimg img, .sponsorsect .sponsors .right .leftimg img, .sponsorsect .sponsors .right .rightimg img {
    width:160px;
    float:none;
    display:block;
    margin:0 auto;
  }
  .sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .left .middleimg img, .sponsorsect .sponsors .left .rightimg img {
    margin-bottom:20px;
  }
}
@media (max-width:280px) {
    .banner h1 {
    margin-top: 190px;
    font-size:25px;
    }
    .aboutsect .left h2 {
      font-size:19px;
    }
    .aboutsect .right p {
      font-size: 15px;
  }
    .videosect h2 {
      font-size: 11px;
      margin-top: 90px;
    }
    .footersect {
    height: 2100px !important;
    }
    .footersect .bottomsection .orangecta {
        font-size:11px;
    }
    .footersect .topsection .right a, .footersect .topsection .left a {
        font-size:18px !important;
        width:200px;
    }
}