@media only screen  and (min-width : 441px) and (max-width : 3880px) {
    .main{
        display: none;
    }
    @font-face {font-family: "Eurostile LT Std"; src: url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.eot"); 
        src: url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.eot?#iefix") format("embedded-opentype"), 
        url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.woff2") format("woff2"), 
        url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.woff") format("woff"), 
        url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.ttf") format("truetype"), 
        url("//db.onlinewebfonts.com/t/a14c545cc49d938546e678af41bc5d1f.svg#Eurostile LT Std") format("svg"); }
    span{
        font-size: 3.5vw;
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        /* line-height: 10vh; */
        line-height: 4vw;    
    }
    .heading8{
        font-family: 'Eurostile LT Std' ;
        font-weight: bolder;
        font-weight: 800;
        font-size: 3.5vw;
    }
    .h-b1{
        font-size: 4vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 600 !important;
       color: black;
        /* line-height: 3vw; */
    }
    .heading1{
        font-size: 3vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 700 !important;
        line-height: 3vw;
    }
    .heading2{
        font-size: 3vw ;
        font-family:'pacifico','regulars';
        font-weight: 400 !important;
        color: #3ab826;
        line-height: 3vw;
    }
    .heading3{
        font-size: 2vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
    }
    .heading4{
        font-size: 1.7vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 600 !important;
        line-height: 2vw;
    }
    .heading7{
        font-size: 1.5vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        line-height: 2vw;
    }
    .heading5{
        font-size: 1.2vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        line-height: 1.5vw;
    }
    .heading6{
        font-size: 2.5vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 800 !important;
        line-height: 3vw;
    }
    /* br{
        line-height: 0vw !important;
        display: block!important;
        margin-bottom:  10vw;
    } */
    /* section1 */
    .section1{
        background-image: url(image/Section1.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 160vw;
    }
    .bn:hover{
        transform: scale(1.05);
        transition: all .2s ease-in-out; 
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }
      @-webkit-keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
    .s1{
        padding-left: 14vw !important ;
    }
    .s1-1{
        padding-top: 1vw ;
    }
    .logo{
        width: 17vw;
        padding-top: 2vw; margin-left: 14vw;
        position: absolute;
        z-index: 1;
    }
    .header{
        width: 99vw;
        /* margin-left:-1vw ; */
    }
    .up{
        width: 21vw;
        margin: -1vw 0 0 -1vw;
    }
    .pro1{
        margin-top: -8vw;
        margin-left: -5vw;
        width: 30vw;
    }
    .btn1{
        width: 25vw;
    }
    .video1{
        width: 66vw;
        margin-left: -6.5vw;
    }
    .price{
        width: 60vw;
        margin-top: -3vw;
    }
    .video-box {
        width: 55vw !important;
        margin-left: 20vw;
        margin-top: 1vw;
        border: 8px #3ab826 solid !important;
        border-radius: 2vw !important;
        position: absolute;
        z-index: 2;
      }
      .lb-mob{
          width: 10vw;
          margin: 9vw 0 0 14vw;
          position: absolute;
          z-index: 3;
      }
      .btn-3{
          width: 45vw;
          margin-top: -11vw;
          margin-left: 25vw;
          position: absolute;
          z-index: 1;
      }
    /* section2 */
    .section2{
        background-image: url(image/Section2.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 300vw;
        margin-top: -65vw;
    }
    .s2{
        padding-top: 15vw;
    }
    .image1{
        width: 26vw;
        margin: 2vw 0 0 1vw;
    }
    .image2{
        width: 23vw;
        margin: 2vw 7vw 0 0;
    }
    .slide{
        margin-top: -29vw;
        width: 72vw;
    }
    .image3{
        width: 24vw;
        margin: 18vw 0 0 3.5vw;
    }
    .image4{
        width: 58vw;
        margin: 1.5vw 7vw 0 0;
    }
    .star{
        width: 3.5vw;
        margin-top: -3vw;
    }
    .s2-1{
        padding-top: 4vw;
        margin-left: 1vw;
    }
    .btn2{
        width: 19vw;
    }
    .s2-3{
        padding-top: 9vw;
    }
    .s2-4{
        background-image: url(image/Rectangle\ 704-.png);
        background-size: 62vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 130vw;
        padding: 0vw 4vw 0 5vw;
        margin-top: vw;
    }
    .s2-4-1{
        padding-top: 7vw;
    }
    .s2-4-2{
        padding-top: 6vw;
        padding-bottom: 0vw;
    }
    .txt-b1{
        background-color: black;
        border-radius: 1vw;
        padding: 0.4vw 0 0.4vw 0;
        width: 16vw;
        margin: -2vw 0 0 10vw;
    }
    .txt-b2{
        background-color: black;
        border-radius: 1vw;
        padding: 0.4vw 0 0.4vw 0;
        width: 16vw;
        margin: -2vw 0 0 7vw;
    }
    .txt-b3{
        background-color: black;
        border-radius: 1vw;
        padding: 0.4vw 0 0.4vw 0;
        width: 16vw;
        margin: -2vw 0 0 2vw;
    }
    .icon1{
        margin-top: 5.3vw;
        width: 21vw;
    }
    .icon1-1{
        margin-top: 4vw;
        width: 21vw;
    }
    .icon-center1{
        width: 21vw;
        margin-top: 2vw;
    }
    .icon2{
        margin-top: 3.7vw;
        width: 21vw;
    }
    .icon2-1{
        width: 21vw;
    }
    .icon-center2{
        width: 21vw;
    }
    .icon3{
        margin-top: 2.7vw;
        width: 21vw;
    }
    .icon3-1{
        margin-top: -.5vw;
        width: 21vw;
    }
    .icon-center3{
        width: 21vw;
    }
    .icon4{
        margin-top: 5.3vw;
        width: 21vw;
    }
    .icon4-1{
        margin-top: 4vw;
        width: 21vw;
    }
    .icon-center4{
        width: 21vw;
        margin-top: 2.5vw;
    }
    /* section3 */
    .s3{
        background-image: url(image/section3.png);
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 185vw;
        margin-top: -10vw;
        position: absolute;
        z-index: -1;
    }
    .s3-1{
        padding-top: 10vw;
    }
    .s3-1-1{
        padding-top: 4vw;
    }
    .s3-2-1{
        padding-left: 12vw !important;
        padding-top: 7vw;
    }
    .image5{
        width: 45vw;
        margin-top: 3vw;
        margin-left: -6vw;
    }
    .image6{
        width: 43vw;
        margin-top: 2vw;
        margin-left: 13vw;
    }
    .s3-3-1{
        padding-right: 12vw !important;
        padding-top: 11vw;
    }
    .logo2{
        width: 30vw;
    }
    .pro35{
        width: 20vw;
    }
    .s3-4{
        padding-top: 4vw;
    }
    .s3-4-1{
        background-image: url(image/Rectangle\ 722.png);
        background-size: 60vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 17vw;
    }
    .s3-4-1-1{
        padding-top: 3.1vw;
    }
    .s3-4-1-2{
        padding: 1.5vw;
    }
    .s3-4-2{
        padding-top: 7vw;
    }
    /* section4 */
    .s4{
        background-image: url(image/background\ bubbles.png);
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 227vw;
        margin-top: 179vw;
        padding-top: 20vw;
     
    }
    .s4-1{
      margin-top: -40vw;
    }
    .s4-1-1{
        background-color: #3ab826;
        height: 12vw;
        border-radius: 2vw;
        background-position: center;
    }
    .image7{
        /* margin-left: 10vw; */
        width: 42vw;
        margin-top: -5vw;
    }
    .step1{
        margin-top: -5vw;
    }
    .st-2{
        padding-top: 2vw;
    }
    .st-3{
        padding-top: 1vw;
    }
    .s4-2{
        margin-top: 13vw;
    }
    .step2{
        margin-top: -5vw;
        margin-left: 10vw;
    }
    .image8{
        width: 42vw;
        margin-top: -5vw;
        margin-left: -2.5vw;
    }
    .s4-3{
        background-image: url(image/arrow\ pointed\ image.png);
        background-size: 70vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 62vw;
    }
    .s4-3-1{
        padding: 13.5vw 0 0 18vw !important;
    }
    .s4-3-2{
        padding-top: 8vw;
    }
    .s4-3-3{
        padding: 13.5vw 0 0 3vw !important;
    }
    .ctm{
        width: 42vw;
        margin-top: -5vw;
        margin-left: -2vw;
    }
    .s4-3-4{
        padding: 12vw 0 0 18vw !important;
    }
    .s4-3-5{
        padding: 12vw 0 0 3vw !important;
    }
    .s4-3-6{
        padding-top: 3.5vw;
    }
    .s4-3-7{
        padding-top: 5vw;
    }
    .btn3{
        width: 28vw;
        margin-top: 3.5vw;
    }
    .card-1{
        width: 5.5vw;
        padding: 5px;
    }
    /* section5 */
    .s5{
        background-image: url(image/third\ last.png );
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 320vw;
        margin-top: -16vw;
        padding-top: 18vw;
    }
    .image9{
        width: 40vw;
        margin-top: 4.5vw;
        margin-right: 2vw;
    }
    .s5-1{
        margin-top: 14vw;
    }
    .image10{
        width: 53vw;
        margin-top: 7.5vw;
       margin-left: -12vw;
    }
    .s5-2{
        margin-top: 16vw;
        padding-left: 17vw !important;
    }
    .image11{
        width: 40vw;
        margin-top: -3vw;
        margin-right: 2vw;
    }
    .s5-3{
        margin-top: 4vw;
        padding-left: 2vw !important;
    }
    .s5-4{
        margin-top: 4vw;
        padding-left: 17vw !important;
    }
    .image12{
        width: 42vw;
        margin-top: -6vw;
       margin-left: -5vw;
    }
    .s5-5{
        margin-top: 6vw;
    }
    .image13{
        width: 52vw;
        margin-top: -4vw;
       margin-left: 9vw;
    }
    .s5-6{
        margin-top: 2vw;
        padding-left: 18vw !important;
    }
    .image14{
        width: 44vw;
        margin-top: -7vw;
       margin-left: -8vw;
    }
    .s5-7{
        margin-top: 4vw;
        padding-left: 16vw !important;
    }
    .image15{
        width: 41vw;
        margin-top: -3vw;
       margin-left: -6vw;
    }
    .image16{
        width: 25vw;
        margin-top: 9vw;
       margin-left: 12vw;
    }
    .s5-8{
        margin-top: 8vw;
        padding-left: 7vw !important;
    }
    /* section6 */
    .s6{
        background-image: url(image/last\ section\ hero.png );
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 366vw;
        margin-top: 15vw;
        /* padding-top: 18vw; */
    }
    .s6-1{
        background-image: url(image/Bonus\ 1.png );
        background-size: 63vw;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 1;
        height: 25vw;
        margin-top: -10vw;
    }
    .s6-1-1{
        padding-top: 9vw;
    }
    .image17{
        width: 56vw;
        margin-left: 8vw;
        margin-top: -1vw;
    }
    .s6-1-2{
        padding-top: 15vw;
        padding-left: 2vw !important;
    }
    .s6-2{
        border:2px solid #e81313 ;
        border-radius: 2vw;
        height: 50vw;
        margin-top: 48vw;
    }
    .btn4{
        width: 26vw;
        margin-top: 2vw;
    }
    .s6-2-1{
        margin-top: 2vw;
    }
    .s6-2-2{
        margin-top: 3vw;
    }
    .s6-3{
        padding: 2vw;
        margin-left: -3.7vw;
    }
    .image18-1{
        width: 23vw;
    }
    .image18-2{
        width: 23vw;
        margin-top: 2vw;
    }
    .image18-3{
        width: 23vw;
    }
    .s6-3-1{
        margin-top: -33vw;
        margin-left: 3.3vw;
    }
    .s6-3-2{
        margin-top: -36vw;
        margin-left: 3.3vw;
    }
    .sob-1{
        width: 12vw;
    }
    .sob-2{
        width: 12vw;
        padding-top: 7vw;
    }
    .sob-1-3{
        width:17vw ;
        font-size: 1.05vw;
        padding-top: 6vw;
    }
    .sob-1-2{
        width:17vw ;
        font-size: 1.05vw; 
    }
    .s6-4{
        margin-top: 15vw;
    }
    .image19{
        width: 20vw;
        margin-top: 9vw;
       margin-left: 17vw;
    }
    .s6-5{
        background-image: url(image/Shape\ 701\ copy.png );
        background-size: 73vw;
        background-position: center;
        background-repeat: no-repeat;
        height: 40vw;
        margin-top: -3vw;
    }
    .s6-5-1{
        margin-top: 6vw;
    }
    .btn5{
        width: 50vw;
        padding: 1.5vw;
    }
    .dropdown{
        background-color: #ffff;
        width: 75vw;
        height: auto;
        border-radius: 4vw 4vw 4vw 4vw;
        box-shadow: 1vw 2vw 4vw rgba(0, 0, 0, 0.274) !important;
        margin-left: 12vw;
        margin-top: 10vw;
    }
    .card{
        background-color: transparent !important;
        width: 75vw;
        padding: 0.7vw 3vw 0.7vw 3vw;
        border: 0px !important;
    } 
    .card-div{
        border-radius: 4vw;
        background-color: #f4f7f9;
    }
    .card-body {
        background-color: #f4f7f9;
        border-radius: 0vw 0vw 2vw 2vw;
        margin-top: 1vw;
        padding: 1vw 3vw 2vw 2vw !important;
        
    }
    .card-header {
        background-color: #e7ebee !important;
        border-radius: 4vw!important;
        padding: 1vw 1vw 1vw 2vw !important;
        border: 3px solid white;
        box-shadow: 5px  5px 0.6vw rgba(0, 0, 0, 0.349) !important;
    }
    .expand{
        margin-top: .7vw;
        margin-right: 1vw;
        width: 3vw;
        float: right;
    }
    #heading-box-2{
        background-color: #3ab826;
        border-radius: 2vw;
        width: fit-content;
        margin-left: -47vw;
        padding: 5px 10px 5px 10px;
    }
    .prezentar-txt{
        width: 70vw;
        margin-top: -1.5vw;
    }
    .box-2{
        width: 32vw;
        margin-top: -4vw;
    }
    .s8{
        margin-top: 4vw;
    }
    .btn6{
        width: 28vw;
    }
    .h-b2 {
        font-size: 1.1vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        line-height: 2vw;
        color: #313196 !important;
        border-bottom: 2px solid #3b3bb4;
        /* text-decoration: underline; */
    }
    .s8-1{
        margin-top: 3vw;
    }
    .section9{
        background-image: url(image/graphics_.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 100vw;
        height:39vw;
        margin-top:10vw ;
    }
    .div-line{
        width: 70vw;
        margin-top: 3vw;
    }
    .last-box{
        margin-top: -9vw;
    }
    a{
        color: #e7ebee !important;
        
    }
    .btn-footer{
        width: 22vw;
        margin: -30vw 0 0 42vw ;
    }
    .pose2v{
        width: 73vw;
        margin-top: -11vw;
    }
    
  
}
/** **** Youtube Video Styles **** **/
.pauseButtons {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
}
.overlaydemo iframe, .overlaydemotwo iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.57;
/*    border-radius: 10px;*/
    position: unset !important;
}
.video-autoplay-overlay-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
}
.video-shape-2 {
    position: absolute;
    z-index: 999999;
    left: 0;
    bottom: 0;
    width: 100% !important;
    height: auto !important;
}
.unmute-box {
    max-width: 700px;
    width: 100%;
    margin: auto !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
}
.video-shape-1 {
    position: absolute;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
}
.unmute-box p {
    font-weight: 700;
    color: white;
    font-size: 50px;
}
.unmute-box img {
    max-width: 100%;
    overflow: hidden;
    height: auto;
    margin: auto;
}
.video_holder, .youtube_overlayvideo_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-autoplay-overlay-bottom, .video-autoplay-overlay-top,
.video-autoplay-overlaydemotwo-bottom, .video-autoplay-overlaydemotwo-top {
    background: #3ab826 !important;
    text-transform: capitalize;
    font-weight: bold !important;
}
.video-autoplay-overlaydemotwo-image {
    width: 100% !important;
    margin: 0px !important;
    height: 100% !important;
}
.youtube_overlayvideo_wrapper .demo-play {
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    margin-top: 0px;
    margin-left: 0px;
}
.demo-video {
    line-height: 0;
}
@media(max-width: 1280px) {
    .unmute-box p {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .unmute-box img {
        max-width: 80px;
    }
}
@media(max-width: 850px){
    .video-autoplay-overlay-play {
        max-width: 80px;
        max-height: 80px;
        background-size: contain !important;
        left: 0 !important;
        right: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
        margin: auto !important;
    }
}
@media(max-width: 700px) {
    .unmute-box p {
        font-size: 25px;
    }
    .unmute-box img {
        max-width: 50px;
    }
}
@media(max-width: 400px) {
    .unmute-box p {
        font-size: 20px;
    }
}
@media(max-width: 440px){
    .unmute-box img {
        max-width: 50px;
    }
    .youtube_overlayvideo_wrapper .demo-play img {
        max-width: 80px;
    }
    .video-autoplay-overlaydemotwo-play, .video-autoplay-overlay-play {
        max-width: 80px;
        max-height: 80px;
        background-size: contain !important;
        left: 0 !important;
        right: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
        margin: auto !important;
    }
}
/** **** Youtube Video Styles END**** **/
/** **** Vimeo Video Styles **** **/
.vimeo_video_section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.vimeo_video_wrapper {
    position: relative;
}
.video-wrap-box .video-frame {
    position: unset !important;
    width: 100% !important;
    aspect-ratio: 1/0.565;
    line-height: 0;
}
.vimeo_video_wrapper .video-wrap-box {
    line-height: 0;
}
.video-wrap-box .play-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-wrap-box .video-frame {
  border: none !important;
  border-radius: none !important;
}
.play-video .play-btn {
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
}
.play-video .play-btn.playing .play {
    display: none;
}
/** **** Vimeo Video Styles END**** **/