html, body		{ width:100%;
                  height:100%;				  
				  margin:0;
                  min-width:380px
                }
.announcement   { padding:15px }
#divWrapper     { position:relative }
#divOverlay     { width:100%;
                  height:100%;
                  z-index:999;
                  display:none
                }
#divLeftMenu    { width:0 }
#divLeftMenuHeader
                { padding:20px }
#left_menu_container span
                { padding-bottom:10px }
#divHeader	    { width:100%;
				  height:60px;
                  display:flex;
                  align-items: center;                  
				}
#divMenuBar	    { margin:0 10px 0px 10px }
#divLogo		{ height:100%;
                  width:245px;
				}
#divSearchContainer
                { padding:0 10px 0 20px;
                  height:38px;
                  flex:1;
                  display:flex;
                  position:relative;
                }
#divSearchBy    { display:none;
                  position:relative;
                }
#divSearchByListContainer
                { position:absolute;                  
                  top:36px;
                  left:0;
                  z-index:100
                }
#divSearchByList
                { margin-top:5px;
                  width:200px;
                  padding:10px 10px 20px 10px;
                  max-height:0;
                }
#divSearchByList ul 
                { margin-top:10px }
#divSearchByList ul li
                { padding:5px 15px }
#divSearchByList.show_list
                { max-height:225px }
#divSearchWrapper
                { background:#fff;
                  height:100%;
                  flex:1;
                  box-sizing: border-box;
                  display:none;
                }
#divSearchContainer > i
                { position:absolute;
                  color:#fff;
                  top:12px;
                  right:10px;
                  font-size:20px;
                }
#divSearchBy i  { padding-left: 10px }
#txtSearch      { padding-left:10px;
                  margin:0;
				  width:100%;
                  height:100%;
                }
.ui-autocomplete
                { max-height: 300px;
                  padding:7px;
                  z-index: 1000 !important;
                }
.ui-autocomplete li
                { padding:3px }
#cmdSearch      { display:none;
                  width: 40px;
                  margin: 0;
                  height:100%;
                }
#divUser        { display:none }
#divCart		{ margin: 0 12px 0 0;
                  position: relative;
                  width:30px;
                  height:100%;
                }
#spanCart       { position: absolute;
                  top: 10px;
                  left: 15px;
                  padding: 3px;
                  min-width:22px;
                  display:none;
                }
#divMenu        { display:none;
                  overflow:hidden;
                  height: 50px;
                }
#divMain		{ width:100%;
                  box-sizing: border-box;
                  min-height:500px;                 
                }
#divOverlay     { position:fixed;
                  top:0;
                  left:0;    
                }
#divLeftMenu    { position:fixed;
                  top:0;
                  bottom:0px;
                  left:0;
                  width:0;                  
                  z-index:9999;
                  overflow:auto;
                }
#divLeftMenuUser    
                { padding:15px 0 5px 15px;                  
                }
#divLeftMenuUser i     
                { color:#b4b4b4 }
.spanUser       { padding:0 5px;                  
                  font-size:16px !important;                  
                }
#divUserMenus i { padding-right:10px }
#left_menu_container
                { min-width:300px }
#divContent     { display:none }
#divAboutUs, 
#divVisitUs     { border-bottom: solid 1px #ffba71 }
#divDelivery    { padding-bottom:0;
                  place-self: stretch
                }
.footer1  	    { display:grid;				  
				  grid-template-columns: auto;	
                }
.footer1 div    { padding:20px;
                  min-width:190px;
                }
.footer2        { padding-bottom:10px;
                  padding: 10px 0 20px 0;
                }
.footer2 div    { padding-top:10px }
.footer2 ul li  { padding:0 10px }
#divBeef ul li,
#divPork ul li,
#divChicken ul li,
#divFresh ul li,
#divGroceries ul li,
#divOthers ul li
                { padding:7px 10px }
#divCatBeef ul li,
#divCatPork ul li,
#divCatChicken ul li,
#divCatFresh ul li,
#divCatOthers ul li 
                { padding:5px }
a.menu          { padding: 15px 25px 17px 25px;
                  display: block;
                }
ul				{ margin: 0px;
                  padding: 0px;
				}
ul.submenu li   { padding:5px; }
ul#menu li i 	{ padding-left:5px }
ul#left_menu li { padding:10px 10px 10px 30px }
ul#left_menu li div 
                { display:none }
ul.footer		{ margin-top: 15px; }
ul.footer li	{ margin-bottom:5px; 
                  position: relative 
                }
ul.footer li i  { position:absolute;
                  left:0;
                }
#divUserAccount { display:none;
                  z-index:100;                    
                  position:absolute;
                  top:117px;    
                  width:100%;
                }
#cmdTop 		{ display:none;
                  margin:0;
                  position:fixed;
                  right:0;
                  top:0;
                  z-index:99;                  
                  padding:7px 15px;                      					  
				} 
.search_mode #divLogo
                { display:none }
.search_mode #divSearchContainer
                { padding-left:10px }
.search_mode #divSearchWrapper,
.search_mode #cmdSearch
                { display:block }
.search_mode #divSearchContainer > i
                { right:20px }
.sidebar #divLeftMenu
                { width:350px }
.sidebar #divOverlay
                { display:block }
#divAds img     { width:100% }
#divNavigation span 
                { padding:0 5px }
.search_result  { padding: 10px 0 }

@media screen and (min-width:600px){
#divSearchContainer > i
                { right:22px;
                  font-size:16px;
                }    
   #divSearchWrapper,
   #cmdSearch
                { display:block }
   #divSubHeader{ display:none }
   #divAboutUs, 
   #divVisitUs,
   #divContactUs 
                { border-bottom: none }     
   .footer1	    { grid-template-columns: auto auto;
                  grid-template-rows:auto auto;
                }
   #divDelivery { place-self:unset }
}

@media screen and (min-width:700px){
   #divSearchBy { display:flex }  
   .footer2     { padding:0 10px 10px 10px }  
}

@media screen and (min-width:970px){
   .footer1	    { grid-template-columns: auto auto auto auto;
                  grid-row-gap:0;	
                  min-width:
                }
    #divDelivery
                { place-self:stretch }
}

@media screen and (min-width:1135px){
   #divHeader 	{ height:90px }   
   #divLogo		{ height:90px;
                  width:380px;
				}   
   #divMenuBar	{ display:none; }
   #divSearch	{ display:block }   
   #divUser		{ display:block;
                  padding:0 20px;
                }    
   #divCart		{ margin-right:20px }
   #spanCart    { top: 25px;
                  right: 13px;
                }    
   #divSubHeader{ display:none }
   #divMain		{ margin-top:0; }
   #divSubSearch{ display:none }
   #divMenu		{ display:block }
}