@media screen and (max-width: 1680.98px) {
  .s7 .time-wrap iframe {
    transform: scale(1.5);
    transform-origin: 50% -10%;
  }

  .s9 {
    padding: 60px 15px;
  }

  .s9 .content-wrapper {
    max-width: 735px;
  }
}

@media screen and (max-width: 1500.98px) {
  .sm-heading {
    font-size: 45px;
  }

  .xl-heading {
    font-size: 60px;
  }

  h1,
  .h1 {
    font-size: 36px;
  }

  h2,
  .h2 {
    font-size: 32px;
  }

  h3,
  .h3 {
    font-size: 28px;
  }

  .banner .title-area {
    margin: 25px auto 45px;
  }

  .s7 .fab {
    padding: 0 70px;
  }

  .s7 .tbl {
    max-width: 800px;
  }

  .s7 .tbl-body {
    padding: 45px 60px;
  }
}

@media screen and (max-width: 1440.98px) {
  .s1 .custom-wrapper {
    max-width: 90%;
  }

  .s4 .custom-wrapper,
  .s5 .custom-wrapper,
  .s8 .custom-wrapper {
    max-width: 90%;
  }

  .s4 .wrapper:not(:last-child):before {
    display: block;
    width: 100%;
    height: 2px;
    background: #BB99FF;
    position: absolute;
    bottom: -10%;
    opacity: 40%;
  }
}

@media screen and (max-width: 1366.98px) {

  h2,
  .h2 {
    font-size: 30px;
  }

  h6,
  .h6,
  .md-txt {
    font-size: 18px;
  }

  .sm-heading {
    font-size: 40px;
  }

  .s4 .btn-wrapper,
  .btn-sec .btn-wrapper {
    max-width: 750px;
    margin: 60px auto 0;
  }

  .banner .list {
    max-width: 1100px;
  }

  .s1 .content-wrapper {
    max-width: 85%;
  }

  .s1 .row:not(:last-child) {
    margin-bottom: 50px;
  }

  .s1 .wrapper {
    margin: 50px auto 0;
  }

  .s4 .content-wrapper {
    max-width: 88%;
  }

  .s4 .title-area {
    max-width: 800px;
    margin: 0 auto 60px;
  }

  .s5 .content-wrapper {
    max-width: 85%;
  }

  .s8 .content-wrapper {
    max-width: 90%;
  }
}


@media screen and (max-width: 1280.98px) {
  .s4.v1 .wrapper:nth-child(1) .img-wrapper {
    transform: scale(1.3);
  }

  .s4.v2 .wrapper:nth-child(2) .img-wrapper,
  .s4.v3 .wrapper:nth-child(3) .img-wrapper {
    transform: scale(1);
  }
}

@media screen and (max-width: 1024.98px) {

  h1,
  .h1 {
    font-size: 30px;
  }

  h2,
  .h2 {
    font-size: 26px;
  }

  h6,
  .h6,
  .md-txt {
    font-size: 16px;
  }

  .xl-heading {
    font-size: 50px;
  }

  .banner .custom-wrapper {
    max-width: 800px;
  }

  .s1 .content-wrapper,
  .s4 .content-wrapper,
  .s5 .content-wrapper {
    max-width: 90%;
  }

  .s1 .wrapper .text-wrapper {
    padding: 40px 50px 40px 90px;
    max-width: 700px;
    margin: 30px auto 0;
  }

  .s1 .wrapper {
    max-width: 90%;
  }

  .s1 .wrapper .img-wrapper {
    transform: scale(1.3);
    transform-origin: -30% 100%;
  }

  .s4 .wrapper:not(:last-child) {
    margin-bottom: 100px;
  }

  .s7 .time-wrap {
    padding-top: 25%;
  }

  .s9 .content-wrapper {
    max-width: 620px;
  }
}

