*{
    padding:0px;
    margin:0px;
    font-family:sans-serif;
}
.container{
    width:90%;
    margin:auto;
}
.clrr{
    clear:both;
}
.head{
    width:90%;
    margin:auto;
    margin-top:3%;
}
.logo{
    width:20%;
    float:left;
    padding: .7%;
}
.search-bar{
    width: 45%;
    margin-left: 3%;
        margin-right: 10%;
    float:left;
    display: inline-flex
}
.search-bar input{
  width:100%;
  padding-left:2%;
}
.search-bar button{
    padding:5px;
}
.cart{
        width: 20%;
    float:left;

}
.cart .crt{
    padding:5px;
        border-radius: 20px;
        margin-right:5px;
}
.crt span{
    color:#000000;
}
.login span{
    color:#000000;
}
.cart button{
        padding: 20%;
        background-color:transparent;
}
.cart .login{
    padding:5px;
             border-radius: 20px;
        margin-right:5px;
}
.cart .text{
    float:right;
}
.line{
    border-bottom:1px solid #f3f3f3;
}

/* Navbar section starts here */

.navbar{
    width:90%;
    
}
.navbar ul{
    margin:2% 0%;
    list-style-type:none;
    
}
.navbar ul li{
    display:inline-block;
    margin-right:2%;
    
}
.navbar ul li a{
    text-decoration:none;
    color:#000000;
 
}
.btnct{
    outline:none;
    background-color:#ffd800;
    height:30px;
    border:none;
        

}

/* Slider section */

.slider{
    height:485px;
    background-color:#d1e6f1;
}
.slider-ch1{
    width:90%;
    margin:auto;

}
.slider-menu{
    width:25%;
    margin-right:2%;
    background-color:#ffffff;
    height:250px;
    float:left;
    margin-top:4%;
}
.slider-menu p{
    text-align:left;
    font-size:18px;
    padding:2% 3%;
    font-family:;
}
.slider-banner{
    width:73%;
    
    
    float:left;
     margin-top:4%;
}
.slider-banner .banner{
    background-image:url(../data/ecommerce-design-trends-2020.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:auto;
    width:100%;
    height:400px;
}

/* Products section*/

.products{
    width:90%;
    margin:auto;
    margin-top:3%;
}
.products h2{
   
    float:left;
}
.products button{
  
    float:right;
    padding:8px;
    color:#2d6aff;
    background-color:transparent;
    border:1px solid #2d6aff;
}

.products-show{

}
.d1{
    width:22.5%;
    margin-right:1.9%;
   
    height:250px;
    float:left;
    margin-top:2%;
    border:1px solid #d0cece;
}
.pic-edit img{
    width:70%;
    margin:5% 15%;
}
.d1 p{
    float:left;
    margin-left:8%;
}

/* Footer Section*/

.footer{
    height:300px;
    background-color:#f3f3f3;
}