/* Media Query */
@media screen and (max-width: 1800px) {}

@media screen and (max-width: 1700px) {}

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

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1100px) {}

@media  (min-width:992px) and (max-width:1250px) {
        .ProductEualHeight2 {
        grid-template-columns: repeat(3, 1fr) ;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
    }
    .ProductEualHeight{
        grid-template-columns: repeat(3, 1fr) ;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px)  {
 
  header ul.topmenu {
    margin-left: -62px;
}
  
  header div#search {
    margin-right: 0;
}
  
  .search-unlocked {
    margin-right: -25px !important;
    margin-left: 58px !important;
}
  
 .wishlist-header {
    margin-left: 3px;
} 
  
 #cart {
    margin: 25px 0px 0px 3px;
} 
  
  
  
  }

@media screen and (max-width: 992px) {
 
      .toggle-menu {
        left: 117px;

    }
  
  .header-myacc-dropdown {
    float: right;
    position: relative;
}
  
.search-unlocked {
    margin-right: -18px !important;
    margin-left: 48px !important;
}
  
 #cart {
    margin: 25px 0 0px 10px;
} 
  
 header div#search {
    margin-right: 0;
    margin-left: 0;
} 
  

}

@media (min-width: 1025px){
    header{
        z-index: 999 !important;
    }
}

@media screen and (max-width: 975px) {
 
    .toggle-menu {
        left: 112px;
    }
}


@media screen and (max-width: 960px) {
    .toggle-menu {
        left: 20px;

    }
  
      header.header-unlocked .col-sm-3 {
        width: 24%;
    }
  

}

@media screen and (max-width: 767px) {
  html{ overflow-x: hidden;}
/* .header-myacc-dropdown {
    position: absolute;
    float: none;
} */
  #logo {
        margin-left: 15px;
           /* margin-left: 50%;*/
    }
  
  
   /*.header-unlocked #logo {
        margin-left: 53px;
            margin-left: 77%;
    }*/
  
  header .toggle-menu{ display:block !important;}
  
  #cart>.btn{     background: #FFF URL(../image/basket.svg) no-repeat 7px 7px;}
  
.mobile-search {
        background: none !important;
        width: 34px !important;
        height: 34px;
        line-height: 37px;
    }
  
  /* header .mobile-wislist div#cart {
    margin-top: -8px;
        margin-right: 43px;
} */
  
  .header-myacc-dropdown:hover .myacc-dropdown li {
    padding: 0 !important;
    text-align: left;
}
  
  /* .header-myacc-dropdown {
        display: none;
        position: absolute;
        right: -4px;
        top: -8px;
    } */
  
      /* header .mobile-wislist a.wishlist-header {
        position: ABSOLUTE;
        right: 90px;
        top: -8px;
    } */
  
header div#search {
        display: none;
        position: fixed;
        top: 195px;
        /* right: 0; */
        margin: 0 auto !important;
        /* right: -23px; */
        width: 92%;
        left: 0;
        right: 0;
        background: #fff;
    }
  
  #search .btn-lg{ float:right;}
  .logout-search{ right: 58px;}
  
   /* nav#top ul.topmenu.desktop-hide-menu {

        left: -400px;
   
        width: 400px;
    } */

.wishlist-header.mobile-search{
 background: #284b9d URL(https://www.food4u.uk/catalog/view/theme/default/image/ri_search-line.svg) no-repeat 8px 7px !Important;
background-size: 17px 17px !important;
}


.mobile-search i{ display:none;}
ul.header-static-menu{
    padding: 0;
    gap: 20px;
}
  
  .row.single_pro {
    flex-wrap: wrap;
}
  .single_pro .primary{
    width: 100%;
  }
  .mobile_icons-fix {
    width: 100%;
}
.mobile_logo-fix {
    width: 30% !important;
}
nav#top{
    background: unset !important;
}
.wishlist-header{
    margin-left:0  ;
}
.fw-mobile-header button svg {
    width: 34px;
    padding-top: 5px;
    padding-right: 5px;
}

nav#top {
    padding: 20px 0 10px 0;
}

}

 
@media screen and (max-width: 477px) { 


/* header .mobile-wislist div#cart {
        margin-top: -8px;
        margin-right: -16px;
 
} */

}

@media screen and (max-width: 400px) {    
  /* nav#top ul.topmenu.desktop-hide-menu {
        left: -375px;
        width: 375px;
    } */

}

/* Mobile Menu Slide-Down Toggle Styles */
@media screen and (max-width: 767px) {
    .mobile-menu-toggle {
        background-color: #0891b2;
        color: white;
        border: none;
        padding: 12px 16px;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        transition: background-color 0.4s ease;
        margin-left: 10px;
    }

    .mobile-menu-toggle:hover {
        background-color: #0e7490;
    }

    .mobile-menu-panel {
        max-height: 0;
        overflow: hidden;
        background-color: #f9f9f9;
        border-bottom: 1px solid #e0e0e0;
        transition: max-height 0.6s ease;
        z-index: 999;
    }

    .mobile-menu-panel.active {
        max-height: 500px;
    }

    .mobile-menu-list {
        list-style: none;
        padding: 15px 0;
        margin: 0;
    }

    .mobile-menu-list li {
        border-bottom: 1px solid #e0e0e0;
        margin: 0;
    }

    .mobile-menu-list li:last-child {
        border-bottom: none;
    }

    .mobile-menu-list a {
        display: block;
        padding: 12px 0;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: color 0.4s ease;
    }

    .mobile-menu-list a:hover {
        color: #0891b2;
    }
    .header-unlocked .col-sm-1 {
    width: 100%;
}
}

@media screen and (min-width: 768px) {
    .mobile-menu-toggle {
        display: none !important;
    }

    .mobile-menu-panel {
        display: none !important;
    }
}