@media only screen and (min-width: 200px) and (max-width: 767px){
    .container{
        width: 100%;
        flex-direction: column;
        
        
    }
    .container1{
        width: 100%;
        flex-direction: column;
        
    }
    .container2{
        width: 100%;
        flex-direction: column;
       
    }
    .container3{
        width: 100%;
        flex-direction: column;
        
    }
    .container4{
        width: 100%;
        flex-direction: column;
        
    }
    .container5{
        flex-direction: column;
        
    }
    .container6{
        width: 100%;
        flex-direction: column;
        
    }

    .container7{
        width: 100%;
        flex-direction: column;
      
    }
    .container8{
        width: 100%;
        flex-direction: column;
       
    }
    .container9{
        width: 100%;
        flex-direction: column;
    
    }
    .progress-container{
        width: 100%;
        flex-direction: column;
       
    }
    .container11{
        width: 100%;
        flex-direction: column;
    }
    .container12{
        width: 100%;
        flex-direction: column;
        
    }
    .container13{
        width: 100%;
      
       
    }
    .box18{
        width: 100%;
        
        flex-direction: column;

    }

    .box12{
        padding-right: 500px;
    }
    body{
        width: 100%;
        flex-direction: column;
    }
    header{
        width: 100%;
        
    }
}