Child theme breaking responsiveness (Redux)?

I spent the best part of yesterday trying to set up and configure my first child theme. The theme I’m working with is TA Music.

I have been able to create and activate my child theme successfully. It appeared everything was working as intended until I resized my screen and noticed that the responsiveness of the site was broken.

I deleted the child theme, checked the original standalone theme and sure enough it worked perfectly again. I rebuilt my child theme and included additional style sheets that I hadn’t enqueued previously – same problem.

I deleted my child theme again and installed Child theme Configurator plugin, I tried multiple combinations of settings using the plugin but had the same issue with every attempt.

The theme is built with Redux framework. My assumption is that responsive code lies within the Redux css files and this link is broken when a child theme is activated. I’ve tried enqueuing all the Redux files but had the same issue.

Having said that, I am a novice at all this, particularly php, so I could be missing something glaring obvious or made a fundamental error in my enqueuing code.

The site is live (with child theme active) here: thundr.co.uk.

Here’s what my child theme functions.php file looks like at the moment:

<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'ta-music-child-style', get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'ta-music-child-bootstrap-min', get_template_directory_uri() . 'layouts/bootstrap.min.css' );
	wp_enqueue_style( 'ta-music-child-purple', get_template_directory_uri() . 'layouts/purple.css' );
	wp_enqueue_style( 'ta-music-child-yellow', get_template_directory_uri() . 'layouts/yellow.css' );
	wp_enqueue_style( 'ta-music-child-red', get_template_directory_uri() . 'layouts/red.css' );
	wp_enqueue_style( 'ta-music-childfontawesome-min', get_template_directory_uri() . 'layouts/fontawesome.min.css' );
	wp_enqueue_style( 'ta-music-child-isotope', get_template_directory_uri() . 'layouts/isotope.css' );
	wp_enqueue_style( 'ta-music-child-audio-player', get_template_directory_uri() . 'layouts/audio-player.css' );
	wp_enqueue_style( 'ta-music-child-field-spacing', get_template_directory_uri() . 'redux/inc/fields/spacing/field_spacing.css' );

}

Here’s my child theme style.css:

/*
 Theme Name:   TA Music Child
 Theme URI:    https://themeart.co/free-theme/ta-music/
 Description:  TA Music Child Theme
 Author:       ThemeArt
 Author URI:   https://themeart.co/
 Template:     ta-music
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ta-music-child
*/

If anyone can offer any advice on this issue I’d really appreciate it! Thanks.