@media (max-width: 768px) {
    .metadata-gen-container {
        display: flex;
        flex-direction: column;
    }

    .metadata-gen-left-container,
    .metadata-gen-right-container{
        width:100%;
    }
    
    .metadata-gen-heading h1 {
    font-size: 16px;
    }
    
    .metadata-gen-upload-container{
        display:grid;
        gap:0px;
    }
    .metadata-gen-upload-area {
    height: 300px;
    padding:10px;
    }
    .metadata-gen-essential-container{
        display: flex;
        flex-direction: column;
    }
    .metadata-gen-section-title{
        font-size:14px;
    }
    .metadata-gen-section-subtitle{
        font-size:10px;
    }
    .metadata-gen-section-header{
        padding:0px;
    }
    .metadata-gen-export-content {
    padding: 10px;
    }
    .metadata-gen-platform-grid {
    gap: 6px;
    }
    .metadata-gen-basic-settings{
        padding:10px;
    }
    .metadata-gen-additional-grid{
        display: flex;
        flex-direction: column;
        padding:0px;
    }
    #advancedSection{
        padding:0px;
    }
    .metadata-gen-files-header-left{
        display:none;
    }
    .metadata-gen-files-actions{
    width:100%;
    justify-content: space-between;
}
.metadata-gen-heading{
margin-bottom:0px;    
}
.metadata-gen-privacy-notice{
    font-size:12px;
    display: block;
}
.metadata-gen-progress-header{
    padding:10px;
}
.metadata-gen-progress-stat{
    font-size: 12px;
}
.metadata-gen-current-file{
 display:none;   
}
.metadata-gen-result-first-row {
display:grid;
}
.metadata-gen-add-keyword-btn{
    width:35px;
    height:35px;
}
.metadata-gen-result-description{
    font-size:12px;
}
.metadata-gen-result-model-info{
    font-size:10px;
}
.metadata-gen-reset-btn{
    font-size:10px;
    padding:10px 12px;
}
.metadata-gen-results-title{
    font-size:14px;
}
.metadata-gen-beta-tag{
    display:none;
}
    
    
    
    
    
    
    
    
    
    
}