/* Responsive 12-column grid (replacement for Gantry 4 grid-responsive.css) */
.rt-container { margin: 0 auto; position: relative; }
.rt-container:before, .rt-container:after { content: ""; display: table; }
.rt-container:after { clear: both; }
[class*="rt-grid-"] { display: inline; float: left; position: relative; margin-left: 0; margin-right: 0; }
.clear { clear: both; }

@media (min-width: 1200px) {
  .rt-container { width: 1200px; }
  .rt-grid-1 { width: 100px; }  .rt-grid-2 { width: 200px; }  .rt-grid-3 { width: 300px; }
  .rt-grid-4 { width: 400px; }  .rt-grid-5 { width: 500px; }  .rt-grid-6 { width: 600px; }
  .rt-grid-7 { width: 700px; }  .rt-grid-8 { width: 800px; }  .rt-grid-9 { width: 900px; }
  .rt-grid-10 { width: 1000px; } .rt-grid-11 { width: 1100px; } .rt-grid-12 { width: 1200px; }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .rt-container { width: 960px; }
  .rt-grid-1 { width: 80px; }  .rt-grid-2 { width: 160px; } .rt-grid-3 { width: 240px; }
  .rt-grid-4 { width: 320px; } .rt-grid-5 { width: 400px; } .rt-grid-6 { width: 480px; }
  .rt-grid-7 { width: 560px; } .rt-grid-8 { width: 640px; } .rt-grid-9 { width: 720px; }
  .rt-grid-10 { width: 800px; } .rt-grid-11 { width: 880px; } .rt-grid-12 { width: 960px; }
}
@media (min-width: 768px) and (max-width: 959px) {
  .rt-container { width: 768px; }
  .rt-grid-1 { width: 64px; }  .rt-grid-2 { width: 128px; } .rt-grid-3 { width: 192px; }
  .rt-grid-4 { width: 256px; } .rt-grid-5 { width: 320px; } .rt-grid-6 { width: 384px; }
  .rt-grid-7 { width: 448px; } .rt-grid-8 { width: 512px; } .rt-grid-9 { width: 576px; }
  .rt-grid-10 { width: 640px; } .rt-grid-11 { width: 704px; } .rt-grid-12 { width: 768px; }
}
@media (max-width: 767px) {
  .rt-container { width: auto; }
  [class*="rt-grid-"] { display: block; float: none; width: 100%; }
}