.mulvitamin_hero {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 36%;
    background-color: #d7e3f3;
    min-height: 500px;
}
.mult_hero_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.mult_hero_content {
    padding: 90px 0 0;
}
.mult_hero_content h1 {
    color: #12284C;
    font-family: "Sentinel-Semibold";
    font-size: 54px;
}
.mult_hero_content p {
    color: #12284C;
    font-size: 20px;
    margin: 0 0 50px;
    line-height: 24px;
}
.break_down_section {
    padding: 70px 0;
}
.break_down_section.missing_mark {
    padding: 70px 0 0;
}
.break_down_middle {
    max-width: 1450px;
    margin: 0px auto;
    padding: 0px 60px;
}
.break_down_text {
    max-width: 400px;
}
.break_down_image {
    min-width: 316px;
    text-align: center
}
.break_down_top {
    padding: 0 15px 60px;
    position: relative;
}
.break_down_top:before {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: -50px;
    content: "";
    width: 100%;
    height: 51px;
    background-image: url("../png/shadow.png");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.break_down_top h2 {
    color: #12284C;
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 35px;
}
.break_down_top h2 {
    font-size: 22px;
   font-weight: 600;
    color: #051E3B;
    margin: 50px 0 10px;
}
.break_down_top h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    height: 6px;
    width: 100px;
    background: #0070ba;
    border-radius: 5px;
    margin-left: -50px;
}
.break_down_top p {
    font-size: 18px;
    margin: 0;
    line-height: 22px;
}
.break_down_top p span {
  font-weight:600;
}
.single_breakdown {
    margin: 0 0 110px;
}
.single_breakdown h3 {
    color: #01798B;
    font-weight:600
    margin: 0 0 20px;
    font-size: 20px;
    position: relative;
}
.single_breakdown h3 img {
    position: absolute;
    left: -50px;
    top: -5px;
}
.single_breakdown p {color: #12284C;line-height: 21px;font-size: 18px;}
.break_down_cta {
    margin: 40px 0 0;
}
.missing_mark .break_down_top:before {display: none}
.single_circle {
    margin: 0 0 80px;
    min-height: 170px
}
.circle_icon img {
    max-height: 115px;
}
.circle_text p {
    color: #051E3B;
    font-weight:600;
    margin: 10px 0 0;
    line-height: 18px;
}
.reference_list li .space {
  display: inline-block;
  width: 18px;
}
.personalized_nutrition {
    background-color: #12284C;
    color: #fff;
    text-align: center;
    padding: 70px 80px;
}
.persona_nutri_content {
    border: 3px solid #fff;
    padding: 50px 30px;
}
.persona_nutri_heading h2, .star_feeling_content h2 {font-family: "Sentinel-Semibold";font-size: 36px;margin: 0 0 40px;position: relative;padding: 0 0 25px;}
.persona_nutri_heading h2:before, .star_feeling_content h2:before {
    position: absolute;
    content: "";
    width: 88px;
    height: 6px;
    background: #CCDBF0;
    bottom: 0;
    left: 50%;
    margin-left: -44px;
    border-radius: 10px;
}
.persona_nutri_heading p {
    font-size: 20px;
    margin: 0 0 50px
}
.persona_nutri_step h2 {
    font-size: 80px;
    color: #CCDBF0;
    font-family: "Sentinel-Medium";
}
.persona_nutri_step h3 {
    font-weight:600;
}
.persona_nutri_step p {
      font-size: 18px;
}
.persona_nutri_step {
    margin: 0 0 35px;
    padding: 0 0 110px;
    position: relative;
}
.persona_nutri_step::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 70px;
    left: 50%;
    position: absolute;
    width: 1px;
}
.persona_nutri_step:last-child {
    margin: 0;
    padding: 0;
}
.persona_nutri_step:last-child::before {
    display: none;
}
.star_feeling_best {
    background-color: #12284C;
    color: #fff;
    padding: 70px 0;
}
.star_feeling_content p {
    margin: 0 0 40px;
}
.mult_hero_content a.cta_btn {
    padding: 21px 40px;
    text-decoration: none;
    text-transform: none;
}
a.cta_border {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 18px 50px;
    height: 60px;
   font-weight:600;
    font-size: 16px;
    border-radius: 3px;
    transition: .2s
}
a.cta_border:hover,a.cta_border:focus {
    color: #12284c;
    border: 1px solid #fff;
    background: #fff;
}
.cta_btn {
    background: #0070BA;
    display: inline-block;
    float: none;
    margin: 0;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
}
.star_feeling_content {
    text-decoration:none;
}
.only_one_you {
    text-align: center;
    padding: 70px 0 50px;
}


