.swiper-container {
  width: 100%;
  height: 100vh !important;
}
.swiper-slide img {
  width: 100%;
  height: 100vh;
  transition: 1s linear 2s;
  transform: scale(1.1, 1.1);
  object-fit: cover;
}
.swiper-slide-active img,
.swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1, 1);
}
.slider-info {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  z-index: 999;
  text-align: left;
  margin-top: 22em;
  position: fixed;
  display: flex;
  flex-direction: column;
  margin-left: 15%;
}
.bannetxt h5 {
  font-size: 20px;
}
.bannetxt h4 {
  font-size: 40px;
}
.bannetxt p {
  font-size: 20px;
}
@media (max-width: 1440px) {
  .swiper-slide img {
    min-height: 657px;
  }
}

@media (max-width: 1366px) {
  .swiper-container{
    height: 80vh !important;
  }
  .swiper-slide img {
    height: 80vh !important;
  }
}

@media (max-width: 1080px) {
  .swiper-container{
    height: 70vh !important;
  }
  .swiper-slide img {
    height: 70vh !important;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 16em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 15%;
  }
}

@media (max-width: 900px) {
  .swiper-container{
    height: 50vh !important;
  }
  .swiper-slide img {
    height: 50vh !important;
  }
  .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #000000cc;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 12em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 15%;
  }
}

@media (max-width: 767px) {
  .bannetxt h4 {
    font-size: 25px;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 10em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
  }
}

@media (max-width: 667px) {
  .swiper-slide img {
    min-height: 397px;
    min-width: 100%;
    position: relative;
    right: 0%;
  }
  .bannetxt h4 {
    font-size: 25px;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 10em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
  }
  .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #000000cc;
  }
}

@media (max-width: 500px) {
  .swiper-slide img {
    min-height: 397px;
    min-width: 600px;
    position: relative;
    right: 15%;
  }
  .bannetxt h4 {
    font-size: 25px;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 10em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
  }
  .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #000000cc;
  }
}

@media (max-width: 320px) {
  .swiper-slide img {
    min-height: 360px;
    max-width: 100%;
    width: auto;
    position: relative;
    right: 30%;
  }
  .slider-info {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    z-index: 999;
    text-align: left;
    margin-top: 10em;
    position: fixed;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
  }
  .bannetxt h4 {
    font-size: 25px;
  }
  .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #000000cc;
  }
}