body{
  text-transform: capitalize;
}
 .heading2{
    font-size: 18px;
  }
  .cat {
      background-color: #FAFAFA;
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px;
      margin-bottom: 30px;
      box-sizing: border-box;
      padding-bottom: 10px;
  }
  .productpage_productname {
      text-transform: capitalize;
      font-weight: bold;
      color: cadetblue;
      font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }

  .img_product_page {
      background-color: #FFFFFF;
      color: rgb(0, 0, 0);
      width: 40%;
      height: fit-content;
      margin-left: 3%;
      margin-top: 3%; 
      padding: 2px;
      
  }
  .imagewidth{
    max-height: 80vh;
  }
   /*   product size start      */


.productsize{
  width: fit-content;
  text-transform:uppercase;
   margin:8px; 
   padding-left:8px;
   padding-right:8px;
   border:1px solid grey;
    background-color:lightgrey;
}


/*   product size end      */



  .desc {
      background-color: #FFFFFF;
      color: aliceblue;
      width: 50%;
      height: 120vh;
      margin-left: 3%;
      margin-top: 3%;
      color: black;
      box-sizing: border-box;
      padding: 15px;
      overflow: auto;
      
  }
 .desc::-webkit-scrollbar{
  background-color: #FFFFFF;
  width: 8px;
 
 }
 .desc::-webkit-scrollbar-thumb{
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
 
 
 }
  .product_price_css {
      color: rgb(0, 0, 0);
      font-weight: bold;
  }

  .product_mrp_css {
      text-decoration: line-through;
      color: rgb(73, 73, 73);
  }

  .add {
      background-color: black;
      color: white;
    
      text-transform: uppercase;
  }

  .add:hover {
      background-color: aliceblue;
      color: black;
      
  }

  .buy {
      background-color: red;
      color: aliceblue;
      text-transform: uppercase;
     width: 100%;
  }

  .buy:hover {
      background-color: cadetblue;


  }


  .topsell{
    background-color: whitesmoke;
    display: flex;
    flex-flow: row;
  margin-bottom: 10px;
  box-sizing: border-box;
  overflow-x: scroll;
  overflow-y: hidden;
 
}
.ts{
    background-color: whitesmoke;
    color: rgb(0, 0, 0);
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 140px;
    width: 140px;  
    font-size: small;
    font-weight: bolder;
    text-align: center;
    transition: all 0.5s linear;
    text-decoration: underline;
    

}
.ts:hover{
  scale: 1.05;

}
.topsell::-webkit-scrollbar{
    display: none ;
}
.image{
  height: 120px;
  width: 120px;
  border-radius: 1%;
  padding: 2px;
  background-color: aliceblue;
 box-shadow: 4px 2px black;
}




  

  .para {
      background-color: black;
      color: aliceblue;
      font-size: xx-large;
  }

  .star {
      color: orange;
  }

  .starbgcolor {
      color: red;
      background-color: yellow;
      border: 2px solid black;
      border-radius: 2px;
  }

  .comment_form_h5 {
      text-align: center;
     margin-right: 2%;
  }

  .date_comment {
      text-align: right;
      font-size: small;
      height: fit-content;
  }

  .product_delivery_css {
      color: orangered;
  }
 
  
  .button1{
    height: 40px;
    color:black; 
    font-weight:100;
     border:0.1px solid black;
      background-color:white;
      position:relative;
      bottom:135px;
  }
  .button2{
    height: 40px;
    position:relative;bottom:135px; margin-left:95%; color:black; font-weight:100;  border:0.1px solid black; background-color:white;
  }

  @media (max-width:1050px) {
    .button2{
      height: 35px;
      position:relative;bottom:120px; margin-left:93%; 
    }
    .button1{
      height: 35px;
     
        position:relative;
        bottom:120px;
    }
      .cat {
       width:100%;
      flex-direction: column;
    
  }
  .img_product_page {
      background-color: rgb(249, 249, 249);
      color: black;
      width: 97%;
      margin-left: 1%;
      margin-top: 1%;
      padding: 2%;
      height: fit-content;
  }
  .desc{
    height: fit-content;
      width: 97% ;
      margin-left: 1%;
      margin-top: 0%;
      padding: 2%;   
  }
 
.para {
    font-size: x-large;
}
.ts {
  height: 120px;
  width: 120px;
    margin-left: 15px;
    margin-top: 15px;
}
.image{
    width: 90px;
    height: 90px;
}
.imagewidth{
    max-height: 70vh;
    padding-left: 15px;
    padding-right: 15px;
  }
  .topsell{
    justify-content: space-evenly;
  } 
  
  }
  @media (max-width:800px) {
    body{
      font-size: medium;
    }
    .button2{
   
      position:relative;bottom:110px; margin-left:90%; 
    }
    .button1{
     
     
        position:relative;
        bottom:110px;
    }
    .ts {
        height: 100px;
        width: 100px;
        }
        .image{
            width: 80px;
            height: 80px;
        }    
        .imagewidth{
            max-height: 400px;
            
          } 
          
         
  }
  @media (max-width:540px) {
    .button2{
     
      margin-left:86%; 

    }
    /*   product size start      */


.productsize{
 font-size: small;
}


/*   product size end      */

  }
  @media (max-width:400px) {
   
    .ts {
        
        width: 40%;
       
    }
    .imagewidth{
        max-height: 360px;
        padding: 7px;
       
      } 
      .button2{
   
       margin-left:82%; 
      }
     
      
  }
    @media (max-width:303px) {
    body{
     
    font-size:5px; 
    }}
  @media (max-width:291px) {
    .button2{
     
      margin-left:78%; 
    }}
  @media (max-width:280px) {
   /*   product size start      */


.productsize{
font-size: xx-small;
}


/*   product size end      */

    .productpage_productname {
      font-size: 20px;
      color: rgb(48, 48, 48);
      text-decoration: underline;
  }
  .heading2{
    font-size: 16px;
  }
      
  }