@media( max-width:1279px){
.landing_banner_sec h1 { font-size: 140px; padding-top:40px; }
.landing_banner_sec { padding-top:100px; }
.landing_banner_sec .logo { max-width: 210px; right: 15px; }
.celebration_banner_sec h2 { font-size: 80px; }
.tiles_sec .flip-box-front h3 { font-size: 60px; }
.tiles_sec .tiles { padding-bottom: 20px; }  
.cta_sec p { font-size: 20px; }

.landing_banner_sec.inforgaphic h1 { font-size: 70px; letter-spacing:normal; padding:10px 20px; }
.landing_banner_sec.inforgaphic h1 strong { font-size: 125px; letter-spacing:normal; }
.landing_banner_sec.inforgaphic .cont_wrapper { min-height:460px; }
.description_sec .row1 .title .batch { max-width: 330px; position: absolute; left: 10px; top: -130px; }
.description_sec .row1 .title h2 { padding-left: 375px; }
.description_sec .comb img { max-width: 885px; margin: 80px -255px 20px 0; }
.description_sec .food_box .text h3 { letter-spacing: 0.04em; font-size: 55px; }
.description_sec .the_row { margin-bottom: 140px; }
.description_sec .row2 .title .clock { max-width: 430px; position: absolute; right: -95px; top: -130px; }
.description_sec .title h2 { font-size: 70px; letter-spacing: 0.04em; }
.description_sec .row2 .textblock { margin-left:80px; min-height:140px; }
.description_sec .row2 .title { margin-bottom: 50px; }
.description_sec .row2 .flagtext { margin-right:0; width:auto; }
.description_sec .row2 .flagtext h3 { font-size: 48px; letter-spacing: 0.02em; }
.description_sec .row2 .flagtext { min-height:110px; }
.description_sec .row2 .flagbox .bowl img { width: 400px; }
.description_sec .row2 .list ul { margin:0; padding-left:80px; }
.description_sec .row2 .food_box .text { margin-left:0; }
.description_sec .food_box .text h3 { padding-left:20px; }
.description_sec .food_box .text p { padding-left: 20px; }
.description_sec .row2 .flagtext::after { height: 338px; margin: -8px 0 0 0; }
.description_sec .row2 .food_box .food img { margin-left:0; }
.description_sec .row3 .title .dumbbell { position: absolute; left: -20px; top: -70px; max-width: 400px; }
.description_sec .row3 .title h2 { padding-left: 395px; }
.description_sec .row3 .signbox .sign h3 { letter-spacing: 0.04em; font-size: 50px; }
.description_sec .row3 .signbox .sign { min-height:130px; margin-left: -70px; padding-left:80px; }
.description_sec .row3 .keybox .content .list { margin-left:15px; }
.description_sec .row3 .keybox .content .list { max-width: 600px; }
.description_sec .list ul li { padding-bottom: 18px; }
.description_sec .row3 .keybox .keys { max-width: 690px; position: absolute; right: -150px; top: -110px; }
.description_sec .row3 .food_box .text h3 { padding-left: 30px; font-size: 49px; margin-right: 0; }
.description_sec .row3 .food_box .text p { padding-left: 30px; }
.description_sec .row4 .title .tape { position: absolute; right: -386px; top: -170px; max-width: 763px; }
.description_sec .row4 .title h2 { font-size: 70px; padding-right:375px; }
.description_sec .row4 .weightbox .content h3 { margin-bottom: 50px; }

}

