 /*#Media Queries
================================================== */


@media all and (max-width:1200px) {  
    .eu h1, .eu h1 div,.eu .story_h1,.eu .story_h1 div {font-size: 36px;line-height: 46px;}
    .eu h2, .eu h2 div {font-size: 28px;line-height: 38px;}
    .eu h3, .eu h3 div {font-size: 22px;line-height: 30px;}
    .eu .mb_50 > * {margin-bottom: 30px;}
    .eu .banner_sec {padding: 140px 0;}
    .eu .story_content {padding-top: 0;}
    .eu .tabs {width: 28%;}
    .eu .tab_right_content {width: calc(100% - 28%);}
    .eu .heading_with_btn {padding: 30px;}
    .eu .related_image {    padding-top: 58%;min-height: auto; }
    .eu .footer_links_box {    width: 40% !important;}
    .eu .footer_top_links_box {    padding-left: 100px; width: calc(100% - 170px);}
    .eu .footer_list,.eu .footer_copyright {width: 100%;justify-content: flex-start;}
    .eu .footer_list ul li {padding-left: 0;padding-right: 20px;}
    .eu .footer_btm > * {margin-bottom: 15px;}
    .eu .footer_btm > *:last-child {margin-bottom: 0;}
    .eu .footer_logo {width: 170px;}
    .eu .social_links ul {margin: 0px -14px -15px;}
    .eu .social_links ul > li {margin: 0 12px 15px !important;}
    .eu .pd50 {padding: 40px}
    .eu .related_content {padding: 20px;}
    .eu header {padding: 25px 0;}
    .eu .story_telling_inner_grp {margin: 0 -15px -30px;}
    .eu .story_item { width: calc(33.33% - 30px); margin: 0 15px 30px;}

    /* Thank You Page CSS */
    .eu.thank_you_page .mid-container > div:first-child,.eu.contact_page .mid-container > div:first-child {padding-top: 60px;}
    .eu.thank_you_page .mid-container > div:last-child,.eu.contact_page .mid-container > div:last-child {padding-bottom: 60px;}
    .eu .pd_45 {padding: 30px 0;}
    .eu .ThankyouResourceSec .Innerrow .col {padding: 30px 25px;}
    .eu .ThankyouResourceSec .Innerrow .col .topcontent > * {margin-bottom: 20px;}


}

@media all and (max-width:991px) {  
    .eu .story_telling_inner_grp {margin: 0 -10px -30px;}
    .eu .story_item { width: calc(33.33% - 20px); margin: 0 10px 30px;}

    .eu .footer_links_box {    width: 50% !important;}

    /* Thank You Page CSS */
    .eu .ThankyouResourceSec .Innerrow .col {width: calc(50% - 32px);}
    .eu.thank_you_page .mid-container > div:first-child,.eu.contact_page .mid-container > div:first-child {padding-top: 50px;}
    .eu.thank_you_page .mid-container > div:last-child,.eu.contact_page .mid-container > div:last-child { padding-bottom: 50px;}
    .eu.contact_page .sec1_left_col {width: 52%;}
    .eu.contact_page .form_inner_sec > div {padding: 24px;}
}

