Change width of bp-profile ... responsive

I'd like to increase the width of the website from 960px to 1024px.

I have a child theme based on bp-social.

I have added the following to the style.css:

#container {width: 1024px ;}
#custom-img-header {width: 1024px ;}
#wrapper {width: 1024px ;}
.content-wrap {width: 1024px ;}
#custom #post-entry{width:700px ;}
#content {width: 700 ;}

This did not work. It gets overridden by base.css

I tried adding !important but then the website is not responsive anymore as it maintains a 1024px regardless of screen resolution.

I'd like to avoid making changes to the files of bp-social.

Please advice.

Thank you.