.navigation{position:relative}
.logo,.nav-container{z-index:99}
header.navigation .logo{position:relative;width:8vw}
header.navigation .logo a{display:block;transition:.2s ease-out}
header.navigation .logo a img{width:100%;max-width:100%}
header.navigation .mainnav{display:flex;flex-direction:row;align-items:center}
header.navigation .mainnav>li{position:relative;padding:0 1.5625vw}
header.navigation .mainnav>li>a{color:#2d548d;transition:.2s ease-out;padding:2.25vw 0;font-weight:600;font-size:1.25vw;line-height:1.75vw}
header.navigation .mainnav .pro_mega i{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;-ms-transition:.3s ease-in;transition:.3s ease-in;margin-left:0.5vw;background-image:url(../svg/down-arrow.svg);width:0.875vw;height:0.875vw;display:inline-block;background-size:100% 100%}
header.navigation .mainnav>li.active,header.navigation .mainnav>li.active>a,header.navigation .mainnav>li>a.arr_rotate,header.navigation .mainnav>li>a:hover{color:#4283ba!important;background-color:transparent!important}
header.navigation .all_pro a,header.navigation .category_heading,header.navigation .subcategory{color:#2d548d}
header.navigation .all_pro,header.navigation .all_pro a,header.navigation .desk_cat .container{display:flex;display:flex}
header.navigation .navcontainer{display:flex;justify-content:space-between;width:100%;align-items:center}
header.navigation .desk_cat{position:fixed;top: -75vw;left:0;background:#f3f1e9;border-bottom:0.125vw solid #2d548d;display:block;z-index:1;width:100%;padding:0 0 1.875vw;overflow:hidden;-webkit-transition:top .5s ease-in;-moz-transition:top .5s ease-in;-o-transition:top .5s ease-in;-ms-transition:top .5s ease-in;transition:top .5s ease-in}
header.navigation .desk_cat .container{align-items:baseline;justify-content:space-between;flex-flow:row wrap;padding-bottom:0!important;width:100%;padding:0 11.5vw;position: relative;}
header.navigation .cat_img{width:21.5625vw;height:21.5625vw;text-align:center;padding:0 0 1.25vw;border-radius:1.5625vw 4.6875vw;border:0.125vw solid #2d548d;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
header.navigation.tranp{background-color:transparent}
header.navigation .mainnav>li:hover .desk_cat{display:block;top:5.375vw}
header.navigation .mainnav .arr_rotate i{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;-ms-transition:.3s ease-in;transition:.3s ease-in;background-image:url(../svg/up-arrow.svg)}
header.navigation .mega_menu{top:6.25vw;max-height: calc(100vh - 15vw); -webkit-backface-visibility:hidden;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:top .5s ease-in}
header.navigation .desk_cat>ul{color:#fff;max-width:16.875vw}
header.navigation .main_cat{padding:2.8125vw 0 0}
header.navigation .category_heading{font-size:1.5vw;line-height:1.75vw;font-weight:900}
header.navigation .subcategory{text-transform:capitalize;padding:0.75vw 0}
header.navigation .subcategory li a{font-size:1.125vw;line-height:1.5vw;font-weight:600;text-align:center;padding:0.75vw 0;display:block;white-space:nowrap}
header.navigation .subcategory li:last-child a{color:#4283ba;font-weight:400;margin-top:1.375vw}
header.navigation .subcategory li a:hover{text-decoration:underline}
header.navigation li.cat_img img{width:19.75vw;margin-bottom:0.75vw}
header.navigation .all_pro{width:100%;flex:0 0 100%;flex-flow:row wrap;justify-content:flex-end}
header.navigation .all_pro a{font-size:1.5rem;align-items:center}
header.navigation .desk_cat .all-product-link{position:absolute;bottom:1.5625vw;left:76.25vw;transform: scale(1.15);}
header.navigation .desk_cat .all-product-link a{display:flex;align-items:center}
header.navigation .desk_cat .all-product-link a:before{content:"";background-image:url(../svg/water-glass.svg);width:3.125vw;height:3.125vw;display:inline-block;background-size:100% 100%;margin-right:1.125vw;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;-ms-transition:.3s ease-in;transition:.3s ease-in}
header.navigation .desk_cat .all-product-link a:hover:before{content:"";background-image:url(../svg/water-glass-over.svg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
/* New Update 12-09-24 */
header.navigation .subcategory li a span.cfc, header.navigation .slide-menu ul.sub-category li a span.cfc{
	color:#CC353C;
}
@media (min-width:768px){
  header.navigation::before{content:"";height:6.25vw;background-color:#fff;width:100%;position:absolute;top:0;z-index:99}
  header.navigation .container{padding:0;position:static}
}

@media only screen and (min-width:1600px){
  header.navigation .logo{width:128px}
  header.navigation .mainnav>li{padding:0 25px}
  header.navigation .mainnav>li>a{padding:36px 0;font-weight:600;font-size:20px;line-height:28px}
  header.navigation .mainnav .pro_mega i{margin-left:8px;width:14px;height:14px}
  header.navigation .desk_cat{top:-1200px;border-bottom:2px solid #2d548d;padding:0 0 30px}
  header.navigation .desk_cat .container{max-width:1600px;padding:0 184px}
  header.navigation .cat_img{width:345px;height:345px;padding:0 0 20px;border-radius:25px 75px;border:2px solid #2d548d}
  header.navigation .mainnav>li:hover .desk_cat{display:block;top:86px}
  header.navigation .mega_menu{top:100px;max-height:calc(100vh - 240px)}
  header.navigation .desk_cat>ul{color:#fff;max-width:270px}
  header.navigation .main_cat{padding:45px 0 0}
  header.navigation .category_heading{font-size:24px;line-height:28px;font-weight:900}
  header.navigation .subcategory{padding:12px 0}
  header.navigation .subcategory li a{font-size:18px;line-height:24px;font-weight:600;padding:12px 0}
  header.navigation .subcategory li:last-child a{margin-top:22px}
  header.navigation li.cat_img img{width:316px;margin-bottom:12px}
  header.navigation .desk_cat .all-product-link{bottom:25px;left:1220px;transform:scale(1.15)}
  header.navigation .desk_cat .all-product-link a{font-size:26px;line-height:32px;}
  header.navigation .desk_cat .all-product-link a:before{width:50px;height:50px;margin-right:18px}

  header.navigation::before{height:100px}
}

@media (max-width: 767px) {
  header.navigation .logo{width: auto;margin-right: 0 !important;}
  header.navigation .logo a{padding:3vw 0}
  header.navigation .logo a img{max-width:23.5vw}
  header.navigation #bg_img,header.navigation .slide-menu .slider{position:absolute;width:100%;left:0}
  header.navigation .slide-menu,header.navigation .slide-menu .slider{will-change:transform}
  header.navigation .slide-menu .controls,header.navigation .slide-menu nav{overflow:hidden}
  header.navigation #mobile-menu{width:100%;position:fixed;height:100%;top:20vw;right:0;display:none;overflow-y:auto;box-sizing:border-box;background:#F3F1E9}
  header.navigation .mo-category{height:100vh}
  header.navigation .slide-menu{transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:1000}
  header.navigation .slide-menu nav{max-width:100%;width:100%;margin:auto;position:relative;text-align:left;height:100vh;z-index:1}
  header.navigation .slide-menu .slider{transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0);top:0}
  header.navigation .slide-menu .slide-menu-control{font-size:9vw;line-height:9.5vw;font-weight:900;padding:3.75vw 2.5vw 3.75vw 7.5vw;position:relative;margin-bottom:12.5vw}
  header.navigation .slide-menu ul{padding-left:0;list-style:none;position:relative;width:100%;max-width:100%;margin:0 auto}
  header.navigation .slide-menu ul ul{position:absolute;top:9vw;left:100%;display:none;padding:0 9vw}
  header.navigation ul.mo-category{padding:7.5vw 9vw}
  header.navigation .slide-menu ul a{display:block;color:#2D548D;text-decoration:none;font-size:9vw;line-height:9.5vw;padding:0;opacity:1;font-weight:900}
  header.navigation .slide-menu ul a.btn.primary{border-radius:5vw 2.5vw;padding:2.75vw 5vw 2vw;width:68.75vw;margin:auto;font-size:5vw;line-height:6.75vw;font-weight:900}
  header.navigation .slide-menu ul.sub-category li a{font-size:6.5vw;line-height:1;font-weight:400;padding:2.5vw 0;text-transform:capitalize;display:block;margin-bottom:0}
  header.navigation .slide-menu ul.mo-category>li{padding:3.75vw 2.5vw 3.75vw 7.5vw}
  header.navigation .slide-menu ul.mo-category>li.no-lr-pad{padding:3.75vw 0;text-align: center;}
  header.navigation .slider[style="transform: translateX(0%)"]~nav::after{content:"";position:absolute;left:0;width:100%;height:37vw;bottom:12.25vw}
  header.navigation .slide-menu ul li ul.sub-category li{padding:0 0 0 7.5vw}
  header.navigation .slide-menu.no-transition,header.navigation .slide-menu.no-transition *{transition:none!important}
  header.navigation .slide-menu ul a.nav_smimg{position:relative;height:35.75vw;padding:0 0 0 35vw;text-align:left;font-size:6vw;line-height:7vw;display:table-cell;vertical-align:middle}
  header.navigation .nav_smimg::before{width:35vw;height:35.75vw;position:absolute;left:0;top:0}
  header.navigation .slide-menu ul li.border-bt hr{height:0.5vw;border:0;width:67.5vw;background:#2D548D;margin:3.75vw auto}
  header.navigation ul.sub-category.mnav_active{top:0;margin-top:0}
  header.navigation .mo-category>li:first-child>a{position:relative}
  header.navigation .mo-category>li:first-child>a::after{content:"";position:absolute;right:0;bottom:0;top:0;margin:auto;background-image:url(../svg/right-arrow.svg);width:6vw;height:6vw;display:inline-block;background-size:100% 100%}
  header.navigation .mo-category>li>.category>li:first-child>a::before{content:"";position:absolute;margin:auto;left:-1.5vw;top:0;bottom:0;background-image:url(../svg/right-arrow.svg);width:6vw;height:6vw;display:inline-block;background-size:100% 100%;transform:rotate(180deg)}
  header.navigation .slide-menu ul.sub-category li a.slide-menu-control[data-action=back]::before{content:"";position:absolute;margin:auto;left:-9vw;top:4vw;background-image:url(../svg/right-arrow.svg);width:6vw;height:6vw;display:inline-block;background-size:100% 100%;transform:rotate(180deg)}
  header.navigation .mo-category>li>.mnav_active>li>a.submenu::after{content:"";background-image:url(../svg/right-arrow.svg);width:3vw;height:3vw;display:inline-block;background-size:100% 100%;padding-left:3vw;margin-bottom:0.5vw}
  header.navigation .slide-menu ul.sub-category li a.slide-menu-control{font-size:9vw;margin-left:0;font-weight:900;margin-bottom:7.5vw}
  header.navigation .nav_smimg.palnt_img::before{content:"";background:url(../png/beverages-sm.png) center/100% no-repeat}
  header.navigation .nav_smimg.creamers_img::before{content:"";background:url(../png/creamers-sm.png) center/100% no-repeat}
  header.navigation .nav_smimg.yogurt-alternative_img::before{content:"";background:url(../png/yogurt-alternative-sm.png) center/100% no-repeat}
}