@media( max-width:1023px){
.landing_banner_sec h1 { font-size: 107px; padding-top:40px; }
.landing_banner_sec { padding-top:60px;	padding-bottom: 100px; }
.landing_banner_sec .logo { max-width: 170px; }
.celebration_banner_sec h2 { font-size: 80px; }
.tiles_sec .flip-box-front h3 { font-size: 125px; }
.tiles_sec .tiles { padding-bottom: 20px; }  
.cta_sec p { font-size: 20px; }
.landing_banner_sec .scrollto { font-size: 20px; background-size:45px auto; padding-bottom:55px; }
.celebration_banner_sec h2 { font-size: 70px; }
.celebration_banner_sec { min-height:400px; }
.tiles_sec .flip-box .the_back .interior p { font-size: 16px; line-height: 1; letter-spacing: 0; }
.tiles_sec .flip-box .the_back .interior { padding: 10px; }
.tiles_sec .flip-box-front h3 { font-size: 45px; letter-spacing: normal; }
.tiles_sec .flipcards .col2 { padding: 0 15px 40px; }
.tiles_sec .flipcards { margin: 0px -15px; }
.tiles_sec .flip-box-inner, .tiles_sec .flip-box { height: 370px; }
.cta_sec p { font-size: 18px; letter-spacing: normal; }
.cta_sec .logo { width: 180px; }
.cta_sec .text { width: calc(100% - 180px); }

.landing_banner_sec.inforgaphic h1 { font-size: 50px; }
.landing_banner_sec.inforgaphic h1 strong { font-size: 90px; margin-top:-20px; }
.landing_banner_sec.inforgaphic .cont_wrapper { min-height:350px; }
.intro_sec p { font-size: 20px; }
.description_sec .title { margin-bottom: 40px; padding: 20px 0; } 
.description_sec .row1 .textblock { margin-left: 260px; }
.description_sec .comb img { max-width: 700px; margin: 50px -155px 20px 0; }
.description_sec .list ul { max-width: 450px; }
.description_sec .list ul li { font-size: 16px; letter-spacing: 0.04em; padding-left: 40px; }
.description_sec .row1 .food_box .food img { max-width: 100%; }
.description_sec .food_box .food { width: 30%; }
.description_sec .food_box .text { width: 70%; padding-left:30px; }
.description_sec .food_box .text h3 { letter-spacing: 0; font-size: 45px; }
.description_sec .the_row { margin-bottom: 80px; }
.description_sec .row2 .title h2 { padding-left:0; }
.description_sec .title h2 { font-size: 50px; letter-spacing:0; }
.description_sec .row1 .title h2 { padding-left: 270px; }
.description_sec .row1 .title .batch {  max-width: 250px; position: absolute; left: 10px; top: -100px; }
.description_sec .row2 .textblock { margin-left:0; }
.description_sec .textblock { max-width: 480px; }
.description_sec .row2 .title .clock { max-width: 370px; position: absolute; right: -73px; top: -98px; }
.description_sec .row2 .flagbox .bowl img { width: 350px; }
.description_sec .row2 .flagtext h3 { font-size: 40px; letter-spacing:0; line-height:0.7; }
.description_sec .row2 .flagtext { margin-bottom: 30px; }
.description_sec .row2 .flagtext::after { width: 20px; height:270px; }
.description_sec .row2 .list ul { padding: 0 50px 0 0; }
.description_sec .food_box .text p { padding-left:0; }  
.description_sec .food_box .text p br { display: none; }
.description_sec .row3 .title h2 { padding-left: 290px; margin-right:0; }
.description_sec .row3 .title .dumbbell { left: -10px; top:-45px; max-width: 300px; }
.description_sec .row3 .title h2 { font-size: 48px; }
.description_sec .row3 .textblock { padding-left: 30px; }
.description_sec .row3 .signbox .sign h3 { font-size: 45px; letter-spacing:0; }
.description_sec .row3 .signbox .sign { min-height:110px; padding-right:50px; padding-bottom:25px; }
.description_sec .row3 .signbox { padding: 45px 0 35px; }
.description_sec .row3 .keybox .keys { max-width: 500px; right: -115px; top: -25px; }
.description_sec .row3 .food_box .text { padding-top:155px; }
.description_sec .row3 .food_box .text h3 { font-size: 40px; }
.description_sec .row3 .food_box .text { padding-left: 25px; }
.description_sec .row4 .title .tape { right: -270px; top: -100px; max-width: 550px; }
.description_sec .row4 .title h2 { font-size: 57px; padding-right: 330px; }
.description_sec .row4 .textblock { padding-left:0; }
.description_sec .row4 .weightbox .content { padding-left: 125px; padding-top:0; }
.description_sec .row4 .weightbox .content h3::before { width: 90px; left: -90px; }
.description_sec .row4 .weightbox .content h3 { padding: 10px 10px 10px 30px; margin-bottom: 25px; }
.description_sec .row4 .weightbox { padding-top:70px; }
.description_sec .row4 .food_box .food img { transform: none; -webkit-transform: none; }
.description_sec .row4 .food_box .text { padding-right:30px; }
.description_sec .row4 .food_box .text p { padding-left:0; }
.description_sec .row4 .food_box .text h3 { margin-bottom: 40px; }
.description_sec .row2 .title { margin-bottom: 40px; }
.cta_sec { padding: 20px 0; } 

}


