/***************new design****************/
 .home-banner-wrapper h1 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     font-size: min(4.5vw, 65px);
     line-height: 60px;
     color: #ffffff;
     margin-bottom: 6px;
 }


 .home-banner-wrapper p.eye-brow {
     margin-bottom: -2px;
 }

 .row.column-cta {
     margin: 0;
     padding-bottom: 30px;
 }

 .desktop-only .row.column-cta {
     padding-bottom: 10px;
     justify-content: center;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a,
 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex a {
     font-size: 13px;
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     font-style: normal;
     color: #ffffff;
     padding-left: 10px;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
     font-size: 15px;
 }

 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex a {
     font-size: 15px;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
     font-size: 15px;
 }

 .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex {
     width: 158px;
 }

 .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex img {
     max-width: 20px;
     width: 100%;
 }

 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex.second-col img {
     max-width: 20px;
     width: 100%;
 }

 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex {
     width: 494px;
 }

 .home-banner-wrapper p {
     font-size: 18px;
     text-align: center;
     font-family: 'Montserrat', sans-serif;
     color: #ffffff;
     font-weight: 500;
     line-height: 25px;
 }

 .home .footnote p {
     margin-bottom: 5px;
     font-size: 16px;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     font-style: normal;
     line-height: 20px;
     color: #646569;
 }

 .right-banner-content p.back-year {
     font-size: 20px;
     line-height: 22px;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex,
 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex {
     background-color: #A20067;
     margin-left: 10px;
     border-radius: 4px;
     justify-content: center;
     min-height: 70px;
     align-items: center;
     vertical-align: middle;
 }

 .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex.second-col,
 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.second-col.mobile-text {
     background-color: #006699;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.third-col {
     background-color: #5F8800;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.fourth-col {
     /*background-color: #A20067;*/
     background-color: #C7569A;
 }

 .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.fourth-col img {
     max-width: 20px;
 }

 /***************new design****************/

 .home-banner-wrapper {
     background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/Homepage-Desktop_Hero.png);
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 0px;
     background-position: bottom;
     background-color: #000;
     background-size: 100% 93%;
 }


 .hero-banner-content .row {
     max-width: 1170px;
     margin: 0 auto;
 }

 .callout-wrapper {
     text-decoration: none;
 }

 .callout-wrapper:hover {
     text-decoration: none;
 }

 .callout-wrapper .nose-callout,
 .callout-wrapper .spray-callout {
     text-align: center;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
     margin-top: -15px;
     box-shadow: 0 7px 6px -8px #000;
     border: 2px solid #ebebeb;
 }

 .callout-wrapper h4 {
     color: #A60064;
     margin: 10px 10px 20px 10px;
     letter-spacing: 0.1px;
     font-family: "Open Sans", sans-serif;
     font-weight: 700;
     font-style: normal;
 }

 .callout-wrapper .arrow-icon {
     background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/arrow_pink.png);
     height: 23px;
     width: 23px;
     display: inline-block;
     background-repeat: no-repeat;
     bottom: 10px;
     left: 0;
     right: 0;
     margin: 0 auto 16px;
 }

 .callout-wrapper:hover .arrow-icon {
     background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/arrow_blue_hover.png);
 }

 .box-shadow {
     background-color: #fff;
 }

 .box-shadow img.shadow-img {
     margin-top: -28px;
 }

 .header-wrapper .home-banner-head {
     font-size: 48px;
     font-family: "Open Sans", sans-serif;
     font-weight: 700;
     font-style: normal;
     color: #00a1e0;
     margin-bottom: 0;
     margin-top: 13px;
 }

 sup {
     font-weight: 300;
 }

 .header-wrapper .home-banner-head_foot {
     font-size: 24px;
     color: #00a1e0;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     font-style: normal;
     margin-bottom: 18px;
 }

 .hone-banner-divider {
     width: 90%;
     margin: 14px 0 10px 0;
     box-shadow: 0 1px 0 #81bc00;
     height: 3px;
     border-top: 0;
 }

 .header-wrapper .main-heading {
     color: #0e3450;
     font-size: 20px;
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     font-style: normal;
     line-height: 26px;
     text-align: initial;
     max-width: auto;
     margin: 0;
 }

 .header-wrapper .main-heading_foot {
     color: #434343;
     font-size: 16px;
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     font-style: normal;
     line-height: 22px;
     text-align: initial;
     margin: 10px 0 18px 0;
 }

 .hero-banner-content .banner-left-wrapper {
     margin-left: 6%;
     padding-left: 0;
 }

 .nose-callout h4 {
     padding-bottom: 20px;
 }

 .home-mobile {
     display: none;
 }

 .main-heading.desktop.home-desk sup {
     font-size: 55%;
 }

 .home .isi-wrapper h2.isi-title {
     padding-top: 14px;
 }

 .home .footnote p {
     margin-bottom: 5px;
 }

 .home .footnote p:last-child {
     margin-bottom: 20px;
 }

 .home-mobile .footnote {
     padding-top: 10px;
 }
     header#header {
        background-color: #000000;
    }
 .animation-container {
     position: relative;
     max-width: 100%;
 }

