#section2>.list-section>.head>.icon{
    font-size: 15px;
    color:#393939;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    color: #393939;
    /* border:1px solid green; */
}
#section1{
    display:flex;
    width:100%;
    height:40px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #393939;
    /* border:1px solid blue; */
    
}
#section2>.list-section{
    width:19%;
    height:auto;
    border-right:3px solid grey;
}
.head{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #393939;
    list-style: none;
    border-bottom:1px solid #a19e9e;
    border-top:1px solid #a19e9e;
    height:35px;
    width:80%;
    padding:15px;
    font-weight: smaller;
    /* border:1px solid red; */
    /* border:1px solid rebeccapurple; */
} 
hr{
    margin-top: -5px;
    width: 100%;
    margin-bottom: 20px;
    /* border:1px solid blueviolet; */
}
#sort{
    display:flex;
    justify-content: space-between;
    margin-top:-5px;
    margin-right: 20px;
    /* border:1px solid seagreen; */
}
#sort>p{
    padding-top: 12px;
}
#price-sort{
    width:270px;
    margin-top: 10px;
    letter-spacing: 0px;
    height:30px;
    /* border:1px solid darkblue; */
}


#section2{
    display:flex;
    justify-content: space-between;
    /* border:1px solid pink; */
}
#section2>.img-section{
    width:80%;
    /* border:1px solid red; */
}

.top-image{
    font-family: Arial, Helvetica, sans-serif;
    color: #393939;
    text-align: center;
    width:100%;
    height: auto;
    /* border:1px solid grey; */
}
.top-image>img{
    width: 95%;
    margin-top: -20px;
    margin-bottom: -20px;
    /* border:1px solid blue; */
}
.top-image>span{
    margin-right:105px;
    font-size: 14px;
    border-bottom: 1px solid teal;
}
.top-image>span:hover{
    cursor: pointer;
    border-bottom: 2px solid teal; 
}
#section2>.img-section>h4{
    padding: 20px 0px 0px 10px;
    font-size: 16px;
    margin-top: 10px;
    /* border:1px solid red; */
    height:20px;
}
.header{
    height:50px;
    /* border:1px solid blue; */
}
#cloth-list{
    display:flex;
    margin-top: 10px;
    font-weight: 1px;
    height: 20px;  
    /* border:1px solid blue;    */
}
#cloth-list>h5{
    margin-right: 15px;
    font-size: 11.5px;
    padding-left: 10px;
    height: 20px;
    /* border:1px solid black;    */
}
#cloth-list>h2{
    padding-left: 30px;
    size: 30px;
}
#cloth-list>h5:hover{
    border-bottom:3px solid black;
    cursor: pointer;
}

#main{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(auto,450px);
    gap:20px;
    /* border:1px solid green; */
}
.wBox{
    /* border:1px solid red; */
    margin-top:10px;
    height:450px;
}
.wPic{
    width:100%;
    height:350px;
    /* border:1px solid gold; */
}
.wName{
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
    margin-top: 1px;
    /* border:1px solid brown; */
    padding:2px 0px 3px 0px;
}
.wData{
    font-size: 14px;
    margin-left:10px;
    margin-top: 5px;
    /* border:1px solid teal; */
}
.wDes>.spn{
    font-size: 15px;
    margin-left: 10px;
    margin-top: -30px;
    /* border:1px solid red; */
    padding-top: 15px;
}
.wDes>.spn:hover{
    border-bottom: 2px solid teal;
    cursor: pointer;
}
.wPrice{
    font-size: 15px;
    margin-left: 10px;
    font-weight: bold;
    color:rgb(205, 34, 34);
    margin-top: 10px;
    /* border:1px solid yellow; */
}
.cart{
    margin-left: 10px;
    margin-top:10px;
    /* border:1px solid red; */
    
}
.cart:hover{
    background-color: rgb(201, 96, 113);
    border-color:turquoise;
    cursor: pointer;
}
/* Navbar start here */

* {
    margin: 0px;
    padding: 0px;
}

#navbar>h4:first-child {
    text-align: center;
    background-color: #00819d;
    color: white;
    width: 100%;
    padding: 8px 0px;
}

#navbar>h4>span {
    text-decoration: underline;
    cursor: pointer;
    font-weight: lighter;
}

#navbar>#searchBar {
    width: 90%;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    justify-content: space-between;
}

#navbar>#searchBar>a>img:first-child {
    width: 100px;
    height: 100px;
    cursor: pointer;
}

#navbar>#searchBar>img:last-child {
    width: 30px;
    height: 30px;
    cursor: pointer;

}

#navbar>#searchBar>form>input {
    padding: 15px;
    width: 700px;
    margin-right: 10px;

}
hr {
    width: 90%;
    margin: auto;
    

}

.NavbarHead {
    width: 90%;

    height: 60px;
    display: flex;
    margin: auto;
    justify-content: center;
    justify-content: space-evenly;
    align-items: center;
}
.NavbarHead>a:nth-child(11){
    color:skyblue;
}

a {
    color: rgb(102, 102, 102);
    text-decoration: none;

}
.NavbarHead>a:first-child {
    color: red;
}
#sign{
    border: 1px solid red;
  
   color:grey;
   border:transparent;
   font-size: large;
   cursor: pointer;
}
a:hover{ 
   font-weight: bold;
   text-decoration: underline;
   
}