@media only screen  and (max-width : 600px){
    /*.main{
        display: none;
    }*/
    span{
        font-size: 3.5vw;
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        /* line-height: 10vh; */
        line-height: 4vw;    
    }
    @-webkit-keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
    .bn:hover{
        transform: scale(1.05);
        transition: all .2s ease-in-out; 
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }
    .h-b1{
        font-size: 7vw ;
        font-family: 'Poppins', sans-serif;
        line-height: 9vw;
    }
    .heading1{
        font-size: 7.5vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        line-height: 8vw;
    }
    .heading2{
        font-size: 7.5vw ;
        font-family:'pacifico','regulars';
        font-weight: 400 ;
        color: #f0131e;
        line-height: 3vw;
    }
    .heading3{
        font-size: 5.5vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 ;
    }
    .heading4{
        font-size: 4vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 400 ;
        line-height: 5vw;  
    }
    .heading5{
        font-size: 4.3vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;

    }
    .heading6{
        font-size: 3.5vw ;
        font-family: 'Poppins', sans-serif;
        line-height: 4.5vw;
        font-weight: 600 !important;
    }
    .heading8{
        font-size: 2.5vw ;
        font-family: 'Poppins', sans-serif;
        line-height: 4.5vw;
        font-weight: 600 !important;
    }
    .heading7{
        font-size: 3.7vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        line-height: 4vw;
    }
    .heading9{
        font-family: 'Eurostile LT Std Demi Oblique' ;
        font-weight: bolder;
        font-size: 13.5vw;
    }
    .s1{
        background-image: url(mobile/page1/Rectangle\ 642.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 150vw;
    }
    .logo{
        width: 45vw;
        margin-top: 5vw;
    }
    .frame1{
        width: 80vw;
        margin: -1vw 0 0 0;
    }
    .hero{
        width: 100vw;
    }
    #main{
        width: 95vw ;
        margin-top: 13vw;
        z-index: 1;
        margin-left: -2vw;
        padding-right: 0vw;
       
    }
    @keyframes shake {
        0% { transform: translate(1px, 1px) rotate(0deg); }
        10% { transform: translate(-1px, -2px) rotate(-1deg); }
        20% { transform: translate(-3px, 0px) rotate(1deg); }
        30% { transform: translate(3px, 2px) rotate(0deg); }
        40% { transform: translate(1px, -1px) rotate(1deg); }
        50% { transform: translate(-1px, 2px) rotate(-1deg); }
        60% { transform: translate(-3px, 1px) rotate(0deg); }
        70% { transform: translate(3px, 1px) rotate(-1deg); }
        80% { transform: translate(-1px, -1px) rotate(1deg); }
        90% { transform: translate(1px, 2px) rotate(0deg); }
        100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    /* #floating{
        width: 98vw;
        margin-top: -95vw;
        position: absolute;
        z-index: 1;   
        animation: shake 2s;
        animation-iteration-count: infinite;
        
    } */
    #floating{
        width: 65vw;
        margin-left: 15vw;
        margin-top: -90vw;
        position: absolute;
        z-index: 1;   
        /* animation: shake 2s;
        animation-iteration-count: infinite; */
        
    }
    #edit-icon{
        width: 17vw;
       margin-left: 8vw;
        margin-top: -60vw;
        position: absolute;
        z-index: 1;   
        animation: shake 5s;
        animation-iteration-count: infinite;
        
    }
    #move-icon1{
        width: 14vw;
        margin-left: 35vw;
        margin-top: -98vw;
        position: absolute;
        z-index: 1;   
        animation: shake 5s;
        animation-iteration-count: infinite;
        
    }
    #move-icon2{
        width: 15vw;
       margin-left: 76vw;
        margin-top: -67vw;
        position: absolute;
        z-index: 1;   
        animation: shake 5s;
        animation-iteration-count: infinite;
        
    }
    #floating:hover{
        transform: scale(1.02);
        transition: all .2s ease-in-out; 
    }
    #heading-box{
        background-color: black;
        border-radius: 20px;
        width: fit-content;
        padding: 0px 10px 0px 10px;
        margin-left: 2vw;
    }
    .vso{
        width: 40vw;
        margin-left: 2vw;
        margin-top: 3vw;
    }
    .video-1{
        width: 100vw;
        position: absolute;
        z-index: 1;
        margin-left: -5vw;
        margin-top: 3vw;
    }
    .online-video{
        width: 90vw;
        height: 45vw;
        border: solid 3px #f0131e !important;
    }
    iframe, .replace_frame{
        padding: 0px !important;
        border-radius: 5vw;
        border: solid white 2px;
        box-shadow: rgba(128, 128, 128, 0.637) 5px 5px 10px;
    }
    .btn1{
        width: 75vw;
        margin-top: 3vw;
    }
    .s1-1{
        background-image: url(mobile/page1/shape.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 172vw;
        margin-top: 13vw;
    }
    .edit1{
        width: 95vw;
        margin-top: -11vw;
    }
    .edit2{
        width: 95vw;
        margin-top: -17vw;
    }
    .edit3{
        width:60vw;
        margin-top: -15vw;
    }
    .video2{
        width: 99vw;
        margin-top: 2vw;
    }
    .online-video2{
       width: 89vw;
       height: 45vw;
       margin-top: -45.5vw;
       margin-left: -44.3vw;
       position: absolute;       
       border: solid 3px #142ded !important;
      
   }
   .bolt{
       width: 100vw;
       height: 55.5vw;
       margin-left: -50vw;
       margin-top: -46vw;
       position: absolute;
       z-index: 2;
   }
   .bolt-button{
       width: 55vw;
       margin-top: -3.5vw;
       margin-bottom: 3vw;
   }
   .tx{
       font-size: 5.5vw !important;
       color: black;
       margin-top: 8vw;
   }

.sb-1{
    padding-left: 2vw !important;
    padding-top: 13vw;
    }
ul{
   padding: 8vw 5vw 8vw 5vw;
   border-radius: 10vw;
   background-color: #e9ce21a1;
   list-style: none;
   width: 96vw;
}
li{
    padding: 6vw 1vw 6vw 2vw;
}
.l1{
    border-radius: 8vw;
    background-color: #fcff9c91;
    padding: 3vw 0vw 3vw 2vw;
}
 .dot{
     width: 3.5vw;
     margin-top: -0.8vw;
     padding: 0vw 1vw 0vw 0vw !important;
 }
 .sb-2{
     padding-top: 3vw;
     padding-left: 2vw !important;
     
 }
 .ul2{
   padding: 4vw 5vw 4vw 5vw;
   border-radius: 10vw;
   background-color: #2045e8b6;
   list-style: none;
   width: 96vw;
 }
 .l2{
   border-radius: 8vw;
   background-color: #2447e0;
   padding: 3vw 0vw 3vw 2vw;
 }
 .file{
     width: 100vw;
 }
 .logo2{
     width: 94vw;
 }
 .sale{
     background-image: url(mobile/page1/money\ back.png);
     background-size: 100vw;
     background-repeat: no-repeat;
     height: 390vw;
 }
 .box{
    border: solid 3px black;
    padding: 5px 10px 5px 10px;
    border-radius: 40px;
}
.sb2{
    background-color: rgba(255, 255, 255, 0.904);
    border-radius: 100px;
    line-height: 1.5vw;
    padding: 1vw !important;
}
.button2{
    width: 90vw;
    margin-top: 5vw;
}
.cd{
    width: 17vw;
}
.r1{
    width: 85vw;
    margin-top: 12vw;
}
.s2{
    background-image: url(mobile/page1/reel\ copy.png);
    background-size: 100vw;
    background-repeat: no-repeat;
    height: 120vw;
    margin-top: 25vw;
}
.red{
    width: 94vw;
    margin-left: -1vw;
    margin-top: -10vw;
}
.cmd{
    width: 98vw;
    margin-top: 74vw;
}
.new1{
    width: 98vw;
    margin-top: 8vw;
}
.s3{
    background-image: url(mobile/page1/Shape\ 14.png);
    background-size: 100vw;
    background-repeat: no-repeat;
    height: 390vw;
    margin-top: 1238vw;
}
.screen1{
    width: 100vw;
    margin-top: 12vw;
    margin-left: -3.5vw;
}
.step-box{
        font-size: 5vw !important;
        width: fit-content;
        background-color: #f4c718;
        padding: 5px 30px 5px 30px ;
        border-radius: 25px;
}
.screen2{
    width: 100vw;
    margin-top: -13vw;
    margin-left: -3.5vw;
}
.screen3{
    width: 100vw;
    margin-top: -8vw;
    margin-left: -3.5vw;
}
.s4{
    background-image: url(mobile/page1/Shape\ behind\ slides.png);
    background-size: 100vw;
    background-repeat: no-repeat;
    height: 450vw;
    margin-top: 80vw;
}
.img1{
    width: 98vw;
    margin-top: 35vw;
    margin-left: -2vw;
}
.img2{
    width: 98vw;
    margin-top: 0vw;
    margin-left: -2vw;
}
.img3{
    width: 99vw;
    margin-top: -8vw;
    margin-left: -3vw;
}
.splide1{
    width: 100vw;
    margin-bottom: 5px;
    font-size: 0;
}
.splide2{
    width: 100vw;
    margin-bottom: 5px;
    font-size: 0;

}
.splide__pagination{
    display: none !important;
}
.splide1 .splide__slide{
    margin-left: 4vw !important;
}
.splide2 .splide__slide{
    margin-left: 45vw !important;
}
 .splide1 img {
   
    width: 47vw; border-radius: 2vw;
}
.splide2 img {
    width: 85vw; border-radius: 2vw;
}
.last{
    width: 94vw !important;
    margin-top: -1.5vw;  
    margin-left: -1vw;
    border-radius: 5vw;
    padding:53.52% 0 0 0;position:relative;  
}
iframe, .replace_frame{
    padding: 0px !important;
    border-radius: 5vw;
    border: solid white 2px;
    box-shadow: rgba(128, 128, 128, 0.637) 2px 2px 10px;
}
/* .red-box{
    background-color: #;
    background-size: 90vw !important;
    background-position: center;
    height: 100vw;
} */
.red-box{
    background-color: #f0131e;
    height: auto;
    padding-bottom: 8vw;
    margin-left: 4vw !important;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.red-box2{
    background-color: #f0131e;
    height: auto;
    padding-bottom: 8vw;
    margin-top: 7vw;
    margin-left: 4vw !important;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.red-box3{
    background-color: #f0131e;
    height: auto;
    padding-bottom: 8vw;
    margin-top: 7vw;
    margin-left: 4vw !important;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.red-box4{
    background-color: #f0131e;
    height: auto;
    padding-bottom: 8vw;
    margin-top: 7vw;
    margin-left: 4vw !important;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.grey-box{
    background-color: #eaedf0;
    height: auto;
    padding-bottom: 8vw;
    margin-left: 4vw;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.grey-box2{
    background-color: #eaedf0;
    height: auto;
    padding-bottom: 8vw;
    margin-left: 4vw;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}
.grey-box3{
    background-color: #eaedf0;
    height: auto;
    padding-bottom: 8vw;
    margin-left: 4vw;
   background-size: 60vw !important;
    border-radius: 7vw;
    background-position: center !important;
}

.icon1{
    width: 40vw;
    margin-top: 5vw;
}
.vl{
    height: auto;
    background-color: #f4c718;
    width: 1.2vw;
}
.vl2{
    height: auto;
    background-color: #2132cf;
    width: 1.2vw;
}
.img4{
    width: 100vw;
    margin-left: -4vw;
}
.number{
    text-decoration:line-through;
    color: gray;
    font-size: 10vw !important;
}
.btn2{
    width: 97vw;
    margin-left: -2vw;
    margin-top: 7vw;
}
.visa{
    width: 80vw;
    margin-left: -2vw;
    margin-top: 3vw;
}
.s6-1{
    background-image: url(mobile/page2/gradient.png);
    background-size: 100vw;
    background-repeat: no-repeat;
    height: 450vw;
    margin-top: -10vw;
    padding-top: 10vw;
}
.top-mob1{
    width: 80vw;
    margin-top: 10vw;
}
.top-mob2{
    width: 35vw;
}
.s6-2{
    background-image: url(mobile/page2/top\ copy.png);
    height: 250vw ;
    background-size: 100vw;
    background-repeat: no-repeat;
}
.g9-img{
    width: 100vw;
}
.hero-img{
    width: 100vw;
    margin-top: -16vw;
    position: absolute;
    z-index: -1;
}
.s6-3{
    background-image: url(mobile/page2/Rectangle\ 528.png);
    height: 90vw ;
    margin-top: 135vw;
    background-size: 97vw;
    background-position: center;
    background-repeat: no-repeat;
}
.btn3{
    width: 100vw;
    margin-left: -3.5vw;
}
.s6-4{
    background-image: url(mobile/page2/notebook.png);
    height: 330vw ;
    margin-top: -8vw;
    background-size: 97vw;
    margin-left: 1vw;
    background-position: center;
    background-repeat: no-repeat;
}
.hand-img{
    width: 90vw;
    margin-top: 3vw;
    margin-left: 8.5vw;
}
.fact1{
    background-image: url(mobile/page2/Fact\ 1\ v2.png);
    height: 680vw ;
    margin-top: 900vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
}
.fact-box{
    border: 2px solid #f0131e ;
    height: auto;
    border-radius: 5vw;
    margin: 5vw 3vw 3vw 3vw !important;
}
.fact2{
    background-image: url(mobile/page2/FACT\ 2.png);
    height: 400vw ;
    margin-top: -180vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
}
.fact3{
    background-image: url(mobile/page2/FACT\ 3.png);
    height: 400vw ;
    margin-top: -170vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
}
.f3-1{
    background-image: url(mobile/page2/anna.png);
    height: 145vw ;
    background-size: 96vw;
    background-position: center;
    background-repeat: no-repeat;
}
.f3-2{
    background-image: url(mobile/page2/neil.png);
    height: 205vw ;
    margin-top: -20vw;
    background-size: 96vw;
    background-position: center;
    background-repeat: no-repeat;
}
.f3-3{
    background-image: url(mobile/page2/cheng.png);
    height: 205vw ;
    margin-top: -50vw;
    background-size: 96vw;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;  
}
.s7{
    background-image: url(mobile/page2/Graphic\ 2.png);
    height: 535vw ;
    margin-top: 200vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    
}
.s7-1{
    background-image: url(mobile/page2/perspective.png);
    height: 210vw ;
    margin-top: -39vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: -1;  
}
.s8{
    background-image: url(mobile/page3/shining\ lines\ .png);
    height: 1410vw ;
    margin-top: 10vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
      
}
.logo-3{
    width: 60vw;
    padding-top: 405vw;
}
.tb-1{
    background-color: #010c7767;
    border-radius: 3vw;
    width: fit-content !important;
    margin: 5vw 5vw 5vw 9vw ;
    padding: 2vw 5vw 2vw 5vw !important;
}
.s9{
    background-image: url(mobile/page3/Rectangle\ 25.png);
    height: 570vw ;
    margin-top: -20vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;   
}
.s9-1{
    background-image: url(mobile/page3/blue\ bg.png);
    height: 1040vw ;
    margin-top: 30vw;
    background-size: 84vw;
    background-position: center;
    background-repeat: no-repeat;   
}
.img5{
    margin-top: -10vw;
}
.tb-y{
    background-color: #f4c718;
    width: fit-content !important;
    border-radius: 5vw;
    margin: 5vw 0 0 11vw;
    padding: 1vw 8vw 1vw 8vw !important;
}
.checkmark{
    width: 7vw;
    margin: 0 4vw 0 5vw;
}
.s10{
    background-image: url(mobile/page3/line\ bg.png);
    height: 820vw ;
    margin-top: 1268vw;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;   
}
.dropdown{
    background-color: #ffff;
    width: 93vw;
    height: auto;
    border-radius: 10vw;
    box-shadow: 1vw 2vw 4vw rgba(0, 0, 0, 0.274) !important;
    margin-left: 3vw;
    margin-top: 10vw;
}
.card{
    background-color: transparent !important;
    width: 92vw;
    padding: 2vw 3vw 2.5vw 3vw;
    border: 0px !important;
} 
.card-div{
    border-radius: 8vw;
    background-color: #f4f7f9;
}
.card-body {
    background-color: #f4f7f9;
    border-radius: 0vw 0vw 3vw 3vw;
    margin-top: 1vw;
    padding: 1vw 3vw 2vw 6vw !important;
    
}
.card-header {
    background-color: #e7ebee !important;
    border-radius: 10vw!important;
    padding: 3vw 1vw 3vw 5vw !important;
    height:18vw !important ;
    border: 3px solid white;
    box-shadow: 5px  5px 4vw rgba(0, 0, 0, 0.088) !important;
}
.expand{
    margin-top: 2.5vw;
    margin-right: 3vw;
    width: 13vw;
    float: right;
}
#heading-box-2{
    background-color: black;
    border-radius: 6vw;
    width: fit-content;
    font-size: 4.9vw !important;
    padding:1px 10px 1px 10px;
    margin-left: 7vw;
}
.prezentar-txt{
    width: 96vw;
    margin-top: 2.5vw;
}
.prezentar-txt2{
    width: 96vw;
    margin-left: -1vw;
    margin-top: -2.5vw;
}
.box-2{
    width: 85vw;
    margin-top: 7vw;
}
.s11{
    margin-top: 10vw;
}
.btn6{
    width: 96vw;
    margin-left: -1.5vw;
    margin-top: 6vw;
    margin-bottom: 4vw;
}
.div-line{
    width: 90vw;
    margin: 15vw 0 10vw 0;
}
.h-b2 {
    font-size: 3.7vw ;
    font-family: 'Poppins', sans-serif;
    font-weight: 500 !important;
    line-height: 2vw;
    color: #313196;
    border-bottom: 2px solid #3b3bb4;
    
}

.s12{
    background-image: url(mobile/page3/footer.png);
    background-size: 100vw;
    height: 205vw;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0vw;
}
.btn5{
    width: 100vw;
    margin-left: -4vw;
    margin-top: -30vw;
}
a{
    color: #e7ebee !important;
}
.card-1{
    width: 19vw;
}
.video-3{
    width: 100vw;
    position: absolute;
    z-index: -1;
    margin-left: -50vw;
    margin-top: 8vw;
}
@media only screen and (min-width : 440px) and (max-width : 600px){
   
    .video-1{
        width: 100vw;
        position: absolute;
        z-index: 1;
        margin-left: -2vw;
        margin-top: 3vw;
    }
    .fact2{
        background-image: url(mobile/page2/FACT\ 2.png);
        height: 400vw ;
        margin-top: -220vw;
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
    }
    .fact3{
        background-image: url(mobile/page2/FACT\ 3.png);
        height: 400vw ;
        margin-top: -190vw;
        background-size: 100vw;
        background-position: center;
        background-repeat: no-repeat;
    }
}
}