/* .animation-container #curtains {
     position: absolute;
     height: 100vh;
     width: 100%;
 }*/
.animation-container #curtains {
    position: relative;
    height: auto;
    width: 100%;
}
 .animation-container .understuff {
     position: relative;
     top: 20px;
     text-align: center;
     width: 81%;
     height: 759px;
     overflow: hidden;
     background-image: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/sub-banner-background.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     font-family: "Montserrat", sans-serif;
     transform: scale(1.2, 1.2);
     margin: 0 auto;
     transition: all 0.8s;
     z-index: 1;
 }

 .animation-container.sub-banner-open .understuff {
     transform: scale(1, 1);
     top: 0px;
 }

 .animation-container .cardboard-box-wrapper {
     position: relative;
     width: 100%;
     transition: 1s;
 }

 .animation-container.sub-banner-open .cardboard-box-wrapper {
     transition-duration: 0.9s;
     transition-delay: 1s;
     position: relative;
 }

 .animation-container .now-approved-wrapper {
     max-width: 615px;
     position: absolute;
     width: 40%;
     top: 100%;
     left: 0%;
     transition: 1s;
     rotate: 120deg;
 }

 .animation-container.sub-banner-open .now-approved-wrapper {
     top: 50%;
     transition-duration: 0.9s;
     rotate: 11deg;
     transition-delay: 1s;
     transform: translate(0px, -45%);
 }

 .animation-container.sub-banner-open .stamp-wrapper.closed {
     visibility: visible;
     transform: scale(1, 1);
 }

 .animation-container a.full-site-button {
     background-color: #a20067;
     padding: 17px 20px;
     display: inline-block;
     color: white;
     position: absolute;
     top: 0px;
     left: 10.4%;
     border-radius: 0px 0 0 6px;
     font-size: 18px;
     line-height: 22px;
     cursor: pointer;
     font-weight: 700;
 }

 .animation-container a.full-site-button:hover {
     text-decoration: none;
 }

 .animation-container .stamp-wrapper {
     width: 54%;
     position: absolute;
     top: 31%;
     left: 37%;
     rotate: 12deg;
     transform: scale(1.4, 1.4);
     visibility: hidden;
     transition: all 0.4s ease-out;
 }

 .animation-container.sub-banner-open .stamp-wrapper {
     transform: scale(1.2, 1.2);
     visibility: visible;
     transition-delay: 4.5s;
     rotate: -12deg;
 }

 .animation-container.sub-banner-open .reference p b {
     font-weight: 900;
 }

 .banner-animation-wrapper {
     margin-top: 140px;
     position: relative;
     z-index: 1;
     max-width: 100%;
     overflow: hidden;
 }

 .animation-container.sub-banner-open .reference p {
     color: white;
     position: absolute;
     bottom: 10px;
     left: 50%;
     transform: translate(-50%, 0);
     font-size: 10px;
 }

 .animation-container .content-wrapper {
     position: absolute;
     z-index: 2;
     color: white;
     text-align: left;
     top: 42%;
     left: 50%;
     transition: 1s;
     transition: all 1s ease-out;
     opacity: 0;
 }

 .animation-container.sub-banner-open .content-wrapper {
     left: 45%;
     transition-delay: 3s;
     animation: fadeIn 1s ease-out 3s forwards;
     opacity: 1;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 .now-approved a.now-approved-button {
    background-color: #a20067;
    padding: 11px 14px 11px 23px;
    display: inline-block;
    color: white;
    position: relative;
    border-radius: 0px 0px 0px 6px;
    font-size: 20px;
    line-height: 23px;
    font-family: 'Montserrat';
    font-weight: 700;
    max-width: 243px;
    cursor: pointer;
    left: -30px;
 }
.now-approved a.now-approved-button span.pink-variable {
    color: fuchsia;
}

 .now-approved a.now-approved-button:hover {
     text-decoration: none;
 }

 .now-approved a.now-approved-button::after {
    content: "";
    position: absolute;
    width: 62px;
    height: 68px;
    background-color: #C7569A;
    top: 0;
    right: -61px;
    border-radius: 0px 0 6px 0px;
 }

 .now-approved a.now-approved-button::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/plus-icon.png);
    right: -49px;
    background-size: contain;
    z-index: 999;
    top: 50%;
    transform: translate(0px, -50%);
 }

 .animation-container .content-wrapper h4 {
     font-size: 30px;
     line-height: 52px;
     margin: 0;
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
 }

 .animation-container .content-wrapper h3 {
     font-size: 50px;
     line-height: 56px;
     margin: 0;
     color: white;
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
 }

 .banner-animation-wrapper.banner-open .now-approved {
     display: none;
 }

 .animation-container .understuff h2 {
     font-size: 50px;
     line-height: 56px;
     margin: 0;
     color: white;
     position: absolute;
     left: 50%;
     transform: translate(-50%, 0px);
     top: 14%;
     visibility: hidden;
     opacity: 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     width: 100%;
 }

 .animation-container.sub-banner-open .understuff h2 {
     visibility: visible;
     animation: fadeIn 2s ease-out 1s forwards;
 }
