html{scrollbar-width: none;}
html::-webkit-scrollbar{display:none;}
#en::-webkit-scrollbar{display:none;}
.cat{height: 50%;width: 80%;}
.item{justify-content: center;margin: auto;max-width: 100%;display: grid;padding-bottom:3vw;}
.icont{display: flex;justify-content: center;width:55vw;  position:relative; margin:auto;}
.subImg{display:flex;justify-content:center;}
.itemImg{max-width: 55vw;padding-bottom: .3vw;border-radius:1.3vw; max-height: 22vw;}
.bcbc{height:3vw;justify-content: center;display: grid;}
.bci{height: 10vw;}
.bcc{}
.bccc{display: grid; justify-content: center;}
.bctc{display: grid; justify-content: center;}
.bcti{height: 7vw;}
.cci{height: 7vw;}
.cbc{grid-column: 1/3;grid-row: 1/3;display: grid;justify-content: center;grid-template-columns: repeat(3, 1fr);}
.ctName{text-align: center;font-size:4vw;}
.cdts{display: grid;grid-template-columns: repeat(3, 1fr);}	

.ccs{font-size:1.6em;}

.cinStock{grid-column-start: 3;}
.cartItem{grid-column:1/5;display:flex;font-size:2em;justify-content:center;}
.pvmg{max-height:22vw;max-width:33vw; border-radius:.77vw}
.cListn{text-align:center;margin:auto;width:24vw;}
.caimage{display:flex;justify-content:center;width:33vw;}
.cPrice{margin:auto;}
.totalContainer {grid-column: 5/6;display: grid;}
.cQty {width: 5vw;margin:auto;display:flex;justify-content:center;}
.qinput {width: 3vw;}
.Csar{right:-2vw;position:absolute;font-size:11vw; z-index:2; bottom:3vh;}
.Csal{left:-2vw;position:absolute;font-size:11vw; z-index:2; bottom:3vh;}
.Csar:hover{cursor:default;}
.Csal:hover{cursor:default;}
.rmci{height:3vw;}
#iview{overflow-y:scroll;display: none;position: fixed;scrollbar-width:none;height: 98%;width: 90%;z-index: 4;background-color: white;font-family: "Comic Sans MS", "Comic Sans", cursive;}
#cartview{justify-content:center;overflow-y:scroll;scrollbar-width:none;display: none;position: fixed;height: 98%;width: 99%;z-index: 2;background-color: white;font-family: "Comic Sans MS", "Comic Sans", cursive;}
#cart{grid-template-columns:repeat(5,1fr);display:grid;top:9vw;position:absolute;margin:auto; width:91vw;}
#ititle{font-size: 4vw;display: flex;justify-content: center;width: 80%; text-align:center;}
#iName{display: flex;justify-content: center;padding-left: .66vw;padding-top: 2vw;grid-column:1/5;}
#contact{height: 4em;position: absolute;top: 1em;}
#logo{position: absolute;z-index: 1;left: 43%;height: 9em;}
#carti{position: absolute;right: 0;height: 6em;}
#hn {display: block;position: fixed;top: 0px;height: 9%;width: 100%;z-index: 1;padding-bottom: 2%;}
#ftcn{display: flex;justify-content: center;}
#feat{height:60%;position: absolute;top: 25%;}
#en{display: grid;position: fixed;right: 1%;height: 79%;z-index: 1;bottom: 1vw;overflow-y:scroll;scrollbar-width: none;justify-content:center;}
#viewm{display: none;top: 7.5%;left: 2.5%;width: 95%;z-index: 1;justify-content: center;position: absolute;}
#closevm{position: fixed;z-index: 3;left: 3em;}
#closeiv{position: fixed;z-index: 3;left: 3em;}
#closect{position: fixed;z-index: 3;left: 3em;} 
#vcts{display: grid;justify-content: center;position: absolute;padding-top:8%;font-family: "Comic Sans MS", "Comic Sans", cursive;}
#cartTotal {position: fixed;display: grid;}
#price{grid-column:4/5;grid-row:2;}
#iprice{font-size:6vw;}
#ship{grid-column:4/5;grid-row:3;justify-content:right;display:flex;}
#desc{grid-column:1/4;grid-row:2;display:flex;margin:auto;}
#idesc{word-wrap:break-word;width:50vw; text-align: center;}
#ict{grid-template-columns:repeat(3, 1fr); display:grid;}
#inStock{grid-column:4/5; grid-row:3;}
#tco{display:flex;}
#tc{height:5vw;}
#tccb{height:5vw;}
#tto{display:flex;justify-content:center;font-size:3vw;}
#tbc{padding-right:1.3vw;}
#daddress {height: 7.4vw;padding-left:3.3vw;}
#baddress {height: 7vw;padding-left:2.3vw;}
#paddress {height: 8vw;padding-left: 8vw;}
#address{grid-column:2/3;padding-left:4vw;}
#epay {display:hidden;position: absolute;left: 33vw;background-color: white;top: 10vw;width: 33vw;height:22vw;}
#ctn {display:none;position: fixed;z-index: 1;background-color: white;}
#preload {display:none;}
.ccon:hover,
.ccon:focus {transform: scale(1.1);color: white;text-decoration: none;cursor: pointer;}
.rmci:hover,
.rmci:focus {transform: scale(1.1);color: white;text-decoration: none;cursor: pointer;}
.cton:hover,
.cton:focus {transform: scale(.9);color: white;text-decoration: none;cursor: pointer;}
.bci:hover,
.bci:focus {transform: scale(1.2);color: white;text-decoration: none;cursor: pointer;}
.itemImg:hover,
.itemImg:focus {color: white;text-decoration: none;cursor: pointer;border-radius: 5vw;}
.desc {display: none;}
#pay .ctName{display:none;}
#pay .cdts{width:75vw;margin:auto;font-size:1.6rem;display:grid;justify-content:center;}
#pay .ccs{padding-top:2.2em;padding-left:1.3em;font-size:2cqw;}     
#pay .itemImg{height:unset;max-height:45vh;max-width:75vw; }
#pay .icont{width:73vw;}
#pay .bci{height:10vw;padding:2em;}