@media(max-width:720px){

    
 

 .navbar{
     display: flex;
     align-items: center;
     justify-content: space-evenly;
 }
 
 .navlogo img{
     width: 30px;
 }
 .nav2child button{
     display: none;
 background-color: #ffffff;
 color: black;
 border: none;
 border-radius: 20px;
 padding: 10px 20px ;
 font-size: 1.3rem;
 font-weight: bold;
 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }
 #navserch{
   font-size: 1rem;
   padding: 3px 5px;
   border-radius: 20px ;
   border: 1px solid black;
 }
 .nav4child button{
     background-color: #ffffff;
     color: black;
     border: none;
     border-radius: 20px;
     padding: 10px 20px ;
     font-size: 1.1rem;
     font-weight: bold;
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     }
     .dropbc{
         background-color: #ffffff;
         font-size: 1rem;
         color: black;
         font-weight: bold;
         font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
         border: none;
         border-radius: 20px;
     }
     .icon img{
 width: 15px;
     }
 .dropf{
     font-size: 1.1rem;
     font-weight: bold;
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }
 .dropm{
     display: inline;
 }
/* sale item starte  */
.product1{
    width: 19%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.product2{
    width: 15%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product3{
    width: 19%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product4{
    width: 19%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product5{
    width: 19%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product6{
    width: 19%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

}