.animation-container.sub-banner-open .understuff h2 span.pink-variable {
    color: fuchsia;
}
 .animation-container .content-wrapper p {
     font-size: 20px;
     line-height: 28px;
     margin: 10px 0 20px;
     width: 75%;
 }

 .animation-container .content-wrapper p.footnote {
     color: white;
     font-size: 10px;
     line-height: 16px;
     font-family: 'Montserrat';
     margin-top: 23px;
     margin-bottom: 0;
 }

 .animation-container.sub-banner-open .understuff a.full-site-button {
     z-index: 999999;
 }

 a.flumist-home-button,
 input.flumist-home-button {
     background-color: #a20067;
     padding: 22px 20px;
     display: inline-block;
     color: white;
     position: relative;
     border-radius: 6px 0px 0px 6px;
     font-size: 22px;
     line-height: 22px;
     font-family: 'Montserrat';
     font-weight: 700;
     cursor: pointer;
 }

 .animation-container .content-wrapper .flumist-home-button:hover {
     text-decoration: none;
 }


 .animation-container .content-wrapper .flumist-home-button::after {
     content: "";
     position: absolute;
     width: 51px;
     height: 66px;
     background-color: #C7569A;
     top: 0;
     right: -51px;
     border-radius: 0 6px 6px 0;
 }

 .animation-container a.full-site-button::after {
     content: "";
     position: absolute;
     width: 47px;
     height: 56px;
     background-color: #C7569A;
     top: 0;
     right: -46px;
     border-radius: 0 0px 6px 0;
 }



 .animation-container .content-wrapper .flumist-home-button::before {
     content: "";
     position: absolute;
     width: 29px;
     height: 29px;
     background-image: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/arrow-right.png);
     right: -38px;
     background-size: contain;
     z-index: 999;
     top: 50%;
     transform: translate(0px, -50%);
 }

 .animation-container a.full-site-button::before {
     content: "";
     position: absolute;
     width: 29px;
     height: 29px;
     background-image: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/cross-icon.png);
     right: -37px;
     background-size: contain;
     z-index: 999;
     top: 50%;
     transform: translate(0px, -50%);
 }

 .animation-container img {
     width: 100%;
 }

 .animation-container .main {
     z-index: 2;
     position: absolute;
     width: 100%;
     box-sizing: border-box;
     z-index: 999;
 }

 .animation-container .main:nth-of-type(1) {
     left: 0;
     top: 0;
     clip-path: inset(0 50% 0 0);
     transition: 0.8s ease-in-out;
 }

