@media(max-width:1024px){
    html {

        font-size: 56%;
       
    }
    nav, .hero-box, .video-box, .footer-box{

    width: 100%;
 
    }
}
@media(max-width:1024px){
    html {

        font-size: 52%;
       
    }
    .hero-content-box{
        flex-direction: column;
    }
   
}