.upper_cont {
    width: 100%
}

.upper_cont img {
    width: 100%
}


/*start first section*/

.first_sec {
    margin-top: -1.8%;
    position: relative;
}

.first_cont {
    width: 100%
}

.first_cont img {
    width: 100%
}

.video1_cont {
    position: absolute;
    margin-top: -143%;
    width: 53%;
    margin-left: 24%;
    height: 22.5%;
}

.video1_cont iframe {
    width: 100%;
    height: 100%
}

.buy_button4 {
    position: absolute;
    height: 8%;
    width: 35%;
    margin-top: -95%;
    margin-left: 35%;
}


/*result section*/

.Results_cont {
    width: 100%
}

.Results_cont img {
    width: 100%
}


/*table section*/


/*.table_sec {
    margin-top: -13.6%
}*/

.table_cont {
    width: 100%
}

.table_cont img {
    width: 100%
}


/*start section 3*/

.buy_sec {
    margin-top: -6.4%;
    /*margin-top: -8.1%;*/
    z-index: 999;
    position: relative
}

.buy_cont {
    width: 100%
}

.buy_cont img {
    width: 100%
}

.buy_button {
    position: absolute;
    height: 10%;
    width: 25%;
    margin-top: -68%;
    margin-left: 37%;
    z-index: 9999999;
}

.last1_sec {
    margin-top: -1%;
}

.last1_cont {
    width: 100%
}

.last1_cont img {
    width: 100%
}


/*last2 section*/

.last2_sec {
    position: relative
}

.last2_cont {
    width: 100%
}

.last2_cont img {
    width: 100%
}

.buy_button5 {
    position: absolute;
    height: 8%;
    width: 40%;
    margin-top: -155%;
    margin-left: 30%;
    z-index: 9999999;
}

.char_cont {
    width: 100%
}

.char_cont img {
    width: 100%
}


/*benefits section*/

.benefits_sec .benefits_cont {
    width: 100%;
    height: 100%
}

.benefits_cont img {
    max-height: 100%;
    max-width: 100%
}


/*intro section*/

.intro_sec {
    position: relative
}

.intro_cont {
    z-index: -1
}

.buy_button2 {
    position: absolute;
    height: 18%;
    width: 25%;
    margin-top: -155%;
    margin-left: 41%;
}

.link_upgrade {
    position: absolute;
    z-index: 999;
    height: 7%;
    width: 30%;
    background-color: #e7e7e7;
    margin-top: -92.5%;
    margin-left: 37%
}

.link_upgrade button {
    height: 100% !important;
    width: 100% !important
}

.link_upgrade a {
    height: 100% !important;
    width: 100% !important
}


/*start slider*/

.slider_sec {
    position: relative
}

.slider_bg {
    height: 100%;
    width: 100%
}

.slider_bg img {
    height: 100%;
    width: 100%
}

.carousel-wrap {
    margin-top: -45%;
    margin-left: 5%;
    padding: 0 0%;
    width: 90%;
    position: absolute;
    height: 50%
}

.owl-carousel .owl-loaded {
    height: 90%;
}

.owl-carousel .owl-stage-outer {
    height: 100%
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    height: 100%
}

.owl-carousel.owl-drag .owl-item {
    height: 100%;
}

.owl-carousel .owl-stage {
    height: 100%;
}

@media only screen and (max-width: 350px) {
    .carousel-wrap {
        width: 80%;
        margin-left: 10%;
        height: 100%;
        margin-top: -65%;
    }
    .owl-carousel.owl-drag .owl-item {
        height: 100% !important;
    }
}


/* fix blank or flashing items on carousel */

.owl-carousel .item {
    height: 50%;
    background-color: #000000;
    border: 10px solid aqua;
    border-radius: 20px;
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    width: 100%;
    margin-right: 10%
}


/*.owl-carousel.owl-drag .owl-item {
    height: 70% !important
}*/

.owl-carousel .item iframe {
    height: 100%;
    width: 100%
}


/* end fix */

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 60px;
    color: #e7e7e7
}

.owl-nav .owl-prev {
    margin-top: -30% !important;
    position: absolute;
    margin-left: -4% !important;
}

