@media only screen and (max-width: 1279px) {
.home .landing_sec h1 { font-size: 150px; }
.landing_sec h1 { font-size: 130px; }
.landing_sec p { font-size: 17px; line-height: 1.2; }
.landing_sec .internal { max-width: 490px; padding-top:0; padding-bottom: 80px; }
.landing_sec .buttercup { left:0; margin-left:0; max-width: 300px; }
.landing_sec::before { height: 140px; }
.landing_sec h1 .lineup { margin-top:-25px; }
.landing_sec .credit { right: 50px; bottom: 50px; margin-right:0; }

.weekend_brunch .landing_sec #anim1a { left: -2%; top: -2%; margin-left: 0; }
.weekend_brunch .landing_sec #anim1b { left: -2%; bottom: -2%; margin-left: 0; }
.weekend_brunch .landing_sec #anim1c { right: -2%; bottom: -20%; margin-right: 0; }
.weekend_brunch .landing_sec #anim1d { right: -2%; top: -4%; margin-right: 0; }


.easyweeknight .landing_sec #anim2a { left: 3%; top: -47px; margin-left: 0; }
.easyweeknight .landing_sec #anim2b { left: 0%; bottom: 62px; margin-left: 0; } 
.easyweeknight .landing_sec #anim2c { right: 0%; bottom: -7px; margin-right: 0; }
.easyweeknight .landing_sec #anim2d { right: 0; margin-right: 0; }

.landing_sec.banner .back_button { right: 15px; margin:0; }


/*datenight lottie*/
.datenight .landing_sec #anim3a { left: -32%; top: 2.4%; margin-left: 0; }
.datenight .landing_sec #anim3b { right: -10%; top: -10%; margin-left: 0; }
.datenight .landing_sec #anim3c { left: 0%; bottom: -25px; max-width: 100%; }
.datenight .landing_sec #anim3d { left: 50%; top: 0%; margin-left:-256px; }
}

@media only screen and (max-width: 1023px) {
.landing_sec::before { height: 90px; }
.landing_sec .buttercup { max-width: 252px; bottom: -22px; }
.landing_sec h1 { font-size: 90px; }
.landing_sec h1 .lineup { margin-top:-15px; }
/*.landing_sec h1 { font-size: 130px; }*/
.home .landing_sec h1 { font-size: 90px; }
.home .landing_sec .internal { padding-bottom:20px; }


.landing_sec p { font-size: 16px; }
.landing_sec .internal { max-width: 350px; padding:0; }
.landing_sec .landing-logo { max-width: 100px; }
.intro_sec .logobar { margin-top:-25px; }
.highlighted_sec .quote { padding: 30px 235px 30px 30px; }
.highlighted_sec .quote p { font-size: 35px; }
.easyweeknight .highlighted_sec .quote p ,
.datenight .highlighted_sec .quote p { font-size: 45px; }
.highlighted_sec .quote .graphic { right: -10px; top: -11px; max-width: 235px; }
.gamenight .highlighted_sec .quote .graphic { max-width: 235px; }
.easyweeknight .highlighted_sec .quote .graphic { max-width: 150px; top:-60px;}
.gamenight .highlighted_sec .quote #quote_anim { max-width: 200px; margin-top:-15px; }

.easyweeknight .highlighted_sec .quote #quote_anim { max-width: 160px; }


.intro_sec { padding-bottom: 30px; }
.recipe_sec { margin-top:100px; }
.recipe_sec h2 { font-size: 85px; }
.recipe_sec .recipe_info li { padding: 0 40px; }
.recipe_sec .recipe_panel { padding: 60px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; }
.recipe_sec .recipe_panel .the_left { padding-right:50px; }
.recipe_sec .recipe_panel ol li, 
.recipe_sec .recipe_panel ul li { padding-bottom: 15px; font-size: 18px; line-height: 1.3; }
.recipe_sec .recipe_panel ul li span::before { top:8px; width: 8px; height:8px; left:-20px; }
.recipe_sec .recipe_panel ol li span::before { font-size: 14px; top: 0px; width: 25px; height: 25px; line-height: 23px; }
.related_sec .col3 { padding: 20px; width: calc(33.33% - 40px); margin: 0 20px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); }
.related_sec .list_wrap { margin: 0 -20px; }
.related_sec {padding: 50px 0 70px; }
.recipe_sec .recipe_panel .the_right { padding: 0 0px 0 30px; width: 55%; }
.recipe_sec .recipe_panel .the_left { width: 45%; }
.intro_sec p { font-size: 18px; line-height: 1.4; }
.highlighted_sec h3 { font-size: 16px; letter-spacing: 0.2em; padding-bottom: 25px; }
.intro_sec { padding-bottom: 10px; }
.highlighted_sec { padding-top:20px; }
.related_sec h3 { font-size: 66px; }
.datenight .highlighted_sec .quote .graphic { max-width: 180px; right: 10px; top: -17px; }
.highlighted_sec .quote { min-height:200px; }
.logobar a.h-logo { max-width: 120px; }

