/** Shopify CDN: Minification failed

Line 11:0 Unexpected "<"
Line 36:2 Unexpected "{"
Line 36:3 Expected identifier but found "%"
Line 37:28 Unexpected "{"
Line 37:29 Expected identifier but found "%"
Line 1307:4 Unexpected "<"

**/
<style>
  
  /* 1702Digital */

  /* ========================================
   COMPLETE CLS FIX FOR MAXPROTEIN.IN
   Replace ALL existing 1702 Digital CSS with this
   ======================================== */

/* ========================================
   1. CRITICAL: Main Wrapper Fix
   ======================================== */
#nt_wrapper {
  min-height: 100vh !important; /* Changed from 200px */
  transition: none !important;
}

#nt_content {
  min-height: 60vh;
}

/* ========================================
   2. MAIN SLIDESHOW CAROUSEL (0.105 CLS)
   ======================================== */
.fade_flick_0.slideshow {
  {% comment %} min-height: 600px !important;
  height: 600px !important; {% endcomment %}
  position: relative;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .fade_flick_0.slideshow {
    min-height: 400px;
    height: 400px;
  }
}

@media (max-width: 767px) {
  .fade_flick_0.slideshow {
    min-height: 250px !important;
    height: 250px !important;
  }
}

/* Hide slideshow until Flickity is ready */
.fade_flick_0:not(.flickity-enabled) {
  visibility: hidden !important;
  min-height: 600px;
}

.fade_flick_0.flickity-enabled {
  visibility: visible;
  animation: fadeIn 0.3s ease-in;
}

@media (max-width: 767px) {
  .fade_flick_0:not(.flickity-enabled) {
    min-height: 350px;
  }
 .fade_flick_0.slideshow {
  min-height: 600px;
  height: 600px;
  position: relative;
  contain: layout style paint;
}

@media (max-width: 1023px) {
  .fade_flick_0.slideshow {
    min-height: 400px;
    height: 400px;
  }
}

@media (max-width: 767px) {
  .fade_flick_0.slideshow {
    min-height: 350px !important;
    height: 350px !important;
  }
}

/* CRITICAL: Prevent Flickity height transitions */
.fade_flick_0 .flickity-viewport {
  transition: none !important;
  height: 100% !important;
}

.fade_flick_0:not(.flickity-enabled) {
  visibility: hidden;
}

.fade_flick_0.flickity-enabled {
  visibility: visible;
}
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ========================================
   3. CATEGORY BANNER CAROUSEL
   ======================================== */
.mt__30.nt_banner_holder {
  min-height: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .mt__30.nt_banner_holder {
    height: 227px !important;
    min-height: 227px !important;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .mt__30.nt_banner_holder {
    height: 180px !important;
    min-height: 180px !important;
  }
}

/* ========================================
   4. FLICKITY VIEWPORT - CRITICAL FIX
   ======================================== */
.flickity-viewport {
  transition: none !important; /* CRITICAL: Prevent height transitions */
}

@media (max-width: 767px) {
  .flickity-viewport {
    height: 227px !important;
    min-height: 227px !important;
    transition: none !important;
  }
  
  .flickity-slider {
    height: 227px !important;
  }
}

@media (max-width: 480px) {
  .flickity-viewport {
    height: 100% !important;
    transition: none !important;
  }
  
  .flickity-slider {
    height: 180px !important;
  }
}

/* ========================================
   5. CATEGORY ITEMS & IMAGES
   ======================================== */
.cat_space_item {
  min-height: 200px;
}

@media (max-width: 767px) {
  .cat_space_item {
    min-height: 150px;
  }
}

.cat_space_item img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.flickity-enabled .cat_space_item {
  position: absolute;
}

/* ========================================
   6. SPECIFIC CAROUSEL IMAGES
   ======================================== */
@media (max-width: 767px) {
  img[style*="max-width:500px"] {
    aspect-ratio: 1/1;
    max-width: 100% !important;
    height: auto;
  }
  
  img[style*="max-width:110px"] {
    aspect-ratio: 1/1;
    max-width: 80px !important;
    height: auto;
  }
}

@media (max-width: 480px) {
  img[style*="max-width:110px"] {
    max-width: 60px !important;
  }
}

/* ========================================
   7. SLIDER IMAGE BLOCKS
   ======================================== */
@media (max-width: 767px) {
  .img_slider_block picture source[media*="540px"] {
    width: 540px;
    height: 166px !important;
    max-width: 100%;
  }

  #nt_img_kxnTx8 .img_slider_block{
  height: 250px !important;
padding: 0px !important;
}
}

/* ========================================
   8. LAZY LOADED IMAGES
   ======================================== */
.pr_lazy_img {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
  .pr_lazy_img {
    border-radius: 0px !important;
  }
}

/* ========================================
   9. CATEGORY SECTION SPACING
   ======================================== */
.nt_wrapper .category-section {
  min-height: 150px;
}

.category-section,
.edit_tab_products {
  min-height: 200px;
}

.edit_tab_products .tab_cat_title {
  min-height: 150px;
  overflow: hidden;
  position: relative;
}

.edit_tab_products .tab_cat_title.slick-initialized {
  min-height: 0;
}

/* ========================================
   10. QUINN CARDS (Video Widgets)
   ======================================== */


   
#quinn-cards-1, 
#quinn-cards-2, 
#quinn-cards-3 {
  min-height: 200px; /* Reserve space before loading */
}