@media screen and (max-width: 991.98px) {
  .s1 .title-area {
    margin-bottom: 40px;
  }

  .s1 .wrapper {
    padding: 40px 60px;
  }

  .s1 .wrapper .img-wrapper {
    transform: scale(3);
    transform-origin: 50% 100%;
  }

  .s4 .title-area {
    max-width: 700px;
  }

  .s4 .wrapper .img-wrapper {
    transform: scale(1) !important;
  }

  .s7 .time-wrap {
    padding-top: 20%;
  }
}

@media screen and (max-width: 832.98px) {

  h3,
  .h3 {
    font-size: 26px;
  }

  .banner .custom-wrapper {
    max-width: 95%;
  }

  .banner li {
    max-width: 48%;
  }

  .guarantee {
    max-width: 360px;
    margin: 0 auto;
  }

  .s1 .content-wrapper,
  .s4 .content-wrapper,
  .s5 .content-wrapper {
    max-width: 95%;
  }

  .s1 .wrapper,
  .s5 .title-area {
    max-width: 95%;
  }

  .s7 .time-wrap iframe {
    transform: scale(1.5);
  }

  .s7 .tbl {
    max-width: 95%;
  }

  .s8 .content-wrapper {
    max-width: 95%;
  }
}

@media screen and (max-width: 768.98px) {
  .btn-sec {
    padding: 60px 15px;
  }

  .s1 .wrapper {
    padding: 0;
  }

  .s1 .wrapper .img-wrapper {
    display: none;
  }

  .s1 .wrapper .text-wrapper {
    padding: 40px 50px;
  }

  .s4 .btn-wrapper {
    max-width: 95%;
  }

  .s7 .time-wrap {
    padding-top: 22%;
  }

  .s8 .content-wrapper {
    max-width: unset;
  }

  .s8 .custom-wrapper {
    max-width: 95%;
  }
}