.owl-nav .owl-next {
    margin-left: 102% !important;
    margin-top: -30% !important;
    position: absolute;
}


/*.slider_sec img {
    max-height: 200px;
    max-width: 200px
}*/


/*Demo section*/

.Demo_sec {
    position: relative
}

.demo_video {
    position: absolute;
    margin-top: -51.7%;
    width: 50%;
    height: 35.7%;
    margin-left: 26%;
}

.demo_video iframe {
    width: 100%;
    height: 100%
}


/*intro2 section*/

.intro2_sec {
    position: relative;
}

.intro2_cont {
    width: 100%
}


/* .vid1,
.vid2,
.vid3,
.vid4 {
    position: absolute;
    width: 38%;
    height: 15.2%;
    border-radius: 14px;
    overflow: hidden;
} */

.vid1,
.vid2,
.vid3,
.vid4,
.vid5 {
    position: absolute;
    width: 35%;
    height: 12.5%;
    border-radius: 14px;
    overflow: hidden;
}


/* .vid1 {
    margin-top: -146.3%;
    margin-left: 8%
} */

.vid1 {
    margin-top: -164.3%;
    margin-left: 3.9%;
}


/* .vid2 {
    margin-top: -111.3%;
    margin-left: 56%;
} */

.vid2 {
    margin-top: -129.3%;
    margin-left: 52.3%;
}


/* 
.vid3 {
    margin-top: -74.8%;
    margin-left: 9%;
} */

.vid3 {
    margin-top: -92.8%;
    margin-left: 5.5%;
}


/* .vid4 {
    margin-top: -39.4%;
    margin-left: 57.3%;
} */

.vid4 {
    margin-top: -57.4%;
    margin-left: 53.8%;
}

.vid5 {
  margin-top: -26%;
  margin-left: 7%;
}


/* .vid1,
.vid2,
.vid3,
.vid4 {
    position: absolute;
    width: 38%;
    height: 15.2%;
    border-radius: 14px;
    overflow: hidden;
}

.vid1 {
    margin-top: -146.3%;
    margin-left: 8%
}

.vid2 {
    margin-top: -111.3%;
    margin-left: 56%;
}

.vid3 {
    margin-top: -74.8%;
    margin-left: 9%;
}

.vid4 {
    margin-top: -39.4%;
    margin-left: 57.3%;
}
 */

.intro2_sec iframe {
    height: 100%;
    width: 100%
}

.intro2_cont img {
    width: 100%
}

.buy_button3 {
    position: absolute;
    height: 10%;
    width: 90%;
    margin-top: -20%;
    z-index: 9999999
}


/*testimonials section*/

.testimonials_sec {
    position: relative
}

.testimonials_div {
    width: 100%;
    height: 100%
}

.testimonials_div img {
    width: 100%;
    height: 100%
}

.test_vid1,
.test_vid2,
.test_vid3,
.test_vid4 {
    position: absolute;
    width: 31.5%;
    height: 16.6%;
    overflow: hidden;
}

.testimonials_sec iframe {
    height: 100%;
    width: 100%
}

.test_vid1 {
    margin-top: -74.6%;
    margin-left: 55.3%;
}

.test_vid2 {
    margin-top: -73.7%;
    margin-left: 15.1%;
}

.test_vid3 {
    margin-top: -41.7%;
    margin-left: 56%;
}

.test_vid4 {
    margin-top: -41.9%;
    margin-left: 14.7%;
}


/*beach section*/

.beach_cont {
    width: 100%
}

.beach_cont img {
    width: 100%;
    height: 100%
}


/*refund section*/

.refund_cont {
    width: 100%
}

.refund_cont img {
    width: 100%;
    height: 100%
}


/*pricing section*/

.pricing_sec {
    position: relative
}

.pricing_cont {
    width: 100%
}

.pricing_cont img {
    width: 100%;
    height: 100%
}
/* 
.button1_url {
    height: 20%;
    width: 30%;
    position: absolute;
    margin-top: -27%;
    margin-left: 35%;
} */

