*{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    
}
#welcomepage{
    width: 100vw;
    height: 100vh;
    background-color: white;
background-image: url('welcomebg.png'); /* Path to your image */
            background-size: cover; /* Scales image to cover entire area */
            background-position: center; /* Centers the image */
            background-repeat: no-repeat; /* Prevents image from tiling */
    display: flex;
    justify-content: center;
    align-items: center;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
   
}
#currencyform{
    border: 1px solid grey;
    padding-top: 5vh;
    padding-bottom: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
}
.currencybutton{
        
        font-size: 4vh;
        margin-top: 3vh;
        margin-bottom: 3vh;
        padding-left: 2vw;
        padding-right: 2vw;
        }
    .currencytext{
        font-size: 3vh;
        text-align: center;
        padding-bottom: 1vh;
        text-decoration: underline;
        
    }
    .selecttagcontainer{
        display: flex;
    justify-content: center;
    align-items: center;
    }
    .continuebuttoncontainer{
        font-size: 3vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;

    }
    .continuebtn{
        font-size: 3vh;
        background-color: white;
        padding-left: 2vw;
        padding-right: 2vw;
        
    }


.whatsappicon{
         position: fixed;
         bottom: 10vh;
         right: 2vh;
        height: 8vh;
      }
#mainbody{
    background-color: white;
    
    
}
.announcement{
    font-size: 2.5vh;
    background-color:black;
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    text-align: center;
}
.header{
    top: 0;
    left: 0;
    position: fixed;
}
.titlebar{
    background-color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 2px solid black;

}
.titlebar p{
    font-size: 3vh;
}
.menuimg{
   
    height: 4vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
    
    
}

.basketimg{
    
    padding-top: 2vh;
     height: 4vh;
     padding-bottom: 2vh;
    
}
.basketctn span{
margin-left: 0vw;

font-size: 2.5vh;

}


.closeimg{
    padding-top: 2vh;
    padding-left: 68vw;
    height: 4vh;
}
#menulist{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 80vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 3vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart{
        padding-top: 5vh;
      }
      .menulistitems{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems a{
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems:active{
         background-color: #eef69b;
      }


#menulist2{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 80vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 3vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart2{
        padding-top: 5vh;
      }
      .menulistitems2{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems2 a{
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems2:active{
         background-color: #eef69b;
      }

.welcomeimgctn{
    width: 100vw;

}
.welcomeimg{
    width: 100vw;
    margin-top:13vh;
}
.welcome2img{
    width: 100vw;
}
.aboutuspara{

    
    font-size: 3vh;
}
.prodcards{
    padding-top: 5vh;
    
}
.productcard{
    margin-bottom: 5vh;
    
    
}
.prodimgcnt{
    display: flex;
    justify-content: center;
}
.productimageclass{
    width: 80vw;
    border: 1px solid black;
}
.shortdesc{
    font-size: 3vh;
    margin-top: 2vh;
    padding-left: 5vw;
    text-decoration: underline;
}
.usagedesc{
    font-size: 2.5vh;
    padding-left: 5vw;

}
.priceclass{
    font-size: 3vh;
    padding-left: 5vw;
    
}
#mainproductpage{

    background-color: white;
    margin-top: 10vh;
    width: 100vw;
    
}

#addtocartbtn{
    font-size: 4vh;
    background-color: black;
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    position: fixed;
    bottom: 0vh;
    cursor: pointer;
    
}
#buynowbtnclass{
   font-size: 4vh;
    background-color: black;
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    position: fixed;
    bottom: 0vh;
    cursor: pointer; 
}
#addedtocartbtn{
    display: none;
    font-size: 4vh;
    background-color: black;
    width: 100vw;
    
    padding-left: 25vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    position: fixed;
    bottom: 0vh;
    cursor: pointer;
    
}

.mainpageproductimageclass{
    width: 100vw;
    border: 1px solid black;
    margin-bottom: 3vh;
}
.mainprodpagename p{
    font-size: 3vh;
    margin-top: 3vh;
    padding-bottom: 1vh;
    text-decoration: underline;
    margin-left: 2vw;
    margin-bottom: 2vh;
    font-weight: bold;
}

