@charset "UTF-8";

/* CSS Document */
html,
body {
  position: relative;
  height: 100%;
}


/*slider1*/
#slider1 .swiper-container {
  width: 100%;
  height: 650px;
}

#slider1 .swiper-slide {
  background-position: center;
  background-size: cover;
}

/*slider1*/

/*slider2*/
#slider2 .swiper-container {
  width: 100%;
  height: 100%;
}

#slider2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#slider2 .swiper-slide img {
  width: 100%;
}

/*slider2*/

/*slider3*/
#slider3 .swiper-container {
  width: 100%;
  height: 100%;
}

#slider3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#slider3 {
  width: 100%;
  overflow: hidden;
  /* margin: 0 0 20px; */
}

#slider3 #slider-area {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

#slider3 #slider-area a {
  display: block;
  width: 100%;
}

#slider3 #slider-area img {
  max-width: inherit;
  width: 100%;
  height: auto;
}

/*slider3*/


@media(max-width:1024px) {

  /*slider1*/
  div#slider1 {
    width: 100%;
  }

  #slider1 .swiper-container {
    width: 100%;
    height: auto;
  }

  #slider1 .swiper-container img {
    width: 100%;
  }

  /*slider1*/
  /*slider3*/
  div#slider3 {
    width: 100%;
  }

  #slider3 .swiper-container {
    width: 100%;
    height: auto;
  }

  #slider3 .swiper-container img {
    width: 100%;
  }

  #slider3 #slider-area {
    width: 100%;
  }

  /*slider3*/
}


@media(max-width:960px) {}

@media(max-width:768px) {}

@media(max-width:580px) {}

@media(max-width:480px) {}

@media(max-width:414px) {}

@media(max-width:375px) {}