*{
    margin: 0%;
}
#navbar{
height: 50px;
background-color: black;
display: flex;
align-items: center;
/*justify-content: space-evenly;*/

}
#navlogo{
    height: 50px;
    width: 100px;
    background-image: url("amazon_logo.png");
    background-size: cover;
    background-color: rgb(7, 7, 7);
}

p{
    color: white;
}
#icon{
    color: white;
    display: inline-block;
}
#first address{
    margin-left:50px ;
    display: inline-block;
}
#second-address{
    font-size: 20px;
    display: inline-block;
}
#nav-search{
    display: flex;
    display: inline-block;
    margin-left: 10px;
}
#search-icon{
    display: inline;
    color: white;
    background-color: chocolate;

}
#search-select{
    border-bottom-left-radius: 2%;
    border-bottom-left-radius: 2%;
    align-items: center;  
    height: 30px;
    width: 50px;

}
#a{
    width: 680px;
    height: 30px;
    font-size: larger;
}
#lan{
    color: rgb(0, 0, 0);
    display: inline-block;
    height: 25px;
    width: 50px;
    /*margin-left: 25px;*/
}
#leaf{
    color: rgb(211, 17, 17);
    margin-left: 50px;
  
}
#account{
    display: inline-block;
    margin-left: 50px;
}
#replacment{
    display: inline-block;
   margin-left: 50px;
}
#list{
    font-size: 18px;
}
#order{
    font-size: 18px;
}
#bag{
    color: rgb(219, 123, 13);
    margin-left: 50px;
}
#cart{
    font-size: large;
    margin-left: 50px;
}
#pannel{
    height: 40px;
    color: white;
    display: flex;
    background-color: rgb(44, 42, 42);
    align-items: center;
    font-size: 18px;
}
#pannel-all{
    display: inline;
}
#pannel-opp{
    color:white;
    display: inline-flex;
    margin-left: 30px;
    justify-content: space-evenly;
    width: 450px;
    
}
#pannel-deals{
    display: inline;
    margin-left: 800px;
}
#hero-section{
background-image:url("hero_image.jpg");
background-size: cover;
height:400px;
display: flex;
justify-content: center;
align-items: flex-end;
}  
#hero-msg{
    background-color: white;
    height: 40px;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}
#shop-section{
    display: flex;
    justify-content: space-between;
    background-color: darkgray;
}
#box1{
    height: 400px;
    width: 24%;
    background-color:white;
}
#box2{
    height: 400px;
    width: 24%;   
     background-color: rgb(255, 255, 255);
     padding: 20px 0x 15px;
    
}
#box3{
    height: 400px;
    width: 24%;
    background-color: rgb(255, 255, 255);
    
}
#box4{
    height: 400px;
    width: 24%;
    background-color: rgb(255, 255, 255);
    
}
#img1{
    background-image: url("box1_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}
#img2{
    background-image: url("box2_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}
#img3{
    background-image: url("box3_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}

#img4{
    background-image: url("box4_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}

#box5{
    height: 400px;
    width: 24%;
    background-color:white;
}
#box6{
    height: 400px;
    width: 24%;   
     background-color: rgb(255, 255, 255);
     padding: 20px 0x 15px;
}
#box7{
    height: 400px;
    width: 24%;
    background-color: rgb(255, 255, 255);
}
#box8{
    height: 400px;
    width: 24%;
    background-color: rgb(255, 255, 255);
}
#img5{
    background-image: url("box5_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}
#img6{
    background-image: url("box6_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}
#img7{
    background-image: url("box7_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}

#img8{
    background-image: url("box8_image.jpg");
    height:300px;
    margin-left: 10px;
    margin-right: 10px;
}   

#heading{
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 100;
    font-style: oblique;

}
#games-equipments{
    height: 400px;
    width: 50%;
   /* background-color:grey;*/
    
}

#footbal{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: left;
    margin-top: 2%;
    background-image: url("footbal.jpeg");
    background-size: cover;
   
    
}
#cricket{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: right;
    margin-right: 1%;
    margin-top: 2%;
    background-image: url("cricket.jpg");
    background-size: cover;

}
#basketbal{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: left;
    margin-top: 1.5%;
    background-image: url("basketbal.jpeg");
    background-size: cover;


}
#badminton{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: right;
    margin-top: 1.5%;
    margin-right: 1%;
    background-image: url("badminton.jpeg");
    background-size: cover;



}
#gym-equipments{
    height: 400px;
    width: 50%;
    /*background-color: grey;*/
    
}
#dumble{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: left;
    margin-left: 1%;
    margin-top: 2%;
    background-image: url("dumble.jpeg");
    background-size: cover;



}
#cycling-machine{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: right;
    margin-top: 2%;
    background-image: url("cycling.avif");
    background-size: cover;



}
#legg-press{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: left;
    margin-top: 1.5%;
    margin-left: 1%;
    background-image: url("legpress.jpeg");
    background-size: cover;

}
#chest{
    background-color:white ;
    height: 46.6%;
    width: 48.1%;
    float: right;
    margin-top: 1.5%;
    background-image: url("chest.jpg");
    background-size: cover;


}
#more-info{
    font-size: 32px;
    height: 20px;
}
#deal{
    height: 200px;
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 80px;
    font-style: italic;
    background-color: rgb(180, 196, 200);
    color: rgb(228, 147, 90);
}

/*#iphn3{
    height: 300px;
    width: 100%;
    background-image: url("iphn3.jpeg");
    background-size: cover;
    background-color: brown;
}*/
#iphone-deal{
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
#pro{
height: 250px;
width: 24.5%;
background-image: url("15promax.jpg");
background-size: cover;
}
#pro-max{
    height: 250px;
    width: 24.5%;
    background-image: url("14pro.jpeg");
    background-size: cover;
}
#max{
    height: 250px;
    width: 24.5%;
    background-image: url("iphn.com");
    background-size: cover;
    
}
#apple{
    height: 250px;
    width: 24.5%;
    background-image: url("cable.jpeg");
    background-size: cover;
}
#footer{
    display: flex;
    margin-top: 10px;
    background-color:rgba(0, 0, 0, 0.763);
    justify-content: space-evenly;
    height: 300px;
}
#details{
    margin-top: 60px;
    list-style-type: none;
    font-size: 20px;

}
.li{
    padding-top: 10px;
}