/* #Media Queries
================================================== */

    @media all and (max-width:639px) {
        h1, h1 div {font-size: 24px;}
        .p_class, .p_class div{font-size: 12px;}

        .main {padding:  0 16px;}

        .header{padding: 24px 0 80px 0;}
        .header .logo{margin-bottom: 32px;}
        .header .logo img{max-width: 80px;}
        .header .title{margin-bottom: 8px;}
        .header .formbox{margin-top: 48px;}
        .btn_cls a{padding: 8px 16px ;font-size: 16px; line-height: 18.75px;}
        .bottomlinks{padding: 16px 0 0 0;}
        .bottomlinks .preferenceslink{margin-bottom: 26px;}
        .header .formbox .formtitle, .header .formbox .formtitle div{text-align: center;font-size: 14px;line-height: 16.41px;}

        footer{padding: 20px 0 19px 0;}
        footer .policylink a{font-size: 12px;}

        .mktoForm input[type="checkbox"].mktoField + label, .mktoForm input[type="radio"].mktoField + label{font-size: 14px !important;}

        .mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField{padding: 12px 16px !important;}
        .mktoForm input[type="checkbox"].mktoField:not(old) + label{background-size: 24px;height: 27px !important;padding-left: 40px !important;}
        .mktoForm input[type=email] {
            margin-bottom: 24px !important;
        }
        .mktoForm .mktoLabel:has(~ textarea){font-size: 12px !important;}
        .mktoButton{padding: 8px 16px !important;font-size: 16px !important; line-height: 18.75px !important;}
        .bottomlinks .preferenceslink a{font-size: 12px;}

    }
     
    
    
    /* css styles for health nutrition landing page tempplate */