/*==============================================
Responsive CSS
================================================*/
@media only screen and (min-width: 1201px) and (max-width: 1500px) { 
    .mult_benefit_top h2 {font-size: 22px}
    .mult_benefit_top p {font-size: 16px}
    .break_down_text {padding: 0 50px;}
    
}
/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    .mult_hero_content h1 {font-size: 45px;}
    .mult_hero_content p {font-size: 16px;margin: 0 0 35px;}
    .single_breakdown {margin: 80px 0 0;}
    .single_breakdown p {font-size: 16px;}
    .break_down_top p {font-size: 16px;}
    .break_down_text {padding: 0 50px;}
    .break_down_top h2 {font-size: 16px}
    .persona_nutri_heading p {font-size: 18px}
    .personalized_nutrition {padding: 50px}
    
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .mult_hero_content h1 {font-size: 45px;}
    .mult_hero_content p {font-size: 17px;margin: 0 0 35px;}
    .single_breakdown {margin: 50px 0 0;}
    .single_breakdown p, .mult_benefit_top p {font-size: 16px;}
    .break_down_top p {font-size: 16px;}
    .break_down_image {min-width: 250px}
    .break_down_text.break_down_left {padding: 0 0 0 40px;}
    .break_down_text.break_down_right {padding: 0 0 0 40px;}
    .break_down_top p .rwd-line, .persona_nutri_heading p .rwd-line, .persona_nutri_step p .rwd-line {display: none;}
    .personalized_nutrition {padding: 50px}
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .mult_hero_content {padding: 0;}
    .mulvitamin_hero {background-image: none !important;padding-top: 90px;}
    .mult_hero_wrapper {-webkit-box-align: start;-ms-flex-align: start;-ms-grid-row-align: flex-start;align-items: flex-start;background-color: #d7e3f3;background-image: url("../jpg/morethanamulti-hero-mobile.jpg");background-position: center center;background-size: cover;min-height: 630px;padding: 40px 15px;position: relative;}
    .mult_hero_content h1 {font-size: 36px;}
    .mult_hero_content {margin: 0 auto;max-width: 335px;}
    .break_down_top {margin: 0 0 40px;padding: 0 15px;}
    .break_down_top h2 {font-size: 28px;margin: 0 0 15px}
    .break_down_top h2::before {margin-left: -44px;width: 88px;}
    .breakdown_carousel_wrapper {padding: 0 20px;}
    .floating_mult {margin: 40px 0 0;}
    .single_breakdown {margin: 0;padding: 10px;}
    .breakdown_carousel .owl-nav button {margin-top: -20px;position: absolute;top: 50%;}
    .breakdown_carousel .owl-nav .owl-prev {left: -10px;}
    .breakdown_carousel .owl-nav .owl-next {right: -10px;}
    .single_break_text {box-shadow: 0 2px 10px #ccc;padding: 20px 25px;}
    .single_breakdown h3 {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;margin: 0 0 15px;text-align: left;}
    .break_down_section {padding: 30px 0 50px;}
    .break_down_top:before {display: none}
    .breakdown_carousel.owl-carousel .owl-item img {left: auto;margin-right: 10px;max-height: 30px;max-width: 30px;position: relative;top: auto;width: auto;}
    .break_down_section.missing_mark {padding: 40px 0 0;}
    .single_circle {margin: 0 0 40px;min-height: 200px}
    .break_down_image {min-width: 250px}
    .mult_hero_content p {font-size: 18px}
    .break_down_top h2, .persona_nutri_step h3 {font-size: 22px}
    .personalized_nutrition {padding: 15px}
    .persona_nutri_content {padding: 40px 15px;}
    .persona_nutri_heading h2, .star_feeling_content h2 {font-size: 28px}
    .persona_nutri_heading p {font-size: 17px}
    .break_down_top h2 {font-size: 28px}
    .mult_hero_content a.cta_btn, .star_feeling_content .cta_border {width: 100%;max-width: 330px;}
    .single_breakdown h3 img {left: -60px}
    .break_down_middle {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 15px 0 75px;}
    
}

/* Small Mobile Layout: 320-359px. */
@media only screen and (min-width: 320px) and (max-width: 359px) { 
    .all_mult_top p {font-size: 16px;line-height: 22px;}
    .break_down_top p, .single_breakdown p {font-size: 15px;}
    .mult_hero_content h1 {font-size: 30px}
    .mult_hero_content p {font-size: 18px}
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 400px) and (max-width: 575px) { 
    .mult_hero_wrapper {background-position: bottom center;min-height: 700px}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) { 
    .mult_hero_wrapper {background-position: bottom center;min-height: 768px}
}