<style type="text/css">
   body, html { overflow-x: clip !important; } 





   .body-fit-hero__ingredient span {
    font-size: 11px !important;
   }

 .body-fit-routine__name{
    min-height: 30px !important;
}

.body-fit-routine__reviews {
    min-height: 20px !important;
}

   @media (max-width: 480px) {

    body, html {
        overflow-x: clip !important;
    }

     body, html {
        overflow: unset;
    }
    .body-fit-hero__ingredient span {
    font-size: 8px !important;
   }

   .body-fit-routine__name{
        min-height: 50px !important;
    }
    
    .body-fit-routine__reviews {
        min-height: 25px !important;
    }
    .for-mobile{
        display: block;
    }
   }

   @media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {

  body, html {
        overflow-x: clip !important;
    }

     body, html {
        overflow: unset;
    }
    .for-portrait{
        display: block;
    }

        .body-fit-routine__name {
    min-height: 58px !important;
}

 .body-fit-hero__ingredient span {
    font-size: 8px !important;
   }


}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    body, html {
        overflow-x: clip !important;
    }
    body, html {
        overflow: unset;
    }
}
    
</style>