@media (max-width: 767px) {
  #quinn-cards-1, 
  #quinn-cards-2, 
  #quinn-cards-3 {
    min-height: 300px;
  }

  .template-collection .page_head_cat_heading {
    padding: 44px 0!important;
}
}

.quinn_card {
  overflow: hidden;
  scroll-snap-align: start;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

/* ========================================
   11. PRODUCT GRID ITEMS
   ======================================== */
.pr_grid_item {
  min-height: 350px;
}

@media (max-width: 767px) {
  .pr_grid_item {
    min-height: 300px;
  }
}

.product-inner {
  contain: layout style; /* CSS containment */
}

/* ========================================
   12. CUSTOM VIDEO SECTION
   ======================================== */
#shopify-section-custom_html_QpBhVE {
  height: 600px;
  min-height: 600px;
  contain: layout style;
}

.wrapper_scroll_stayAware {
  min-height: 100vh;
  height: 100vh;
  position: relative;
}

.section_scroll_stayAware video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* Prevent layout shift when video loads */
.section_scroll_stayAware {
  aspect-ratio: 16/9;
}

@media (max-width: 768px) {
  .section_scroll_stayAware {
    aspect-ratio: 9/16;
  }
}

.section_scroll_stayAware video {
  width: 100%;
  object-fit: cover;
  position: relative;
  height: 100%;
}

/* ========================================
   13. BLOG ARTICLES
   ======================================== */
.articles .pr_lazy_img {
  aspect-ratio: 1.498;
  min-height: 200px;
}

/* ========================================
   14. FOOTER
   ======================================== */
.footer__top_wrap {
  min-height: 300px;
}

.footer__bot_wrap {
  min-height: 80px;
}

/* ========================================
   15. PERFORMANCE OPTIMIZATIONS
   ======================================== */
.flickity-slider,
.slick-list {
  will-change: transform;
  transform: translateZ(0); /* GPU acceleration */
}

/* Prevent reflow on hover states */
.edit_tab_products .tab_cat_title li.dib:hover a,
.counter-div .col1:hover .card {
  will-change: border-color, transform;
}

/* ========================================
   16. PREVENT ALL VIEWPORT TRANSITIONS
   ======================================== */
[data-flickity] .flickity-viewport,
.flickity-enabled .flickity-viewport {
  transition: none !important;
  will-change: auto !important;
}

/* ========================================
   17. SPECIFIC SECTION FIXES
   ======================================== */
