.bottomtext {
  font-weight: 600;
  top: 40%;
  width: 70%;
  margin: 0 auto;
}
.bg {
  height: 100%;
  width: 100%;
}
.speechtextbox {
  position: absolute;
}
.speechtextbox1 {
  top: 36%;
  right: 9%;
  width: 40%;
  height: 30%;
}
.text {
  margin-top: 5%;
}
.textbox1 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.namaskar1 {
  position: absolute;
  width: 45%;
  left: 21%;
  top: 14%;
}
.talking_gauri_img,
.talking_gauri_full {
  position: absolute;
  top: 22%;
  left: 11%;
  width: 24%;
}
.dai_full {
  position: absolute;
  top: 32%;
  right: 15%;
  width: 18%;
}
.doko2 {
  position: absolute;
  top: 57%;
  right: 21%;
  width: 20%;
}
.speechtextbox2 {
  top: 22%;
  left: 25%;
  width: 41%;
  height: 20%;
}
.popupimg {
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  height: 70%;
  z-index: 1;
  border: 5px solid #ff9900;
  border-radius: 30px;
  display: none;
}
.clickableimg,
.clickableimg1,
.clickableimg2,
.clickableimg3 {
  cursor: pointer;
}
.talking_gauri_img4,
.talking_gauri_full4 {
  position: absolute;
  top: 22%;
  right: 11%;
  width: 24%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.speechtextbox4 {
  top: 20%;
  right: 25%;
  width: 28%;
  height: 30%;
}
.utensils_2 {
  position: absolute;
  width: 30%;
  left: 30%;
  top: 87%;
}
.speechtextbox5 {
  top: 10%;
  right: 23%;
  width: 30%;
  height: 30%;
}
.textbox5 {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.baba_pani {
  position: absolute;
  width: 30%;
  top: 10%;
  left: 23%;
}
.kodalo {
  position: absolute;
  width: 11%;
  top: 54%;
  left: 39%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.kuto {
  position: absolute;
  width: 30%;
  top: 60%;
  left: 25%;
  -webkit-transform: scaleY(-1) rotate(10deg);
  transform: scaleY(-1) rotate(10deg);
}
.tarkarikakakaki {
  width: 67%;
  position: absolute;
  top: 17%;
  right: 0%;
}
.speechtextbox6 {
  top: 10%;
  left: 25%;
  width: 30%;
  height: 30%;
}
.textbox8 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.speechtextbox6 p {
  margin-left: 2%;
  margin-top: 8% !important;
  font-size: 1.7vw;
}
.chulesi {
  width: 13%;
  position: absolute;
  top: 61%;
  left: 47%;
  opacity: 0;
}
.gauri_hw,
.gauri_hw_gif {
  position: absolute;
  top: 20%;
  right: 3%;
  width: 40%;
}
.compass {
  width: 14%;
  position: absolute;
  bottom: 2%;
  left: 33%;
}
.geometry_box {
  position: absolute;
  bottom: -4%;
  right: 12%;
  width: 17%;
}
.chulesi2 {
  top: 49%;
  left: 62%;
}
.speechtextbox7 {
  top: 12%;
  left: 45%;
  width: 30%;
  height: 24%;
}
.textbox7 {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.gauri_cleaning_img,
.gauri_cleaning {
  width: 35%;
  position: absolute;
  right: 16%;
  top: 21%;
}
.cleaning_boy {
  width: 22%;
  position: absolute;
  left: 16%;
  top: 15%;
}
.chulesi3 {
  width: 14%;
  position: absolute;
  left: 19%;
  top: 48%;
  opacity: 0;
}
.speechtextbox8 {
  top: 20%;
  left: 40%;
  width: 30%;
  height: 21%;
}
.eating,
.eating_gif {
  width: 100%;
  height: 100%;
}
.speechtextbox9 {
  top: 3%;
  right: 3%;
  width: 40%;
  height: 30%;
}
.textbox9 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.speechtextbox9 p {
  margin-top: 2%;
}
.chulesi8_1 {
  opacity: 0;
  position: absolute;
  top: 81%;
  left: 8%;
  width: 14%;
  height: 11%;
}
.chulesi8_2 {
  opacity: 0;
  position: absolute;
  top: 82%;
  left: 38%;
  width: 13%;
  height: 10%;
}
.chulesi8_3 {
  opacity: 0;
  position: absolute;
  top: 53%;
  right: 26%;
  width: 8%;
  height: 5%;
}
.chulesi8_4 {
  opacity: 0;
  position: absolute;
  top: 86%;
  left: 22%;
  width: 16%;
  height: 5%;
}
.remote {
  width: 22%;
  position: absolute;
  bottom: 0%;
  left: 35%;
}
.tv_closed {
  padding: 8%;
  background-color: #deded7;
}
.speechtextbox10 {
  top: 43%;
  left: 0%;
  width: 25%;
  height: 30%;
  
}
.textbox10 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}