@media only screen and (max-width: 64em) {
    html {
        width: 100%;
        overflow-x: hidden;
    }
    body{
        background-color: #FAF5F2;
    }
    .logoNutri{
        margin-bottom: 45px;
    }
    .quizPWrapper{
        padding: 30px;
        text-align: center;
    }
    #quizPSlider .grid-container{
        padding-left: 0;
        padding-right: 0;
    }
    #quizPContent h1{
        font-size: 38px;
        color: #1F252B;
        margin-bottom: 35px;
        line-height: 1.1;
    }
    #quizPContent p{
        font-size: 18px;
        color: #939393;
        margin: 0;
    }
    #quizPContent input{
        font-weight: bold;
        font-size: 30px;
        height: 68px;
        text-align: center;
        color: #00BED6;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        border: 0;
        border-bottom: 1px solid #00BED6;
        margin: 35px auto 0 auto;
    }
    #quizPContent select{
        font-size: 18px;
        height: 68px;
        text-align: center;
        color: #00BED6;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        border: 0;
        border-bottom: 1px solid #00BED6;
        margin: 35px auto 0 auto;
        padding: 0 0 0 20px;
    }
    #quizPContent input:focus{
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        border: 0;
        border-bottom: 1px solid #00BED6;
    }
    #quizPContent .button{
        background-color: #00BED6;
        font-size: 25px;
        font-weight: 600;
        width: 100%;
        height: 58px;
        line-height: 58px;
        margin: 40px 0 35px 0;
    }
    #quizPContent .button:hover{
        background-color: #1D252C;
    }
    #quizPContent .button.disabled{
        background-color: #C4C4C4;
        opacity: 1;
    }
    #quizPContent .back-link{
        font-size: 18px;
        font-weight: 600;
        color: #C4C4C4;
        line-height: 0;
    }
    .quizPProgress{
        position: relative;
        width: 100%;
        height: 37px;
        border-bottom:1px solid #DEDEDE;
        margin: 0 auto 55px auto;
    }
    .quizPProgress:before{
        display: block;
        content:' ';
        background: url('images/paw.svg');
        width: 24px;
        height: 23px;
        position: absolute;
        margin-left: -12px;
        top: 0;
        left: 25%;
        bottom: 20px;
    }
    .quizPProgress:after{
        display: block;
        content:' ';
        position: absolute;
        background-color: #00BED6;
        width: 25%;
        height: 6px;
        border-radius: 10px;
        left: 0;
        bottom: -3px;
    }
    #quizPContent .radioGender img.dog_gender_boy{
        max-height: 127px;
        margin-bottom: 25px;
    }
    #quizPContent .radioGender img.dog_gender_girl{
        max-height: 123px;
        margin-bottom: 25px;
    }
    #quizPContent .radio-toolbar{
        margin: 35px auto 0 auto;
    }
    #quizPContent .radioGender label{
        font-size: 27px;
        background: #fff;
        border: 1px solid #D0D0D0;
        color: #000;
        width: 110px;
        height: 60px;
        line-height: 58px;
        margin: 0;
        opacity: 1;
    }
    #quizPContent .radio-toolbar input[type="radio"]:checked + label, #quizPContent .radioFoodType label:hover{
        background: #FFB600;
        color: #000;
        border: 1px solid #FFB600;
    }
    #quizPContent #hDogWeight:after {
        content: "lbs";
        position: absolute;
        right: 20px;
        line-height: 68px;
        top: 0;
        color: #00BED6;
        font-size: 24px;
    }
    #quizPContent .radioSelect{
        position: relative;
        background-color: #fff;
        display: block;
        width: 100%;
        border: 1px solid #D0D0D0;
        border-radius: 10px;
        padding: 15px 0 15px 20px;
        text-align: left;
        margin-bottom: 20px;
    }
    #quizPContent .radioSelect.active{
        border: 3px solid #FFB600;
    }
    #quizPContent .radioSelect.mB0{
        margin-bottom: 0;
    }
    #quizPContent .radioSelect label {
        background: none;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        line-height: 1;
        text-align: left;
        color: #1F252B;
        margin-bottom: 10px;
        opacity: 1;
    }
    #quizPContent .radioSelect p {
        font-size: 11px;
        color: #939393;
        margin: 0;
    }
    #quizPContent .radioSelect .radioActivityTxt{
        width: 58%;
    }
    #quizPContent .radioSelect img{
        position: absolute;
        height: 90px;
        right: 5px;
        bottom: 12px;
    }
    #quizPContent .radioSelect.radioWeight img {
        position: absolute;
        right: 20px;
        bottom: 16px;
    }
    #quizPContent #hStep9 h1{
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    #quizPContent #hStep9 h2{
        font-size: 38px;
        font-weight: 900;
        color: #00BED6;
        margin: 0 30px;
        line-height: 1;
    }
    #quizPContent #hStep9 .button, #quizPContent #hStep9 input{
        margin: 35px 0;
    }
    #quizPContent .hpFeaturedIn {
        padding: 50px 0;
    }
    #quizPContent .hpFeaturedIn h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
        color: #fff;
    }
    #quizPContent .hpFeaturedIn img {
        margin: 0 auto;
    }
    #quizPContent .hpFeaturedIn img:nth-child(2) {
        margin: 10px auto 18px auto;
    }
    #quizPContent .wQuizRecipes{
        margin-top: 70px;
    }
    #quizPContent .hQuizRecipe{
        position: relative;
        background-color: #fff;
        border: 1px solid #D0D0D0;
        border-radius: 10px;
        padding: 15px 0 0 0;
        text-align: center;
    }
    #quizPContent .hQuizRecipe:nth-child(1), .hQuizRecipe:nth-child(2){
        margin-bottom: 85px;
    }
    #quizPContent .hQuizRecipe img{
        width: auto;
        height: 140px;
        margin-top: -88px;
    }
    #quizPContent .hQuizRecipe h5,
    #quizPContent .hQuizPlan h5{
        font-size: 20px;
        line-height: 0.8;
    }
    #quizPContent .hQuizRecipe p.price{
        font-size: 16px;
        font-weight: 900;
        color: #bdbdbd;
        margin: 12px 0 5px 0;
        line-height: 0.8;
    }
    #quizPContent .hQuizRecipe p.price .colorBlue{
        color: #00BED6;
    }
    #quizPContent .hQuizRecipe p.recipe{
        font-size: 18px;
        color: #00BED6;
        margin: 12px 0;
        line-height: 0.8;
    }
    #quizPContent .hQuizRecipe p.select,
    #quizPContent .hQuizTreat .quiz_select_button{
        display: block;
        font-size: 19px;
        font-weight: 600;
        padding: 15px 0;
        color: #00BED6;
        border-top: 1px solid #D0D0D0;
        line-height: 0.8;
    }
    #quizPContent .hQuizRecipe p.select a{
        color: #00BED6;
    }
    #quizPContent .hQuizRecipe p.feature{
        font-size: 11px;
        background-color: #FFB600;
        color: #000;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin: 0 10px;
        padding: 2px 0;
    }
    #quizPContent .hQuizRecipe.active,
    #quizPContent .hQuizPlan.active,
    #quizPContent .hQuizTreat.active{
        border: 3px solid #FFB600;
    }
    #quizPContent .hQuizRecipe.active p.select,
    #quizPContent .hQuizRecipe.active p.select a,
    #quizPContent .hQuizTreat.active a.quiz_select_button{
        background-color: #FFB600;
        color: #fff;
        border-top: 1px solid #FFB600;
    }
    #quizPContent .hFAQs h2{
        font-size: 38px;
        color: #1F252B;
        margin-bottom: 35px;
        margin-top: 55px;
        line-height: 1.1;
    }
    #quizPContent .hFAQs ul {
        margin-left: 0;
        list-style-type: none;
    }
    #quizPContent .hFAQs .accordion-title {
        font-size: 18px;
        font-weight: 600;
        color: #00BED6;
        text-align: left;
        border-top: 1px solid #D0D0D0;
        padding: 1em 1.5em 1em 0;
        line-height: 1.2;
    }
    #quizPContent .hFAQs .accordion-title:after{
        content: " ";
        position: absolute;
        border: solid #00BED6;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 20px;
        right: 2px;
        transition: all 0.5s;
    }
    #quizPContent .hQuizPlan{
        position: relative;
        background-color: #fff;
        border: 1px solid #D0D0D0;
        border-radius: 10px;
        padding: 0 12px 10px 12px;
        text-align: center;
    }
    #quizPContent .hQuizPlan p {
        font-size: 14px;
        color: #1D252C;
        margin: 0;
        text-align: left;
        line-height: 1.2;
    }
    #quizPContent .hQuizPlan p.cost{
        font-weight: 600;
        margin: 15px 15px 15px 0;
    }
    #quizPContent .hQuizPlan .top_feature{
        font-size: 11px;
        background-color: #FFB600;
        color: #000;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: 0 10px 25px 10px;
        padding: 2px 0;
        text-align: center;
        line-height: 16px;
    }
    #quizPContent .hQuizPlan .hQuizPlanImg{
        position: relative;
        width: 119px;
        margin: auto;
    }
    #quizPContent .hQuizPlan .hQuizPlanImg .budget_friendly_gray{
        display: block;
        position: absolute;
        width: auto;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #quizPContent .wQuizPlan{
        margin-top: 35px;
    }
    #quizPContent .wQuizTreats{
        margin-top: 40px;
    }
    #quizPContent .hQuizTreat{
        position: relative;
        background-color: #fff;
        border: 1px solid #D0D0D0;
        border-radius: 10px;
        padding: 0;
        text-align: center;
    }
    #quizPContent .hQuizTreat h5{
        font-size: 19px;
        padding: 0 10px;
        line-height: 1.1;
    }
    #quizPContent .hQuizTreat img{
        margin-top: -35px;
        margin-bottom: 10px;
    }
    #quizPContent .hQuizTreat p.description{
        font-size: 13px;
        margin-bottom: 12px;
    }
    #quizPContent h1.quizPCheckout{
        margin-bottom: 20px;
    }
    .hpFeaturedIn {
        background-image: url(https://cdn.shopify.com/s/files/1/0036/4357/2269/files/featured_in_bg.svg?v=1669644605);
        padding: 50px 0 30px 0;
    }
    .hpFeaturedIn h3{
        font-size: 32px;
        color: #fff;
        line-height: 0.8;
        margin-bottom: 1.5em;
    }
    .hpFeaturedIn img {
        margin: 0 auto 20px auto;
    }
    /* ========== RECIPES ========== */
    .hRecipesBanner{
        padding: 0 0 30px 0;
    }
    .hRecipesBanner .hRating h1, .hpHomeBanner h1 {
        font-size: 45px;
    }
    .hRecipesBanner img{
        display: none;
    }
    .recipeBoxes .grid-container{
        padding-right: 25px;
        padding-left: 25px;
    }
    .recipeBoxes .grid-container:nth-child(4) .recipeBox{
        margin-bottom: 30px;
    }
    .recipeBox {
        position: relative;
        padding: 25px;
    }
    .recipeBox .large-4 img {
        position: absolute;
        width: 200px;
        top: -35px;
        left: -50px;
    }
    .recipeBox p {
        font-size: 16px;
    }
    .recipeBox .recipeTag {
        position: absolute;
        top: -27px;
        left: 125px;
        font-size: 15px;
        padding: 5px 20px 7px 20px;
    }
    .recipeBox .large-3 {
        width: calc(66.66667% - 0.625rem);
        border-left: 0;
        border-right: 0;
        padding: 0 0 0 0.625rem;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .recipeBox .large-3 img{
        max-height: 36px;
        margin: 15px auto 10px auto;
    }
    .recipeBox .large-3 span{
        font-size: 9px;
        text-align: center;
    }
    .recipeBox .recipeIngredient{
        float: left;
        width: 33.333%;
    }
    .recipeBox h4 {
        font-size: 24px;
        margin-top: 58px;
        margin-bottom: 0;
        text-align: left;
        line-height: 1.2;
    }
    .recipeBox .recipeIngredientTlt {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
    }
    .recipeBox .accordion-title {
        font-size: 18px;
        padding: 1rem 0;
    }
    .recipeBox .accordion{
        margin-bottom: 0;
    }
    .getStartedWrapp {
        margin-bottom: 50px;
    }
    .hpPack h4, .hReviewsHP h3{
        font-size: 45px;
        line-height: 1.2;
    }
    .hpPack .hPackSubtitle p {
        text-shadow: none;
        margin-bottom: 30px;
    }
    .hpPackButtonW {
        padding: 30px 0 0 0;
    }
    .hpHealthBenefits, .hpFeaturedIn, .hpPack {
        padding: 50px 0;
    }
    /* ========== HOME ========== */
    .menuBar{
        height: auto;
        padding: 25px 0 50px 0;
    }
    .hHPBanner .hRating h1 {
        font-size: 32px;
        margin: 20px 0;
    }
    .hHPBanner .hRating h2{
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .hHPmealdDealivery .large-6:nth-child(2) {
        padding-left: 0.625rem;
    }
    .hHPBanner .hRating .hpRating {
        position: inherit;
        width: 100%;
        margin-top: 0;
        padding: 0;
    }
    .hHPBanner.lazy-bg-loaded{
        padding: 0 0 50px 0;
    }
    .hHPBanner .hRating .button.yellow{
        display: block;
    }
    .hHPBanner .hpRating span.hpGetSImg {
        display: block;
        background-color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        line-height: 36px;
        float: left;
        margin-right: 20px;
    }
    .hHPmealdDealivery h3{
        padding: 30px 0;
        margin-bottom: 0;
    }
    .hHPmealdDealivery p, .hHPfsg p {
        font-size: 16px;
    }
    .hHPmealdDealivery {
        padding-top: 50px;
        margin-top: 0;
    }
    .hpRecipes h4,
    .hpHealthBenefits h4{
        padding: 0;
    }
    .hpHealthBenefits h3,
    .hpRecipes h3{
        font-size: 32px;
        line-height: 1.2;
        margin-top: 50px;
    }
    .hpHealthBenefits h4{
        margin-bottom: 20px;
    }
    .hpRecipes h4{
        margin-bottom: 0;
    }
    .hReviewsHP .large-12 p{
        margin-bottom: 30px;
    }
    .hpRecipeBox{
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .hpRecipes{
        padding-bottom: 50px;
    }
    .hpRecipes .button.yellow,
    .hpHealthBenefits h3{
        margin-top: 0;
    }
    .hpHealthBenefits p{
        font-size: 16px;
    }
    .hReviewsHP {
        padding: 50px 0;
    }
    .hpPack h4, .hReviewsHP h3,
    .homePWrapper .hpFeaturedIn h5{
        font-size: 32px;
    }
    .hHPusp{
        padding: 50px 0;
    }
    .hpRecipeBox p {
        min-height: auto;
    }
    .hHPBanner .hRating p{
        padding: 0 45px;
    }
    .hReviewsHP .reviewSlider .slick-arrow{
        background: none;
    }
    .hReviewSlider .title{
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    .hReviewsHP .large-9 {
        padding-left: 0;
    }
    .hReviewsHP p {
        font-size: 16px;
    }
    .hReviewsHP .reviewSlider .slick-arrow .fas:after{
        padding: 10px;
    }
    .hHPusp h3{
        margin: 20px 0;
    }
    /* ========== FOOTER ========== */
    footer{
        padding: 50px 0;
        text-align: center;
    }
    footer img{
        width: 75%;
        margin: auto;
    }
    footer .footNForm input[type='email'] {
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        padding: 0 100px 0 20px;
    }
    footer .footNForm .button {
        font-size: 18px;
        height: 48px;
        line-height: 48px;
    }
    footer .footNTitle {
        font-size: 18px;
        text-align: center;
        padding: 50px 0 10px 0;
    }
    footer .footMenu a {
        font-size: 18px;
    }
    footer .footMUL {
        font-size: 18px;
        margin: 5px auto 0 auto;
    }
    footer .footSMtxt{
        height: auto;
        text-align: center;
    }
    footer .footSMtxt .fab {
        font-size: 45px;
        height: 36px;
        margin-top: 25px;
    }
    footer .footSMtxt a.hIco {
        float: none;
        margin: 0;
    }
    footer .footMenu.tMainMenu.footMenuCustom a{
        font-size: 13px;
    }
    footer .footMenuCustom li {
        margin: 0;
    }
}