.nt_se_548db882-f58e-41f8-97d5-6af4aa899fcb img,
.nt_se_548db882-f58e-41f8-97d5-6af4aa899fcb .placeholder-svg {
  margin-bottom: 20px;
}

.type_feature_columns .nt_banner_holder .cat_space_item {
  margin-bottom: 20px;
}

/* ========================================
   18. TAB CONTENT
   ======================================== */
.tab_se_content {
  min-height: 400px;
}

.tab_se_element {
  min-height: 400px;
}

/* ========================================
   19. PREVENT SKELETON SHIFTS
   ======================================== */
.lds_bginfinity {
  min-height: 100px;
}

.skeleton_wrap {
  min-height: 200px;
}

/* ========================================
   20. MINI CART
   ======================================== */
#nt_cart_canvas {
  min-height: 300px;
}

.mini_cart_content {
  min-height: 200px;
}

/* ========================================
   21. EXISTING STYLES - CORRECTED
   ======================================== */
#fixed-button {
  display: none;
}

@media (min-width: 1200px) {
  .acontentdesktop {
    width: 700px;
    place-self: center;
  }
}

@media (min-width: 767px) and (max-width: 1200px) {
  .acontentdesktop {
    width: 500px;
    place-self: center;
  }
}

@media (max-width: 767px) {
  .acontentdesktop {
    width: 100%;
    place-self: center;
  }
}

.template-product .price-review {
  margin-bottom: 0px !important;
}

.fssi {
  font-size: 10px;
}

#shopify-section-article-sidebar .widget_html {
  display: none;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

#epb_message_two {
  display: inline-block !important;
  margin: 7px;
  font-size: 16.8px;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ========================================
   22. CRITICAL LAYOUT CONTAINMENT
   ======================================== */
.mt__30.nt_banner_holder,
.fade_flick_0.slideshow {
  contain: layout style;
}

section[id*="shopify-section"] {
  min-height: 50px;
  contain: layout style;
}

/* ========================================
   23. REMOVE OLD CONFLICTING CODE
   ======================================== */
/* The following overrides any old CSS that might conflict */
.nt_wrapper {
  transition: none !important;
}

.flickity-viewport,
.flickity-slider,
.slick-track {
  transition: none !important;
}

/* ========================================
   END COMPLETE CLS FIX
   ======================================== */
  
/* 1702 Digital */

.fixed-button{
display:none;
}

.articles  .pr_lazy_img{
    background-image: url("https://maxprotein.in/cdn/shop/articles/Weight_Loss_Tips_for_Summer_How_to_Loose_Weight_this_Summer_520_x_347_540x.jpg?v=1745909269");
    background-position: center;
    background-size: contain;
}
  
.rating-box-unique{
  display:none !important;
}
      
      .panel{
        height:100% !important;
        max-height:100% !important;
      }

#shopify-section-pr_description_proteinbar .active, .accordion:hover {
    background-color: none;
    border-radius: 34px;
}
      
      .contdesc-faq {
    margin-bottom: 0px;
}

.contdesc-faq h2{
  font-size:15px;
      margin: 0;
}
.contdesc-faq h2:hover{
  color:#fff;
}
.accordion2 button:hover{
  color:#fff !important;
}
          