/* .button2_url {
    height: 20%;
    width: 30%;
    position: absolute;
    margin-top: -27%;
    margin-left: 45%;
} */

.button1_url {
  height: 20%;
  width: 30%;
  position: absolute;
  margin-top: -26%;
  margin-left: 12%;
}

.button2_url {
  height: 20%;
  width: 30%;
  position: absolute;
  margin-top: -26%;
  margin-left: 58%;

}

.button1_url img,
.button2_url img {
    max-height: 100%;
    max-width: 100%
}


/*benefits2 section*/

.benefits2_sec {
    margin-top: -1%
}

.benefits2_cont {
    width: 100%
}

.benefits2_cont img {
    height: 100%;
    width: 100%
}


/*faq section*/

.faq_section {
    position: relative
}
.first_sec .buy_button4 {
    position: absolute;
    height: 9%;
    width: 33%;
    margin-top: -99%;
    z-index: 999999;
}
.faq_section .buy_button4 {
    position: absolute;
    height: 12%;
    width: 33%;
    margin-top: -18%;
    z-index: 999999;
}


/*new sections style*/

.records .records_bg img {
    width: 100%
}

.voices {
    padding: 3%;
    margin-top: -95%;
}

.beach_sec {
    margin-top: -13%
}

.first_sec2 {
    position: relative
}

.video_new_1 {
    position: absolute;
    width: 80%;
    margin: 2% 10%;
    z-index: 99999
}

.video_new_1 {
    position: absolute;
    width: 57.5%;
    height: 52%;
    margin: -49% 24%;
    z-index: 99999;
}

.video_new_1 iframe {
    width: 100%;
    height: 100%
}

.last1_sec {
    position: relative
}

.lastcont_vid {
    position: absolute;
    width: 52%;
    height: 58%;
    margin: -42.5% 25.1%;
    z-index: 99999
}

.lastcont_vid iframe {
    width: 100%;
    height: 100%
}

.voices h4 {
    text-align: center;
    margin-bottom: 10%;
    color: rgb(191, 255, 0);
    font-family: "R-Flex Bold";
    font-size: 14px;
}

.voices h2 {
    margin-bottom: 4%;
    color: rgb(129, 235, 64);
    font-family: "R-Flex Bold";
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
}

.voices .col-sm-12 {
    max-width: 30%;
}

.voices .col-sm-12 audio {
    width: 90%;
    margin-bottom: 5%
}

.voices {
    padding-left: 10%;
}

.benefits_sec {
    position: relative
}

.benefits_vid {
    position: absolute;
    z-index: 9999999;
    margin-left: 28.5%;
    margin-top: -88%;
    width: 44.4%;
    height: 25%;
}

.benefits_vid iframe {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 501) and (max-width: 800px) {
    .voices .col-sm-12 audio {
        height: 20px
    }
    .voices h4 {
        font-size: 9px
    }
    .voices {
        padding-left: 7%;
        margin-top: -95%
    }
    .voices h2 {
        /*margin-bottom: 1%;*/
        font-size: 10px;
        margin-bottom: 2%
    }
    .owl-nav .owl-prev {
        margin-top: -90% !important;
        margin-left: -10% !important;
    }
    .owl-nav .owl-next {
        margin-top: -90% !important;
    }
}

@media only screen and (max-width: 500px) {
    .owl-nav .owl-prev {
        margin-top: -65% !important;
        margin-left: -10% !important;
    }
    .owl-nav .owl-next {
        margin-top: -65% !important;
    }
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 30px
    }
}

@media screen and (max-width: 350px) and (min-width: 200px) {
    .owl-nav .owl-prev {
        margin-top: -80% !important;
        margin-left: -10% !important;
    }
    .owl-nav .owl-next {
        margin-top: -80% !important;
    }
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 20px
    }
    .voices h4 {
        font-size: 9px
    }
}

@media screen and (max-width: 499px) and (min-width: 351px) {
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 20px
    }
    .voices h4 {
        font-size: 9px
    }
    .carousel-wrap {
        margin-top: -65%;
        height: 90%
    }
    .owl-prev,
    owl-next {
        margin-top: -65% !important
    }
}