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

.lifestyle .quote_sec .quote_box { width: 50%; left: 55%; top: -25%; }


}


@media only screen and (max-width: 1024px) {
	
#layout { padding: 56px 0 0; height:auto; }	

.prev_arr{ margin:-50px 0 0; width:40px; height:100px; }
.prev_arr img{ width:40px; margin:-25px 0 0; }

.next_arr{ margin:-50px 0 0; width:40px; height:100px; }
.next_arr img{ width:40px; margin:-25px 0 0; }

.loading .inner { min-height: calc(100vh - 56px);  }
.loading .intro_box{ width:550px; }


/******nav-bar******/
.nav-bar-box{ position:absolute; width:342px; right: auto; bottom: auto; z-index: 9999; top: 113px; left:50%; transform:translateX(-50%); background:#fff; }
.nav-bar { /*width:342px; right: auto; bottom: auto; z-index: 9999; top: 113px; left:50%; transform:translateX(-50%);*/ width:100%; left:auto; }
.nav-bar li { font-size: 13px; line-height: 16px; letter-spacing: 0.07px; }
.nav-bar li a { 	padding: 12px 8px 7px 8px; }
.nav-bar-box .cta{ display:none;}


/******landing******/
.landing{ height:auto; min-height:0; }
.landing .inner { height: auto; }

.landing .circle_sec { width: 325px; margin: 0 0 0 -162px; top: -165px; position:absolute; left:50%; }
.landing .circle_sec .text { width: 240px; right: 30px; top: 180px; left:auto; }
.landing .intro_sec { float:none; max-width:688px; padding: 176px 0 25px; margin: 0 auto; display: block; top:0; transform:none; }
.landing .intro_sec .shape_logo { width: 96px; }
.landing ul.logos_sec { padding: 13px 0 10px; }
.landing ul.logos_sec li.fo_logo { padding: 0 35px 0 0; background-size: 13px; }
.landing ul.logos_sec li.fo_logo a { width: 54px; }
.landing ul.logos_sec li.po_logo { padding: 0 0 0 14px; }
.landing ul.logos_sec li.po_logo a { width: 62px; }

.landing ul.social_icon li a { width: 23px; }
.landing .intro_sec p { font-size: 12px; line-height: 20px; padding: 12px 0 17px; }
.landing .listen_btn { width: 180px; font-size: 18px; line-height: 20px; padding: 8px 0 8px 0; }

.landing .quote_sec { width: 375px; position: relative; display: block; margin: 0 auto; left:auto; bottom:auto; float:none; height:auto; }
.landing .quote_sec .circle_sec{ display:none; }
.landing .quote_sec > img { width: 250px; margin-left:-20px; position:relative; bottom:auto; left:auto; }
.landing .quote_sec .quote_box { right: 20px; top: 20px; width: 165px; padding: 10px 10px 10px 0; left:auto; }
.landing .quote_sec .quote_box:before { left: 5px; top: 5px; }
.landing .quote_sec .quote_icon { left: 12px; top: -5px; width: 30px; }
.landing .quote_sec p { font-size: 11px; line-height: 13px; }


/******lifestyle******/
.lifestyle .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.lifestyle .circle_sec .circled { width: 100%; }
.lifestyle .circle_sec .text { width: 230px; max-width:230px; margin-top:0; left: 14px; top: 90px; }

.lifestyle .inner { max-width: 100%; padding: 113px 17px 76px; }

.lifestyle .white_box { width: 100%; max-width:688px; margin: 0 auto; text-align: right; margin-top: 0; height: auto; padding: 0; }

.lifestyle .video_sec { float:none; width: 100%; margin: 0 0 0 0; padding:44px 0 50px 0; top:auto; transform:none; max-width:100%; }
.lifestyle .vid_box { margin: 0 0 13px; }
.lifestyle .vid_thumbs { padding: 0 25px; /*flex-wrap: wrap; justify-content: flex-end;*/ }
/*.lifestyle .vid_thumb { width: calc(25% - 10px); margin:0 5px 9px; }
.lifestyle .vid_thumbs img { width: 100%; max-width: 100%; }*/

.lifestyle .vid_thumb_slider .slick-arrow{ width:20px;}
.lifestyle .vid_thumb_slider .slick-arrow.slick-prev{ left:-25px; }
.lifestyle .vid_thumb_slider .slick-prev:after{ border-top: 5px solid transparent; border-right: 10px solid #fff; border-bottom: 5px solid transparent; left:4px;  }
.lifestyle .vid_thumb_slider .slick-arrow.slick-next{ right:-25px; }
.lifestyle .vid_thumb_slider .slick-next:after{ border-top: 5px solid transparent; border-left: 10px solid #fff; border-bottom: 5px solid transparent; right:4px; }




.lifestyle .quote_sec { position: relative; left: auto; bottom: auto; width: 165px; max-width:none; margin: -15px 0 0; padding:0; }
.lifestyle .quote_sec > img { margin: 0; }
.lifestyle .quote_sec .quote_icon { width: 38px; }
.lifestyle .quote_sec .quote_box { width: 133px; margin: 0 0 14px 20px; /*position:relative;*/ left:90%; top:-20px; }
.lifestyle .quote_sec p { font-size: 13px; line-height: 15px; padding: 8px 0 8px; }
.lifestyle .quote_sec .p_name { font-size: 10px; line-height: 12px; padding: 10px 0 0; }
.lifestyle .quote_sec .arr_img { width: 40px; right: 12px; top: calc(100% + 5px); }


/******fitness******/
.fitness .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.fitness .circle_sec .circled { width: 100%; }
.fitness .circle_sec .text { width: 250px; max-width: 250px; left: 7px; top: 70px; margin-top:0; }
.fitness .inner { max-width: 100%; padding: 113px 17px 76px; }

.fitness .white_box { width: 100%; max-width:688px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.fitness .comment_sec { position: relative; left: auto; bottom: auto; width: 380px; padding:55px 0 0; margin:0 auto; }
.fitness .comment_sec > img { width: 160px; margin: 0 0 0 -10px; }

.fitness .quote_sec { width: 132px; padding: 0; margin: 0; position: absolute; right: 10px; bottom: 0; }
.fitness .quote_sec .quote_icon { width: 30px; }
.fitness .quote_sec p { font-size: 11px; line-height: 14px; padding: 5px 0 5px; }
.fitness .quote_sec .p_name { font-size: 10px; line-height: 12px; padding: 8px 0 0; }
.fitness .quote_sec .arr_img { width: 22px; left: -2px; bottom: -8px; }

.fitness .comments { width: 180px; padding: 12px 15px 12px 15px; bottom:auto; top:60px; left:180px; }
.fitness .comments:before { left: 7px; top: 7px; }
.fitness .comments .comment_icon { margin: 0 0 0 -12px; top: -15px; width: 24px; }
.fitness .comments p { font-size: 14px; line-height: 17px; }

.fitness .img_boxes { width: 100%; margin: 0; padding:21px 20px 5px; top:0; transform:none; float:none; max-width:100%; justify-content:space-between; }
.fitness .img_boxes .img_box { width: calc(50% - 10px); margin: 0 0 16px; }
.fitness .img_boxes .img_box:nth-child(3), .fitness .img_boxes .img_box:nth-child(4) { margin-bottom: 16px; }
.fitness img { width: 100%; }


/******tips******/
.tips .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.tips .circle_sec .circled{ width:100%; }
.tips .circle_sec .text { width: 242px; max-width: 242px; left: 5px; top: 70px; margin-top:0; }
.tips .inner { max-width: 100%; padding: 113px 17px 76px; }

.tips .white_box { width: 100%; max-width:688px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.tips .box_row { width: 100%; padding: 20px 0 20px 0; top:0; transform:none; max-width:100%; }

.tips .box_row .box_col .icon_img.yoga { width: 43px; }
.tips .box_row .box_col .icon_img.dumbell { width: 64px; }


.tips .box_row .box_col.box_col1{ width:219px; margin: 75px auto 30px; }
.tips .box_row .box_col.box_col1 .bg_img{ width:280px; left:-27px; top:-42px; }
.tips .box_row .box_col.box_col1 .box_col_inner{ padding:12px 16px 18px; }
.tips .box_row .box_col.box_col1 h3{ font-size:20px; line-height:21px; }
.tips .box_row .box_col.box_col1 p{ font-size:14px; line-height:18px; }

.tips .box_row .box_col.box_col2{ width:226px; margin: 60px auto 0; }
.tips .box_row .box_col.box_col2 .bg_img{ width:116px; left:-37px; top:22px; }
.tips .box_row .box_col.box_col2 .box_col_inner{ padding:12px 27px 17px; }
.tips .box_row .box_col.box_col2 h3{ font-size:15px; line-height:18px; padding:0 0 2px; }
.tips .box_row .box_col.box_col2 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col3{ width:283px; height:283px; margin: 35px auto 25px; }
.tips .box_row .box_col.box_col3 .bg_img{ width:199px; left:-20px; top:-29px; }
.tips .box_row .box_col.box_col3 .box_col_inner{ padding:11px 35px 25px; }
.tips .box_row .box_col.box_col3 h3{ font-size:20px; line-height:19px; }
.tips .box_row .box_col.box_col3 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col4{ width:223px; height:223px; margin: 10px auto 0; }
.tips .box_row .box_col.box_col4 .bg_img{ width:173px; left:-23px; bottom:-8px; }
.tips .box_row .box_col.box_col4 .box_col_inner{ padding:0 25px 0; }
.tips .box_row .box_col.box_col4 h3{ font-size:16px; line-height:17px; padding:0 0 2px; }
.tips .box_row .box_col.box_col4 p{ font-size:12px; line-height:17px; }

.tips .box_row .box_col.box_col5{ width:277px; margin: 60px auto 30px; }
.tips .box_row .box_col.box_col5 .bg_img{ width:262px; right:-37px; top:-53px; }
.tips .box_row .box_col.box_col5 .box_col_inner{ padding:20px 15px 22px; }
.tips .box_row .box_col.box_col5 h3{ font-size:17px; line-height:19px; }
.tips .box_row .box_col.box_col5 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col6{ width:231px; margin: 0 auto 35px; }
.tips .box_row .box_col.box_col6 .bg_img{ width:198x; right:-34px; top:-38px; }
.tips .box_row .box_col.box_col6 .box_col_inner{ padding:12px 14px 13px; }
.tips .box_row .box_col.box_col6 h3{ font-size:25px; line-height:19px; }
.tips .box_row .box_col.box_col6 p{ font-size:13px; line-height:17px; }


.tips .quote_sec { position: relative; right: auto; bottom: auto; width: 251px; text-align: center; margin:0 auto; left:25%; }
.tips .quote_sec .quote_box { position: absolute; width: 205px; bottom: auto; left: auto; margin: 0 auto 25px; top:0; right:180px; }

.tips .quote_sec > img{ width:251px; margin-right:-89px; }
.tips .quote_sec p{ font-size:18px; line-height:23px; padding:11px 0 13px; }
.tips .quote_sec .p_name{ font-size:13px; line-height:15px; padding:13px 0 0; }
.tips .box_row .box_col.box_col5 .bg_img { right: auto; top: -50px; left: -25px; }
.tips .quote_sec .arr_img{ width:81px; left: 5px; top: auto; bottom: -50px; }


/******downloads******/
.downloads .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.downloads .circle_sec .circled{ width:100%; }
.downloads .circle_sec .text { width: 242px; max-width: 242px; left: 5px; top: 70px; margin-top:0; }
.downloads .inner { max-width: 100%; padding: 113px 17px 76px; overflow:hidden; }

.downloads .white_box { width: 100%; max-width:688px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; overflow:hidden; }

.downloads .box_row { display: flex; width:100%; padding: 30vh 0 40px 0; }
.downloads .box_row:first-of-type { padding: 150px 0 0 0; }

.downloads .box_row .download_cont{  width:20vw; height:20vw;  }

.downloads .box_row .download_cont.download_cont1 { margin: 0; position: absolute; left: 22vw; top: 58px; }
.downloads .box_row .download_cont.download_cont2 { margin: 0; position: absolute; left: 23vw; top: 13vh; }

.downloads .box_row .download_cont .cont_inner{ padding:0 15px 15px; }
.downloads .box_row .download_cont .icon_img{ width:46px;  margin:0 0 8px; }
.downloads .box_row .download_cont p{ font-size:1.5vw; line-height:1.5vw; }

.downloads .box_row .box_col .icon_img{ margin: 0 0 5px; }
.downloads .box_row .box_col .person_name{ width:128px; top:0; left:50%; margin:0 0 0 -64px; font-size:7px; line-height:10px; padding:7px 0; }
.downloads .box_row .box_col a.download_btn{ width:99px; font-size:13px; line-height:16px; letter-spacing:-0.29px; padding:8px 0 8px; margin:13px 0 0; }

.downloads .box_row .box_col { display: block; }
.downloads .box_row .box_col.box_col1{ width:147px; margin: 0 0 0 0; }
.downloads .box_row .box_col.box_col1 .box_col_inner{ padding:0 25px; top:58px; }
.downloads .box_row .box_col.box_col1 .icon_img{ width:44px; margin:0 0 14px; }
.downloads .box_row .box_col.box_col1 h3{ font-size:10px; line-height:10px; }

.downloads .box_row .box_col.box_col2{ width:240px; margin: 0 auto 0; }
.downloads .box_row .box_col.box_col2 .box_col_inner{ padding:0 15px; top:8px; }
.downloads .box_row .box_col.box_col2 .icon_img{ width:71px; margin:0 0 23px; }
.downloads .box_row .box_col.box_col2 h3{ font-size:24px; line-height:24px; }

.downloads .box_row .box_col.box_col3{ width:240px; margin: 0 auto; }
.downloads .box_row .box_col.box_col3 .box_col_inner{ padding:0 8px; top:15px; }
.downloads .box_row .box_col.box_col3 .icon_img{ width:73px; margin:0 0 12px; }
.downloads .box_row .box_col.box_col3 h3{ font-size:26px; line-height:24px; letter-spacing:0.43px; padding:0 0 3px; }
.downloads .box_row .box_col.box_col3 p{ font-size:22px; line-height:20px; }

.downloads .box_row .box_col.box_col4{ width:230px; margin: 25px 0 0 0; }
.downloads .box_row .box_col.box_col5{ width:210px; margin: 0 auto; }
.downloads .box_row .box_col.box_col6{ width:210px; margin: 0 auto 0; }



/******recipes******/
.recipes .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.recipes .circle_sec .circled{ width:100%; }
.recipes .circle_sec .text { width: 195px; max-width: 195px; left: 25px; top: 60px; margin-top:0; }
.recipes .inner { max-width: 100%; padding: 113px 17px 76px; }

.recipes .white_box { width: 100%; max-width:688px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.recipes .recipe_container { width: 100%; padding: 53px 17px 0; margin: 0; top:0; transform:none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.recipes .recipe_row { width:calc(50% - 20px); padding: 0 0 30px 0; }
.recipes .recipe_row figure { width: 100%; margin:0 0 20px; }
.recipes .recipe_row .recipe_desc { width: 100%; padding: 0 0 15px; }
.recipes .recipe_row .recipe_desc h3{ font-size:25px; line-height:29px; padding: 0 0 8px; }
.recipes .recipe_row .recipe_desc p{ font-size:13px; line-height:18px; }

.recipes .recipe_row .recipe_prep { width: 100%; padding: 0 0 0; }
.recipes .recipe_row .recipe_prep h3{ font-size:14px; line-height:16px; padding:0 0 7px; }
.recipes .recipe_row .recipe_prep ul{ padding:0 0 18px; }
.recipes .recipe_row .recipe_prep ul li{ font-size:13px; line-height:18px; }
.recipes .recipe_row .recipe_prep p{ font-size:13px; line-height:18px; }


.recipes .product_container { width: 100%; position: relative; left: auto; bottom: auto; top:auto; clear:both; padding:40px 17px 5px; display: flex; flex-wrap: wrap; justify-content: space-around; }
.recipes .product_container .product_box { padding:0 0 20px; }
.recipes .product_container .product_box1 figure{ max-width:155px; }
.recipes .product_container .product_box2 figure{ max-width:174px; }
.recipes .product_container .buy_btn{ width:67px; font-size:19px; line-height:24px; letter-spacing:-0.43; margin:12px 0 12px; padding:6px 0 6px; }



.mobile{ display:block !important; }


.cta { position:absolute; right: auto; bottom: 16px; padding: 7px 16px 7px 16px; width: 360px; left:50%; transform:translateX(-50%);background:#a9dadf; text-align:center; }
.cta p { font-family: 'GothamHTF-Bold'; font-size: 13px; line-height: 16px; text-align:center; color:#fff; }
.cta p a{ color:#152d4d; line-height:inherit; /*display:inline-block; width:30px; margin:0 5px 0 0; vertical-align:middle;*/ }

.cta a.fo_logo{ position:absolute; left:101%; /*margin:1% 0 0;*/ width:30px; top:50%; transform:translateY(-50%); }
.cta a.fo_logo img{ vertical-align:top; }


footer { position: relative; height:auto; max-height:none; left:auto; right:auto; bottom:auto; width:100%;  }

}



@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;}
/*.ot-sdk-show-settings{ margin:0 0 0; }*/

}



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

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 9px;}
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.left_logos { padding: 8px 0 0 0; }
ul.left_logos li.shape_logo { background: url(../images/plus-icon.png) no-repeat right center; padding: 0 18px 0 0; background-size: 9px; }
ul.left_logos li.shape_logo a { width: 80px; }
ul.left_logos li.fo_logo { padding: 0 0 0 6px; }
ul.left_logos li.fo_logo a { width: 50px; }
header ul.social_icon { margin-top: 8px; }

/*.nav-bar ul { padding: 70px 0 0; }*/


.prev_arr{ margin:-50px 0 0; width:40px; height:100px; }
.prev_arr img{ width:40px; margin:-25px 0 0; }

.next_arr{ margin:-50px 0 0; width:40px; height:100px; }
.next_arr img{ width:40px; margin:-25px 0 0; }

.loading .inner { min-height: calc(100vh - 66px);  }
.loading .intro_box { width: 85%; top: 38%;}


/******nav-bar******/
.nav-bar-box{ position:absolute; width:342px; right: auto; bottom: auto; z-index: 9999; top: 113px; left:50%; transform:translateX(-50%); background:#fff; }
.nav-bar { /*width:342px; right: auto; bottom: auto; z-index: 9999; top: 113px; left:50%; transform:translateX(-50%);*/ width:100%; left:auto; }
.nav-bar li { font-size: 13px; line-height: 16px; letter-spacing: 0.07px; }
.nav-bar li a { 	padding: 12px 8px 7px 8px; }
.nav-bar-box .cta{ display:none;}


/******landing******/
.landing{ height:auto; min-height:0; }
.landing .inner { height: auto; }

.landing .circle_sec { width: 325px; margin: 0 0 0 -162px; top: -165px; position:absolute; }
.landing .circle_sec .text { width: 240px; right: 30px; top: 180px; left:auto; }
.landing .intro_sec { float:none; width: 315px; padding: 176px 0 25px; margin: 0 auto; display: block; top:0; transform:none; }
.landing .intro_sec .shape_logo { width: 96px; }
.landing ul.logos_sec { padding: 13px 0 10px; }
.landing ul.logos_sec li.fo_logo { padding: 0 35px 0 0; background-size: 13px; }
.landing ul.logos_sec li.fo_logo a { width: 54px; }
.landing ul.logos_sec li.po_logo { padding: 0 0 0 14px; }
.landing ul.logos_sec li.po_logo a { width: 62px; }

.landing ul.social_icon li a { width: 23px; }
.landing .intro_sec p { font-size: 12px; line-height: 20px; padding: 12px 0 17px; }
.landing .listen_btn { width: 180px; font-size: 18px; line-height: 20px; padding: 8px 0 8px 0; }

.landing .quote_sec { width: 375px; position: relative; display: block; margin: 0 auto; left:auto; bottom:auto; float:none; height:auto; }
.landing .quote_sec .circle_sec{ display:none; }
.landing .quote_sec > img { width: 250px; margin-left:-20px; position:relative; bottom:auto; left:auto; }
.landing .quote_sec .quote_box { right: 20px; top: 20px; width: 165px; padding: 10px 10px 10px 0; left:auto; }
.landing .quote_sec .quote_box:before { left: 5px; top: 5px; }
.landing .quote_sec .quote_icon { left: 12px; top: -5px; width: 30px; }
.landing .quote_sec p { font-size: 11px; line-height: 13px; }


/******lifestyle******/
.lifestyle .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.lifestyle .circle_sec .circled { width: 100%; }
.lifestyle .circle_sec .text { width: 230px; max-width:230px; margin-top:0; left: 14px; top: 90px; }

.lifestyle .inner { max-width: 100%; padding: 113px 17px 76px; }

.lifestyle .white_box { width: 100%; max-width:346px; margin: 0 auto; text-align: right; margin-top: 0; height: auto; padding: 0; }

.lifestyle .video_sec { float:none; width: 100%; margin: 0 0 0 0; padding:44px 0 15px 0; top:auto; transform:none; max-width:100%; }
.lifestyle .vid_box { margin: 0 0 13px; }
.lifestyle .vid_thumbs { padding: 0 25px; /*flex-wrap: wrap; justify-content: flex-end;*/ }
/*.lifestyle .vid_thumb { width: calc(50% - 10px); margin:0 5px 9px; }
.lifestyle .vid_thumbs img { width: 100%; max-width: 100%; }*/

.lifestyle .quote_sec { position: relative; left: auto; bottom: auto; width: 165px; margin: 0 0 0; }
.lifestyle .quote_sec .quote_icon { width: 38px; }
.lifestyle .quote_sec .quote_box { width: 133px; margin: 0 0 14px 20px; position:relative; left:auto; top:auto; }
.lifestyle .quote_sec p { font-size: 13px; line-height: 15px; padding: 8px 0 8px; }
.lifestyle .quote_sec .p_name { font-size: 10px; line-height: 12px; padding: 10px 0 0; }
.lifestyle .quote_sec .arr_img { width: 40px; right: 12px; top: calc(100% + 5px); }


/******fitness******/
.fitness .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.fitness .circle_sec .circled { width: 100%; }
.fitness .circle_sec .text { width: 250px; max-width: 250px; left: 7px; top: 70px; margin-top:0; }
.fitness .inner { max-width: 100%; padding: 113px 17px 76px; }

.fitness .white_box { width: 100%; max-width:346px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.fitness .comment_sec { position: relative; left: auto; bottom: auto; width: 100%; padding:55px 0 0; }
.fitness .comment_sec > img { width: 160px; margin: 0 0 0 -10px; }

.fitness .quote_sec { width: 132px; padding: 0; margin: 0; position: absolute; right: 10vw; bottom: 0; }
.fitness .quote_sec .quote_icon { width: 30px; }
.fitness .quote_sec p { font-size: 10px; line-height: 14px; padding: 5px 0 5px; }
.fitness .quote_sec .p_name { font-size: 10px; line-height: 12px; padding: 8px 0 0; }
.fitness .quote_sec .arr_img { width: 22px; left: -2px; bottom: -8px; }

.fitness .comments { width: 180px; padding: 12px 15px 12px 15px; bottom:auto; top:53px; left:150px; }
.fitness .comments:before { left: 7px; top: 7px; }
.fitness .comments .comment_icon { margin: 0 0 0 -12px; top: -15px; width: 24px; }
.fitness .comments p { font-size: 14px; line-height: 17px; }

.fitness .img_boxes { width: 100%; margin: 0; padding:21px 25px 0; top:0; transform:none; float:none; max-width:100%; }
.fitness .img_boxes .img_box { width: 100%; margin: 0 0 16px; }
.fitness .img_boxes .img_box:nth-child(3), .fitness .img_boxes .img_box:nth-child(4) { margin-bottom: 16px; }
.fitness img { width: 100%; }


/******tips******/
.tips .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.tips .circle_sec .circled{ width:100%; }
.tips .circle_sec .text { width: 242px; max-width: 242px; left: 5px; top: 70px; margin-top:0; }
.tips .inner { max-width: 100%; padding: 113px 17px 76px; }

.tips .white_box { width: 100%; max-width:346px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.tips .box_row { width: 100%; padding: 20px 0 20px 0; top:0; transform:none; max-width:100%; }

.tips .box_row .box_col.box_col1{ width:219px; margin: 75px auto 30px; }
.tips .box_row .box_col.box_col1 .bg_img{ width:280px; left:-27px; top:-42px; }
.tips .box_row .box_col.box_col1 .box_col_inner{ padding:12px 16px 18px; }
.tips .box_row .box_col.box_col1 h3{ font-size:20px; line-height:21px; }
.tips .box_row .box_col.box_col1 p{ font-size:14px; line-height:18px; }

.tips .box_row .box_col.box_col2{ width:226px; margin: 0 auto; }
.tips .box_row .box_col.box_col2 .bg_img{ width:116px; left:-37px; top:22px; }
.tips .box_row .box_col.box_col2 .box_col_inner{ padding:12px 27px 17px; }
.tips .box_row .box_col.box_col2 h3{ font-size:15px; line-height:18px; padding:0 0 2px; }
.tips .box_row .box_col.box_col2 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col3{ width:283px; height:283px; margin: 55px auto 25px; }
.tips .box_row .box_col.box_col3 .bg_img{ width:199px; left:-20px; top:-29px; }
.tips .box_row .box_col.box_col3 .box_col_inner{ padding:11px 35px 25px; }
.tips .box_row .box_col.box_col3 h3{ font-size:20px; line-height:19px; }
.tips .box_row .box_col.box_col3 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col4{ width:223px; height:223px; margin: 0 auto; }
.tips .box_row .box_col.box_col4 .bg_img{ width:173px; left:-23px; bottom:-8px; }
.tips .box_row .box_col.box_col4 .box_col_inner{ padding:0 25px 0; }
.tips .box_row .box_col.box_col4 h3{ font-size:16px; line-height:17px; padding:0 0 2px; }
.tips .box_row .box_col.box_col4 p{ font-size:12px; line-height:17px; }

.tips .box_row .box_col.box_col5{ width:277px; margin: 85px auto 80px; }
.tips .box_row .box_col.box_col5 .bg_img{ width:262px; right:-37px; top:-53px; }
.tips .box_row .box_col.box_col5 .box_col_inner{ padding:20px 15px 22px; }
.tips .box_row .box_col.box_col5 h3{ font-size:17px; line-height:19px; }
.tips .box_row .box_col.box_col5 p{ font-size:15px; line-height:19px; }

.tips .box_row .box_col.box_col6{ width:231px; margin: 0 auto 35px; }
.tips .box_row .box_col.box_col6 .bg_img{ width:198x; right:-34px; top:-38px; }
.tips .box_row .box_col.box_col6 .box_col_inner{ padding:12px 14px 13px; }
.tips .box_row .box_col.box_col6 h3{ font-size:25px; line-height:19px; }
.tips .box_row .box_col.box_col6 p{ font-size:13px; line-height:17px; }


.tips .quote_sec { position: relative; right: auto; bottom: auto; width: 251px; text-align: center; margin:0 auto; left:auto; }
.tips .quote_sec .quote_box { position: relative; width: 205px; bottom: auto; left: auto; right:auto; margin: 0 auto 25px; }

.tips .quote_sec > img{ width:251px; margin-right:-89px; }
.tips .quote_sec p{ font-size:18px; line-height:23px; padding:11px 0 13px; }
.tips .quote_sec .p_name{ font-size:13px; line-height:15px; padding:13px 0 0; }
.tips .box_row .box_col.box_col5 .bg_img { right: auto; top: -50px; left: -25px; }
.tips .quote_sec .arr_img{ width:81px; left: 5px; top: auto; bottom: -50px; }


/******downloads******/
.downloads .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.downloads .circle_sec .circled{ width:100%; }
.downloads .circle_sec .text { width: 242px; max-width: 242px; left: 5px; top: 70px; margin-top:0; }
.downloads .inner { max-width: 100%; padding: 113px 17px 76px; overflow:hidden; }

.downloads .white_box { width: 100%; max-width:346px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; overflow:hidden; }

.downloads .box_row { display: block; width:100%; padding: 40vh 0 40px 0; }
.downloads .box_row:first-of-type { padding: 103px 0 0 0; }

.downloads .box_row .download_cont{  width:24vw; height:24vw;  }

.downloads .box_row .download_cont.download_cont1 { margin: 0; position: absolute; left: 11vw; top: 8vh; }
.downloads .box_row .download_cont.download_cont2 { margin: 0; position: absolute; left: 11vw; top: 10vh; }

.downloads .box_row .download_cont .cont_inner{ padding:0 2vw 2vw; }
.downloads .box_row .download_cont .icon_img{ width:5vw;  margin:0 0 8px; }
.downloads .box_row .download_cont p{ font-size:1.8vw; line-height:2.2vw; }
    
.downloads .box_row_container{transform: none;}

.downloads .box_row .box_col .icon_img{ margin: 0 0 5px; }
.downloads .box_row .box_col .person_name{ width:128px; top:0; left:50%; margin:0 0 0 -64px; font-size:7px; line-height:10px; padding:7px 0; }
.downloads .box_row .box_col a.download_btn{ width:99px; font-size:13px; line-height:16px; letter-spacing:-0.29px; padding:8px 0 8px; margin:13px 0 0; }

.downloads .box_row .box_col { display: block; }
.downloads .box_row .box_col.box_col1{ width:147px; margin: 22vh 0 6vh 13vw; }
.downloads .box_row .box_col.box_col1 .box_col_inner{ padding:0 25px; top:58px; }
.downloads .box_row .box_col.box_col1 .icon_img{ width:44px; margin:0 0 14px; }
.downloads .box_row .box_col.box_col1 h3{ font-size:10px; line-height:10px; }

.downloads .box_row .box_col.box_col2{ width:248px; margin: 36px auto 30px; }
.downloads .box_row .box_col.box_col2 .box_col_inner{ padding:0 15px; top:8px; }
.downloads .box_row .box_col.box_col2 .icon_img{ width:71px; margin:0 0 23px; }
.downloads .box_row .box_col.box_col2 h3{ font-size:24px; line-height:24px; }

.downloads .box_row .box_col.box_col3{ width:248px; margin: 0 auto; }
.downloads .box_row .box_col.box_col3 .box_col_inner{ padding:0 8px; top:15px; }
.downloads .box_row .box_col.box_col3 .icon_img{ width:73px; margin:0 0 12px; }
.downloads .box_row .box_col.box_col3 h3{ font-size:26px; line-height:24px; letter-spacing:0.43px; padding:0 0 3px; }
.downloads .box_row .box_col.box_col3 p{ font-size:22px; line-height:20px; }

.downloads .box_row .box_col.box_col4{ width:316px; margin: 0 0 0 16px; }
.downloads .box_row .box_col.box_col5{ width:280px; margin: 0 auto; }
.downloads .box_row .box_col.box_col6{ width:280px; margin: 34px auto 0; }



/******recipes******/
.recipes .circle_sec { left: 50%; top: -104px; width: 232px; margin: 0 0 0 -116px; }
.recipes .circle_sec .circled{ width:100%; }
.recipes .circle_sec .text { width: 195px; max-width: 195px; left: 25px; top: 60px; margin-top:0; }
.recipes .inner { max-width: 100%; padding: 113px 17px 76px; }

.recipes .white_box { width: 100%; max-width:346px; margin: 0 auto; margin-top: 0; height: auto; padding: 0; }

.recipes .recipe_container { width: 100%; padding: 53px 34px 0; margin: 0; top:0; transform:none; display:block; }
.recipes .recipe_row { width:100%; padding: 0 0 30px 0; }
.recipes .recipe_row figure { width: 100%; margin:0 0 20px; }
.recipes .recipe_row .recipe_desc { width: 100%; padding: 0 0 15px; }
.recipes .recipe_row .recipe_desc h3{ font-size:25px; line-height:29px; padding: 0 0 8px; }
.recipes .recipe_row .recipe_desc p{ font-size:13px; line-height:18px; }

.recipes .recipe_row .recipe_prep { width: 100%; padding: 0 0 0; }
.recipes .recipe_row .recipe_prep h3{ font-size:14px; line-height:16px; padding:0 0 7px; }
.recipes .recipe_row .recipe_prep ul{ padding:0 0 18px; }
.recipes .recipe_row .recipe_prep ul li{ font-size:13px; line-height:18px; }
.recipes .recipe_row .recipe_prep p{ font-size:13px; line-height:18px; }


.recipes .product_container { width: 100%; position: relative; left: auto; bottom: auto; top:auto; clear:both; padding:40px 0 5px; display:block; }
.recipes .product_container .product_box { padding:0 0 20px; }
.recipes .product_container .product_box1 figure{ max-width:25vw; }
.recipes .product_container .product_box2 figure{ max-width:29vw; }
.recipes .product_container .buy_btn{ width:67px; font-size:19px; line-height:24px; letter-spacing:-0.43; margin:12px 0 12px; padding:6px 0 6px; }
.recipes .product_container .product_box2 {margin-top:5vh;}


.mobile{ display:block !important; }


.cta { position:absolute; right: auto; bottom: 16px; padding: 1vw 2vw; left:50%; transform:translateX(-50%); background:#a9dadf; max-width: 340px;}
.cta p { font-family: 'GothamHTF-Bold'; font-size: 1.5vw; text-align:center; color:#fff; }
.cta p a{ color:#152d4d; line-height:inherit; }

footer { position: relative; height:auto; max-height:none; left:auto; right:auto; width:100%;  }
    
/****************animations positions *****************/

.loading1 .a2 { top:-3%; width: 20%; left: 20%;}
.loading1 .a3 {top: 10%; left: 15%; width: 15%;}
.loading1 .a4{bottom: 30%; right: 5%; width: 55%}
.loading1 .a5{ width: 40%; top: 15%;}
.loading1 .cord{ width: 120%; left: 40%;}
.loading2 .b1{top: 10%; left: 5%;}
.loading2 .b3{top: 5%;}
.loading2 .b4{bottom: 5%;}
.loading2 .b6{ top: 15%;}
.loading2 .cord{ top: 60%;}
.loading3 .c2{bottom: 30%;}
.loading3 .c3{ top: 15%;}
.loading3 .c4{bottom: 15%;}
.loading3 .cord{top: 60%;}
.loading4 {background-size: 150%;}
.loading4 .d2 {bottom: 15%; right: 10%;}
.loading4 .cord {top: 60%;}
.loading5 {background-size: 250%}
.loading5 .e1{ left: 2%; top: 10%;}
.loading5 .cord{ top: 60%;}



}


@media only screen and (max-width: 540px) { 
    
.landing .social_box{margin-left: -1vw;}
.landing ul.social_icon{margin-left: 20vw;}
.recipes .product_container .product_box1 figure{ max-width:50vw; }
.recipes .product_container .product_box2 figure{ max-width:55vw; }
.downloads .box_row .download_cont{  width:40vw; height:40vw;  }
.downloads .box_row .download_cont .icon_img{ width:10vw;  margin:0 0 8px; }
.downloads .box_row .download_cont p{ font-size:2.7vw; line-height:3.5vw; }
.downloads .box_row .download_cont.download_cont1 { margin: 0; position: absolute; left: 22vw; top: 58px; }
.downloads .box_row .download_cont.download_cont2 { margin: 0; position: absolute; left: 22vw; top: 15vh; }

}


@media only screen and (max-width: 480px) {
    
.landing .social_box{margin-left: -1.25vw;}
.landing ul.social_icon{margin-left: 22vw;}
.downloads .box_row .download_cont.download_cont2 {top: 16vh;}
.downloads .box_row .box_col.box_col1 {margin: 22vh 0 6vh 24vw;} 

}

@media only screen and (max-width: 410px) {
    
.downloads .box_row .download_cont.download_cont1 {left: 26vw;}    
.downloads .box_row .download_cont.download_cont2 {left: 26vw;}
.downloads .box_row .box_col.box_col1 {margin: 22vh 0 6vh 26vw;} 
    
   
    
}