@media (max-width:996px ) and (min-width: 620px){
    /* nav{
        height: 50px;
    } */
    .logo a {
        color: aliceblue;
        margin: 0px 15px;
        font-size: 2vw;
    }

    nav ul li a{
        list-style: none;
        padding: 10px;
        font-size: 1.5vw;
        color: rgb(255, 255, 255);
    
    }
/* -------------------------------------------------------------------------------- */
    header {
        height: 40vh; 
    }
    header h2 {
        font-size: 8vw;
    
    }
    
    header h4 {
        font-size: 3vw;
    }


/* -------------------------------------------------------------------------------- */
    .aboutus p{
     text-align: center;
        font-size: 20px;
    }
/* -------------------------------------------------------------------------------- */
.all-products button{
    font-size: 2vw;
   
}



}
@media (max-width:620px ) and (min-width: 450px){

    
    /* nav{
        height: 50px;
    } */

    nav h1{
        color: aliceblue;
        margin: 15px;
        font-size: 2vw;
    }

    nav ul{
        font-style: none;
    
    }

    nav ul li a{
        list-style: none;
        padding: 5px;
        font-size: 2vw;
        color: rgb(255, 255, 255);
    
    }
/* -------------------------------------------------------------------------------- */
    header {
        height: 40vh; 
    }
    /* -------------------------------------------------------------------------------- */
    .slider-container h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .all-products button{
        font-size: 2vw;
       
    }

}
@media (max-width:450px) and (min-width: 320px){
    /* nav{
        height: 8vh;
    } */

    .tagline {
        font-size: 10px;
        padding-top: 4px;
        margin-left: 4px;

    }
    
    nav ul {
        padding: 0;
        font-style: none;
    }

    nav a{
     
        padding: 0 5px;
       
   }

    nav ul li a{
        list-style: none;
        padding: 0 13px 0 0;        
        font-size: 12px;
        font: bold;
        color: rgb(255, 255, 255);
    
    }

 /* -------------------------------------------------------------------------------- */
    
 header {
    padding: 26px 7vw 0vw 7vw;
        height: 1vh; 
    }

    header h2 {
        margin: 0;
        font-size: 40px;
        padding: 30px 0 0px 0;
    }

    header h4 {
        padding: 10px;
        font-size: 20px;
    }

    .slider-container h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .slider-item {
        width: 200px;
        /* height: 350px; */
        font-size: 20px;
        
    }

    .all-products button {
        font-size: 15px;
    }

    .aboutus p{
        text-align: center;
           font-size: 10px;
   
   }
   .about h2 {
    font-size: 30px;
}
   
    
}