@media (min-width: 1401px) and (max-width: 1600px) {
	 
}

@media (min-width: 1240px) and (max-width: 1400px) {
    .header-bottom-block,
    .main-nav > ul{ gap: 40px;}
    .Flavour-listing .col-md-4{ min-width: 280px; }
    .Flavour-listing  .row{ padding: 0 16px; flex-wrap: nowrap;  align-items: flex-end; scrollbar-width: none; overflow-x: auto;}
    .Flavour-listing  .row::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
}
 
@media (min-width: 992px) and (max-width: 1239px) {
	.header-bottom-block,
    .main-nav > ul{ gap: 30px;} 
    .three-col-slider-block{ padding: 0 20px; }
    .Flavour-listing .col-md-4{ min-width: 280px; }
    .Flavour-listing  .row{ padding: 0 16px; flex-wrap: nowrap;  align-items: flex-end; scrollbar-width: none; overflow-x: auto;}
    .Flavour-listing  .row::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
      .details-bottom-right{ display: none;}
      .details-bottom-left{ width: 100%; padding: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	 .video-slider-block{ padding: 0 40px; }
     .vedio-box-main .vdi-blk{ height: 360px; }
     .footer-top .footer-col.right-side{ width: 190px;}

 
} 
@media (max-width: 992px) {
    .header-tagline{ font-size: 14px; min-height: 40px;}
    #header{ border-bottom: 1px solid #E6E6E6; }
    .menu-icon{ display: flex;}
    .logo a img{ width: 80px;}
    .header-left{ gap: 10px;}
    .header-right{ gap: 10px;}
    .header-right .cart-icon > a img,
    .header-right .user-icon > a img{ width: 20px;}
    .home-banner-slider .slick-arrow {display: none !important; }
    .header-serch{ width: 150px;}
    .menu-outer-desktop{ transform: translateX(-100%) ; transition: all 0.3s ease-in-out;  z-index: 10;  position:fixed; left: 0; top: 0; width: 90%; max-width: 500px; background: #fff; height: 100vh; overflow: auto; }
    .all_categories{ padding: 0 16px;  align-items: flex-start; scrollbar-width: none; overflow-x: auto;}
    .all_categories::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
      .container-fluid{ max-width: 100%; padding: 0 16px; }
      .input-box-h .input-text{ background-size: 16px auto; padding: 0 10px 0 36px; font-size: 13px; }
      .all_categories_title .img{ width: 70px; min-width: 70px; height: 70px; min-height: 70px;}
      .all_categories_title{ min-width: 98px; }
      .all_categories_title span{ text-align: center; padding: 10px 0 0 0; line-height: 1.1;  font-size: 12px;}
      .bubbles-homepage{ padding: 16px 0 16px; }

      .footer-bottom-blk{ flex-direction: column; align-items: center;}
      .certi-block { width: 100%; display: block; padding: 32px 0 0 0; margin: 32px 0 0 0; border-top: 1px solid #E0E0E0; }
      .certi-block ul{ justify-content: center; }
      .footer-bottom-blk{ padding: 24px 0 0; }
      .newslatter-blk{ width: 100%;}
      .input-box-main button{ font-size: 14px; padding: 0 16px;}
      .certi-block ul li img{ width: 58px;}
      .mobile-menu-header{ display: block;}
.expore-block-main{ display: block;}
body.active-menu{ overflow: hidden; }
.help-link{ display: none;}
.header-bottom-block{ align-items: flex-start; width: 100%; gap: 0;  flex-direction: column-reverse;}
.main-nav > ul{ flex-direction: column; gap: 0; align-items: flex-start;}
.header-bottom-wapper::after{ transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0;  background: #000;   content: ''; z-index: 1; }
.menu-outer-desktop .container-fluid{ position: relative; z-index: 5; padding: 0; }
body.active-menu .header-bottom-wapper::after{ visibility: visible; opacity: 0.5; }
.header-bottom-block{ padding: 16px 0; }
.main-nav > ul>li{ width: 100%;}
.main-nav > ul>li.menu-item-has-children > a::before{ display: none;}
.main-nav{ width: 100%;}
.main-nav ul{width: 100%;}
.main-nav > ul>li{ flex-direction: column; position: relative; }
.main-nav > ul>li .icon  { content: "";
    position: absolute;
    right: 24px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(../images/uparrow.svg)  no-repeat center center;
    transform: rotate(180deg); }
    .build-link a,
    .main-nav > ul>li>a{ padding: 7px 16px; }
    .main-nav > ul>li ul.sub-menu{ width:100%; box-shadow: none; background: #F5F5F5; border: 0; opacity: 1; visibility: visible;  display: none; position: relative; max-height: none; transition: none; }
    .main-nav > ul>li.active > a{ color: var(--white); background: var(--green); }
    .main-nav > ul>li.active .icon{ transform: rotate(0); filter: brightness(0) invert(1); }
     .expore-block-main{ padding: 16px ; border-top: 1px solid #E0E0E0; }
     .expore-block-inner h6{ padding: 0 0 16px;   display: block;
        font-size: 14px;
        color: #000;}
        .expore-block-inner  ul li a{  font-weight: 400;
            line-height: 18px;
            color: #424242;
            font-size: 13px; padding: 7px 0; display: block;}
    .mb-banner{ margin: 16px 0; border-radius: 4px;
        border: 1px solid #006E5A;
        background: #fff;
        display: flex !important;
        flex-direction: row;
        padding: 8px;
        align-items: center;
        justify-content: space-between;
        color: #006E5A;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.02px;
        text-align: left;
        text-align: left;
        margin: 16px 0;
        width: calc(100% - 16px); }
        .mb-banner a { display: inline-block; width: 100%;}
        .mb-banner a .mb-banner-text {width: auto; display: inline-block; }
        .mb-banner a i { display: inline-block; float: right;  margin-left: 7px; min-width: 23%; width: 23%;}
        .mb-banner i img{ width: 100%; height: auto;}

.expore-block-inner.contact-links-mobile{border-top: 2px solid #E0E0E0;  width: calc(100% + 32px); margin: 0 -16px; padding:  16px ;  }
.menu-outer-desktop.active-menu-class{ transform: none; }

.three-col-slider-block .row>*{ width: 50%;}
.Launches-block.collection-block .three-col-slider-block{ padding: 0; }
.details-bottom-right{ display: none;}
      .details-bottom-left{ width: 100%; padding: 0;}
      .Flavour-listing .col-md-4{ min-width: 280px; }
      .Flavour-listing  .row{ padding: 0 16px; flex-wrap: nowrap;  align-items: flex-end; scrollbar-width: none; overflow-x: auto;}
      .Flavour-listing  .row::-webkit-scrollbar {
          display: none; /* Chrome, Safari */
        }
        .rating-row .for-with-container .item .text-1,
        .rating-row .for-with-container .item .text-2{ font-size: 14px;}
        .roducts-details-row-1 {flex-direction: column;}
        .roducts-details-row-1 .details-top-left{ width: 100%;}
        .details-top-right{width: 100% ; margin: 40px 0 0 0;}

        .details-top-right{ border: 0; padding: 16px 0; border-radius: 0; border-top:#e0e0e0 solid 1px ; }
        .icon-text-box a i img{width: 80px; }
}

 @media (max-width: 767px) {

    .home-banner-slider .banner-image{ padding:0 0 0 0; }
    .home-banner-slider .banner-image img{ width: 100%; height: auto; position: relative;}
    .slick-dots li button{ height: 6px; width: 6px; }
    .add-full img{ height: auto; display: flex;   width: 100%;   object-fit: cover; }
    .brand-title h6{ font-size: 14px; font-weight: normal;}
    .brand-outer{ padding: 32px 0; }
    .brand-box-main{ padding: 0; }
    .brand-box a{ flex-direction: column;}
    .brand-box span{ text-align: center; }
    .Launches-block{ padding: 32px 0 0 0; }
    .porducts-box-sub h6{ padding: 8px 0; font-size: 14px;}
    .porducts-box-sub .for-with-container{ padding: 8px 0 0 0; }
    .porducts-box-sub .for-with-container .item .text-1,
    .porducts-box-sub .for-with-container .item .text-2{ font-size: 12px;}
    .porducts-box-sub a{ padding: 16px 8px; }
    .select-btn{ padding: 0 8px 16px; }
    .select-btn a{ font-size: 12px;}
    .three-col-slider-block{ padding: 0 15px; }
    .three-col-slider-block .slick-arrow{ left: -26px; }
    .three-col-slider-block .slick-arrow.slick-next{ left: auto; right: -26px; }
    .section-title h3{ font-size: 18px;}
    .section-title{ margin: 0 0 24px; }
    .tab-block-main .nav-tabs .all_categories_title{ min-width: 70px;  width: 70px;}
    .tab-block-main .nav-tabs .all_categories_title .img{ width: 60px; min-width: 60px; min-height: 60px; height: 60px;}
    .tab-block-main .nav-tabs .all_categories_title span{ padding: 5px 0 0 0; }
    .section-title p{ padding: 10px 0 0 0; }
    .Protein-block-inner { padding: 0 16px;  align-items: flex-start; scrollbar-width: none; overflow-x: auto;}
    .Protein-block-inner::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
      .Protein-block-inner .Protein-img{ min-width: 200px; }
      .Protein-block-inner{ width: calc(100% + 32px); margin: 0 -16px; justify-content: flex-start; }

      .video-slider-block{ padding: 0 30px; }
     .vedio-box-main .vdi-blk{ height:510px; }
     .video-slider-block .slick-arrow{ left: -36px; width: 28px; height: 28px; background-size: 8px auto;}
     .video-slider-block .slick-arrow.slick-next{ left: auto; right: -36px; background-size: 8px auto; }
     .social-block ul li a span{ display: none;}
     .social-block ul li a{ padding: 0; width: 45px; height: 45px; }
     .social-block{ padding: 32px 0 0 0; }
     .footer-add{ padding: 32px 0 0 0; }
     .footer-top{ gap: 32px; flex-direction: column;}
     .footer-top .footer-col{ width: 100%;}
     .f-links ul{  gap: 0; row-gap: 10px; flex-direction: row;  flex-wrap: wrap;}
     .f-links ul li + li::before{ content: '/'; padding: 0 5px; }
     .footer-top .footer-col.right-side{ width: 100%;}
     .f-social { justify-content: flex-start; gap: 16px;}
     .payment-box-footer{ margin: 32px 0; }
     .payment-box-footer ul { gap: 8px;}
     .payment-box-footer ul li img{ width: 30px;}

     .Launches-block.collection-block{ padding: 32px 0; }
     .collection-img{ height: 100%; }
     .collection-img img{  height: 100%;  object-fit: cover; }
     .products-box-main >a .img{ padding-top: 8px; }
     .select-btn{ padding: 0 8px 8px; }
     .porducts-box-sub a{ padding: 8px; }
     .full-add-wapper{ padding: 32px 0; }

     .Flavour-listing .col-md-4{ min-width: 220px;width: 220px; }
      .Flavour-listing  .row{   padding: 0 0px; flex-wrap: nowrap;  align-items: flex-end; scrollbar-width: none; overflow-x: auto;}
      .Flavour-listing .row{ width: calc(100% + 32px); margin: 0 -16px !important; padding: 0 0px;}
      .container-new{ width: 100% ; padding: 0 16px;}
      .add-banner{ padding: 0; }
      .details-top-right h3 {font-size: 16px;}
      .Flavour-tab-block .nav-tabs .nav-link{ padding: 4px 6px; min-height: 0; font-size: 11px; }
      .Flavour-tab-block .nav-tabs {gap: 4px;}
      .icon-text-box a i img{width: 60px; }
      .icon-text-block{gap: 10px;}
      .Offers-block h4,
      .Experts-bolck h4{ font-size: 20px;}
      .content-sec{ flex-direction: column;}
      .product-offers-sec-row{ margin-top: 24px; gap: 16px; }
      .sidebar-images-block .img{ padding: 20px 0 0 0; }
      .products-tab-block .nav-tabs .nav-link{ font-size: 14px; min-width: 120px; padding: 0 16px;}
      .tab-block-table ul li .text-1{ width: 20%; padding: 4px  10px; font-size: 12px; font-weight: 500; }
      .tab-block-table ul li .text-2{ width: 80%; font-size: 13px;}
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
}