Display Widgets side by side in Mobile View

Hey ballindigital,
Thanks for the link to your site I adjusted your css to this:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #footer .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
    	max-width: 90%;
    }

    .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child {
	    width: calc(50%);
	    clear: none; 
	}

    .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) {
	    text-align: right;
	    width: calc(50%);
    }

    .responsive #top #wrap_all #footer .flex_column.av_one_third:last-child {
        width: 100%;
        text-align: center;
    }

    #top .wpcf7-spinner {
        position: absolute;
        bottom: 25px;
        left: 15px;
    }

	.responsive #top #wrap_all #footer .flex_column#text-4:nth-child(2) {
	    text-align: right;
	    margin-right: 0;
	    margin-left: 20px;
	}
}

For the contact form, I believe that you wanted the form fields white so I added this css

#top #footer.footer_color input[type='text'],
#top #footer.footer_color textarea ,
#top #footer.footer_color input[type='email'] {
	background-color: #fff;
}
#top #footer.footer_color .wpcf7-quiz-label {
	visibility: hidden;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike