/* .supports-sticky.no-scroll body{overflow:hidden;position:fixed;} */
@media screen and (min-width: 1024px) and (max-width: 1239px) {
    .ShopTheLook { 
        padding: 0 80px
    }

    .shopify-section--bordered > .Section--spacingNormal {
        padding: 80px 0
    }

    .quato_text {
        padding: 40px 25px 10px 20px;
    }

    .first_quote .quato_text:after,
    .first_quote .quato_text:before {
        left: 20px 
    }

    .first_quote {
        height: auto;
    }

    .quato_img img {
        height: 500px;
    }

    .quato_text h2 {
        line-height: 40px;
        font-size: 36px;
    }

    .js .Slideshow--fullscreen {
        min-height: 380px;
    }

    ul.recipe_menu {
        padding-top: 30px;
    }

    .recipe-item-list .recipe-items:nth-child(3n - 0),
    .recipe-item-list .recipe-items:nth-child(3n + 1),
    .recipe-item-list .recipe-items {
        width: calc(50% - 15px);
        margin: 0 10px 17px;
        padding: 0;
    }

    .recipe-item-list .recipe-items:nth-child(2n - 0) {
        margin-right: 0;
    }

    .recipe-item-list .recipe-items:nth-child(2n + 1) {
        margin-left: 0;
    }

    div#shopify-section-collection-template-recipes .ProductItem__Info.ProductItem__Info--center {
        padding: 0 25px 20px
    }

    div#shopify-section-collection-template-recipes a.view_recipe {
        max-width: 170px;
    }

    .PageContent,
    .custom_page .PageContent {
        padding-right: 20px;
        padding-left: 20px;
    }

    .PageContent {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .PageContent.custom-PageContent {
        margin: 0 auto;
    }

    .recipe_detail {
        padding: 70px 0
    }

    .recipe_banner_right {
        padding: 46px 30px 25px
    }

    .recipe_banner_left {
        margin-bottom: 30px;
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading {
        margin-bottom: 10px;
        font-size: 18px
    }

    .recipe-item-slide .recipe-items a.view_recipe {
        max-width: 170px;
        padding: 6px 15px
    }

    .recipe-item-slide .AspectRatio {
        height: 240px;
    }

    .recipe-item-slide {
        margin: 0 auto;
    }

    .recipe-item-slide .flickity-prev-next-button.previous {
        left: 10px;
    }

    .recipe-item-slide .flickity-prev-next-button.next {
        right: 10px;
    }

    .collection_detail {
        width: 66.67%;
    }

    .Product.Product--small {
        padding: 0;
    }

    .Product--small .Product__Wrapper {
        max-width: 53%;
    }

    .Product__Wrapper .Product__Info {
        max-width: 420px;
        padding-right: 40px;
    }

    .ProductForm__AddToCart {
        padding: 12px 10px;
    }

    .ProductForm .ProductForm__Variants {
        max-width: 120px;
    }

    .QuantitySelector--large .QuantitySelector__Button {
        padding: 10px;
    }

    .Product__Gallery {
        margin: 0 0 60px;
        margin-left: 60px;
    }

    .Product__Aside {
        padding: 0;
        padding-left: 40px;
    }

    .Product__Tabs button.Collapsible__Button {
        padding: 20px 15px;
    }

    .flex-sticky-layout .PageLayout__Section--sticky {
        max-width: 380px;
        padding: 40px 40px 30px;
    }

    .privacy-title .coll_title_btn h1 {
        padding-left: 440px
    }

    .tabs-linking li {
        padding: 3px 0
    }

    .tabs-linking li a {
        line-height: 22px;
    }
  
    .Cart--expanded .CartItem__Info~.CartItem__LinePrice{
        min-width: 110px;
    	width: 150px;
    }
  
  .health-pro-main .CollectionItem__Wrapper{max-height:260px;}
  .health-pro-main .SectionHeader__Heading--emphasize{font-size:18px;}
  .health-pro-main .CollectionItem__Content--bottomLeft{padding:0 20px;bottom:20px;}
  .health-pro-main #section-collection-list-professional .CollectionItem__Link{font-size:11px}
  .lifter-store-locator{margin-bottom:80px;}
  
  .health-pro-form .health_pro_signup{min-height:120px;padding:35px 20px}
  .health-profesion .health_pro_signup p{line-height:normal}
  .sm-login-box .title-row p{line-height:24px;}
  .health-profesion .health-pro-form .sm-login-box{padding-top:30px }
  .health-profesion .health-pro-form .prof-login-box{padding:0 20px 35px}
  
  .wholesaler_desc .wholesaler_down{padding:20px 30px}
  .wholesaler_desc{width:63%}
  .flex-box-4{padding:70px 0}
  .flex-box-4 li h3{font-size:36px;}
  .flex-box-4 li{width:24%;}
  
  .product-profile .pro-hero-wrap{padding-right:20px;}
  .product-profile .Product-Info-new{padding-left:20px;}
  .product-profile .pro-info-thumb{padding:0 55px;}
  
  .fullheight-box{min-height:500px;}
  
  .Button__SeparatorDot{margin:0 8px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  
  
    
  .grocer-order-list td:last-child{padding-right:20px;}
  .glg-title{font-size:48px;}
  h3.glg-title{font-size:30px;}
    .new_container {
        padding-left: 30px;
        padding-right: 30px
    }

    .Header__Wrapper {
        padding: 13px 30px;
    }

    .Header__Logo {
        max-width: 80px;
    }

    .Header__Logo img {
        max-width: 100%;
    }

    .announcement_left {
        width: 60%;
    }

    .announcment_right {
        width: 30%;
    }

    /* Footer area */
    .Footer__Inner {
        margin: 0 auto;
    }

    .Footer__Block {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 30px
    }

    .Footer__Inner .Footer__Block:nth-child(2n - 0) {
        padding-right: 0
    }

    .Footer__Inner .Footer__Block:nth-child(2n + 1) {
        padding-left: 0
    }

    /* Banner area */
    .Slideshow__Content h3.SectionHeader__SubHeading.Heading.u-h6 {
        font-size: 28px;
        font-weight: 700;
        line-height: 31px;
    }

    .Slideshow__Content h2.SectionHeader__Heading {
        font-size: 30px;
        line-height: 28px;
    }

    .shopify-section--slideshow .Slideshow__Content--bottomLeft {
        padding: 0 10px;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        top: auto;
        padding-bottom: 30px
    }

    .Slideshow__Content .ButtonGroup {
        text-align: left;
        display: block;
        padding: 10px 10px;
    }

    a.ButtonGroup__Item.Button {
        padding: 10px 15px;
        width: 200px;
        margin: 0;
    }

    #section-slideshow .Button::before {
        width: 100%
    }

    .Timeline__Inner h2.SectionHeader__Heading.Heading.u-h1 {
        font-size: 32px;
    }

    .Timeline__Inner .SectionHeader__Description.Rte p {
        font-size: 14px;
        line-height: 26px;
    }

    .shopify-section--bordered > .Section--spacingNormal {
        padding: 50px 0;
    }

    a.btn {
        width: 200px;
    }

    .first_quote {
        height: 480px;
        object-fit: cover;
    }

    .quato_text {
        padding: 40px 25px 30px 25px;
        width: 100%
    }

    .quato_text h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .quato_text h3 {
        padding-bottom: 25px;
    }

    .first_quote .quato_text:after,
    .first_quote .quato_text:before {
        bottom: 25px;
        left: 25px
    }

    .recipe-item-list .recipe-items:nth-child(3n - 0),
    .recipe-item-list .recipe-items,
    .recipe-item-list .recipe-items:nth-child(3n + 1) {
        margin: 0 10px 17px;
        width: calc(50% - 10px);
    }

    .recipe-item-list .recipe-items:nth-child(2n - 0) {
        margin-right: 0
    }

    .recipe-item-list .recipe-items:nth-child(2n + 1) {
        margin-left: 0
    }

    .recipe-item-list .recipe-items .AspectRatio img {
        object-fit: cover;
    }

    ul.recipe_menu {
        padding: 25px 0 0;
    }

    ul.recipe_menu li a {
        font-size: 13px;
    }

    .Pagination {
        margin: 20px 0;
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading,
    div#shopify-section-collection-template-recipes h2.ProductItem__Title.Heading {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: normal;
    }

    div#shopify-section-collection-template-recipes .ProductItem__Info.ProductItem__Info--center {
        padding: 0 20px 20px
    }

    div#shopify-section-collection-template-recipes a.view_recipe {
        max-width: 170px;
    }

    .PageContent,
    .custom_page .PageContent {
        padding-right: 20px;
        padding-left: 20px;
    }

    .PageContent {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .PageContent.custom-PageContent {
        margin: 0 auto;
    }

    .PageHeader {
        margin: 0 0 30px 0
    }

    .PageLayout__Section--secondary {
        max-width: 180px;
    }

    .recipe_video_desc {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .share-btns {
        position: static;
        margin: 0 auto 10px;
        max-width: 355px;
    }

    .recipe_banner_left {
        max-width: 480px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .recipe_banner_right {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding-top: 70px;
        max-height: inherit;
    }

    .recipe_banner_right h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .recipe-banner-video video {
        min-width: 480px;
    }

    .purchase_recipe {
        max-width: 355px;
    }

    .share-btns a {
        font-size: 10px;
        padding: 7px 10px 7px 10px
    }

    .recipe-banner-video {
        max-width: 100%;
        margin: 140px auto 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
        text-align: left;
    }

    .ProductList--carousel .Carousel__Cell:first-child {
        margin-left: 0
    }

    .ProductList--carousel .Carousel__Cell:last-child {
        margin-right: 0
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading {
        white-space: normal;
    }

    .purchase_recipe {
        font-size: 12px;
        padding: 0 10px;
    }

    .recipe_detail {
        padding: 20px 0;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .recipe_ingredients {
        width: 100%;
        margin-bottom: 30px;
    }

    .recipe_direction {
        width: 100%;
    }

    .recipe-item-slide .recipe-items {
        min-width: 300px;
        width: 100%;
        max-width: 350px;
    }

    .recipe-item-slide {
        margin: 0 auto;
    }

    .collection_detail {
        width: 66.67%;
    }

    .template-collection .Container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .collection_detail h1.SectionHeader__Heading.Heading.u-h1 {
        padding-top: 30px;
    }

    .more_coll_info ul li {
        padding: 20px 30px
    }

    .collection_detail .SectionHeader__Description.Rte {
        height: 300px;
        overflow-Y: auto;
        padding: 0 15px;
    }

    .Product__Wrapper {
        padding: 0 30px
    }

    .Product__Gallery .flickity-enabled .flickity-viewport {
        max-height: 420px;
        padding-top: 20px;
    }

    .Product__Wrapper .Product__Info {
        max-width: 100%;
        text-align: left
    }

    .Product__Wrapper .ProductMeta {
        text-align: left
    }

    .Product__Gallery {
        margin: 0 auto 30px;
    }

    .Product__Tabs button.Collapsible__Button {
        padding: 20px 10px
    }

    .Product__Tabs .Collapsible {
        padding: 0 10px
    }

    .ProductForm {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }

    .ProductForm__AddToCart {
        -webkit-flex: none;
        flex: none;
    }

    .Product__Aside {
        padding: 0;
        max-width: 100%
    }

    .AddressList .Grid__Cell,
    .AddressList .Grid__Cell:nth-child(3n+1) {
        border-left: 1px solid #D8D8D8
    }

    .AddressList .Grid__Cell:nth-child(2n+1) {
        border: none
    }

    .collagen_more_info .collagen_overflow {
        display: block;
        margin: 0 auto;
        padding: 0;
        max-height: 380px;
        overflow-y: auto
    }

    .collagen_more_info .Grid__Cell {
        padding: 0
    }

    div#modal2 p {
        padding: 0 30px 10px
    }

    .collagen_more_info label {
        padding: 30px 0 19px
    }

    .ProductForm .bold-ro__radio-div .bold-ro__order-interval-container {
        max-width: 450px;
    }
  
  .bulkdetail .bulk-left-detail{padding-right:30px;}
  .bulkdetail .bulkform{padding-left:30px;}
  
  .health-pro-main .CollectionItem{min-width:50%; width:50%;}
  .health-pro-main .CollectionItem__Wrapper{max-height:290px;}
  .health-pro-main .SectionHeader__Heading--emphasize{font-size:18px;}
  .health-pro-main .CollectionItem__Content--bottomLeft{padding:0 20px;bottom:20px;}
  .health-pro-main #section-collection-list-professional .CollectionItem__Link{font-size:11px}
  .lifter-store-locator{margin-bottom:80px;}
  .innerbanner .SectionHeader{min-height:320px;}
  .wholesaler_wrapper,.health-profesion{display:block}
  .wholesaler_form,.wholesaler_desc,.health-profesion .health-pro-form,.health-profesion .health-pro-info{width:100%; max-width:100%}
  .health-profesion .health-pro-info{margin-bottom:40px;}
  .health-pro-info .pro-data{max-width:100%;width:77%}
  
  .wholesaler_form,.health-profesion .health-pro-form{max-width:440px;margin:0 auto}
  .wholesaler_form .health_pro_signup,.health-pro-form .health_pro_signup{min-height:120px;padding:35px 20px}
  .health-profesion .health_pro_signup p{line-height:normal}
  .sm-login-box .title-row p{line-height:24px;}
  .health-profesion .health-pro-form .sm-login-box{padding-top:30px }
  .health-profesion .health-pro-form .prof-login-box{padding:0 20px 35px}
  
  .wholesaler_desc{margin-bottom:40px;}
  .wholesaler_desc .wholesaler_down{padding:20px 30px}
  .flex-box-4{padding:50px 0 30px;-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;-webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;}
  .flex-box-4 li h3{font-size:36px;}
  .flex-box-4 li{ width: 50%; margin-bottom: 80px; max-width: 340px;
    padding: 0 15px;}
   .flex-box-2{padding:50px 0 30px}
  .sidebar_footer{padding-bottom:0}
}

@media screen and (max-width: 1023px) {
  .CollectionMain .gift-listing .Grid__Cell select,.CollectionMain .gift-listing select ~ .ProductForm__AddToCart { max-width: 100%; width: 100%;}
  .ProductForm__AddToCart span{margin:0 5px;}
  .fullheight-box{min-height:10px;display:block;}
  .bulkdetail .bulkform .sm-login-box{min-height:180px;}
    .container{padding-left:15px;padding-right:15px;}
    .privacy-title .collagen_header {
        min-height: 180px;
        padding: 45px 0 65px;
        background-position: 75% center
    }

    .flex-sticky-layout .PageLayout__Section--sticky {
        max-width: 380px;
        padding: 30px 30px 20px;
        margin: 0 auto 40px;
        width: 100%;
        margin-top: -80px;
    }

    .flex-sticky-layout {
        padding: 0 25px;
    }

    .privacy-title .coll_title_btn {
        padding: 0
    }

    .flex-sticky-layout .PageLayout__Section {
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }

    .privacy-title .coll_title_btn {
        min-height: 0;
    }

    .privacy-title .coll_title_btn h1 {
        padding: 0;
        text-align: center;
        font-size: 22px;
    }

    .tabs-linking li {
        padding: 3px 0
    }

    .tabs-linking li a {
        line-height: 22px;
    }

    .flex-sticky-layout .tabcap-area .tabs-block {
        padding-top: 30px;
    }

    .flex-sticky-layout .PageLayout {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-sticky-layout .PageLayout {
        margin-bottom: 30px;
    }
  
  .open_collagen_img embed{max-width:800px;width:100%}
  
  .nutrition_info {-webkit-flex-wrap:wrap; flex-wrap:wrap;text-align:center;padding-top:20px;padding-bottom:25px;}
  .nutrition_info .nutrition_left,.nutrition_info .nutrition_right{width:100%; margin-bottom:30px;padding:0}
  .nutrition_info .nutrition_right{max-width:560px;margin:0 auto;text-align:left}
  .nutrition_right label{    text-align: left;  height: auto;line-height: 27px;padding: 7px 10px;
    font-size: 12px;}
  .nutrition_info_table{width:100%;-webkit-flex-wrap:wrap; flex-wrap:wrap;}
  .nutrition_info_table table{text-align:left;width:100%;padding:0;margin:0}
  .nutrition_info_table td:last-child{text-align:right}
  
  
  .product-profile{display:block; padding-top:20px;}
  .product-profile .pro-hero-wrap{margin:0 auto 60px;width:100%}
  .product-profile .Product-Info-new{margin:0 auto;width:100%}
  
  .product-profile .pro-hero-wrap{padding-right:20px;}
  .product-profile .Product-Info-new{padding-left:20px;}
  .product-profile .pro-info-thumb{padding:0 55px;}
  
  .pro-info-thumb,.pro-info-slider{max-width:500px;}
  
  
 
  
}
@media screen and (max-width: 767px) {
  .pswp--open{z-index:9999999991;}
  .glg-title{font-size: 42px;  padding-top: 40px;}
  .no-scroll body{overflow:hidden !important; -webkit-overflow-scrolling:auto;position:fixed;top:0}
  #sidebar-menu.Drawer .sidebar-menu-overflow{-webkit-overflow-scrolling:touch;}
  #sidebar-menu.Drawer .sidebar-menu-overflow .mCSB_inside>.mCSB_container{margin-right:0;}
  #sidebar-menu.Drawer::before{pointer-events:none}
  #sidebar-menu.Drawer--small .sidebar_footer{padding:30px 5px 20px;}
  .no-scroll #sidebar-menu .Drawer__Content{min-height: calc(100vh - 410px);}
  .no-scroll .sidebar-menu-overflow{    height: inherit;
    overflow: auto;
    display: block;
    z-index: 9;}
    .new_container.full-containers,.main_recipe .new_container,
    .new_container {
        padding-left: 15px;
        padding-right: 15px;
    }
  
  
  
    .flex-sticky-layout {
        padding: 0 25px;
    }

    /* Header part */
    .AnnouncementBar {
        height: auto;
    }

    .announcement_left {
        display: block;
        float: none;
        width: 100%;
    }

    .AnnouncementBar__Wrapper {
        display: block;
        float: none;
        width: 100%;
        padding: 9px 18px;
        text-align: left
    }

    .Header__Logo {
        max-width: 70px;
    }

    .Header__Logo img {
        max-width: 100%;
    }

    /* Temp style */
    .announcment_right,
    .country_selector {
        display: none;
    }

    /* Banner area */
    .Slideshow__Content h3.SectionHeader__SubHeading.Heading.u-h6 {
        font-size: 28px;
        font-weight: 700;
        line-height: 31px;
    }

    .Slideshow__Content h2.SectionHeader__Heading {
        font-size: 30px;
        line-height: 28px;
    }

    .shopify-section--slideshow .Slideshow__Content--bottomLeft {
        padding: 0 10px;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        top: auto;
        padding-bottom: 30px
    }

    .Slideshow__Content .ButtonGroup {
        text-align: left;
        display: block;
        padding: 10px 10px;
    }

    a.ButtonGroup__Item.Button {
        padding: 10px 15px;
        width: 200px;
        margin: 0;
    }

    #section-slideshow .Button::before {
        width: 100%
    }

    .Timeline__Inner h2.SectionHeader__Heading.Heading.u-h1 {
        font-size: 38px;
        line-height: 39px;
        margin: 0 auto 10px;
        text-align: left;
    }

    .Timeline__Inner .SectionHeader__Description.Rte p {
        font-size: 13px;
        line-height: 26px;
        color: #222222;
        margin: 0 auto 20px;
    }

    .Timeline__Inner .SectionHeader--center {
        text-align: left
    }

    a.btn {
        height: auto;
        width: 200px;
        line-height: 22px;
        padding: 9px 18px;
    }

    .tips_content {
        width: calc(100% - 50px);
        padding: 20px;
        margin: 100px 25px;
        min-height: 200px;
    }

    .tips_content h2 {
        font-size: 18px;
    }

    .tips_content p {
        font-size: 14px;
        line-height: 26px;
    }

    .first_quote {
        height: auto;
    }

    .quato_text {
        padding: 30px 25px;
    }

    .testimonial_caption {
        max-height: inherit;
        min-height: 10px
    }

    .testimonial_caption p {
        font-size: 13px;
        line-height: 26px;
    }

    .quato_text h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .quato_text h3 {
        padding-bottom: 10px;
    }

    .first_quote .quato_text:after,
    .first_quote .quato_text:before {
        bottom: 25px;
        left: 25px
    }

    .js .Slideshow--fullscreen {
        min-height: 390px;
    }

    .recipe-item-list .recipe-items .ProductItem__ImageWrapper {
        vertical-align: top;
    }

    .recipe-item-list .recipe-items .AspectRatio img {
        object-fit: cover;
    }

    .recipe-item-slide .recipe-items a.view_recipe,
    div#shopify-section-collection-template-recipes a.view_recipe {
        max-width: 140px;
        line-height: 20px;
    }

    div#shopify-section-collection-template-recipes .ProductItem__Info.ProductItem__Info--center {
        padding: 20px
    }

    .coll_menu ul.dropdown_collagen {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .coll_menu ul.dropdown_collagen li {}

    .coll_menu ul.dropdown_collagen li a {
        font-size: 13px;
    }

    /* FAQS */
    .coll_title_btn {
        padding: 30px 0 30px;
        min-height: 300px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }

    a.btn_green {
        padding: 10px 35px;
        font-size: 12px;
    }

    .Faq__Item--lastOfSection .Faq__Answer {
        padding-top: 11px;
    }

    .Faq__Section ~ .Faq__Section {
        margin-top: 30px
    }

    .PageContent,
    .custom_page .PageContent {
        padding-right: 20px;
        padding-left: 20px;
    }

    .PageContent.custom-PageContent {
        margin: 0 auto;
    }

    .PageHeader {
        margin: 0 0 30px 0
    }

    .template-collection .PageHeader {
        margin: 0 0 100px 0;
    }

    .Footer--withMargin {
        margin-top: 0;
    }

    .recipe_video_desc {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .share-btns {
        position: static;
        margin: 0 auto 10px;
        max-width: 355px;
    }

    .recipe_banner_left {
        max-width: 355px;
        margin: 0 auto;
        width: 100%
    }

    .recipe_banner_right {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        padding-top: 70px;
        max-height: inherit;
    }

    .recipe_banner_right .mCustomScrollbar {
        max-height: inherit;
    }

    .recipe_banner_right h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .share-btns a {
        font-size: 10px;
        padding: 7px 10px 7px 10px
    }

    .recipe-banner-video {
        max-width: 335px;
        margin: 200px auto 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    .purchase_recipe {
        font-size: 12px;
        padding: 0 10px;
    }

    .recipe_detail {
        padding: 20px 0;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .recipe_ingredients {
        width: 100%;
        margin-bottom: 30px;
    }

    .recipe_direction {
        width: 100%;
    }

    .recipe-item-slide .recipe-items {
        min-width: 280px;
        width: 100%;
        max-width: 350px;
    }

    .recipe-item-slide {
        margin: 0 auto;
    }

    .recipe-item-slide .flickity-prev-next-button.previous {
        left: 10px;
    }

    .recipe-item-slide .flickity-prev-next-button.next {
        right: 10px;
    }

    .ProductList--carousel .Carousel__Cell:first-child {
        margin-left: 10px;
    }

    .ProductList--carousel .Carousel__Cell:last-child {
        margin-right: 10px;
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading {
        white-space: normal;
    }

    .recipe-item-slide .recipe-items .ProductItem__Info {
        padding: 20px;
    }

    .collection_detail {
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        transform: translateY(70px);
        border-width: 10px;
        width: 100%;
        margin: 0 auto;
    }

    .collection_detail .SectionHeader__Description {
        height: auto;
        max-height: 380px;
        overflow-y: auto
    }

    .collagen_more_info .collagen_overflow {
        display: block;
        margin: 0 auto;
        padding: 0;
        max-height: 360px;
        overflow-y: auto
    }

    .collagen_more_info .Grid__Cell {
        padding: 0
    }

    .template-collection .Container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .collection_detail h1.SectionHeader__Heading.Heading.u-h1 {
        padding-top: 25px;
        font-size: 18px;
    }

    .more_coll_info ul li:nth-child(1) {
        padding: 5px 5px 10px 15px;
    }

    .more_coll_info ul li:nth-child(2) {
        padding: 5px 15px 10px 5px;
    }

    .more_coll_info ul li button {
        font-size: 12px;
        line-height: 12px;
    }

    li.info_more::after {
        left: 20px;
        bottom: 15px;
    }

    li.open_collagen::after {
        right: 20px;
        bottom: 15px;
    }

    div#modal2 p {
        padding: 19px 15px 8px;
        margin-bottom: 0
    }

    .collagen_more_info label {
        padding: 30px 0 6px;
    }

    .ProductList .empty_pro_div {
        display: none
    }

    .with-sidebar {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 10px 0
    }

    .with-sidebar .aside-menu {
        width: 95%;
        margin: 0 auto 30px;
        max-width: 380px;
    }

    .with-sidebar .side-content {
        width: 100%;
        margin: 0 auto 30px
    }

    .side-content .content-caption-area {
        padding: 20px 25px
    }

    .Product__Wrapper {
        padding: 0 25px
    }

    .Product__Gallery .flickity-enabled .flickity-viewport {
        max-height: 420px;
        margin-top: 20px;
        min-height: 370px;
    }

    .Product__Wrapper .Product__Info {
        max-width: 100%;
        text-align: left
    }

    .Product__Wrapper .ProductMeta {
        text-align: left
    }

    .Product__Gallery {
        margin: 0 auto 30px;
    }

    .Product__Tabs {
        margin: 20px 0
    }

    .Product__Tabs button.Collapsible__Button {
        padding: 15px 10px
    }

    .Product__Tabs .Collapsible {
        padding: 0 10px
    }

    .ProductForm {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }

    .ProductMeta__Description.Rte,
    .Collapsible__Content {
        font-size: 13px;
        line-height: 28px;
    }

    .ProductForm__AddToCart span[data-money-convertible] {
        display: none
    }

    .ProductForm__AddToCart .Button__SeparatorDot {
        display: none;
    }

    .ProductForm__AddToCart {
        -webkit-flex: none;
        min-width: 290px;
        flex: none;
    }

    .ProductForm .QuantitySelector__CurrentQuantity {
        line-height: 21px;
    }

    .Product__Aside {
        padding: 0;
        max-width: 100%
    }

    .Product {
        margin-bottom: 25px;
    }

    .AddressList {
        margin: 0 auto;
    }

    .AddressList .Grid__Cell:nth-child(3n+1),
    .AddressList .Grid__Cell {
        padding: 0 0 15px;
        margin: 0 auto 20px;
        border: none;
        border-bottom: 1px solid #D8D8D8;
    }

    .AddressList .Grid__Cell:last-child {
        border-bottom: none;
        margin-bottom: 0
    }

    .ProductForm .bold-ro__radio-div .bold-ro__order-interval-container {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ProductForm .bold-ro__radio-div .bold-ro__order-interval-lbl {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .ProductForm .bold-ro__radio-div select.bold-ro__frequency-type.bold-ro__order-interval,
    .ProductForm .bold-ro__radio-div select {
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        -o-flex: none;
        flex: none;
        width: 45%;
        margin: 0 5px;
    }
  
  .Cart--expanded .CartItem__Info~.CartItem__LinePrice{
    min-width: 90px;
    width: 120px;
  }
  .shipping-estimat-row .new_container{max-width:480px;}
  .shipping-estimat-row .Panel{padding:30px;}
  .shipping-estimat-row .Form__Input{margin:0 auto 20px; display:block;max-width:100%;}
  .shipping-estimat-row .Select--primary{margin:0 auto 20px; max-width:100%;}
  .ShippingEstimator__Form {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
  
  .Search__Results .Grid__Cell {margin-bottom:25px;}
  .ProductList--grid[data-desktop-count="4"]>.Grid__Cell, .ProductList--grid[data-desktop-count="3"]>.Grid__Cell{margin-bottom:30px;}
  
  .collagen_header .coll_title_btn{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;
flex-wrap: wrap;flex-direction:column;}
  .collagen_header .coll_title_btn .collagen_header h1{margin-top: auto !important;}
  .collagen_header h1, .collagen_header h1.SectionHeader__Heading{display:block;margin-top:auto !important;font-size:23px;}
  .collagen_header  a.btn_green{margin-bottom:auto}
  .testimonial_left h2{font-size:32px;line-height:normal;}
  .Rte .testimonial_left p{margin-bottom:0}
  
  .Product__Wrapper .Product__Info{min-width:0}
  
  .abt-glg-first .glg-data.Grid{padding: 20px 15px;margin-bottom: 20px;margin-bottom:30px;}
  .abt-glg-first .glg-paragraph-first{padding-left:0}
  .Grid .glg-paragraph-first p, .glg-paragraph-first p{padding:0 20px;font-size: 15px; line-height: 26px;margin-bottom:15px;}
  .why-collagen-top .why-collagen-left{margin-bottom:20px;}
  .why-collagen-top{margin:0}
  .why-collagen-right {padding-left: 0;}
  .even .why-collagen-left {padding-left: 0;}
  .why-collagen-left h2{font-size: 32px;line-height: normal;}
  
  .collagen_header .coll_title_btn{align-items:center}
  
  .collection_detail .SectionHeader__Description ol{margin-left:0}
  
  .bulkdetail.flex{display:block;margin-bottom:30px}
  .bulkdetail .bulk-left-detail{padding:0 0 30px;width:100%; margin:0 auto;max-width:100%;}
  .bulkdetail .bulkform{width:100%;margin:0 auto;padding:0}
  .bulkdetail .bulk-left-detail{padding:0 0 30px;width:100%; margin:0 auto;max-width:100%;}
  .modal-lg .bulkdetail .bulk-left-detail{padding-top:40px;}
  .modal-lg .bulkdetail .bulkform{width:100%;padding:0}
  .modal-lg .bulkdetail .bulk-left-detail img{max-height:320px;}
   .bulkdetail .bulkform{width:100%;margin:0 auto;padding:0}
  .about-center-caption h2,.wholesaler_desc h2,.health-profesion .health-pro-info h2,.bulkdetail .bulk-left-detail h2{font-size:32px;;line-height:normal;}
  .about-center-caption p,.wholesaler_desc p,.bulkdetail .bulk-left-detail p{font-size:13px;line-height:24px;}
  select.customr-control, textarea.customr-control, input.customr-control{padding:8px 14px;line-height:22px;}
  .bulkform .sm-login-box .title-row {padding:10px 0 20px}
  .bulkform .btn.btn-primary{padding:11px 15px;font-size:11px;}
  
  .health-pro-main .CollectionItem{min-width:100%; width:100%;}
  .health-pro-main .CollectionItem__Wrapper{max-height:250px;}
  .health-pro-main .SectionHeader__Heading--emphasize{font-size:18px;}
  .health-pro-main .CollectionItem__Content--bottomLeft{padding:0 20px;bottom:20px;}
  .health-pro-main #section-collection-list-professional .CollectionItem__Link{font-size:11px}
  .lifter-store-locator{margin-bottom:30px;}
  .wholesaler_wrapper,.health-profesion{padding:30px 0;display:block}
  .wholesaler_form,.wholesaler_desc,.health-profesion .health-pro-info{max-width:100%;width:100%;margin-bottom:40px;}
  .health-pro-info .pro-data{padding-left:10px;}
  .health-profesion .health-pro-form{max-width:100%;width:100%;}
  .innerbanner .SectionHeader h1.SectionHeader__Heading{margin: 0 auto !important}
  .innerbanner .SectionHeader{min-height:0}
  .health-profesion p{font-size:14px;line-height:24px;}
  
  .title-row h1{font-size:18px;}
  .title-row .text_center{line-height:normal}
  .profes-signup .Form__Submit{font-size:11px;}
  .profes-signup .text_left br{display:none}
  
  .health-profesion .health-pro-form{max-width:440px;margin:0 auto}
  .wholesaler_form .health_pro_signup,.health-pro-form .health_pro_signup{min-height:120px;padding:25px 15px}
  .health-profesion .health_pro_signup p{line-height:normal}
  .sm-login-box .title-row p{line-height:22px;}
  .health-profesion .health-pro-form .sm-login-box{padding-top:20px }
  .health-profesion .health-pro-form .prof-login-box{padding:0 15px 25px}
  .prof-login-box h2, .health_pro_signup h2{font-size:16px;}
  .health-pro-main{padding-bottom:40px;padding-top:20px;}
  .sm-login-box .title-row h1{font-size:18px;}
  .customr-field.customr-field-password p small{line-height:normal}
  .customr-field.customr-field-password p small br{display:none;}
  .wholesaler_wrapper{margin-bottom:0}
  .wholesaler_desc .wholesaler_down{padding:20px;}
  
  .flex-box-4{padding:40px 0 25px;display:block}
  .flex-box-4 li h3{font-size:32px;}
  .flex-box-4 li{ width: 100%; max-width: 340px;display:block;margin:0 auto 40px;
    padding: 0 15px;}
  
/*   .benefit_icons{width: 100%; margin: 0 auto 30px;text-align:center;}
  ul.benefit_icons li{ display: -webkit-inline-flex; display: -moz-inline-flex;
    display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex;cursor: pointer;
    position: relative; width: 32%;-webkit-flex-direction: column;-moz-flex-direction: column;
    -ms-flex-direction: column;-o-flex-direction: column; flex-direction: column;
    margin-bottom: 10px; min-width: 160px;}
  ul.benefit_icons li span{display: block;-webkit-order: 1;-moz-order: 1;-ms-order: 1;-o-order: 1;order: 1;
    text-align: left; position: static; color: #222;font-family: 'Montserrat', sans-serif;
    font-size: 14px; font-weight: 300; line-height: 19px; width: auto;
    padding: 3px 5px;text-align: center;} */
  
  .Faq__ItemWrapper ul.mytable-desc{width: 100%; margin: 0 20px 10px 0; max-width: 220px;}
  .Faq__ItemWrapper ul.mytable-desc li{padding-right:0;}
  .Faq__ItemWrapper ul.multi-tablvalu li strong:first-child{min-width:150px; display: inline-block;}
  .Faq__ItemWrapper ul.multi-tablvalu li.mttbl-title{display:none}
  .Faq__ItemWrapper ul.multi-tablvalu, .Faq__ItemWrapper ul.multi-strong-desc{max-width:100%;margin:0 auto 10px;}
  .Faq__ItemWrapper ul.mytable-desc li{font-size:12px;}
  .Faq__ItemWrapper ul.multi-strong-desc li strong:first-child{-webkit-flex:none; flex:none;min-width:140px;}
  
  .Form__Group .sm-inputsize{max-width:100%; margin-left:0 !important}
  
  .grocer-order-list .gclist-item{width: auto !important;}
   .block-row{padding:70px 0}
  .grocer-orderlist-row.block-row{padding:70px 15px}
  .grocer-orderlist-row .grocer-order-list{min-width:560px;overflow: auto}
  .grocer-orderlist-row .mCustomScrollbar{width:100%;}
  .grocer-order-list td h2{margin-left:15px;max-width:100%;font-size: 12px;
    margin-left: 15px; max-width: 130px; display: inline-block; white-space: normal;}
  .grocer-order-list th.gclist-qty{width:120px;}
  .grocer-order-list td p strong{font-size:12px;}
  .grocer-order-list td p{font-size:12px;}
  .table-outer-row{width:100%; position:relative;overflow-x:auto;}
  
  .btn-white{padding:6px 10px;min-width:130px;font-size:10px;}
  .about-center-caption{padding:30px 0 20px} 
  
  .branding-res-list{column-count:1}
  
  .modal-lg .bulk-left-detail img{max-height:320px}
  .grocer-order-list td:last-child{padding-right:10px;}
  
  .flex-box-2{display:block;margin:0 auto;padding:50px 0 40px;}
  .flex-box-2 li{width:100%; max-width:100%;margin:0 auto 50px;}
  .flex-box-2 li:last-child{margin-bottom:0}
  .flex-box-2 li p{margin-bottom:10px}
  h3.glg-title{font-size:30px;}
  .btn-row.text-center  .Button--success{margin-bottom:10px;}
  
  
  .register_thanks{padding:30px 0 60px;}
  .thank-you h2{font-size:16px;}
  .profes-signup .title-row{padding-top:20px;}
  
  
  .pro-hero-wrap .pro-info-slider .slick-slide li a{min-height: 360px;  max-height: 360px;  max-width: 360px;}
  
   .pro-hero-wrap button.slick-next,.pro-hero-wrap button.slick-prev{display:none !important;}
  .pro-hero-wrap .pro-info-thumb{width:100%;padding:0;}
  .Product .new_container{padding-left:15px; padding-right:15px;} 
  .Product .product-profile .Product-Info-new,.Product .product-profile .pro-hero-wrap{padding:0}
  .pro-info-thumb .slick-slide li a{width: 100px; height: 100px;}
  .accordion-group .accordion-header > h2{padding: 17px 10px; padding-right: 5px;background-position:top 18px right 15px;}
  .accordion-header.open h2{background-position:top 25px right 15px;}
  
}

@media screen and (min-width:641px) and (max-width: 767px) {
    .shopify-section--bordered > .Section--spacingNormal {
        padding: 50px 0
    }

    .Footer__Inner {
        margin: 0 auto;
    }

    .Footer__Block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .quato_img img {
        height: 380px;
        object-fit: cover;
    }

    .Footer {
        padding: 55px 0 20px 0
    }

    #section-collection-list .CollectionItem .Heading {
        font-size: 26px;
    }

    .recipe-item-list .recipe-items:nth-child(3n - 0),
    .recipe-item-list .recipe-items,
    .recipe-item-list .recipe-items:nth-child(3n + 1) {
        margin: 0 10px 20px;
        width: calc(50% - 10px);
    }

    .recipe-item-list .recipe-items:nth-child(2n - 0) {
        margin-right: 0
    }

    .recipe-item-list .recipe-items:nth-child(2n + 1) {
        margin-left: 0
    }

    .recipe_banner_left {
        max-width: 420px;
    }

    .recipe-banner-video {
        max-width: 355px;
    }
  
  
  
}



@media screen and (max-width: 640px) {
  .modal.modal-lg{width:96%}
  .sm-login-box .Form__Item .Form__Input{line-height:20px}
  .frm-title{font-size:12px;}
  .Header__Wrapper .cart_top span.Header__CartCount{display:none}

    .Button,
    .shopify-payment-button__button--unbranded,
    #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews .spr-button-primary:not(input),
    #shopify-product-reviews input.spr-button-primary,
    #shopify-product-reviews .spr-pagination-prev > a,
    #shopify-product-reviews .spr-pagination-next > a {
        padding: 10px 28px;
        min-width: 170px;
    }

    /* Timeline area */
    .Timeline__ListItem {
        height: auto
    }

    .shopify-section--timeline .Section--spacingNormal {
        padding: 0 !important;
        background-color: #FAFAFF;
    }

    .Timeline {
        box-shadow: none;
    }

    .Timeline__Inner {
        padding: 0
    }

    .Timeline__Item {
        background: inherit;
        position: static;
        padding: 50px 25px;
    }

    .Timeline__ImageWrapper {
        display: none;
    }

    .Timeline__Header .SectionHeader__Description {
        margin: 0 auto;
        text-align: left;
    }

    .Timeline__Header .SectionHeader__Description {
        max-width: 100%
    }

    .Timeline__Inner h2.SectionHeader__Heading.Heading.u-h1 {
        font-size: 38px;
        line-height: 39px;
        margin: 0 auto 10px;
        text-align: left;
    }

    .Timeline__Inner .SectionHeader__Description.Rte p {
        font-size: 13px;
        line-height: 26px;
        color: #222222;
        margin: 0 auto 20px;
    }

    .Timeline__Inner .SectionHeader--center {
        text-align: left
    }

    a.btn {
        height: auto;
        width: 200px;
        line-height: 22px;
        padding: 9px 18px;
    }

    .CollectionItem__Wrapper--small {
        height: 320px;
    }

    .CollectionItem__Content {
        padding: 0 24px;
        top: auto;
        left: 0;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        bottom: 60px;
    }

    #section-collection-list .CollectionItem .Heading {
        color: #FFFFFF !important;
        font-size: 26px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 2px;
    }

    #section-collection-list .SectionHeader__ButtonWrapper a.Button {
        min-width: 200px;
    }

    .insta_heading {
        color: #454545;
        font-size: 40px;
        line-height: 40px;
        padding: 0 25px;
    }

    .insta_tag {
        font-size: 16px;
        font-weight: 700;
        padding: 0 25px;
    }

    .quato_img {
        height: 200px;
        object-fit: cover;
    }

    /* Footer area */
    .Footer {
        padding-bottom: 0
    }

    ul.footer_social {
        text-align: center;
        padding-top: 20px;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
    }

    .Footer__Inner + .Footer__Aside {
        margin: 0 auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Footer .new_container {
        padding: 0
    }

    .Footer .Footer__Inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .Footer__Copyright {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        padding-top: 15px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 10px;
    }

    p.footer_condition {
        font-size: 11px;
        padding: 10px 15px;
        text-align: left;
        text-indent: 0;
    }

    p.Footer__ThemeAuthor {
        font-size: 11px;
        line-height: 20px;
    }

    ul.footer_social li {
        margin: 0 5px;
    }

    .Linklist__Item {
        margin: 0 auto 15px;
    }

    .Footer__Block {
        margin-top: 0
    }
  .Footer__Block--newsletter{margin-top:30px;}

    h2.Footer__Title.Heading {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .Footer__Block--links {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        margin: 0 auto;
    }

    .Footer__Block--links:first-child {
        padding-left: 0
    }

    .Footer__Block--links:nth-child(3n) {
        padding-right: 0
    }

    .Footer__Inner a.Link.Link--primary {
        color: #222222;
        font-size: 11px;
        font-weight: 300;
        line-height: normal;
    }

    .ShopTheLook__ProductItem .ProductItem__Wrapper {
        max-width: 250px;
        width: 94%;
        margin: 0 auto;
    }

    /* Recipe page */
    ul.recipe_menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        -ms-align-items: center;
        align-items: center;
        padding-top: 20px;
    }

    ul.recipe_menu li {
        padding: 0 10px;
    }

    ul.recipe_menu li a {
        font-size: 13px;
        line-height: 14px;
        padding: 10px 0;
    }

    .recipe-item-list {
        padding: 0 10px;
    }

    .recipe-item-list .recipe-items {
        width: 100%;
        margin: 0 auto 10px;
    }

    .recipe-item-list .recipe-items .AspectRatio {
        height: 250px;
    }

    .pro_type {
        top: 10px;
        left: 10px;
        height: 22px;
    }

    .pro_type a {
        line-height: 22px;
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading,
    div#shopify-section-collection-template-recipes h2.ProductItem__Title.Heading {
        font-size: 26px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        line-height: 28px;
        margin-bottom: 10px;
    }

    .flex-sticky-layout .PageLayout__Section--sticky {
        padding: 15px
    }

    .tabs-linking li a {
        line-height: 20px;
    }

    .tabs-linking li {
        padding: 2px 0
    }

    .tabcap-area .tabs-block h3 {
        font-size: 16px;
    }

    .tabcap-area .tabs-block p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }
  .with-sidebar .side-content .title{text-align:center;}
    .side-content p.title-txt {
      display:block;
        float: none;
        text-align: center;
        word-break: break-word;
      font-size:10px;
    }
  
  .Cart--expanded .Cart__Footer{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap; -o-flex-wrap: wrap;
 flex-wrap: wrap;}
  .Cart--expanded .Cart__NoteContainer{width:100%; max-width:100%;margin-bottom:20px;}
  .Cart--expanded .Cart__Total{margin-bottom:5px; font-size:18px;}
  .Cart--expanded .Cart__Taxes{font-size:12px;}
  .new_container .PageContent.no-pagespace{padding:0}
  .Cart--expanded .Cart__Recap, .Cart--expanded .Cart__NoteContainer{width:100%}
   
  .Cart.Drawer__Content .Cart__ItemList .mobile_price{display:none}
  .Cart__ItemList .CartItem__Actions .mobile_price{    display: block; font-weight: 700; color: #222; text-align: right;
    padding: 10px 0 0; width: 100%;}
  
  .Search__Results .ProductItem__Wrapper{-webkit-flex-direction: column; moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .Search__Results .Grid--l{margin-left:-30px}
  .Search__Results  .Grid--l>.Grid__Cell{padding-left:30px}
  .Search__Results .Grid__Cell{width:50%;}
  .Search__Results .ProductItem a.ProductItem__ImageWrapper{max-height:120px;}
  .Search__Results .ProductItem__ImageWrapper{margin-right:0}
  
  .Faq__ItemWrapper ul.multi-tablvalu li strong{flex:none;-webkit-flex:none;-ms-flex:none;padding-left:10px}
  
  .grocer-order-list td figure{height: 70px; width: 70px;}
  .grocer-order-list td figure img{max-width: 70px; max-height: 70px;}
  .grocer-order-list td h2{font-size:10px;}
  .grocer-order-list td:last-child, .grocer-order-list td:first-child, .grocer-order-list td{padding:15px 10px;}
  .grocer-order-list th:first-child, .grocer-order-list th{padding:7px 10px;}
  
  .grocer-orderlist-row.block-row{padding:50px 15px}
  
  
  .sm-login-box .customr-container-item.third-wide{width:100%;}
}

@media screen and (max-width: 374px) {
    .Header__Wrapper .cart_top span.Header__CartCount {
        display: none
    }

    .sidebar-menu-overflow .header_top_side .SidebarMenu__Nav .Linklist .Collapsible {
        padding: 2px 5px;
    }

    .sidebar-menu-overflow .header_bottom_side {
        padding: 0 18px;
    }

    .sidebar-menu-overflow .header_bottom_side .HorizontalList__Item:last-child {
        margin-right: 0
    }

    .sidebar-menu-overflow .header_top_side .SidebarMenu__Nav .Linklist .Link {
        font-size: 9px;
    }

    /* Footer area */
    .Footer__Block--links {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0 auto 30px;
    }

    .Footer__Inner a.Link.Link--primary {
        color: #222222;
        font-size: 11px;
    }

    .Footer .Footer__Inner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .recipe-item-slide .recipe-items h2.ProductItem__Title.Heading,
    div#shopify-section-collection-template-recipes h2.ProductItem__Title.Heading {
        font-size: 18px;
        line-height: 26px;
    }

    .recipe-item-slide .recipe-items .ProductItem__Info {
        padding: 15px;
    }

    .recipe-banner-video {
        margin: 80px auto 0;
    }

    .share-btns {
        display: block;
        text-align: center;
    }

    .share-btns a.fb_share,
    .share-btns a {
        margin-bottom: 10px;
        margin: 5px auto;
    }

    .recipe_banner_right h2 {
        font-size: 36px;
        line-height: normal;
    }

    .recipe_banner_right {
        padding: 50px 20px 25px;
    }

    .recipe-item-slide .recipe-items {
        min-width: 270px;
        width: 95%
    }

    .collection_detail .SectionHeader__Description {
        font-size: 13px;
        line-height: 22px;
    }

    .template-collection .ProductList--grid[data-mobile-count="2"] {
        padding-top: 20px;
        margin: 0 auto;
    }

    .template-collection .ProductList--grid[data-desktop-count="4"] > .Grid__Cell {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .ProductMeta__Title {
        font-size: 16px;
    }

    .ProductForm .pro_quanty_btn {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ProductForm__AddToCart {
        margin-left: 0
    }

    .ProductForm .ProductForm__Variants {
        margin: 0 0 20px;
    }

    .ProductForm__AddToCart {
        width: 100%;
        min-width: 10px;
    }

    .Product__Tabs button.Collapsible__Button {
        padding: 10px 5px;
    }

    .Product__Gallery .flickity-enabled .flickity-viewport {
        min-height: 310px;
    }

    .Product__Slideshow .Image--lazyLoaded.Image--fadeIn {
        max-height: 310px;
        max-width: 310px;
    }

    .side-content .title {
        text-align: center;
    }

    .side-content .btn-title-txt {
        float: none;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: 13px auto 0 auto;
        font-size: 10px;
    }
  .side-content p.title-txt{font-size:10px;}
  .title-row{padding:30px 0}
  .Footer__Block--newsletter{margin-top:0;}
}

@media screen and (max-width: 1239px) {
    .Drawer--small {
        width: 100%;
        max-width: 380px
    }

    .SidebarMenu {
        background-color: #8cc642;
    }

    .SidebarMenu .Drawer__Content::before {
        display: none
    }

    .SidebarMenu .Drawer__Footer::before {
        display: none
    }

    button.Collapsible__Button,
    .Collapsible__Button {
        font-size: 13px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
        padding: 10px 0;
        line-height: normal;
    }

    .SidebarMenu .Collapsible {
        border-bottom: none;
        margin: 0;
    }

    .SidebarMenu .Heading .Collapsible__Plus:after,
    .SidebarMenu .Heading .Collapsible__Plus:before {
        display: none;
    }

    .SidebarMenu .Heading .Collapsible__Plus {
        border: solid #fff;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 1px;
        vertical-align: top;
        position: static;
        margin-left: 15px;
        width: 7px;
        height: 7px;
        margin-top: 3px;
    }

    .Collapsible .Collapsible .Collapsible__Button {
        font-size: 11px;
        padding: 9px 0;
        font-weight: 300;
        display: inline-block;
          color: #ffffff;
    }

    .Collapsible .Collapsible {
        margin: 0
    }

    .Collapsible__Content {
        padding-bottom: 0
    }

    /* Mobile Menu */
    .header_top_side .SidebarMenu .Collapsible {
        display: inline-block;
    }

    .Drawer__Header {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header_top_side {
        width: 100%;
        padding: 0 0 15px
    }

    .header_bottom_side {
        width: 100%;
        position: relative;
        padding: 0 20px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }

    .header_bottom_side .Drawer__Close {
        position: relative;
        flex: 1;
        left: 0;
        text-align: left;
    }

    #sidebar-menu .Drawer__Content {
        height: auto;
        flex:1;
        max-height: inherit;
        min-height: 0;
        padding-top: 20px;
        overflow: visible;
        flex: none;
    }

    #sidebar-menu .Drawer__Content .Drawer__Main {
        overflow: visible;
        height: auto
    }

    #sidebar-menu.Drawer--small {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        overflow-y: auto;
      
    }
  #sidebar-menu.Drawer{visibility:hidden;
        opacity: 0;
        transition: all 1s ease-out; 
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;}
  #sidebar-menu.Drawer[aria-hidden="false"]{-webkit-transition: opacity .3s ease-out;opacity:1;visibility:visible;}

    #sidebar-menu.Drawer::before {
        top: 0;
        bottom: 0;
        height: auto
    }

    .header_bottom_side ul {
        display: block;
        flex: 1;
        text-align: right;
    }

    .SidebarMenu .Drawer__Main::after {
        display: none
    }

    .header_bottom_side .HorizontalList__Item {
        display: inline-block;
        vertical-align: middle;
    }

    .header_bottom_side .HorizontalList__Item img {
        max-width: 17px;
    }

    .sidebar_footer {
        background-color: rgba(0, 0, 0, 0.08);
        padding: 30px 5px 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        flex: none
    }

    .sidebar-menu-overflow {
      
        height: 100vh;
        overflow: auto
    }

    #sidebar-menu .Drawer__Header {
        max-height: none;
        height: auto;
        flex: none
    }

    .sidebar_footer .footer-mobitem {
        width: 33.33%;
        padding: 0 5px
    }

    .sidebar_footer h2.Footer__Title.Heading {
        color: #fff;
        margin: 0 auto 10px;
    }

    .sidebar_footer .Linklist__Item {
        margin: 0 auto;
        padding: 5px 0
    }

    .sidebar_footer .Link {
        font-weight: 300;
        color: #FFFFFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        line-height: 20px;
        display: inline-block;
    }

    #sidebar-menu ul.country_dropdown {
        width: 100px;
        padding-top: 2px;
        height: 35px;
    }

    #sidebar-menu ul.country_dropdown li {
        padding: 2px 0px 2px 10px
    }

    .header_top_side .SidebarMenu__Nav .Linklist .Collapsible {
        display: inline-block;
        vertical-align: middle;
        padding: 2px 7px;
    }

    .header_bottom_side .Header__LogoImage {
        max-width: 70px;
    }

    .header_bottom_side span.Header__CartCount {
        display: none
    }

    .header_bottom_side .top_user {
        display: inline-block;
        vertical-align: top;
    }

    .header_bottom_side .Header__LogoLink {
        width: 70px;
    }

    .header_top_side .SidebarMenu__Nav {
        display: inline-block;
        vertical-align: middle;
        float: left;
        padding-left: 7px;
    }

    .header_top_side .SidebarMenu__Nav .Linklist .Link {
        display: inline-block;
        vertical-align: middle;
        color: #FFFFFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.71px;
        line-height: 11px;
    }

    /* Desc header */
    .Header__Wrapper {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
    }

    .Header__Wrapper .Header__FlexItem {
        margin: 0 auto;
        width: 33%;
        text-align: center;
    }

    .Header__Wrapper .Header__FlexItem .Header__Logo {
        margin: 0 auto;
    }

    .Header__Wrapper .Header__FlexItem.menu_left {
        width: 33%;
        margin: 0;
        padding: 0;
        margin-right: auto
    }

    .Header__Wrapper .Header__FlexItem.menu_right {
        display: none;
    }

    .Header__Wrapper .account_icons {
        width: 35%;
        padding: 0;
        margin-left: auto;
        text-align: right
    }

    .Header__Wrapper .Header__FlexItem .top_user img {
        height: 18px;
        max-width: 16px;
    }

    .Header__Wrapper .HorizontalList__Item #sidebar-cart img {
        height: 16px;
        max-width: 18px;
    }

    .Header__Wrapper .cart_top span.Header__CartCount {
        text-shadow: none;
        color: #222;
        font-weight: 300;
        padding-left: 5px;
        vertical-align: middle;
      background:rgba(0,0,0,0);
        
    }

    .Header__Wrapper .HorizontalList__Item {
        margin: 0 7px;
        vertical-align: middle;
    }

    .Header__Wrapper .HorizontalList__Item:last-child {
        margin-right: 0;
    }

    .Header__Wrapper .HorizontalList__Item img {
        max-width: 16px;
        vertical-align: middle;
    }

    .Header__Wrapper .HorizontalList__Item > .Link {
        vertical-align: top;
    }

    .Header__Wrapper .HorizontalList__Item > .top_user {
        vertical-align: middle;
    }
}

@media screen and (min-height: 565px) and (min-width: 767px){
    #sidebar-menu .Drawer__Content {
        padding-top: 0
    }

    #sidebar-menu .Drawer__Content .mCustomScrollbar {
        height: calc(100vh - 410px);
        overflow: auto;
        padding-top: 20px;
    }

    #sidebar-menu .SidebarMenu .Drawer__Main {
        padding-top: 0
    }

    #sidebar-menu .Drawer__Content .Drawer__Main {
        overflow: auto;
        height: auto;
        padding-top: 0
    }
  
  
}

@media screen and (max-width:1024px) and (min-width:768px){
	.no-scroll #sidebar-menu .Drawer__Content{max-	height:calc(100vh - 480px);}
}