@media screen and (max-width: 640.98px) {
  .sm-heading {
    font-size: 32px;
  }

  .xl-heading {
    font-size: 40px;
  }

  .banner .title-area {
    margin: 25px auto;
  }

  .banner .title-area h1 {
    font-size: 100px;
  }

  .banner .title-area h2 {
    margin-bottom: 20px;
  }

  .banner li {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .banner .vid-wrapper {
    margin: 0 auto 20px;
  }

  .banner li:last-child {
    margin: 0;
  }

  .banner .wrapper h3,
  .s4 .btn-wrapper h3,
  .btn-sec .btn-wrapper h3 {
    font-size: 24px;
    max-width: 400px;
    margin: 0 auto;
  }

  .s1 .wrapper .text-wrapper {
    margin: 0;
  }

  .s7 .title-area {
    max-width: 95%;
    margin: 0 auto 30px
  }

  .s7 .tbl-body {
    padding: 45px 30px;
  }

  .s7 .fab {
    padding: 0;
    margin-top: 20px;
  }

  .s8 .title-area {
    margin-bottom: 50px;
  }

  .s9 .custom-wrapper {
    max-width: 90%;
  }

  .s9 .title-area {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 575.98px) {
  .xl-heading {
    font-size: 35px;
  }

  .sm-heading {
    font-size: 28px;
  }

  h1,
  .h1 {
    font-size: 26px;
  }

  h2,
  .h2 {
    font-size: 24px;
  }

  h3,
  .h3 {
    font-size: 22px;
  }

  .banner .title-area h1 {
    font-size: 80px;
  }

  .banner .sb {
    border: 2px solid #00F2FE;
  }

  .banner .list {
    margin: 40px auto 0;
  }

  .banner .wrapper {
    margin: 30px auto 60px;
  }

  .banner .wrapper a {
    padding: 24px 10px;
  }

  .banner .vid-wrapper {
    padding: 4px;
  }

  .s4 .btn-wrapper,
  .btn-sec .btn-wrapper {
    margin: 30px auto 0;
  }

  .guarantee {
    max-width: 300px;
  }

  .btn-sec {
    padding: 40px 15px;
  }

  .s1,
  .s4,
  .s5,
  .s7,
  .s8 {
    padding: 40px 0;
  }

  .s4 .colmn li:before {
    width: 26px;
    height: 26px;
    background: url(../images/checkbox.png) no-repeat center;
    background-size: cover;
  }

  .s4 h2.xl-heading {
    margin: 0 auto 20px;
  }

  .s7 ul,
  .s7 .fab {
    padding: 0;
  }

  .s7 .tbl-head img {
    max-width: 250px;
  }
}

@media screen and (max-width: 440.98px) {

  /* Button Start */
  a.h3.f-900 {
    font-size: 18px;
  }

  /* Button End */

  .xl-heading {
    font-size: 30px;
  }

  h2,
  .h2 {
    font-size: 22px;
  }

  h3,
  .h3 {
    font-size: 20px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  .banner .custom-wrapper {
    max-width: 100%;
  }

  .banner .title-area {
    margin: 25px auto 25px;
  }

  .banner .title-area h1 {
    font-size: 65px;
  }

  .banner .list {
    margin: 30px auto 0;
  }

  .s1 .title-area {
    margin-bottom: 20px;
  }

  .s1 .wrapper .text-wrapper {
    padding: 30px 20px;
    border: 3px solid #2EF9FF;
  }

  .s1 .content-wrapper,
  .s4 .content-wrapper,
  .s5 .content-wrapper,
  .s4 .btn-wrapper,
  .s5 .title-area,
  .s8 .custom-wrapper,
  .s1 .wrapper {
    max-width: 100%;
  }

  .s1 .wrapper {
    margin: 30px auto 0;
  }

  .s1,
  .s4,
  .s5,
  .s7,
  .s8,
  .s9 {
    padding: 40px 15px;
  }

  .s4 .wrapper:not(:last-child) {
    margin-bottom: 60px;
  }

  .banner .wrapper h3,
  .s4 .btn-wrapper h3,
  .btn-sec .btn-wrapper h3 {
    font-size: 18px;
    max-width: 300px;
  }

  .s7 {
    padding: 40px 0 0;
  }

  .s1 .colmn {
    padding: 0;
  }

  .s7 .tbl {
    max-width: 100%;
    border-radius: 0;
    padding: 0;
  }

  .s7 .tbl-body {
    padding: 35px 20px;
    border-radius: 0;
  }

  .s8 .title-area {
    margin-bottom: 30px;
  }

  .s9 .title-area {
    margin-bottom: 40px;
    text-align: center;
  }

  .s9 .a {
    padding: 25px 30px;
    height: unset;
  }

  .btn-sec.v3 .no-thanks {
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 375.98px) {
  .sm-heading {
    font-size: 26px;
  }

  a.h3.f-900 {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 24px;
  }

  h2,
  .h2 {
    font-size: 20px;
  }

  h3,
  .h3 {
    font-size: 18px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h6,
  .h6,
  .md-txt {
    font-size: 14px;
  }

  .guarantee {
    max-width: 250px;
  }

  .banner {
    padding: 30px 15px;
  }

  .banner .wrapper h3,
  .s4 .btn-wrapper h3,
  .btn-sec .btn-wrapper h3 {
    font-size: 16px;
    max-width: 270px;
  }

  .banner .vid-wrapper {
    padding: 4px;
  }

  .banner li img {
    width: 35px;
  }

  .s7 .time-wrap {
    padding-top: 26%;
  }

  .s7 .tbl-head {
    padding: 30px 0;
  }

  .s7 ul li:before {
    width: 25px;
    height: 25px;
    background-size: cover;
  }

  .s7 ul li {
    padding-left: 40px;
  }

  .s7 .fab .f-800 {
    text-align: center;
  }

  .s9 .q span.q {
    flex: 0 0 auto;
  }
}