.tabletmain {
  top: 11%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
  position: absolute;
  width: 88%;
  height: 88%;

  /* background: red; */
}
.tabletportlogo img,
.tabletporttext img,
.tabletportclose img,
.tabletportleftwingframe1 img,
.tabletportleftwingframe4 img,
.tabletportrightwingframe1 img,
.tabletportrightwingframe4 img,
.tabletportcreationbtn img,
.tabletportfindstorebtn img,
.tabletportshopnowbtn img,
.tabletportteasetxt img,
.tabletportstar1 img,
.tabletportstar2 img,
.tabletportstar3 img,
.tabletportstar4 img,
.tabletportstar5 img {
  width: 100%;
  height: auto;
}
.tabletportclose {
  width: 5%;
  position: absolute;
  right: 1%;
  top: 1%;
  z-index: 9;
}
.tabletportframe1 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame1_lanscape.jpg");
  background-size: cover;
  background-position: -342px -23px;
  transform: scale(1.1);
}
.tabletportlogo {
  width: 60%;
  position: absolute;
  bottom: 7%;
  left: 50%;
  transform: translateX(-50%);
}
.tabletporttext {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabletportleftwingframe1 {
    width: 24%;
    position: absolute;
    top: 55%;
    left: 15%;
  transform-origin: 92% 74%;
}
.tabletportrightwingframe1 {
  width: 30%;
  position: absolute;
  top: 67%;
  left: 55%;
  transform-origin: 6% 44%;
}
.tabletportframe2 {
  width: 100%;
  height: 100%;
  background-image: url("../images/overlay_image_potrait-img.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.1);
  position: absolute;
  top: 0%;
}
.tabletportframe3 {
  width: 100%;
  height: 100%;
  background-image: url("../images/frame2_white_potrait.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
  position: absolute;
  top: 0%;
}
.tabletportcreationbtn {
  width: 75%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.tabletportframe4 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame4_lanscape.jpg");
  background-size: cover;
  background-position: -230px -12px;
  transform: scale(1);
  position: absolute;
  top: 0%;
}
.tabletportteasetxt {
  right: 0%;
  width: 48%;
  position: absolute;
  bottom: 12%;
}
.tabletportleftwingframe4 {
  width: 35%;
  position: absolute;
  left: 0%;
  top: 3%;
  transform-origin: 92% 74%;
}
.tabletportrightwingframe4 {
     width: 42%;
    position: absolute;
    left: 63%;
    top: 28%;
  transform-origin: 6% 44%;
}
.tabletportfindstorebtn {
  width: 35%;
  position: absolute;
  bottom: 4%;
  left: 6%;
}
.tabletportshopnowbtn {
  width: 32%;
  position: absolute;
  bottom: 4%;
  right: 4%;
}
.tabletportstar1 {
  width: 9%;
  position: absolute;
  top: 7%;
  left: 77%;
}
.tabletportstar2 {
  width: 11%;
  position: absolute;
  top: 9%;
  left: 86%;
}
.tabletportstar3 {
  width: 9%;
  position: absolute;
  top: 13%;
  left: 79%;
}
.tabletportstar4 {
  width: 12%;
  position: absolute;
  top: 67%;
  left: 14%;
}
.tabletportstar5 {
  width: 8%;
  position: absolute;
  top: 71%;
  left: 27%;
}