.mobileexpand {
  width: 100%;
  height: 100%;
  background-image: url("../images/citySlideBg.jpg");
  background-size: cover;
  background-position: 17% center;
}
.mobilemain {
  width: 87%;
  height: 87%;
  top: 15%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
  position: absolute;
}
.mobileexpandclose {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0%;
  background-image: url("../images/close.png");
  background-size: cover;
}
.mobileheadlinetxt {
  width: 75%;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.mobileheadlinetxt img,
.mobileintroducingtxt img,
.mobilelearnmorecta img {
  width: 100%;
  height: auto;
}
.mobilelearnmorecta {
  width: 35%;
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
}
.mobilelogo {
  width: 70%;
  position: absolute;
  height: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.mobilevideoposter {
  width: 60%;
  position: absolute;
  height: 32%;
  left: 50%;
  top: 17%;
  transform: translateX(-50%);
  background-image: url("../images/poster.png");
  background-size: 100% 100%;
}

.mobilevideo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.mobilevideooverlay {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  display: none;
}

.mobile {
  width: 100%;
  position: absolute;
  height: 40%;
  top: 45%;
  left: 0%;
}

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

.mobile .swiper-button-next {
  background-image: url("../images/right_black.png");
  right: 17%;
  left: auto;
}
.mobile .swiper-button-prev {
  background-image: url("../images/left_black.png");
  left: 17%;
  right: auto;
}
.mobile .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 4px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}