.animation-container .main:nth-of-type(2) {
    clip-path: inset(0 0 0 50%);
    transition: 0.8s ease-in-out;
}

 .animation-container .splitLeft {
     transform: translate(-40vw, 0);
 }

 .animation-container .splitRight {
     transform: translate(40vw, 0);
 }
.animation-container .understuff>p {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    color: white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: 29%;
    visibility: hidden;
    opacity: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 100%;
}
.animation-container.sub-banner-open .understuff>p {
    visibility: visible;
    animation: fadeIn 2s ease-out 1s forwards;
}
            .animation-container .understuff>p span.bolded{
font-weight: 600;
                    }

 /*------------Banner animation media queries------------------*/
 @media (max-width: 991px) {
     .animation-container a.full-site-button {
         left: 50%;
         transform: translate(-50%, 0px);
         top: 27px;
     }
.animation-container .understuff>p {
    font-size: 10px;
    line-height: 19px;
    margin: 0;
    color: white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: 27%;
    visibility: hidden;
    opacity: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 100%;
}
     .animation-container .understuff h2 {
         font-size: 32px;
         line-height: 38px;
         top: 16%;
     }

     .animation-container .content-wrapper {
         text-align: center;
         left: 50%;
         transform: translate(-50%, 0px);
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         top: 66%;
     }

     .animation-container.sub-banner-open .content-wrapper {
         left: 50%;
         top: 58%;
     }

     .animation-container.sub-banner-open .now-approved-wrapper {
         top: 22%;
         transition-duration: 1s;
         rotate: 9deg;
         transition-delay: 1s;
         left: 50%;
         transform: translate(-65%, 0px);
     }

     .animation-container .understuff {
         height: 575px;
     }
    
     .animation-container .content-wrapper .flumist-home-button {
         font-size: 16px;
         line-height: 22px;
     }

     .animation-container .understuff {
         background-size: cover;
         background-position: 50% 100%;
     }

     .animation-container .content-wrapper h4 {
         font-size: 23px;
         line-height: 26px;
     }

     .animation-container .content-wrapper h3 {
         font-size: 33px;
         line-height: 35px;
     }

     .animation-container .content-wrapper p {
         font-size: 17px;
         line-height: 22px;
         margin: 5px 0 10px;
         width: 75%;
     }

     .animation-container .content-wrapper p.footnote {
         margin: 7px auto 0;
     }

     .animation-container .footnotes {
         width: 100%;
     }

     .banner-animation-wrapper {
         overflow-y: scroll;
     }

     .banner-animation-wrapper.banner-open {
         overflow: hidden;
     }

     .animation-container .content-wrapper .flumist-home-button {
         margin-left: -49px;
         padding: 17px 8px;
     }

     .animation-container .content-wrapper .flumist-home-button::after {
         width: 51px;
         height: 56px;
     }
 }


 @media (max-width: 767px) {
     .animation-container .understuff h2 {
         font-size: 19px;
         line-height: 24px;
         top: 18%;
         z-index: 999;
     }

     .animation-container.sub-banner-open .understuff h2 {
         visibility: visible;
         transition: visibility 3s ease-out;
         animation: fadeIn 2s ease 1s forwards;
     }
.animation-container.sub-banner-open .understuff h2 span.pink-variable {
    color: fuchsia;
}
     .animation-container a.full-site-button {
         left: 42%;
         transform: translate(-50%, 0px);
         top: 27px;
         width: 213px;
     }

     .animation-container.sub-banner-open .content-wrapper {
         left: 50%;
                top: 54%;
     }

     .animation-container .now-approved-wrapper {
         top: 130%;
     }

     .animation-container.sub-banner-open .now-approved-wrapper {
         top: 27%;
         left: 41%;
         transform: translate(-50%, 0px);
         width: 100%;
     }

     .animation-container .now-approved-wrapper {
         left: 3%;
         transform: translate(-50%, 0px);
         max-width: 205px;
     }

     .animation-container .understuff {
         background-size: cover;
         background-position: 50% 16px;
     }



     .animation-container .content-wrapper h4 {
         font-size: 18px;
         line-height: 34px;
     }

     .animation-container .content-wrapper h3 {
         font-size: 28px;
         line-height: 34px;
     }

     .animation-container .content-wrapper p {
         font-size: 16px;
         line-height: 20px;
         width: 90%;
     }

     .animation-container .content-wrapper p.footnote {
         margin-top: 5px;
     }
 }


 /*------------Banner animation media queries------------------*/

 @media only screen and (max-width: 991px) {
     .home-banner-wrapper p.eye-brow {
         margin-bottom: -2px;
         max-width: 235px;
         margin: 0 auto;
         padding-bottom: 5px;
         padding-top: 31px;
     }

     .mobile-only.down-align .column-cta img {
         width: auto;
     }

     .animation-container.sub-banner-open .reference p {
         color: white;
         position: absolute;
         bottom: 0px;
         right: 1%;
         font-size: 10px;
         left: 50%;
         transform: translate(-50%, 0px);
         width: 250px;
         line-height: 16px;
     }

     .home-banner-wrapper p.back-year {
         max-width: 325px;
     }

     .home-banner-wrapper h1 {
         max-width: 325px;
     }

     .home .isi {
         margin-top: 0px;
     }

     .row.column-cta {
         padding-bottom: 15px;
     }

     .home .isi-wrapper h2.isi-title {
         padding-top: 0px;
     }

     .home .fixedisi .isi-wrapper h2.isi-title {
         padding-top: 17px;
     }

     .column-cta .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
         max-width: 142px;
     }