.mainprodpageprice{
    font-size: 3vh;
    margin-top: 3vh;
    margin-left: 2vw;
    text-decoration: underline;
    margin-bottom: 2vh;
}
.mainprodpagepricedesc{
    padding-top: 1vh;
    margin-left: 2vw;
    font-size: 2vh;
}
.mainprodpageshortdesc{
    font-size: 2.5vh;
    color: rgb(55, 55, 55);
    margin-top: 3vh;
    margin-bottom: 3vh;
    margin-left: 2vw;
}
.mainprodpagelongdesc{
    font-size: 2.5vh;
    margin-top: 4vh;
    margin-left: 2vw;
    color: rgb(42, 42, 42);
}
.sizetableheading{
    margin-top: 3vh;
    font-size: 3vh;
    margin-left: 2vw;
    
}
.sizetable{
    margin-left: 2vw;
    margin-top: 2vh;
    border: 1px solid black;
    font-size: 2.5vh;
}
.sizetable td{
    padding-left: 2vw;
    padding-right: 2vw;
}
.businessdetailsp{
    margin-top: 3vh;
    font-size: 3vh;
    margin-left: 2vw;
    
}
.businessdetailtable{
    margin-top: 2vh;
    border: 1px solid black;
    font-size: 2.5vh;
    margin-bottom: 20vh;
    margin-left: 2vw;
}
.businessdetailtable td{
    padding-left: 2vw;
    padding-right: 2vw;
}
.businessdetailtable th{
    padding-left: 2vw;
    padding-right: 2vw;
}
.sizeselectordiv{
    border: 1px solid black;
    background-color:black;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    position: fixed;
    bottom: 6.8vh;
    
}
.sizeselecttag{
    font-size: 3vh;
}
.sizeselectordiv p{
    font-size: 3vh;
    margin-right: 3vw;
}
.pill{
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 5vw;
    text-align: center;
    font-size: 3vh;
    padding-left: 2vw;
   
    padding-right: 2vw;
    margin-left: 1vw;
    margin-right: 1vw;

}
.sizeselecttag{
    padding-left: 2vw;
    padding-right: 2vw;
}
.cartviewdiv{
    margin-top: 10vh;
}
.cardincart{
    display: flex;
    margin-top: 5vh;
    justify-content: space-around;
    align-items: center;
    border: 1px dotted black;
    width: 97vw;
    margin-left: 2vw;
    background-color: white;
}
.cartimageproduct{
    margin-left: 2vw;
    width: 20vw;
    
}
.removebtn{
    height: 5vh;
    text-decoration: none;
    background-color: white;
    border: none;
    cursor: pointer;
    outline: none;
    padding-right: 2vw;
}
.removebtncss{

    height: 5vh;
    text-decoration: none;
    background-color: white;
    border: none;
    cursor: pointer;
    outline: none;

}
.productinfoincart{
    display: block;
    margin-left: 5vw;
}
.cartnameproduct{
    
    font-size: 2.5vh;
    text-decoration: underline;
    padding-bottom: 2vh;
}
.sizecartproduct{
    font-size: 2.5vh;
    padding-bottom: 4vh;
    color: rgb(87, 86, 86);
}
.headingbag{
    text-align:center;
    text-decoration: underline;
    margin-top: 10vh;

}

.pricecartproduct{
    font-size: 2.5vh;
}
.paymentdetails{
    font-size: 3vh;
    display:block;
    justify-content: center;
    align-items: center;
}
 .paymentdetailshead{
font-weight: bold;
font-size: 4vh;
text-align: center;
margin-top: 5vh;
 }