footer a.footer_logo { max-width: 165px; }

.intro_sec .heart-icon ,
.datenight .intro_sec .heart-icon { margin-top:8px; }
.landing_sec .credit { right: 20px; bottom: 20px; margin-right:0; }

.weekend_brunch .landing_sec #anim1a { max-width: 35%; }
.weekend_brunch .landing_sec #anim1b { bottom: -6%; max-width: 40%; }
.weekend_brunch .landing_sec #anim1c { max-width: 50%; }
.weekend_brunch .landing_sec #anim1d { max-width: 44%; }

.home .landing_sec #the_lemon { left: 47%; top: -8%; }
.home .landing_sec #the_lemon2 { left: 25%; bottom: -1%; }
.datenight .landing_sec #anim3c { bottom: -60px; }
.landing_sec { overflow:visible; }
.gamenight .landing_sec .path1 { bottom:-35px; }

.datenight .highlighted_sec .quote #quote_anim { max-width: 200px; z-index: 1; top: -91px; }
.landing_sec .graphic.graphic4 { bottom:0; }



}

@media only screen and (max-width: 767px) {
.landing_sec h1 { font-size: 90px; line-height: 0.9; }
.landing_sec h1 .lineup { margin-top:0px; }
.home .landing_sec h1 { font-size: 90px; }
.home .landing_sec .internal { padding-bottom:20px; }


.landing_sec::before { height: 80px; }
.landing_sec .buttercup { max-width: 205px; bottom: -25px; left: 10px; }
.landing_sec.banner .internal,
.landing_sec .internal { max-width: 100%; padding: 20px 15px 100px; position: static;  transform: none; margin: auto; }
.landing_sec.banner .internal { padding-bottom:10px; }
.landing_sec .heartlink.link3 { left: 26%; top: 22%; bottom:auto; }
.landing_sec .heartlink.link4 { right: 27%; top: 34%; bottom:auto; }
header .header_inner { padding: 0 15px; }
.logobar span.sep { margin: 0 2px;line-height:0;  }
.logobar a.site-logo { max-width: 90px; }
header ul.social { min-width:auto; }
header .disclosure { position:absolute; left:0; top:100%; width: 100%; background:#fff; padding:5px; border-top: 1px solid rgba(0,0,0,0.1); display: block; }
header .disclosure .show_text { max-width: 260px; margin-left: -130px; left: 50%; }
header .disclosure .show_text::before { left: 34%; }
.head-wrap { padding-top:82px; }

.intro_sec .logobar { margin: 20px 0; }
.intro_sec .logobar a.brand-logo { width: 90px; }
.intro_sec .logobar .sep { max-width: 11px; }
.intro_sec .logobar .ew-logo { max-width: 120px; }

.highlighted_sec .quote .graphic { position: static; max-width: 180px; margin: -30px auto 10px; display:block; order:-1;}
.highlighted_sec .quote { padding: 20px; text-align:center; display: inline-flex; flex-wrap:wrap; }
.gamenight .highlighted_sec .quote { padding: 20px; }

.highlighted_sec .quote p br { display: none; }
.easyweeknight .highlighted_sec .quote p ,
.datenight .highlighted_sec .quote p,
.highlighted_sec .quote p { width: 100%; font-size: 30px; }
.recipe_sec { margin-top:40px; padding-top:30px;}
.recipe_sec h2 { font-size: 55px; padding-bottom: 30px; }
.recipe_sec .recipe_info li { padding: 0 10px; font-size: 16px; }
.recipe_sec .banner { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); }
.recipe_sec .recipe_panel { padding-top:30px; }
.recipe_sec .recipe_panel .the_left { padding-right:0; width: 100%; }
.recipe_sec .recipe_panel .the_right { width: 100%; padding-top:25px; }
.recipe_sec .recipe_panel ol li span::before {left: -35px; }
.recipe_sec .download_btn { margin-top:0; }
.recipe_sec .recipe_panel .the_right ol:last-child { padding-bottom:0; }
.related_sec h2 { font-size: 25px; padding-bottom: 25px; }
.related_sec .col3 { width: 100%; padding: 30px 20px; margin: 0 0 20px 0; }
.related_sec .list_wrap { margin:0; }
.related_sec h3 { font-size: 50px; letter-spacing: 0.04em; }
.related_sec h3 br { display: none; }
.cta_sec { text-align:center; }
.cta_sec .text { padding: 15px 0 0 0; width: 100%; }
.cta_sec p { font-size: 19px; line-height: 1.1; letter-spacing: 0.04em; }
.cta_sec .logo { width: 150px; display: block; margin:auto; }
.related_sec { padding-bottom: 30px; }
.recipe_sec .download_btn { transform: translate(0,25px); width: 200px; line-height: 50px; padding: 0 20px; font-size: 25px; letter-spacing: 0.15em; }
.intro_sec .logobar a.ar-logo img { width: 120px; }
.logobar a.h-logo { max-width: 90px; }
.landing_sec h1 { display: none; }
.landing_sec h1.mob_title { display: block; position:absolute; left:0; top:50%; transform: translate(0,-50%); text-align:center; padding: 0 20px; width: 100%; font-size: 90px; letter-spacing:0; }
.landing_sec .inner figure img.main_graphic { display: none; }
.landing_sec .inner figure .graphic img.mob_graphic { display: block; }
.landing_sec .inner figure { min-height:610px; }

.landing_sec .graphic.graphic1 .heartlink { position:absolute; left:18%; bottom:-8%; top:auto; }
.landing_sec .graphic.graphic2 .heartlink { position:absolute; left: -17%; top: 26%; }
.landing_sec .graphic.graphic3 .heartlink { position:absolute; left:auto; right:-9px; bottom:40px; top:auto; }
.landing_sec .graphic.graphic4 .heartlink { position:absolute; right:auto; left:-45px; right:auto; top:110px; }
.landing_sec p { line-height:1.45; font-size: 15px; }
.landing_sec .landing-logo { display: none; }
.landing_sec { margin-bottom: 30px; }

.landing_sec .inner .main { display: none; }
.landing_sec .inner .mob { display: block; position: absolute; right: 50%;  bottom: -60px; width: 86%; max-width: 355px; margin-right: -208px; }
.landing_sec.innerpage .internal { position: absolute; left: 0; top: 0; margin-left: 0px; }
.landing_sec.innerpage h1 {display: block; text-align: left; letter-spacing:normal; }
.landing_sec.innerpage .inner figure { min-height:455px; }
.weekend_brunch .landing_sec br.mob_break { display: block; }
.weekend_brunch .landing_sec.innerpage h1 .lineup { margin:0; display: inline;  }
.landing_sec.innerpage .buttercup { bottom: -23px; }

.easyweeknight .landing_sec .inner .mob { max-width: 191px; margin-right:-200px; bottom: -35px; width: 100%; }
.gamenight .landing_sec #anim4g {   max-width: 303px; margin-right: 0px; right: -25px; bottom: -75px; z-index: 1; left: auto; }
.gamenight .landing_sec .inner .mob { max-width: 273px; margin-right:-190px; bottom: -35px; z-index:1; display: none; }
.gamenight .landing_sec #anim4d { display: block !important; left: auto; right:70px; bottom: -25px; margin-left: 0; max-width: 300px; z-index:1; }


.datenight .landing_sec #anim3b,
.datenight .landing_sec .inner .mob { max-width: 280px; margin-right:0px; bottom: -40px; top:auto; z-index:1; left:auto; right:-50px; }

.weekend_brunch .landing_sec #anim1b ,
.weekend_brunch .landing_sec #anim1a { display: none !important; }
.weekend_brunch .landing_sec #anim1d { right:0%; margin-right:px; top:2%; max-width: 350px; }
.weekend_brunch .landing_sec #anim1c { right:0%; margin-right:0px; bottom:-33%; max-width: 371px; }
.landing_sec.innerpage h1 { position: relative; z-index:2; }

.weekend_brunch .landing_sec #anim1d svg g:nth-of-type(2) { display: none !important; }

.easyweeknight .landing_sec #anim2a { display: none !important; }
.easyweeknight .landing_sec #anim2b { left:auto; right: 0; margin: 0 0px 0 0; bottom:-35px; max-width: 230px; } 
.easyweeknight .landing_sec #anim2b svg { transform: scale(-1,1) !important; }
.easyweeknight .landing_sec #anim2c { display: none !important; }
.easyweeknight .landing_sec #anim2d { display: none !important;  }


.home .landing_sec #anim1e ,
.home .landing_sec #anim1a { display: none; } 
.home .landing_sec #mob_anim2, 
.home .landing_sec #mob_anim1 { display: inline-block; } 
.landing_sec .graphic.graphic1 { max-width: 170px; top:10px; left: 5px;}
.landing_sec .graphic.graphic2 { max-width: 170px; top: -25px; right: -27px; }
.landing_sec .graphic.graphic3 { max-width: 160px; left: -17px; bottom: 3%; }
.landing_sec .graphic.graphic4 { max-width: 130px; right: 10px; bottom: 3%; }
.home .landing_sec #mob_anim2 { transform: scale(-1,1); }

.home .landing_sec #anim1c { width: 100%; left:0; display:none; }
.home .landing_sec .inner figure { min-height:610px; }
.home .landing_sec { min-height: 610px; height: calc(100vh - 82px); }
.home .landing_sec .inner { height:auto; }  
.home .landing_sec { height:auto; }
.landing_sec { overflow:visible; padding-bottom: 80px; }
.home .landing_sec #the_lemon { display: none; }
.home .landing_sec #the_lemon2 { left: auto; right: 80px; top: 101px; bottom: auto; width: 95px; }

.datenight .landing_sec #anim3d,
.datenight .landing_sec #anim3c,
.datenight .landing_sec #anim3a { display: none; }

/*gamenight lottie*/
.gamenight .landing_sec .path1 ,
.gamenight .landing_sec .path2 { display: none; }
.gamenight .landing_sec [id*="anim"] { display: none;}
.gamenight .landing_sec #anim4g { display: block;}
.the_mob_break { display: block !important; }

.datenight .highlighted_sec .quote #quote_anim { max-width: 200px; z-index: 1; top: -91px; }
.gamenight .highlighted_sec .quote #quote_anim { margin-top: -20px; max-width: 200px; }
.landing_sec .graphic.graphic2 #anim1b { transform: scale(1); }


/*footer*/
footer .inner_footer { padding: 0 20px; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; }
footer ul { list-style: none; line-height:0; width: 100%; padding:10px 0 0 0; }
footer ul li { padding-top:5px; }

}

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

}

@media only screen and (max-width: 413px) {
.landing_sec h1 { font-size: 70px; }
}


@media only screen and (max-width: 374px) {
.landing_sec.innerpage .internal { left: 0; margin-left: 0; }	
.landing_sec.innerpage .inner .mob { right:0; margin-right:0; }
.landing_sec.innerpage h1 { font-size: 60px; }
.easyweeknight .landing_sec #anim2b { right: 0%; margin: 0;} 


}