/*.nav-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
}*/

 .nav-container::-webkit-scrollbar 
 {
        display: none; /* Hide scrollbar */
 }

 
  .nav-container a 
  {
        display: inline-block;
        flex: 0 0 auto;
        padding: 12px 18px;
        font-size: 15px;
        color: #003366;
        text-decoration: none;
        font-weight: 600;
        font-family: "Verdana", sans-serif;
        white-space: nowrap;
        /*transition: background-color 0.3s ease, color 0.3s ease;*/
    }

  .nav-container a:hover 
  {
            background-color: #001f82;
            color: #fff;
  }


@media (max-width: 600px) 
   {
    .nav-container {
        justify-content: flex-start;
    }

        .nav-container a {
            font-size: 12px;
            padding: 8px 12px;
        }

    .column, .column1 {
        width: 45%;
    }

    .btnMobilebar {
        z-index: 9999;
    }
}


@media (min-width: 601px) and (max-width: 1366px) {
    .nav-container a {
        font-size: 12px;
        padding: 10px 14px;
    }

    .column, .column1 {
        float: left;
        text-align: center !important;
        width: 24%;
        min-height: 280px;
        margin-bottom: 10px;
        border: none;
        padding: 10px;
       
    }

    .productimg, .productimgNew {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }

    .divContainer {
        width: 95%;
        text-align: center;
        font-size: medium;
        color: black;
    }

    .buttonAddToCartCustom {
        width: 160px;
        height: 36px;
        text-align: center;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding: 8px 0;
        text-transform: capitalize;
        cursor: pointer;
        color: #003366;
        font-family: UnileverShilling, sans-serif;
        margin-top: 10px;
        font-weight: bold;
        background-color: #fff;
        border: 1px solid #00a651;
        border-radius: 50px;
    }

    .panelPromo, .tblMainForEditCart {
        width: 100%;
        text-align: center;
        background-color: white;
    }

    .BtmContainer {
        width: 100%;
        text-align: center;
        background: linear-gradient(to right, #458500 50%, #007b83 50%);
        padding: 10px;
    }

    .mmsNameFont {
        font-size: 13px !important;
    }

    .mmsAddressFont {
        font-size: 11px !important;
    }

    .DescriptionDetail {
        font-size: medium !important;
    }
}


@media (min-width: 1367px) and (max-width: 1799px) {
    .nav-container {
        justify-content: center;
    }

        .nav-container a {
            font-size: 12px;
            padding: 12px 18px;
            
        }

    .column1 {
        width: 20%;
    }

    .BtmContainer {
        padding: 20px 0;
    }
}


@media (min-width: 1800px) {
    .nav-container a {
        font-size: 12px;
        padding: 14px 24px;
        font-weight:bold;
       
    }

    .column1 {
        width: 15%;
    }
}


.mega-menu-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.mega-menu-item {
    white-space: nowrap;
}


.header-wrapper {
    width: 100%;
    min-width: unset; 
}




.nav-container {
    scroll-behavior: smooth;
}


.nav-container {
    scroll-snap-type: x mandatory;
}

    .nav-container a {
        scroll-snap-align: start;
    }

.nav-container {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto; 
    overflow-y: hidden;
    white-space: nowrap;
}

   
    .nav-container a {
        flex-shrink: 0 !important;
    }


.header-wrapper {
    width: 100%;
    overflow: visible !important;
}


body {
    -webkit-text-size-adjust: 100%;
}
.nav-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 100% !important;
    min-width: max-content !important; 
}

    
    .nav-container a {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }


.header-wrapper,
.mega-menu-container {
    overflow: visible !important;
    width: 100% !important;
    min-width: 100% !important;
}
.nav-container {
    overflow-x: auto !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

    .nav-container::-webkit-scrollbar {
        display: none;
    }

.header-wrapper,
.nav-wrapper,
.mega-menu-container,
.nav-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    min-width: max-content !important; 
}

    
    .nav-container a {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        display: inline-block !important;
    }

  
    .nav-container::-webkit-scrollbar {
        display: none;
    }