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

.nav_box .nav_item .hover_cont { width: 240px; min-height: 150px; }
.nav_box .nav_item .hover_cont h3 { font-size: 60px; line-height: 64px; padding: 15px 0 6px; }
.nav_box .nav_item .hover_cont .rs_logo{ width:180px; }
.nav_box .nav_item .hover_cont .shape_logo{ width:90px; }
.nav_box .nav_item .hover_cont .ew_logo{ width:90px; }
.nav_box .nav_item .hover_cont .health_logo{ width:90px; }


}


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

.mid_sec { padding: 56px 15px 28px; }
.tile_box .tile { width: calc(50% - 60px); margin: 0 30px 0; }
.tile_box .tile.odd { margin: 148px 30px 0; }

.vid_box_inner { width: 940px; }

}

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

.wrapper { max-width: 768px; }	

.intro_cont .heading span.tagline { font-size: 20px; line-height: 24px; letter-spacing: 8px; padding: 0 0 10px; }
.intro_cont .heading h1 { font-size: 120px; line-height: 124px; letter-spacing: -1px; }
.intro_cont .heading h1 .flowerpot { width: 95px; }
.intro_cont .heading h1 .bicycle { width: 147px; }
.intro_cont .heading h1 .cherry { width: 125px; }
.intro_cont .heading h1 .notepad { width: 114px; }

.intro_cont .heading .title_vid .passions_vid { max-width: 422px; margin: -17px 0 9px; }
.intro_cont .heading .title_vid .fitness_vid { max-width: 436px; margin: 16px 0 3px; }
.intro_cont .heading .title_vid .nutrition_vid { max-width: 488px; margin: 10px auto -16px; }
.intro_cont .heading .title_vid .wellness_vid { max-width: 548px; margin: 12px 0 7px; }

.intro_cont .heading .title_vid #pot_anim { max-width: 422px; margin: -17px auto 9px; }
.intro_cont .heading .title_vid #bike_anim { max-width: 436px; margin: 16px auto 3px; }
.intro_cont .heading .title_vid #cherries_anim { max-width: 488px; margin: 10px auto -16px; }
.intro_cont .heading .title_vid #yoga_anim { max-width: 548px; margin: 12px auto 7px; }


.intro_cont p { font-size: 18px; line-height: 30px; max-width: 768px; }

.intro_cont a.home_link { top: 25px; right: 25px; }

.intro_cont ul.the_logos li.hnc_logo { background: url(../images/plus_icon_black.png) no-repeat right 18px; background-size:19px auto; }
.intro_cont ul.the_logos li.hnc_logo a { width: 100px; }
.intro_cont ul.the_logos li.rs_logo a { width: 210px; }
.intro_cont ul.the_logos li.shape_logo a { width: 100px; }
.intro_cont ul.the_logos li.ew_logo a { width: 110px; }
.intro_cont ul.the_logos li.health_logo a { width: 100px; }


.tile_box .tile { width: calc(50% - 40px); margin: 0 20px 0; }
.tile_box .tile.odd { margin: 80px 20px 0; }
.tile_box .tile.odd.odd-space { margin-top: 0px; }

.tile_box .tile > a > figure { box-shadow: 10px 10px 20px rgba(0,0,0,0.30); }
.tile_box .tile > a > h3 { font-size: 24px; line-height: 34px; padding: 25px 15px 0; }

.tile_box .tip figure { min-width: 80px; max-width: 80px; }
.tile_box .tip { box-shadow: 10px 10px 20px rgba(0,0,0,0.30); padding: 20px 15px 20px 5px; }
.tile_box .tip .tip_cont { padding: 0 0 0 5px; }

.vid_box {	padding: 0 40px 0; }

}

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

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

}



