body{
        position: relative;
    }
    /* fixed above menu start */
    #gs_main{
        width: 90%;
        /* background-color: aqua; */
        margin: auto 5%;
        position: fixed;
        padding-top: 10px;
        top:0%;
        background-color: white;
        /* display: flex; */
    }
    #gsbagvalue{
      margin-top: -20px;
      margin-left: 10px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: black;
      color:white;
      text-align: center;
      text-shadow: wheat;
    }
    #gs_mainflex{
        width: 100%;
    }
    #gs_mainflex > div{
        display: inline-block
        
    }
    .gs_maintxt{
        box-sizing: border-box;
        margin-top: 0%;
        display: inline-block;
        vertical-align: top;
    }
    #gs_mainleft > div{
        display: inline-block;
    }
    #gs_mainleft{
       vertical-align: bottom;
      margin-top: 25px;
    }
    #gs_mainright{
        float: right;   
    }
    #gs_mainright > div{
        display: inline-block;
        margin-left: 10px;
    }
    #gsbagvalue{
      margin-top: -20px;
      margin-left: 10px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: black;
      color:white;
      text-align: center;
      text-shadow: wheat;
    }
    #gs_dropdown_navbar{
        margin-top: 1%;
    }
    .gs_dropbtn {
        width: 100%;
        background-color: white;
  color: black;
  padding: 12px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  text-decoration:solid;
  font-weight: bold;
}
.gs_dropdown {
    /* width: 7%; */
  position: relative;
  display: inline-block;
}
.gs_dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.gs_dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.gs_dropdown-content a:hover {color: #c7c1c1}
.gs_dropdown:hover .gs_dropdown-content {
  display: block;
}
#gs_btn_essential{
    background-color: transparent;
    color: red;
    border: none;
    font-weight: bold;
}
.gs_dropdown:hover .gs_dropbtn {
  text-decoration: underline;
}
#gs_btn_essential:hover{
    text-decoration: underline;
}
#gs_offer{
    background-color: #b8cb84;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 11px;
}

/* fixed above menu end */

/*amits css starts from here */

#cont{
    
    margin: 20px auto;
    width:89%;
    display:grid;
    grid-gap:4px;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 1%;
    
}
#cont>div:hover{
    transform: scale(1.07);
    transition: .4s;
    background-color: rgb(243, 243, 243);
}
#cont2{
    
    margin: 20px auto;
    width:89%;
    display:grid;
    grid-gap:4px;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 1%;
    
}
#cont2>div:hover{
    transform: scale(1.07);
    transition: .4s;
    background-color: rgb(226, 233, 167);
}
#cont>div{
    width:50%;
    padding: 7%;
    border:1px solid;
    margin-left: 16%;
    
}
#cont2>div{
    width:50%;
    padding: 7%;
    border:1px solid;
    margin-left: 16%;
}
#title{
    margin-top:20%;
    padding: 0% 0% 0% 5%;
}
#title:hover{
    color:rgb(31, 141, 31);
    transition: .7s;
}
#cont>div>div:nth-child(2){
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#cont2>div>div:nth-child(2){
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#ay-home:hover{
    font-size: x-large;
    background-color: black;
    color: blanchedalmond;
    transition: .7s;
}
#checkout:hover{
    cursor:pointer;
    background-color: rgba(204, 204, 204, 0.781);
    transition: .4s;
}