@media (max-width: 767px) {
    .page-left {
        position: static;
        
        width: 100%;
        
        
        height: auto;
        padding: 20px 20px;
    }
    .page-right {
        width: 100%;
        position: static;
    
    }
    .container_pages {
        
        padding: 20px 20px;
    }
    .DataViewBox {
        
        width: 100%;
        
        padding: 8px 8px;
        
    }
    .DataViewName {
        
        font-size: 14px;
    }
    .DataViewDetails {
        
        font-size: 14px;
        
    }
    .userCardView h2 {
        font-size: 22px;
        
    }
    .userCardView {
        padding-bottom: 20px;
    }
    .userCardView h5 {
    
        font-size: 14px;
    }
    .profile-field {
        width: 100%;
        padding: 0px 10px;
    }
    .registerflexfields {
        width: 100%;
    }
    .registerflexfields input {
        width: 100%;
        
    }
    img.profpic {
        position: static;
     
    }
}