Mail chimp embedded form not adjusting in mobile device responsive mode

Question

My mail chimp embedded form is not adjusting when we're on mobile device. I haven't tried much. what would you suggest ? Here is my css overrides in my html section

!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7_dtp.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup {background:#; clear:left; font:16px "Overpass - Medium",sans-serif;  width:600px;line-height: 1.85; color:#001938;}
    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<style type="text/css">
    #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
    #mergeRow-gdpr {margin-top: 30px;}
    #mergeRow-gdpr fieldset label {font-weight: normal;}
    #mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
    #mc_embed_signup .asterisk {color:#001938;}
    #learn-more { color: #001938; background-color: transparent; text-decoration: none; font-size:16px;}
    #mc_embed_signup .mc-field-group+.mc-field-group {
    margin-top: 20px;}
    #mc_embed_signup .mc-field-group input { font: 16px "Overpass - Medium",sans-serif;}
</style>