Use this code...
.menu-home #rt-showcase > .rt-container, .menu-home #rt-showcase > .rt-container .rt-grid-12 {
width: 100%;
}
div.layout-showcase {
margin: 0;
}
div.layout-showcase .sprocket-features-arrows .next {
right: 0;
}
div.layout-showcase .sprocket-features-arrows .prev {
left: 0;
}
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Btw - I just noticed that your membership has expired? Support does require a current subscription.
Regards, Mark.