@media (max-width: 991px) {
            .header-icons .icon-text {
                display: none;
            }
            .header-icons {
                gap: 20px;
            }
             .cart_product-dropdown {
                width: 300px;
            }
        }

        @media (max-width: 767px) {
            .main-header .row {
                align-items: center;
                justify-content: space-between;
            }
            .main-header .logo-col {
                flex: 0 0 auto;
                width: auto;
            }
            .main-header .icons-col {
                flex: 0 0 auto;
                width: auto;
            }
            .header-icons {
                gap: 15px;
            }
            
            .mobile-search-trigger, .mobile-menu-trigger {
                background: none;
                border: none;
                color: #495057;
                font-size: 1.5rem;
            }
           
            .search-bar-mobile {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #ffffff;
                padding: 15px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                z-index: 1050; 
                transform: translateY(-100%);
                transition: transform 0.4s ease-in-out;
                visibility: hidden;
            }
            .search-bar-mobile.show {
                transform: translateY(0);
                visibility: visible;
            }
            .search-bar .close-search-btn {
                color: #495057;
                border-right: 1px solid #ced4da;
            }
            .search-bar .dropdown-toggle {
                width: 150px;
            }
              .cart_product-dropdown {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #fff;
                border-radius: 0;
                box-shadow: none;
                padding: 20px;
                transform: translateX(100%); 
                transition: transform 0.4s ease-in-out;
                z-index: 1050;
                overflow-y: auto;
            }

            .cart_product-dropdown.show {
                transform: translateX(0); 
            }
        }

        @media (max-width: 767px) {
            .main-slider .carousel-caption {
                top: 0;
                justify-content: center; 
                height: 100%;
                left: 8%; 
                right: 8%;
            }
           
            .main-slider .carousel-caption.text-left {
                align-items: flex-start;
                text-align: left;
            }
            
            .main-slider .carousel-caption h4 {
                font-size: 18px;
            }
            .main-slider .carousel-caption p {
                font-size: 16px;
                margin-bottom: 1rem;
            }
            .main-slider .carousel-caption .btn {
                padding: 8px 20px;
                font-size: 0.9rem;
            }
          
            .main-slider .carousel-control-prev,
            .main-slider .carousel-control-next {
                display: none;
            }
            }


 @media (max-width: 320px) {
    .t-main-menu {
        animation: scrollHint 3s ease-in-out 2;
    }
    .menu-icon {
        display: block;
    }
    .sidebar-menu {
        display: block;
        width: 200px; /* Adjusted for smaller screens */
    }
    .main-nav-link {
        font-size: 12px;
        padding: 8px 10px;
    }
    .main-nav-link.has-submenu:after {
        content: "";
    }
    .main-submenu {
        display: none;
        min-width: 120px;
    }
    .close-btn {
        top: 5px;
        right: 5px;
        font-size: 16px;
    }
    .logo {
      max-height: 35px;
    }
}

  @media (min-width: 321px) and (max-width: 576px) {
            .t-main-menu {
                animation: scrollHint 3s ease-in-out 2;
            }
            .menu-icon {
                display: block;
            }
            .sidebar-menu {
                display: block;
                width: 220px;
            }
            .main-nav-link {
                font-size: 14px;
                padding: 8px 12px;
            }
            .main-nav-link.has-submenu:after {
                content: "";
            }
            .main-submenu {
                display: none;
                min-width: 130px;
            }
            .close-btn {
                top: 8px;
                right: 8px;
                font-size: 18px;
            }
       .logo {
          max-height: 40px;
        }
}
     @media (min-width: 577px) and (max-width: 768px) {
            .t-main-menu {
                animation: scrollHint 3s ease-in-out 2;
            }
            .menu-icon {
                display: block;
            }
            .sidebar-menu {
                display: block;
                width: 240px;
            }
            .main-nav-link {
                font-size: 15px;
                padding: 10px 14px;
            }
            .main-nav-link.has-submenu:after {
                content: "";
            }
            .main-submenu {
                display: none;
                min-width: 140px;
            }
            .close-btn {
                top: 10px;
                right: 10px;
                font-size: 20px;
            }
        .logo {
          max-height: 40px;
        }
 }
        @media (min-width: 769px) {
            .t-main-menu {
                justify-content: center;
                animation: none;
                overflow: visible; 
            }
            .menu-icon {
                display: none;
            }
            .sidebar-menu {
                display: none;
            }
        }