@media( max-width:767px){
html, body { font-size: 16px; line-height: 1.3; }

.head-wrap { padding-bottom: 70px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:70px; }

/*
#wrapper { padding-top:130px; }
.ad_container.middle { margin-bottom: 30px; }	
.head-wrap { padding-bottom: 70px; }
.ad_container .ad { margin: 0; padding: 5px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:60px; }
header{top:60px}
*/
.middle_banner .text,
.landing_banner .text { max-width: 100%; }
header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 7px 15px 7px;}
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 0px 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 .logobar { float: left; padding: 5px 0 0px 30px; }
header .logobar a.brand-logo,
header .logobar a.site-logo { max-width: 80px; }
header .logobar .plus { display:inline-block; max-width: 10px; margin: 0 7px; vertical-align: middle; }
header .logobar { padding: 6px 0 0; }
header ul.social_icon { position: relative; top:3px; margin-top:0px; margin-right:0; }
header span.sep { margin: 0 3px; }

.landing_banner_sec { padding-top:40px; }
.landing_banner_sec .text { padding:20px 0 0 0; max-width:100%; text-align:center; }
.landing_banner_sec .text p { letter-spacing: 0; font-size: 22px; line-height: 1; }
.landing_banner_sec h1 { font-size: 60px; line-height:1; padding-top:20px; text-align: center; line-height:0.7; margin:0; }
.landing_banner_sec .scrollto { font-size: 16px; background-size: 30px auto; padding-bottom: 39px; letter-spacing: 0; }
.landing_banner_sec .logo { max-width: 120px; position:absolute; left:50%; bottom: -65px; margin-left:-60px; }
.landing_banner_sec.home { background-size: 100% auto; background-position: center top; background-repeat: no-repeat; background: #f7b634 !important; background-size:100% 1px; padding: 0 0 110px 0; }
.landing_banner_sec.home .mob_show { display: block; width: 100%; }
.celebration_banner_sec h2 { font-size: 46px; letter-spacing: normal; }
.celebration_banner_sec { min-height:330px; }
.tiles_sec .intro p { font-size: 20px; line-height: 1.1; letter-spacing: 0; }
.tiles_sec .intro { padding:40px 0; }
.tiles_sec .flipcards .col2 { width: 100%; padding: 0 15px 15px; max-width: 400px; }
.cta_sec { padding: 25px 0; text-align: center; }
.cta_sec .text { width: 100%; padding: 20px 0 0 0; }
.cta_sec .logo { width: 120px; display:block; margin:0 auto; }
.cta_sec p { font-size: 16px; }

.landing_banner_sec.inforgaphic h1 { font-size: 35px; line-height: 0.7; }
.landing_banner_sec.inforgaphic h1 strong { font-size: 42px; margin-top: 0px; }
.landing_banner_sec.inforgaphic .cont_wrapper { min-height:280px; }
.intro_sec p { font-size: 18px; line-height: 1.1; letter-spacing: 0; }
.intro_sec { padding: 40px 0; }
.description_sec .row1 .title .batch { max-width: 100px; top:-60px; }
.description_sec .row1 .title h2 { padding-left: 110px; }  
.description_sec .title h2 { font-size: 35px; line-height:0.7; }
.description_sec .row1 .textblock { padding-top:45px; margin-left:0; }
.description_sec .textblock p { font-size: 16px; letter-spacing:0.04em; }
.description_sec .comb img { max-width: 150%; }
.description_sec .list ul { max-width: 100%; }
.description_sec .food_box .food { width: 100%; }
.description_sec .food_box .text { width: 100%; padding:20px 0 0 0; }
.description_sec .row1 .food_box .food img { position:static; transform:none; }
.description_sec .food_box .food img { margin:0 auto; max-height:200px; max-width:100%; width:auto; }
.description_sec .food_box .text h3 { margin-bottom:25px; font-size: 32px; letter-spacing:normal; }
.description_sec .food_box .text p { font-size: 16px; letter-spacing:normal; }
.description_sec .row1 .food_box { padding-bottom:0; }
.description_sec .row1 .list ul { margin-bottom: 25px; }
.description_sec .the_row { margin-bottom: 60px; }
.description_sec .row2 .title .clock { max-width: 130px; position: absolute; right: -28px; top: -46px; }
.description_sec .row2 .textblock { padding-right:0; padding-top:10px; }
.description_sec .row2 .flagbox .bowl img { width: 170%; }
.description_sec .row2 .flagbox .bowl { width: 70px; }
.description_sec .row2 .flagbox .content { padding: 0 0 0 20px; width: calc(100% - 70px); }
.description_sec .row2 .flagtext { margin-top:0; }
.description_sec .row2 .flagtext { min-height:70px; padding: 10px 10px 10px 40px; }
.description_sec .row2 .flagtext h3 { font-size: 25px; }
.description_sec .row2 .flagtext::after { margin-top:-5px; }
.description_sec .row2 .list ul { padding-right:40px; margin: 35px 0px 0 -75px; max-width: none; width: auto; }
.description_sec .row2 .flagtext::after { width: 15px; height: 270px; }
.description_sec .row2 .food_box .food { order: 0; width: 100%;}
.description_sec .row2 .food_box .food img { margin:0 auto; }
.description_sec .row2 .food_box { margin-top:25px; }  
.description_sec .row2 .food_box .text { width: 100%; padding-right:0; }  
.description_sec .food_box .text h3 { padding:10px; line-height:0.7; }
.description_sec .row2 .food_box .text { padding-top:20px; }
.description_sec .row3 .title h2 { padding-left:0; font-size: 35px; }
.description_sec .row3 .title .dumbbell { left:50%; margin-left:-150px; top:100%; margin-top:25px; }
.description_sec .row3 .textblock { padding:165px 0 0 0; }
.description_sec .row3 .signbox .sign h3 { font-size: 35px; line-height:0.7; }
.description_sec .row3 .signbox .sign { min-height:90px; margin-left:-40px; padding-left:45px; }
.description_sec .row3 .keybox .keys { position:static; margin-bottom: 20px; }
.description_sec .row3 .signbox {padding-bottom: 15px; }
.description_sec .row3 .keybox .content .list { max-width: 100%; margin-left:0; }
.description_sec .row3 .food_box .food { width: 100%; }
.description_sec .row3 .food_box .food img { margin:0 auto; }
.description_sec .row3 .food_box .text { width: 100%; padding: 20px 0 0 0; }
.description_sec .row3 .food_box .text h3 { font-size: 32px; }
.description_sec .row3 .food_box .text p { padding-left:0; }
.description_sec .row4 .title .tape { right: -130px;  top: -90px; max-width: 250px; }
.description_sec .row4 .title h2 { padding-right:110px; font-size: 35px; }
.description_sec .row4 .weightbox { padding: 30px 0 0 0; }
.description_sec .row4 .weightbox .weightclock { width: 100%; }
.description_sec .row4 .weightbox .content { width: 100%; padding:20px 0 0 0; }
.description_sec .row4 .weightbox .weightclock img { max-height:220px; margin:0 auto; display: block; }
.description_sec .row4 .weightbox .content h3 { margin-left:50px; font-size: 45px; }
.description_sec .row4 .weightbox .content h3::before { width: 45px; left: -45px; }
.description_sec .row4 .food_box .food { order: 0; width: 100%; }
.description_sec .row4 .food_box .food img { margin: 0 auto; }
.description_sec .row4 .food_box { margin-top: 25px; }
.description_sec .row4 .food_box .text { padding:20px 0 0 0; padding:20px 0 0 0; width: 100%; }



}

@media( max-width:639px){

}

@media( max-width:500px){

}

@media( max-width:374px){
.flipcards .left p { font-size: 14px; line-height: 1.2; padding-bottom: 10px; }
.matchup_sec .lips1 { max-width: 95px; top: 106px; }
.matchup_sec .lips2 { top: 124px; }
.flipcards .left .options_list a { margin: 0 5px 5px 0; padding-left: 30px; min-width:inherit; }
.flipcards .left .options_list a strong, .flipcards .left .options_list a { font-size: 14px; }
.flipcards .quiz_row7 .image img { max-height:120px; }
.flipcards .quiz_row3 .the_front .image img { max-height:230px; }
.flipcards .quiz_row3 .the_back .image img { max-height:150px; }
}