A temporary Solution..

In the responsive.css file.. its the last section of 1200+ resolution that causing it.. Not sure whats in there yet, but I take it out and it works as it should..

see live site: http://www.goodwoodhardware.com/

Cut this out:

Code:
@media (min-width:1200px){.row{margin-left:-5px;*zoom:1;}
.onerow:before,.onerow:after{display:table;content:"";} 
.onerow:after{clear:both;} [class*="col"]{float:left;margin-left:5px;} 
.col1{width:95px;}
.col2{width:185px;}
.col3{width:295px;}
.col4{width:395px;}
.col5{width:495px;}
.col6{width:595px;}
.col7{width:695px;}
.col8{width:795px;}
.col9{width:895px;}
.col10{width:995px;}
.col11{width:1095px;}
.col12,.row-col-wrapper{width:1200px;}
.offset1{margin-left:105px;}
.offset2{margin-left:205px;}
.offset3{margin-left:305px;}
.offset4{margin-left:405px;}
.offset5{margin-left:505px;}
.offset6{margin-left:605px;}
.offset7{margin-left:705px;}
.offset8{margin-left:805px;}
.offset9{margin-left:905px;}
.offset10{margin-left:1005px;}
.offset11{margin-left:1105px;}
.onerow-fluid{width:980px;*zoom:1;margin:0 auto;}
.onerow-fluid:before,.onerow-fluid:after{display:table;content:"";} 
.onerow-fluid:after{clear:both;} .onerow-fluid>[class*="col"]{float:left;margin-left:0.4167%;}
.onerow-fluid>[class*="col"]:first-child{margin-left:0;} 
.onerow-fluid>.col1{width:07.9167%;}
.onerow-fluid>.col2{width:18.2500%;}
.onerow-fluid>.col3{width:24.5833%;}
.onerow-fluid>.col4{width:32.9167%;}
.onerow-fluid>.col5{width:41.2500%;}
.onerow-fluid>.col6{width:49.5833%;}
.onerow-fluid>.col7{width:57.9167%;}
.onerow-fluid>.col8{width:62.2500%;}
.onerow-fluid>.col9{width:74.5833%;}
.onerow-fluid>.col10{width:80.9167%;}
.onerow-fluid>.col11{width:91.2500%;}
.onerow-fluid>.col12{width:99.9999%;}
.thumbnails{margin-left:-5px;} 
.thumbnails>li{margin-left:5px;}
#container{display:none;}
.heading{display:none;}
.content{display:block !important;}


}