.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
#fullpage .sec1 {
  position: relative;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -ms-background-position: center center;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
#fullpage .sec1 header {
  top: 0;
}
#fullpage .sec1 .s1-inner {
  position: absolute;
  top: 20%;
  left: 18%;
  width: 81%;
}
#fullpage .sec1 .s1-inner p,#fullpage .sec2 .s2-inner p,#fullpage .sec3 .s1-inner p {
  font-size: 18px;
  color: #fff;
  width: 60%;
}
#fullpage .sec1 .s1-inner .title,#fullpage .sec2 .s2-inner .title,#fullpage .sec3 .s1-inner .title{
	width: 17%;
	margin-left: 5%;
}
#fullpage .sec2 {
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -ms-background-position: center center;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
#fullpage .sec2 .s2-inner {
  position: absolute;
  top: 20%;
  right: 18%;
  width: 81%;
}
#fullpage .sec2 .s2-inner p {
  font-size: 18px;
  color: #fff;
}
#fullpage .sec3 .bg {
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -ms-background-position: center center;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
#fullpage .sec3 .s1-inner {
  position: absolute;
  top: 20%;
  left: 18%;
  width: 81%;
}
#fullpage .sec3 .s1-inner p {
  font-size: 18px;
  color: #fff;
}
.s-btn {
  width: 38px;
  height: 106px;
  background: url('../images/fun/fun-btn2.png') no-repeat;
}
.s-btn:hover {
  background: url('../images/fun/fun-btn1.png') no-repeat;
}
@media only screen and (max-width: 1366px) {
	#fullpage .sec3 .s1-inner{
		top:13%;
	}
}
@media only screen and (max-width: 1200px) {
  #fullpage .section {
    position: relative;
    height: 500px!important;
  }
  #fullpage .sec1 .s1-inner {
    left: 10%;
    width: 89%;
	}
	#fullpage .sec1 .s1-inner p{
		width: 74%;
		line-height: 24px;
	}
  #fullpage .section:last-child {
    height: auto!important;
  }
  #fullpage .section .sec3 .bg {
    height: 500px!important;
  }
  #fullpage .sec3 .s1-inner {
    position: absolute;
    top: 3%;
    left: 5%;
    width: 95%;
	}
	#fullpage .sec3 .s1-inner p{
		line-height: 1.3em;
	}
}
@media only screen and (max-width: 1024px) {
  #fullpage .section.sec1 .s1-inner,
  #fullpage .section.sec2 .s1-inner,
  #fullpage .section.sec1 .s2-inner,
  #fullpage .section.sec2 .s2-inner {
    left: 10%;
  }
  #fullpage .section.sec1 .s1-inner .title img,
  #fullpage .section.sec2 .s1-inner .title img,
  #fullpage .section.sec1 .s2-inner .title img,
  #fullpage .section.sec2 .s2-inner .title img {
    width: 70%;
  }
  #fullpage .section.sec1 .s1-inner p,
  #fullpage .section.sec2 .s1-inner p,
  #fullpage .section.sec1 .s2-inner p,
  #fullpage .section.sec2 .s2-inner p {
    height: 350px;
  }
  #fullpage .section.sec1 .s1-inner p,
  #fullpage .section.sec2 .s1-inner p {
    margin-left: 0;
  }
  #fullpage .section .sec3 .s1-inner .title img {
    width: 70%;
  }
  #fullpage .section .sec3 .s1-inner p {
    height: 350px;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #fullpage .section.sec1 .s1-inner,
  #fullpage .section.sec2 .s1-inner,
  #fullpage .section.sec1 .s2-inner,
  #fullpage .section.sec2 .s2-inner {
    left: 10%;
  }
  #fullpage .section.sec1 .s1-inner p,
  #fullpage .section.sec2 .s1-inner p,
  #fullpage .section.sec1 .s2-inner p,
  #fullpage .section.sec2 .s2-inner p {
    height: 350px;
  }
  #fullpage .section .sec3 .s1-inner p {
    height: 350px;
    width: 78%;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .section {
    height: 300px!important;
  }
  #fullpage .sec1 .s1-inner .title,#fullpage .sec2 .s2-inner .title,#fullpage .sec3 .s1-inner .title{
  	width: auto;
  }
  #fullpage .section.sec1 .s1-inner,
  #fullpage .section.sec2 .s1-inner,
  #fullpage .section.sec1 .s2-inner,
  #fullpage .section.sec2 .s2-inner {
    width: 90%;
  }
  #fullpage .section.sec1 .s1-inner .title,
  #fullpage .section.sec2 .s1-inner .title,
  #fullpage .section.sec1 .s2-inner .title,
  #fullpage .section.sec2 .s2-inner .title {
    display: block;
  }
  #fullpage .section.sec1 .s1-inner p,
  #fullpage .section.sec2 .s1-inner p,
  #fullpage .section.sec1 .s2-inner p,
  #fullpage .section.sec2 .s2-inner p {
    display: none;
    height: 200px;
    font-size: 13px;
  }
  #fullpage .section.sec1 .s1-inner,
  #fullpage .section.sec2 .s1-inner {
    left: 5%;
    top: 30%;
  }
  #fullpage .section.sec1 .s1-inner p,
  #fullpage .section.sec2 .s1-inner p {
    margin-left: 0;
  }
  #fullpage .section.sec1 .s2-inner,
  #fullpage .section.sec2 .s2-inner {
    left: auto;
    right: 5%;
  }
  #fullpage .section.sec1 .s2-inner p,
  #fullpage .section.sec2 .s2-inner p {
    margin-right: 0;
  }
  #fullpage .section .sec3 .bg {
    height: 300px!important;
  }
  #fullpage .section .sec3 .s1-inner {
    width: 100%;
    top: 10%;
    left: 7%;
  }
  #fullpage .section .sec3 .s1-inner .title {
    display: block;
  }
  #fullpage .section .sec3 .s1-inner p {
    height: 200px;
    font-size: 13px;
    margin-left: 0;
    display: none;
  }
  #fullpage .section .s-btn {
    display: none;
  }
}
