/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
footer {
  bottom: 0;
}
footer.partner-footer {
  bottom: 0;
}
.thankyou-footer {
  bottom: 0;
}
  /* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 415px;}
}
@keyframes mymove {
    from {left: 0px;}
    to {left: 415px;}
}
.sailboat-custom {
  bottom: 147px;
  margin-left: -260px;
  left:42%;
}
.sailboat-custom-partner{
    left: 31%;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes partner {
    from {left: 150px;}
    to {left: 300px;}
}

@keyframes partner {
    from {left: 150px;}
    to {left: 300px;}
}
.sailboat-custom-register{
  left:32%;
  -webkit-animation-duration: 12s;
  animation-duration: 12s

}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes register {
    from {left: 250px;}
    to {left: 315px;}
}

@keyframes register {
    from {left: 250px;}
    to {left: 315px;}
}
.sailboat-custom-thankyou{
    bottom: 136px;
    left: 100%;
}
@-webkit-keyframes thankyou {
    from {left: 350px;}
    to {left: 1000px;}
}
@keyframes thankyou {
    from {left: 350px;}
    to {left: 1000px;}
}
footer.partner-footer.register-footer {
  bottom: 0;
}

}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
footer.partner-footer {
  bottom: 0;
}
.thankyou-footer {
  bottom: 0;
}
footer.partner-footer.register-footer {
  bottom: -19%;
}
footer {
  bottom: 0;
}

.sailboat-custom {
  bottom: 146px;
  margin-left: -260px;
  width: 250px;
  left:52%;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 400px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 400px;}
}
.sailboat-custom-partner{
  width: 250px;
  left:30%;
  bottom: 145px;
  margin-left: 0;
  -webkit-animation-: partner;
  animation: partner;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes partner {
    from {left: 140px;}
    to {left: 228px;}
}

@keyframes partner {
    from {left: 140px;}
    to {left: 228px;}
}
.sailboat-custom-register{
  width: 250px;
  left:47%;
  margin-left: 0;
  bottom: 146px;
  -webkit-animation-: register;
  animation: register;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes register {
    from {left: 200px;}
    to {left: 360px;}
}
@keyframes register {
    from {left: 200px;}
    to {left: 360px;}
}
.sailboat-custom-thankyou{
  width: 250px;
  left:100%;
  margin-left: 0;
  bottom: 144px;
   -webkit-animation-: thankyou;
  animation: thankyou;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
}
@-webkit-keyframes thankyou {
    from {left: 400px;}
    to {left: 900px;}
}

@keyframes thankyou {
    from {left: 400px;}
    to {left: 900px;}
}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
footer {
  bottom: -20%;
}
   .slider-text h2 {
  font-size: 30px;
} 
    .logo-main img {
  width: 50%;
}
.hero-area {
  padding: 30px 0;
}
.sailboat-custom {
  bottom: 119px;
  margin-left: -120px;
  width: 125px;
  left:45%;
  -webkit-animation-duration: 15s;
  animation-duration: 15s
}
.sailboat-custom-partner {
  bottom: 119px;
  width: 186px;
  left:20.5%;
  margin-left: 0;
  -webkit-animation: partner;
  animation: partner;
  -webkit-animation-duration: 12s;
  animation-duration: 12s
}
.sailboat-custom-register{
  bottom: 119px;
  width: 186px;
  left:30%;
  margin-left: 0;
  -webkit-animation: register;
  animation: register;
  -webkit-animation-duration: 12s;
  animation-duration: 12s
}
.sailboat-custom-thankyou{
  bottom: 119px;
  width: 186px;
  left:100%;
  margin-left: 0;
  -webkit-animation: thankyou;
  animation: thankyou;
  -webkit-animation-duration: 15s;
  animation-duration: 15s
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 144px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 144px;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes partner {
    from {left: 40px;}
    to {left: 65px;}
}

@keyframes partner {
    from {left: 40px;}
    to {left: 65px;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes register {
    from {left: 60px;}
    to {left: 95px;}
}

@keyframes register {
    from {left: 60px;}
    to {left: 95px;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes thankyou {
    from {left: 150px;}
    to {left: 100%;}
}

@keyframes thankyou {
    from {left: 150px;}
    to {left: 100%;}
}
.sailboat-custom {
  bottom: 143px;
  width: 186px;
}
.top-title {
  padding: 25px 0;
  margin-bottom:0;
  font-size: 22px;
}
.earn-title {
  font-size: 20px;
}
.main-content > p, .sub-title {
  font-size: 15px;
  padding-bottom: 0px;
}
footer.partner-footer {
  position: inherit;
}
.thankyou-footer {
    bottom: -36%;
}

.contact-area {
  margin-bottom: 114px;
}
.zip-add {
  width: 45%;
}
.single-feature h3 {
  font-size: 14px;
}
.single-text {
  padding-left: 20px;
}
.single-text p {
  font-size: 12px;
}
footer.partner-footer {
  margin-top: 14px;
}
.partner-btn {
  font-size: 14px;
}
.main-contact-form label {
  font-size: 13px;
}
.main-contact-form input[type="text"], input[type="email"] {
  margin-bottom: 6px;
}
.single-feature {
  padding-bottom: 5px;
}
.footer-bottom > p {
  font-size: 10px;
}
.wave {
  height: 131px;
}
    .wave-custom {
  height: 123px;
}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 360px) and (max-width: 767px) { 
.sailboat-custom {
  bottom: 116px;
}
}