@media only screen and (max-width: 767px) {
#layout { padding: 58px 0 0; }

.mob-show { display: block !important; }

.tile_box .tip.mob-show{ display:flex !important; }
.desktop{ display:none !important; }


header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 5px;}
header a.paid_logo { margin: 0 auto 0; padding: 1px 5px 0px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header ul.left_logos { padding: 9px 0 0 0; }
ul.left_logos li.hnc_logo a { width: 56px; }
ul.left_logos li.rs_logo a { width: 128px; }
ul.left_logos li.shape_logo a { width: 60px; }
ul.left_logos li.ew_logo a { width: 62px; }
ul.left_logos li.health_logo a { width: 56px; }
header ul.social_icon { margin: 5px 0 0; }


.heart_image{ display:none; }
.heart_cont{ position:relative; width:100%; min-height:150px; left:auto; top:auto; transform:none; -webkit-transform:none; -moz-transform:none; margin:0 0 0; z-index:9999; text-align:center; 
background-color: #ae1b1f; /* For browsers that do not support gradients */
background-image: linear-gradient(#ae1b1f, #de6328, #faa41a, #ffe46b); }
.heart_cont .heart_cont_initial{ max-width:320px; min-height:150px; margin:0 auto; padding:24px 0 0; }
.heart_cont .heart_cont_final{ max-width:320px; min-height:150px; margin:0 auto; padding:24px 0 0; }
.heart_cont h3{ font-size:34px; line-height:38px; letter-spacing:-0.39px; padding:0 0 5px; }
.heart_cont h3 span{ vertical-align:top; }
.heart_cont h3 img{ display:inline-block; margin:-8px 7px 0 0; }
.heart_cont p{ font-size:12px; line-height:20px; max-width:280px; padding:0; }
.heart_cont .hnc_img{ position:absolute; right:15px; bottom:-24px; width:50px; }


.nav_box .nav_item{ width:100%; height:100%; }
.nav_box .nav_item:after{ display:none; }
.nav_box .nav_item .hover_cont{ left:0; top:auto; bottom:0; width:100%; min-height:54px;  transform:none; -webkit-transform:none; -moz-transform:none; opacity:0; visibility:hidden; position:fixed; z-index:99999; }

.nav_box .nav_item.fixed .hover_cont{ opacity:1; visibility:visible; }
.nav_box .nav_item.fixed.fixed_hide .hover_cont{ opacity:0; visibility:hidden; }


.nav_box .nav_item .hover_cont .hover_cont_inner{ display:block; max-width:320px; margin:0 auto; font-size:0; }
.nav_box .nav_item .hover_cont h3{ font-size:40px; line-height:46px; padding:3px 0 0; display:inline-block; vertical-align:top; }
.nav_box .nav_item .hover_cont h3 img{ display:inline-block; width:34px; margin:9px 8px 0 0; }
.nav_box .nav_item .hover_cont h3 svg{ display:inline-block; width:34px; height:32px; margin:9px 8px 0 0; }
.nav_box .nav_item .hover_cont svg .color1{ fill:#ffffff;}
.nav_box .nav_item .hover_cont svg .color1.active{ fill:#DE6328;}
.nav_box .nav_item .hover_cont svg .color2{ fill:#ffffff;}
.nav_box .nav_item .hover_cont svg .color2.active{ fill:#DE6328;}
.nav_box .nav_item .hover_cont svg .color3{ fill:#ffffff;}
.nav_box .nav_item .hover_cont svg .color3.active{ fill:#DE6328;}
.nav_box .nav_item .hover_cont svg .color4{ fill:#ffffff;}
.nav_box .nav_item .hover_cont svg .color4.active{ fill:#DE6328;}


.nav_box .nav_item .hover_cont .hover_cont_inner .col2{ display:inline-block; text-align:left; vertical-align:top; padding:12px 0 0 12px; }
.nav_box .nav_item .hover_cont span{ font-size:7px; line-height:8px; letter-spacing:1.17px; padding:0 0 5px; }

.nav_box .nav_item .hover_cont .rs_logo{ width:113px; }
.nav_box .nav_item .hover_cont .shape_logo{ width:56px; }
.nav_box .nav_item .hover_cont .ew_logo{ width:56px; }
.nav_box .nav_item .hover_cont .health_logo{ width:56px; }


.nav_box .nav_item a + img{ display:none; }


/**Inner Page**/

.intro_cont { padding: 40px 15px 20px; }

.intro_cont a.home_link{ top:7px; right:18px; width:26px; }
.intro_cont a.home_link img.desktop_img{ display:none; }
.intro_cont a.home_link img.mob_img{ display:block; }



.intro_cont .heading span.tagline { font-size: 12px; line-height: 16px; letter-spacing: 5px; padding: 0 0 2px; }
.intro_cont .heading h1 { font-size: 74px; line-height: 78px; letter-spacing: -0.58px; }
.intro_cont .heading h1 .flowerpot { width: 49px; margin:-7px 0 0 5px; }
.intro_cont .heading h1 .bicycle { width: 100px; margin: 18px 0 -2px -15px; }
.intro_cont .heading h1 .cherry { width: 70px; margin: 10px 0 -10px -10px; }
.intro_cont .heading h1 .notepad { width: 65px; margin: 15px 0 0 10px; }

.intro_cont .heading .title_vid .passions_vid { max-width: 264px; margin: -10px 0 5px; }
.intro_cont .heading .title_vid .fitness_vid { max-width: 270px; margin: 11px 0 1px; }
.intro_cont .heading .title_vid .nutrition_vid { max-width: 302px; margin: 7px auto -10px; }
.intro_cont .heading .title_vid .wellness_vid { max-width: 336px; margin: 8px 0 4px; }

.intro_cont .heading .title_vid #pot_anim { max-width: 264px; margin: -10px auto 5px; }
.intro_cont .heading .title_vid #bike_anim { max-width: 270px; margin: 11px auto 1px; }
.intro_cont .heading .title_vid #cherries_anim { max-width: 302px; margin: 7px auto -10px; }
.intro_cont .heading .title_vid #yoga_anim { max-width: 336px; margin: 8px auto 4px; }


.intro_cont ul.the_logos { padding: 15px 0 14px 0; }

.intro_cont ul.the_logos li.hnc_logo { background: url(../images/plus_icon_black.png) no-repeat right 14px; background-size: 9px auto; padding: 0 13px 0 0; }
.intro_cont ul.the_logos li.hnc_logo a { width: 67px; }

.intro_cont ul.the_logos li.rs_logo { padding: 0 0 0 5px; }
.intro_cont ul.the_logos li.rs_logo a { width: 127px; }

.intro_cont ul.the_logos li.shape_logo { padding: 0 0 0 5px; }
.intro_cont ul.the_logos li.shape_logo a { width: 80px; }

.intro_cont ul.the_logos li.ew_logo { padding: 0 0 0 5px; margin:0 0 -5px; }
.intro_cont ul.the_logos li.ew_logo a { width: 90px; }

.intro_cont ul.the_logos li.health_logo { padding: 0 0 0 5px; }
.intro_cont ul.the_logos li.health_logo a { width: 75px; }


.intro_cont p { font-size: 14px; line-height: 22px; }

.intro_cont ul.social_icon { margin: 8px 0 0; }


.mid_sec { padding: 26px 25px 18px; }
.tile_box .tile { width: 100%; margin: 0; }
.tile_box .tile > a{ margin:0 0 40px; }
.tile_box .tile > a.just-placeholder { display: none; }
.tile_box .tile.odd { margin: 0; }
.tile_box .tile > a > figure .caption_cont { bottom: 12px; padding: 0 0 0 17px; font-size: 12px; line-height: 16px; }

.tile_box .tile > a > h3 { font-size: 18px; line-height: 23px; padding: 17px 15px 0; }

.tile_box .tip { padding: 9px 15px 5px 5px; margin:0 0 45px; }
.tile_box .tip .tip_cont h3 { font-size: 12px; line-height: 16px; letter-spacing: 3px; padding: 0 0 4px 20px; }
.tile_box .tip .tip_cont p { font-size: 13px; line-height: 17px; }


.mid_sec .bottom_cont a.hnc_logo { width: 93px; margin: 0 0 10px; }
.mid_sec .bottom_cont p { font-size: 14px; line-height: 20px; max-width:220px; margin:0 auto; }

.return_cont { padding: 18px 0 18px; }
.return_cont span { font-size: 9px; line-height: 13px; letter-spacing: 0.72px; background: url(../images/back_arrow.png) no-repeat left center; background-size: 17px auto; padding: 3px 0 3px 25px; margin:0 0 3px; }
.return_cont p { font-size: 30px; line-height: 34px; letter-spacing: -0.35px; }


.vid_box { padding: 30px 25px 0; }
a.vid-close { right: -20px; }
.vid_box.active a.vid-close { top: -20px; }
.return_cont .return_video { width: 320px; }
.return_cont .return_video video { height: 180px; }

}

@media only screen and (max-width: 639px) {
	.return_cont a { flex-wrap: wrap; }
	.return_cont .return_video { margin-bottom: 20px; width: 100%; order: -1; }
	.return_cont .return_video video { height: auto; }
	.return_cont .return_left { margin-right: 0px; }
}