site rendering differently on different hosts [closed] - .htaccess

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 9 years ago.
I have spent the last few hours trying to figure this out but still no luck...I think I have narrowed it down as something to do with a file permission issue on my host but maybe someone on here would be so kind as to point me in the right direction.
I have exactly the same files loaded onto two different domain, host combinations
http://northern.uwcs.co.uk/ApricotGum
http://apricotgum.co.uk
site a. renders fine but exactly the same files uploaded to site b. render in a very different way breaking most of the sites layout.
some of the problems with site b:
FlexSlider navigation does not work.(edit this is fixed by turning off mod-pagespeed with ?ModPagespeed=off# *)
Variety of layout problems.
Animations on the top logo do not work.
Please note the site is designed for mobile content...
Many thanks

Answer 1

Your CSS are different. In Chrome Dev Tools, there are noticeable differences between styles from W.main.css.pagespeed.cf.4qEnpEHvwU.css and main.css.
E.g. .header in W.main.css.pagespeed.cf.4qEnpEHvwU.css:
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
z-index: 2;
}
In main.css:
.header {
position: fixed;
top: 0;
left: 0;
width: 0%;
z-index: 2;
background-color: rgba(0,0,0,0.5);
transition: width 1s ease;
-webkit-transition: width 1s ease;
-moz-transition: width 1s ease;
overflow: hidden;
padding-top: 0.25em;
}