.tabletexpand {
  width: 100%;
  height: 100%;
  background-image: url("../images/citySlideBg.jpg");
  background-size: cover;
  background-position: 30% center;
}
.tabletmain {
  width: 89%;
  height: 89%;
  position: absolute;
  top: 11%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
}
.tabletexpandclose {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0%;
  background-image: url(../images/close.png);
  background-size: cover;
}
.tabletheadlinetxt img,
.tabletintroducingtxt img,
.tabletlearnmorecta img {
  width: 100%;
  height: auto;
}
.tabletheadlinetxt {
  width: 60%;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.tabletlearnmorecta {
  width: 35%;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.tabletlogo {
  width: 60%;
  position: absolute;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
}
.tabletvideoposter {
  width: 50%;
  position: absolute;
  height: 40%;
  left: 50%;
  top: 17%;
  transform: translateX(-50%);
  background-image: url(../images/poster.png);
  background-size: 100% 100%;
}
.tabletvideo {
  width: 65%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  display: none;
}
.tabletvideooverlay {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  display: none;
}

.tablet {
  width: 90%;
  position: absolute;
  height: 42%;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}

.tablet .swiper-button-next,
.tablet .swiper-button-prev {
  position: absolute;
  bottom: -4% !important;
  top: auto !important;
  background-size: 28px 28px !important;
}

.tablet .swiper-button-next {
  background-image: url("../images/right_black.png");
  right: 30%;
  left: auto;
}
.tablet .swiper-button-prev {
  background-image: url("../images/left_black.png");
  left: 30%;
  right: auto;
}
.tablet .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 4px;
  left: 0;
  width: 100%;
}
.tablet
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 8px;
}
.tablet .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.tablet .Slide1 {
  width: 100%;
  height: 100%;
  background-image: url("../images/slide1.png");
  background-size: 100% auto;
}
.tablet .Slide2 {
  width: 100%;
  height: 100%;
  background-image: url("../images/slide4.png");
  background-size: 100% auto;
}
.tablet .Slide3 {
  width: 100%;
  height: 100%;
  background-image: url("../images/slide3.png");
  background-size: 100% auto;
}
.tablet .Slide4 {
  width: 100%;
  height: 100%;
  background-image: url("../images/slide2.png");
  background-size: 100% auto;
}