@media all and (max-width:767px) {
    .eu h1, .eu h1 div,.eu .story_h1,.eu .story_h1 div {font-size: 32px;line-height: 38px;}
    .eu h2, .eu h2 div {font-size: 24px;line-height: 28px;}
    .eu h3, .eu h3 div {font-size: 20px;line-height: 24px;}
    .eu h4, .eu h4 div {font-size: 20px;line-height: 28px; }
    .eu h5, .eu h5 div {font-size: 16px;line-height: 20px; }
    .eu h6, .eu h6 div {font-size: 14px;line-height: 20px; }

    .eu header {padding: 20px 0;}
    .eu .header_logo img {max-width: 84px;}

    .eu .banner_sec + div {padding-top: 27px;}
    .eu .pd_30,.eu .pd_60,.eu .sec6 {padding: 25px 0;}
    .eu .heading_with_btn  {padding: 48px;}
    .eu .pd50 {padding: 24px;}

    .eu .banner_bg.bg_img:after {display: none !important;}
    .eu .banner_bg.bg_img {height: auto;padding-top: 62%;position: relative;}
    .eu .banner_sec {padding-top: 0;padding-bottom:0;}
    .eu .banner_inner_grp {max-width: 100%;padding: 24px 0;}
    .eu .banner_inner_grp > * {margin-bottom: 30px;}
    .eu .story_img {width: 100% !important;order: unset !important;padding-top: 74.5%;}
    .eu .story_content {width: 100%;padding-top: 24px;order: unset !important;}
    .eu .story_telling_inner_grp,.eu .related_inner_grp {margin: 0;}
    .eu .story_item {width: 100%;margin: 0 0 50px;}
    .eu .story_item:last-child {margin-bottom: 0;}

    .eu .tabs,.eu .related_item {width: 100%;margin:  0 0 20px;}
    .eu .tab_right_content {width: 100%;padding:0;}
    .eu .heading_with_btn h2 {width: 100%;text-align: center;margin-bottom: 32px;}
    .eu .sec6_btn_grp {width: 100%;}
    .eu .sec6_btn_grp .btn_grp {justify-content: center;width: 100%;margin: 0;}
    .eu .btn_grp {margin: 0;}
    .eu .btn_item {margin: 0 0 8px;}
    .eu .btn_item:last-child,.eu .footer_links_box:last-child, .eu .footer_list ul li:last-child {margin-bottom: 0;}
    .eu .related_image {padding-top: 66%;}
    .eu .related_item:last-child {margin-bottom: 0;}
    .eu .video_col {width: 100%;margin-bottom: 32px;padding-top: 57%;}
    .eu .video_text_col {width: 100%;}

    .eu .footer_logo {width: 100%; text-align: center;}
    .eu .footer_top_links_box { padding-left: 0; width: 100%;}
    .eu .footer_main {padding: 30px 0;}
    .eu .footer_links > * {margin-bottom: 25px;}
    .eu .footer_links > *:last-child {margin-bottom: 0;}
    .eu .footer_logo .logo_main img {max-width: 194px;}
    .eu .footer_logo .logo_main a,.eu .social_links ul {justify-content: center;}
    .eu .footer_logo > *{margin-bottom: 19px;}
    .eu .social_links ul {margin: 0px -18px -15px;}
    .eu .social_links ul > li {margin: 0 20px 15px 15px !important;}
    .eu .social_links ul > li img {max-width: 24px;max-height: 24px;}
    .eu .footer_links_box {width: 100% !important;padding:0;}
    .eu .footer_links_box h4 {margin-bottom: 8px;}
    .eu .footer_top_links_box > * {margin-bottom: 48px;}
    .eu .footer_top_links_box > *:last-child {margin-bottom: 0;}
    .eu .footer_links_box ul > li {margin-bottom: 9px;}
    .eu .footer_btm > * {margin-bottom: 10px;}
    .eu .footer_list ul li {    padding: 0;margin-bottom: 4px;width: 100%;}
    .eu .footer_list ul {justify-content: flex-start;margin-bottom: 0;}
    .eu .footer_btm {padding-bottom: 30px;}

    /* Thank You Page CSS */
    .eu.thank_you_page .mid-container > div:first-child,.eu.contact_page .mid-container > div:first-child {padding-top: 32px;}
    .eu.thank_you_page .mid-container > div:last-child,.eu.contact_page .mid-container > div:last-child {padding-bottom: 32px;}
    .eu .ThankyouHeroSec .hero_content > * {margin-bottom: 8px;}
    .eu .ThankyouHeroSec .hero_content .med_para {width: 100%;}
    .eu .ThankyouHeroSec .hero_img {width: 100%;text-align: center;}
    .eu .ThankyouResourceSec .Innerrow {margin: 0 !important;height: auto;}
    .eu .ThankyouResourceSec .Innerrow .col {padding: 40px;width: 100%;margin: 0 0 32px;}
    .eu .ThankyouResourceSec .Innerrow .col:last-child,.eu .ThankyouHeroSec .HeroInnerRow > *:last-child {margin-bottom: 0;}
    .eu .ThankyouResourceSec .Innerrow .col .topcontent > * {margin-bottom: 30px;}
    .eu .ThankyouResourceSec .Innerrow .col > * {margin-bottom: 21px;}
    .eu .ThankyouResourceSec .main > * {margin-bottom: 36px;}
    .eu .ThankyouHeroSec .hero_content {width: 100%;margin-bottom: 44px;}

    .eu.contact_page .sec1_left_col {width: 100%;margin-bottom: 32px;}
    .eu.contact_page .form_sec {width: 100%;}
    .eu.contact_page .form_inner_sec > div {padding: 32px;}
    .eu.contact_page .sec1_left_col > * {margin-bottom: 25px;}

}


@media all and (max-width:480px) {
    .eu .banner_bg.bg_img {padding-top: 82%}
    .eu .btn_item,.eu .btn_item a {width: 100%;}
    .eu .banner_sec .btn_item a {width: auto !important;}
}

@media all and (max-width:400px) {
    .eu .heading_with_btn,.eu .ThankyouResourceSec .Innerrow .col,.eu.contact_page .form_inner_sec > div {padding: 24px;}
    .eu .ThankyouResourceSec .Innerrow .col .topcontent > * {margin-bottom: 20px;}
}
 
 

/* css styles for health nutrition landing page tempplate 