.paymentdetailsprice{
font-size: 3vh;
margin-top: 2vh;
}
.paymentdetailstag{
font-size: 2.5vh;
}
.paymentdetailsshipchar{
font-size: 3vh;
margin-top: 2vh;
}
.paymentdetailstopay{
font-size: 5vh;
}
.emptyclass{
    height: 20vh;
}   
.emptyclass2{
    height: 10vh;
}  
.shipinfoform{
    margin-top: 20vh;
    background-color: white; 
    
}  
.shipinfoform label{
    font-size: 3vh;
    margin-bottom: 4vh;
    padding-left: 2vw;
}
.shipinfoform input{
    margin-top: 2vh;
    margin-bottom: 2vh;
    padding-left: 2vw;
    border: none;
    border-bottom: 1px solid black;
    width: 80vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 3vh;
}
#protopaybtnclass{
   font-size: 4vh;
   
    background-color:black;
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-top: 1vh;
    padding-bottom: 1vh;
    color: white;
    position: fixed;
    bottom: 0vh; 
    cursor: pointer;
}
.mobileprefix{
     margin-top: 2vh;
    margin-bottom: 2vh;
    border: none;
    border-bottom: 1px solid black;
    width: 80vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 3vh;
    padding-left: 2vw;
    color: grey;
}
.paymenttable{
    width: 95vw;
    margin-left: 2vw;
    border: 1px black dotted;
    
}
.headingpayment{
    font-size: 3vh;
    text-align: center;
    margin-bottom: 1vh;
    margin-top: 23vh;
    border-top: 1px black dotted;
    text-decoration: underline;
}
.continueshopping{
  font-size: 2vh;
    text-align: center;
    margin-bottom: 1vh;
    
    border-top: 1px black dotted;
    text-decoration: underline;
}
.onleftpt{
    text-align: left;
    font-size: 2.5vh;
    padding-top: 1vh;
    padding-left: 2vw;
}
.onleftptcoupon input{
    text-align: left;
    font-size: 2.5vh;
    padding-top: 1vh;
    padding-left: 2vw;
    margin-bottom: 2vh;
}
.onleftptcouponbtn button{
    text-align: left;
    font-size: 2.5vh;
    
    border: none;
    padding-left: 2vw;
    padding-bottom: 2vh;
    background-color: white;
    text-decoration: underline;
}
.onrightpt{
    text-align: right;
    font-size: 2.5vh;
    padding-right: 2vw;
    padding-top: 1vh;
}
.onrightptnot{
    text-align: right;
    font-size: 2.5vh;
    padding-right: 2vw;
    padding-top: 1vh;
}
.totalbillright{
    text-align: right;
    font-size: 3vh;
    padding-right: 4vw;
    padding-top: 1vh;
}
.totalbill{
    text-align: left;
    font-size: 3vh;
    padding-left: 3vw;
    padding-top: 1vh;
}
.affiliateloginctn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.affform{
    border: 1px solid black;
    margin-top: 30vh;
    padding-top: 5vh;
    padding-bottom: 2vh;
    padding-left: 2vw;
    padding-right: 2vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.affform input{
    border: none;
    text-align: center;
    background-color: white;
    text-decoration: underline;
    font-size: 3vh;
   
}
.affform button{
    border:none;
    background-color: white;
    text-decoration: underline;
    padding: 2vw 2vw 2vh 2vh;
    font-size: 3vh;
}
.one{
    text-align: center;
    font-size: 2.5vh;
}
.two{
    text-align: center;
    color: red;
    font-size: 3vh;

}
.ordercoupon{
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid black;
}
.orderctn{
    margin-top: 20vh;
    width: 100vw;
    
}
.ordercoupon td{
    text-align: center;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-right: 3vw;
    font-size: 2.5vh;
}
.head1{
    text-decoration: underline;
    font-size: 3vh;
}
.head2{
    font-weight: bold;
    padding-bottom: 1vh;
    padding-top: 1vh;
}
  .checkoutpage{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }  
  .checkoutpage h4{
    text-decoration: underline;
    padding-bottom: 3vh;
  }

.ordersummary{
   border: 1px solid black;
   font-size: 2.5vh;
   width: 80vw;
   margin-top: 2vh;
   padding-left: 2vw;
    
}
.ordersummary td{
    color: rgb(75, 75, 75);
    padding-right: 5vw;
}
.paysummary{
    border: 1px solid black;
   font-size: 2.5vh;
   padding-left: 2vw;
   width: 80vw;
   margin-top: 2vh;
   margin-bottom: 10vh;
} 
.paybutton{
    background-color: rgb(2, 2, 2);
    color: white;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    border: none;
    font-size: 3vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
    align-self:center;
}
.showyes{
    margin-top: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.showyes h3{
    padding-top: 2vh;
    padding-bottom: 2vh;
}

.big{
    font-size: 3vh;
    text-align: center;
    padding-top: 2vh;
}
.small{
    font-size: 2.5vh;
    text-align: center;
}
.noofprodctn{
    font-size: 3vh;
    text-align: center;
    margin-top: 20vh;
    text-decoration: underline;
}

@media only screen and (max-width: 480px){

}
/*Tablet*/
@media only screen and (min-width: 768px){
    .basketimg{
    
    padding-top: 2vh;
     height: 4vh;
     padding-bottom: 2vh;
     
     
    
}
.basketctn span{
margin-left: 1vw;

font-size: 2.5vh;

}

#menulist{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 50vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 4vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart{
        padding-top: 5vh;
      }
      .menulistitems{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems a{
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems:active{
         background-color: #eef69b;
      }


#menulist2{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 50vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 4vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart2{
        padding-top: 5vh;
      }
      .menulistitems2{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems2 a{
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems2:active{
         background-color: #eef69b;
      }
      .closeimg{
    padding-top: 2vh;
    padding-left: 45vw;
    height: 4vh;
}
.prodimgcnt{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 5vw;
}
.productimageclass{
    width: 25vw;
    border: 1px solid black;
}
.prodcards{
    display: flex;

}
.mainpageproductimageclass{
    width: 30vw;
    border: 1px solid black;
    margin-bottom: 3vh;
}

}
/*Laptop*/
@media only screen and (min-width: 1024px){
    .basketimg{
    
    padding-top: 2vh;
     height: 4vh;
     padding-bottom: 2vh;
     
     
    
}
.basketctn span{
margin-right: 5vw;

font-size: 2.5vh;

}

#menulist{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 50vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 4vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart{
        padding-top: 5vh;
      }
      .menulistitems{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems a{
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems:active{
         background-color: #eef69b;
      }


#menulist2{
         top: 0vh;
         margin-top: 0vh;
         background-color: white;
         width: 50vw;
         height: 100vh;
         position: fixed;
         display: none;
         font-size: 4vh;
         color: rgb(55, 53, 53);
      }
    
      .menustart2{
        padding-top: 5vh;
      }
      .menulistitems2{
         padding-top: 2vh;
         padding-left: 5vw;
         height: 5vh;
         border-bottom: 0.1vh solid rgb(166, 163, 163);
      }
      .menulistitems2 a{
    
         text-decoration: none;
         color: rgb(63, 62, 62);
      }
      .menulistitems2:active{
         background-color: #eef69b;
      }
      .closeimg{
    padding-top: 2vh;
    padding-left: 45vw;
    height: 4vh;
}
.welcomeimg{
    width: 75vw;
    margin-top:17vh;
}
.welcome2img{
    width: 75vw;
}
.welcomeimgctn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.prodimgcnt{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 5vw;
}
.productimageclass{
    width: 25vw;
    border: 1px solid black;
}
.prodcards{
    display: flex;

}
.mainpageproductimageclass{
    width: 30vw;
    border: 1px solid black;
    margin-bottom: 3vh;
}
.paymenttable{
    width: 50vw;
    margin-left: 2vw;
    border: 1px black dotted;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    
    
}
.headingpayment{
    font-size: 3vh;
    text-align: center;
    margin-bottom: 1vh;
    margin-top: 20vh;
    border-top: 1px black dotted;
    text-decoration: underline;
}
.cardincart{
    display: flex;
    margin-top: 5vh;
    justify-content: space-around;
    align-items: center;
    border: 1px dotted black;
    width: 50vw;
    margin-left: 2vw;
}
.cartimageproduct{
    
    width: 10vw;
    
}
}