.accordion2 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.template-article #shopify-section-article-heading {
  display: none;
}
      
      #shopify-section-collection_page .onsale,
      .template-product .onsale{
        display: none;
      }

      .collection-content-section{
          margin: 2rem auto;
        }

        .collection-content{
          text-align: left !important;
          line-height: 1.7;
          font-size: 15px;
        }

         .collection-content ul {
            text-align: left;
            width: 100%;
            margin: auto;
            list-style: outside;
            padding: 0 3rem;
        }

          .collection-content ol ul{
            margin-bottom: 1.5rem;
          }

          .collection-content ol h3 {
            display: inline;
        }

          .collection-content.faq-content ol li::marker{
            font-size: 20px;
            font-weight: bold;
            color: #3c1412;
          }

          .collection-content.faq-content ol h3 {
              display: inline;
            font-size: 20px;
          }

          .nt_se_16370644509741a72a .tab_se_header{
            	display: none;
          }

          .panel-heading h4.panel-title a, #shopify-section-pr_description_peanut_butter .ul_tabs li.tab_title_block.active a, .load_more, #Enquire a, #item_b4796e14-e062-4c03-a3b5-441225141269 a, .tab_cat_title>li>a.tt_active, input[type=submit]:hover, button:hover, a.button:hover, .bgcp, .jas-ajax-load a:hover, .widget .tagcloud a:hover, .widget .tagcloud a.active, #shopify-section-nt_filter .widget .tagcloud a:hover, #shopify-section-nt_filter .widget .tagcloud a:active, .single_add_to_cart_button, .variations.style__radio li.is-selected span.radio_styled:after, .variations.style__radio li.is-selected-nt span.radio_styled:after, .video-control__play, .signup-newsletter-form .submit-btn:hover, .mb_nav_title:after, .title_4 span:after, .title_3:after, ul.nt_filter_styleck>li.active>a:before, .js_agree_ck:checked+label:before, .css_agree_ck:checked+label:before, .widget .tagcloud a:hover, .widget .tagcloud a.active, .nt_filter_styletag a:hover, .nt_filter_styletag .active a, .button.button_primary, .address-edit-toggle:focus, .shipping_calculator input.get_rates, input.button.btn_back, .prev_next_3 .flickity-button, .dot_color_3 .flickity-page-dots .dot, .dot_color_3 .flickity-page-dots .dot:after, .tab_cat_title>li>a:hover>span:after, .tab_cat_title>li>a.tt_active>span:after, .nt_shipping.nt_icon_circle .icon:not(.ship_img):before, .pr_deal_dt.des_4, .title_9 span:after, .h_search_btn, .js_fbt_ck:checked+label:before, .progress_bar .current_bar, .mini_cart_footer .button.btn-checkout, body.template-cart .shipping_calculator input.get_rates, .shipping_calculator input.get_rates, input.button.btn_back, .cat_design_7 .cat_grid_item__wrapper, .upsell_item .upsell_qv, .about_us_img.border_true>span:after, .about_us_img.border_true>span:before, .des_title_13:after, .noUi-handle:before, .noUi-handle:after, .noUi-connect, .bgp, .bghp:hover, .clear_filter.clear_filter_all, .tab_cat_title.des_tab_12>li>a:hover, .tab_cat_title.des_tab_12>li>a.tt_active, .tab_cat_title.des_tab_13>li>a.tt_active, .dark_mode_true .on_list_view_true .pr_list_item .product-info__btns>a, .dark_mode_true .mini_cart_footer .button.btn-checkout, .dark_mode_true .single_add_to_cart_button, .dark_mode_true .button.button_primary, .dark_mode_true .address-edit-toggle:focus, .dark_mode_true .shipping_calculator input.get_rates, .dark_mode_true input.button.btn_back {
          background-color: #491512 !important;
            border-color: #491512 !important;
      }
          .panel-heading h4.panel-title a, .panel-heading h4.panel-title a:hover, .ul_tabs li.tab_title_block.active a:hover, #Enquire a, #shopify-section-header_banner .item_slide_ht a:hover, .load_more:hover, #item_b4796e14-e062-4c03-a3b5-441225141269 a.lh__1:hover, a.button:hover, button:hover, input[type=submit]:hover{
            color: #fff !important;
          }

          #shopify-section-sticky_atc .sticky_atc_price, .count-div, .why-love-box .box .content h4, .bg-img-content-section .content-div span, #counter_section .count, .ntheader.live_stuck .nt_menu>li>a:hover, .ntheader.live_stuck .nt_action>a:hover, .ntheader.live_stuck .nt_action>div>a:hover, .ntheader.live_stuck .nt_action .ssw-topauth .push_side:hover, .ntheader.live_stuck .nt_menu>li>a:focus, .ntheader.live_stuck .nt_action>a:focus, .ntheader.live_stuck .nt_action>div>a:focus, .ntheader.live_stuck .nt_action .ssw-topauth .push_side:focus, .cp, .chp:hover, .currencies .selected, .languages .selected, .sp_languages .selected, .color_primary_dark a:hover, .color_primary_dark a:active, .color_primary_dark a:focus, #shopify-section-nt_filter .nt_filter_block .active a, #shopify-section-nt_filter .nt_filter_block a:hover, a:hover, a:active, .cp, .chp:hover, #nt_sortby .wrap_sortby a.selected, .nt_filter_block li.active>a, .widget_product_categories .btn_cats_toggle:hover i, .widget_product_categories .btn_cats_toggle.active i, .widget_product_categories li.current-cat>a, .product-image .nt_add_w>a:hover, .product-image .nt_add_cp>a:hover, .header-text>a:not(.cg):hover, .header-text>.cg:hover, .nt_mb_menu .sub-menu li a.selected, .nt_mb_menu .current_item>a, .title_7+.tt_divider>i.clprtrue, .widget .product_list_widget a.product-title:hover, .widget .product_list_widget a.product-title:active, .widget .post_list_widget a.article-title:hover, .widget .post_list_widget a.article-title:active, .swatch.is-label .nt_lt_fake .swatch_pr_item:not(.is-selected):hover .swatch__value_pr, #cat_shopify ul li.current-cat>a, #cat_shopify .sub-menu li>a:hover, .mfp-content #cat_shopify li.current-cat>a.cat_link, .tab_cat_title.des_tab_4>li>a.tt_active, .tab_cat_title.des_tab_8>li>a.tt_active, .tab_cat_title.des_tab_7>li>a.tt_active, .clhovermq .cart_pos_dropdown:not(.template-cart) .icon_cart:hover a, .tab_cat_title.des_tab_11>li>a, .quantity .tc button:hover, .type_feature_columns a.button.btn--style-3:hover, .dark_mode_true .on_list_view_true .pr_list_item .product-info__btns>a.nt_add_qv {
          color: #491512 !important;

      }

          #nt_wrapper #mp_faqs_page .faq-que .nav-tabs li a.active {
          background: #491512aa;
          color: #fff;
      }

          .equal_nt .nt_bg_lz, .pr_lazy_img{
            border-radius: 25px;
          }

          #shopify-section-pr_description_peanut_butter .ul_tabs li.tab_title_block a, .counter-div .col1:hover .card, .affiliate-banner h3{
            border-color: #491512 !important;
          }

          #shopify-section-header_banner .h__banner,
          .custom-pink-bar{
            background-color: #491512 !important;
            font-size: 14px !important;
        }

          #shopify-section-16535685321e291dc0 .nt_se_16535685321e291dc0{
                margin: 0 !important;
          }

      /* sticky button */

          .custom-footer-link h3 {
            padding: 13px 30px;
            border: 1px solid #878787;
            border-radius: 30px;
            width: fit-content;
            display: block;
        }

          .custom-footer-link:hover h3 {
            background: #222222;
            color: #fff;
              transition: all 300ms;
        }

           .custom-pink-bar {
            background: #e91e63;
            color: #fff;
            font-family: INHERIT;
            width: 100% !important;
            padding: 7px 0;
            font-size: 13px;
            font-weight: 300;
        }

      #item_b4796e14-e062-4c03-a3b5-441225141269 a {
          background: #e91e63;
          display: inline;
          margin: 0 1rem;
          padding: 10px 25px;
          border-radius: 30px;
          color: #fff;
          border: 2px solid #e91e63;
          font-weight: 500;
        }

        #item_b4796e14-e062-4c03-a3b5-441225141269 a:hover {
        	background: #fff;
          color: #e91e63 !important;
          transition: all 300ms;
        }

      #Enquire {
        height: 0px;
          width: fit-content;
          position: fixed;
          right: -175px;
          left: unset;
        top: 50%;
        z-index: 1000;
      /*   transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg); */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        transition: all 300ms;
      }
        #Enquire a img{
          display: inline-block;
          width: 25px;
          margin-right: 10px;
        }

      #Enquire a {
        display: none;
        background:#ea1e63;
        height: 45px;
        padding: 10px;
        width: auto;
      /*   text-align: center; */
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 10px 0 0 10px;
      }

      #Enquire:hover {
          right: 0;
      }

          /* sayali   */
          .load_more {
              border-color: #da2740;
              background-color: #da2740;
              color: #fff;
              padding: 15px 45px;
              border-radius: 40px;
              font-size: 14px;
              font-weight: 600;
              min-height: 40px;
              margin: 0.2rem auto;
              display: inline-block;
          }

        .home-collection-img-list{
        	margin: 2.5rem 0;
        }

        .home-collection-img-list .slick-slide{
          text-align: center;
        }

        .home-collection-img-list .slick-slide:hover img {
          transition: 300ms;
          color: #000!important;
          border: 2px solid #F04E23;
          padding: 3px;
          transition: 300ms;
        }

        .coll-img{
        	display: none;
        }

        .edit_tab_products  .coll-img{
          display: block;
          width: 100px;
          margin: auto;
          border-radius: 50%;
        }

        .edit_tab_products .tab_cat_title {
      /*       display: flex;
            width: fit-content; */
              overflow: hidden;
          position: relative;
        }

        .edit_tab_products .tab_cat_title .slick-slide a {
          display: flex;
          flex-direction: column;
          justify-content: center;
      }

      /*   .edit_tab_products .tab_se_header {
            overflow-y: AUTO;
        } */

        .edit_tab_products .tab_cat_title li.dib {
            margin: 0 10px;
            width: 150px;
        }

        .edit_tab_products .tab_cat_title li.dib>a{
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          padding: 10px;
          background: no-repeat;
          transition: 300ms;
          border: none;
        }

        .edit_tab_products .tab_cat_title li.dib:hover a{
      /*   	border-color: #fff; */
          transition: 300ms;
        }


        .edit_tab_products .tab_cat_title li.dib img{
            width: 100px;
            height: 100px;
            border-radius: 50%;
      	}


        .edit_tab_products .tab_cat_title li>a.tt_active {
            color: #F04E23!important;
        }

         .edit_tab_products .tab_cat_title li>a.tt_active img{
           transition: 300ms;
            color: #000!important;
            border: 2px solid #F04E23;
            padding: 3px;
        }

        /* width */
        .edit_tab_products .tab_se_header::-webkit-scrollbar {
          width: 10px;
          height: 6px;
          cursor: pointer;
        }

        /* Track */
        .edit_tab_products .tab_se_header::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px grey;
          border-radius: 10px;
        }

        /* Handle */
        .edit_tab_products .tab_se_header::-webkit-scrollbar-thumb {
          background: #b69148;
          border-radius: 10px;
          cursor: pointer;
        }

        /* Handle on hover */
        .edit_tab_products .tab_se_header::-webkit-scrollbar-thumb:hover {
          background: #b69148;
        }

        .edit_tab_products span.slick-arrow {
            position: absolute;
            top: 40%;
            transform: translate(0, -50%);
            font-size: 30px;
            font-weight: bold;
          	cursor: pointer;
              z-index: 111;
        }

        .edit_tab_products span.slick-arrow.left {
            left: 0;
        }

        .edit_tab_products span.slick-arrow.right {
            right: 0;
        }

        .affliate-section .faq-section{
          background-color: #fff !important;
          padding-top: 3rem;
        }

        .affliate-section .nt_se_faq{
          padding-top: 0 !important;
        }

        .affliate-section .view_more{
          margin: auto;
          display: block;
          width: fit-content;
          margin-bottom: 3rem;
        }

        .counter-section{
          margin: 1rem auto 3rem;
        }

        .counter-section p {
          margin-bottom: 1rem;
          font-size: 13px;
          line-height: 25px;
        }

        .counter-div{
          margin: 2rem 0;
        }

        .counter-div .col1 {
          width: 30%;
          margin: 15px;
        }

        .col-box{
        	display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }


        .counter-div .card {
          position: relative;
          perspective: 500px;
      /*     width: 280px; */
          height: 320px;
          border: none;
      /*     top: 50%;
          left: 50%; */
          width: 100%;
          height: 100%;
          border-radius: 15px;
          border: 1px #da274036 solid;
          background-clip: content-box;
          padding: 30px;
          box-shadow: 0 0 20px 0px #84848414;
        }

        .counter-div .col1:hover .card{
        	border-color: #da2740;
          transition: all 300ms;
        }

      /*   .counter-div .col:hover .content {
          transform: rotateY( 180deg ) ;
          transition: transform 0.5s;
        } */


        #counter_section .count{
          font-size: 60px;
          font-weight: 700;
          color: #DA2740;
        }

        .count-div{
          font-size: 60px;
          font-weight: 600;
          color: #DA2740;
          font-style: italic;
        }

        .counter-div .front,
        .counter-div .back {
          position: absolute;
          height: 100%;
          width: 100%;
          background: white;
          color: #000;
          text-align: center;
          border-radius: 5px;
          backface-visibility: hidden;
          padding: 30px;
          display: flex;
          align-items: center;
      /*     justify-content: center; */
          flex-direction: column;
          font-size: 16px;
          border-radius: 15px;
        }

      .page_head_cat_heading {
          padding: 155px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading {
          padding: 50px 0 !important;
      }}


          .page_head_cat_heading_proteinbar {
          padding: 155px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_proteinbar {
          padding: 45px 0 !important;
      }}


          .page_head_cat_heading_protein-chips {
              padding: 153px 0 !important;
      }

          .page_head_cat_heading_maxproteinclearance {
          padding: 151px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_protein-chips {
          padding: 45px 0 !important;
      }
       .page_head_cat_heading_maxproteinclearance {
          padding: 43px 0 !important;
      }

           }

          .page_head_cat_heading_protein-cookies {
              padding: 153px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_protein-cookies {
          padding: 45px 0 !important;
      }}

          .page_head_cat_heading_nutrition-bar {
              padding: 153px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_nutrition-bar {
          padding: 45px 0 !important;
      }}

          .page_head_cat_heading_peanut-butter {
              padding: 153px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_peanut-butter {
          padding: 45px 0 !important;
      }}

          .page_head_cat_heading_muesli {
              padding: 153px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_muesli {
          padding: 45px 0 !important;
      }}

       #pb_faqs_page .page_bg_img {padding: 195px 0 !important;}

               @media (min-width: 1230px) {
        #pb_faqs_page .banner_inner {
          max-width: 100% !important;
      }}


          .faq_banner .container {
             max-width: 1420px;
          padding: 0;

      }

              .grid-nav-main{display:grid;grid-template-columns:repeat(2,minmax(75px,1fr));grid-gap:.25rem;justify-content:center;align-items:center;margin:0;padding:.5rem 0;list-style:none;}
          @media only screen and (min-width:380px){.grid-nav-main{grid-template-columns:repeat(2,minmax(100px,1fr));}
          }
          @media only screen and (min-width:550px){.grid-nav-main{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}
          }
          .grid-nav-main a{display:block;margin:0;padding:.5rem 0;}
          @media only screen and (min-device-width:800px){.grid-nav-main a{padding:1rem;font-size:1rem;line-height:1.2;text-align:center;}
          }
          .grid-nav-main img {box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);border-radius:10px;width: 90%;}


         #fixed-button {
        position: fixed;
        bottom: 280px;
        left: -65px;
        color: #ffffff;
        font-size: 20px;
        background: #491512;
        padding: 8px 25px 8px 25px;
        text-decoration: none;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        z-index: 999;

      }

         @media only screen and (max-width: 768px) {
        #fixed-button {
          position: fixed;
          bottom: 280px;
          left: -60px;
          color: #ffffff;
          font-size: 18px;
          background: #491512;
          padding: 5px 20px 8px 20px;
          text-decoration: none;
          -ms-transform: rotate(90deg);
          transform: rotate(90deg);
          z-index: 999;
          display:none;
      }
         }


         @media only screen and (max-width: 768px) {
          #pb_faqs_page .page_bg_img {
          padding: 0px 0 !important;
      }


              .faq_banner .container {
          padding: 0px !important;
      }

          #pb_faqs_page .page_head_pages_heading .parallax-inner {
          background-repeat: no-repeat;
          background-size: cover;
          background-attachment: scroll;
          background-position: 0%;
      }

         }



          #pb_faqs_page .banner_heading {display:none;}


              .acontentdesktop {
              display:block;
      }

          .acontentmob {
            display:none;
          }


               @media only screen and (max-width: 768px) {
        .acontentdesktop {
          display:none;
      }
                  .acontentmob {
            display:block;
          }

               }


              .page_head_cat_heading_snack-box {
              padding: 153px 0 !important;
      }

           @media only screen and (max-width: 768px) {
        .page_head_cat_heading_snack-box {
          padding: 45px 0 !important;
      }}


      .workout-banner .page_head_pages_heading .parallax-inner {
          background-repeat: no-repeat;
          background-size: cover;
          background-attachment: scroll;
          background-position: center center;
          background-image: url(/cdn/shop/files/01-1512x336-Ritebite---filter-banner.jpg?v=1648722443) !important;
      }

               @media only screen and (max-width: 768px) {
        .workout-banner .page_head_pages_heading .parallax-inner {
          background-repeat: no-repeat;
          background-size: cover;
          background-attachment: scroll;
          background-position: center center;
          background-image: url(/cdn/shop/files/02-730x432-Ritebite---filter-banner_1.jpg?v=1648722524) !important;
      }
               }




          .page-head h1 {
      display:none;
      }

          #pb_faqs_page .faq_banner {
          background-color: #f6f6f6!important;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          color: #fff;
          position: relative;
          padding: 0 !important;
      }


      .bgp {display:none;}
      /*     Newsletter */
      /* .js_mail_agree {display:none;}
      .newl_des_1 p {display:none;}  */
       /*     Newsletter */



          @media (min-width: 768px){
            .page_head_pages_heading {
              padding: 160px 0 !important;
            }
          }

        @media(max-width: 900px){
        	.counter-div .col1 {
            width: 46%;
            margin: 10px;
          }

          .counter-div .card {
            width: 300px;
            margin: 0 auto 3rem;
        	}
        }

        @media(max-width: 767px){
          .collection-content h3 {
              font-size: 20px;
          }

            #Enquire{top:55%;}
            #Enquire a{height:40px;padding-top:5px;}

            .edit_tab_products .tab_cat_title li.dib img {
              width: 100px;
              height: auto;
              border-radius: 50%;
          }
          .workout-banner .page_head_pages_heading .parallax-inner {
              background-image: url(/files/02-730x432-Ritebite---filter-banner_1.jpg?v=1648722524);
          }

          .page_head_pages_heading {
              height: 220px !important;
          }
        }

          @media(max-width: 550px){
            .edit_tab_products .tab_cat_title>li.dib {
                width: 130px;
            }

            .counter-div .col1 {
                width: 100%;
            }

            .counter-div .back {
              font-size: 14px;
            }

            .edit_tab_products #cat_shopify ul li {
                WIDTH: 50%;
            }

            .counter-div .card {
              height: auto;
            }
        }
    </style>