.column-cta .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a:hover{
text-decoration: none;
}
     p.recommend {
         max-width: 223px;
         margin: 0px auto 20px;
         padding-top: 20px;
     }

     .down-align .footnote {
         max-width: 300px;
         margin: 0 auto;
     }

     .down-align .footnote p {
         margin-bottom: 20px;
     }

     .nose-callout h4 {
         padding-bottom: 0px;
     }

     #maincontent .home-banner-wrapper,
     #maincontent .hero-banner-content {
         background: unset;
         margin-top: 0;
         padding-top: 0;
     }

     .banner-left-wrapper {
         background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/desktop/home-transparent.png) no-repeat 100%;
         background-size: 100% 100%;
     }

     .hero-banner-content .banner-left-wrapper {
         margin-left: 0;
         margin-top: 66%;
         padding: 0;
     }

     .home header#header {
         background-color: #000000;
     }

     #maincontent .home-banner {
         background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/mobile/Homepage-Mobile_Hero.png) no-repeat;
         background-size: cover;
         padding-top: 0;
         min-height: 450px;
         background-color: #000000;
         position: relative;
     }

     .home-banner .now-approved {
         border-radius: 6px 0px 0px 0px;
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 0px);
         z-index: 99999999;
     }

     .home-banner .now-approved a.now-approved-button {
         border-radius: 6px 0px 0px 0px;
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-60%, 0px);
         width: 245px;
     }

     .banner-open .home-banner .now-approved a.now-approved-button {
         opacity: 0;
         transition: all ease-in-out 1s;
     }

     .now-approved a.now-approved-button::after {
         border-radius: 0px 6px 0px 0px;
     }



     .header-wrapper .home-banner-head,
     .header-wrapper .home-banner-head_foot {
         padding-left: 10px;
     }

     .hone-banner-divider {
         width: 100%;
         margin-bottom: 0;
     }

     .hone-banner-divider {
         box-shadow: none !important;
         border-top: 1px solid #81bc00 !important;
         height: 0.2px !important;
     }

     .hero-banner-content .desktop {
         display: none !important;
     }

     .home-mobile {
         display: block;
     }

     .row.home-mobile {
         padding: 0 10px;
         margin: 0px;
     }

     .callout-wrapper .nose-callout {
         margin-top: 30px;
     }

     .callout-wrapper .spray-callout {
         margin-top: 45px;
     }

     .home-mobile h1.main-heading {
         text-align: left;
         margin: 8px 0 10px;
         font-size: 20px;
         line-height: 26px;
     }

     .header-wrapper .home-banner-head {
         font-size: 45px;
         font-family: "Open Sans", sans-serif;
         font-weight: 700;
         font-style: normal;
     }

     .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.first-col {
         padding-right: 35px;
     }

     .home-banner-wrapper h1 {
         font-size: 30px;
         line-height: 32px;
         margin-bottom: 6px;
     }

     .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex {
         margin-left: 0;
         margin-bottom: 10px;
     }

     .column-cta .col-xs-12 {
         max-width: 289px;
         margin: 0 auto;
     }

     .right-banner-content {
         padding: 15px 10px 0 10px;
     }

     .mobile-only.down-align {
         padding: 0 10px;
         background: white;
     }

     p.recommend {
         color: #646569;
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size: 16px;
         line-height: 20px;
     }

     .right-banner-content p {
         font-size: 14px;
         line-height: 18px;
     }

     .home .footnote p {
         line-height: 20px;
     }

     .row.column-cta {
         max-width: 290px;
         margin: 0 auto;
     }

     .isi.fixedisi h2.isi-title {
         margin-left: 9px;
     }
 }

 @media (min-width: 509px) and (max-width: 767px) {
     #maincontent .home-banner {
         background-position: top;
         min-height: 438px;
         background-size: 379px;
     }
 }

 @media(min-width: 375px) and (max-width: 991px) {

     .callout-wrapper .nose-callout,
     .callout-wrapper .spray-callout {
         display: block;
     }

     .callout-wrapper .nose-callout img,
     .callout-wrapper .spray-callout img {
         display: initial !important;
     }
 }

 @media (min-width: 992px) {
     .row.column-cta {
         margin-right: 8px;
         display: flex;
     }

     .home .footnote p {
         color: #B5B5B5;
     }

     .back-year {
         max-width: 510px;
         margin: 0 auto;
         padding-bottom: 10px;
     }

     .hero-banner-content {
         background: rgba(245, 246, 246, 0.8);
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
     }

     .home-banner-wrapper {
                min-height: 759px;
     }

     .callout-wrapper h4 {
         margin: 3px 10px 20px 10px;
     }

     .home-banner-wrapper .home-banner {
         max-width: 1170px;
         margin: 0 auto;
         position: relative;
     }

     .home-banner-wrapper .right-banner-content {
         max-width: 730px;
         float: right;
         position: absolute;
         top: 41px;
        right: -90px;
     }

         .home2 .home-banner-wrapper {
        min-height: 776px;
        margin-top: 140px;
    }

     .home-banner-wrapper .footnote {
         max-width: 533px;
         margin: 0 auto;
     }

     .home-banner-wrapper .col-lg-4 {
         width: 31.5%;
     }



     .isi.fixedisi .list-view ul li {
         font-size: 19px;
         line-height: 21px
     }
 }

 @media screen and (max-width: 767px) {
     .home-banner-wrapper p.eye-brow {
         font-size: 12px;
         line-height: 15px;
     }

     .home-banner-wrapper h1 {
         font-size: 16px;
         line-height: 21px;
         margin-bottom: 6px;
     }

     .animation-container.sub-banner-open .reference p {
         color: white;
         position: absolute;
         bottom: 10px;
         right: 1%;
         font-size: 10px;
         left: 50%;
         transform: translate(-50%, 0px);
         width: 250px;
         line-height: 16px;
     }

     .home-banner-wrapper p.back-year {
         /*max-width: 100%;*/
         font-size: 12px;
         line-height: 18px;
     }
 }

 @media (min-width: 1440px) {
     .home-banner-wrapper {
         min-height: 759px;
     }
 }

 @media(min-width:992px) and (max-width:1161px) {
     .callout-wrapper .nose-callout h4 {
         padding-bottom: 40px
     }
 }

 /* IE Edge Hacks*/

 @supports (-ms-ime-align:auto) {
     /*.callout-wrapper .arrow-icon{margin: 0 auto 16px 0;}*/
 }

 @media screen and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {
     .callout-wrapper .arrow-icon {
         margin: 0 auto 16px 0;
     }

     .main-heading.desktop.home-desk {
         text-align: left;
     }
 }

 @media screen and (device-width: 753px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {
     #maincontent .home-banner {
         background: url(/content/dam/physician-services/us/567-flumistquadrivalent-hcp/mobile/hero-image-mobile.png) no-repeat;
         background-size: cover;
         padding-top: 0;
         min-height: 866px;
         background-color: #000000;
     }
 }

 @media screen and (min-width:768px) and (max-width:991px) {
     .column-cta .col-xs-12 {
         max-width: initial;
         margin: 0 auto;
     }

     .row.column-cta {
         max-width: 44%;
         margin: 0 auto;
     }

     #maincontent .home-banner {
         background-size: 476px;
         min-height: 547px;
         background-position: top;
     }

  
    .animation-container .understuff {
        height: 600px;
    }
 }


 /*.home #footer .parsys.footer-parsys ol li:nth-child(6)::marker,.home #footer .parsys.footer-parsys ol li:nth-child(5)::marker {
color: #ff00ff !important;
}
*/
 @media (max-width: 508px) {
     #maincontent .home-banner {
         background-size: 390px;
     }

 }

 @media screen and (min-width: 1400px){ 
     .home-banner-wrapper h1 {
         font-size: min(3vw, 65px);
         line-height: 1.2;
     }
    }
     

     /***** Media Query for Microsoft Internet Explorer Starts *****/
     @media screen and (min-width:0\0),
     _:-ms-fullscreen,
     :root .selector {
         .home-banner-wrapper h1 {
             font-size: 61.47px;
             line-height: 70px;
         }

         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.first-col {
             padding-top: 24px;
         }

         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.second-col {
             padding-top: 12px;
         }

         #frmSearch #searchform {
             height: 23px;
             right: -4px;
             top: 5px;
         }
     }


     @media screen and (min-width: 1366px) {
         .home .desktop-only .row.column-cta img {
             max-width: 18px;
             width: 100%;
         }

         .home .row .column-cta .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
             font-size: 14px;
         }

     }

     @media screen and (min-width: 1400px) {
         .home-banner-wrapper h1 {
             font-size: min(3vw, 65px);
             line-height: 1.2;
             width: 82%;
         }

         .iiv {
             padding-left: 2px;
         }

         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.fourth-col img,
         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.third-col img,
         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.first-col img {
             max-width: 20px;
         }

         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
             padding-left: 11px;
             font-size: 15px !important;
         }
     }

     @media screen and (min-width: 1920px) {
         .home-banner-wrapper h1 {
             width: 92%;
         }

     }

     @media only screen and (max-width: 991px) {
         .home .right-banner-content {
             padding: 40px 10px 0 10px;
         }

         .header_dropdown .header_dropdwon_inner .header-banner-fa.fa-angle-up::before {
             left: 20px !important;
         }

         #frmSearch #search::placeholder {
             color: #ffffff;
         }

         .nav.navbar-nav .utility-links ul.list-inline li:nth-child(7) {
                 width: 200px;
         }
     }

     @media screen and (min-width: 991px) {

         .home .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.first-col img,
         .home .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.fourth-col img,
         /*.home .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.third-col img, .home .desktop-only .col-xs-12.col-md-12.col-lg-12.d-flex.second-col{
width: 18px !important;
}*/
         .home .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex a {
             font-size: 15px !important;
         }

         .home .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex a {
             font-size: 16px !important;
         }

         .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex img,
         .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex.fourth-col img,
         .desktop-only .col-sm-12.col-xs-12.col-md-4.col-lg-4.d-flex img,
         .col-sm-12.col-xs-12.col-md-12.col-lg-12.d-flex.second-col img {
             width: 18px !important;
         }
     }

     @media screen and (min-width: 992px) {
         #search {
             text-transform: uppercase;
         }
     }

     @media (min-width: 1550px) {
         .home-banner-wrapper {
             background-size: contain;
         }
     }

@media (min-width: 992px) and (max-width: 1399px){
.home-banner-wrapper h1 {
    font-size: 30px;
        line-height: 32px;
}
      .now-approved a.now-approved-button {
    left: 18px;
}
            .home-banner-wrapper .right-banner-content {
        max-width: 483px;
        float: right;
        position: absolute;
        top: 41px;
        right: 9px;
    }
}

@media (max-width: 350px){
 .home-banner-wrapper h1 {
        max-width: 260px;
    }

}