Repeater template

Please help. I almost have this working. Since infinite scroll is not working with this theme I decided to try the Ajax load more plugin. Please help me with the code I have in the repeater template. I am having two issues. One is the posts line up in a single column and do not responsively spread out on larger screens. The second problem is how do I start the loop after the 9th post. Right now it starts from the first post.

<?php

/**
 * @package Oblique
 */
?>

			<?php /* Start the Loop */ ?>

<div id="ob-grid" class="grid-layout">

            <?php while ( have_posts() ) : the_post(); ?>

				<?php
					/* Include the Post-Format-specific template for the content.
					 * If you want to override this in a child theme, then include a file
					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
					 */
					get_template_part( 'content', get_post_format() );
				?>

			<?php endwhile; ?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="svg-container post-svg svg-block">
		<?php echo oblique_svg_3(); ?>
	</div>	

	<?php if ( has_post_thumbnail() && ( get_theme_mod( 'index_feat_image' ) != 1 ) ) : ?>
		<div class="entry-thumb">
			<?php the_post_thumbnail('oblique-entry-thumb'); ?>
			<a>" title="<?php the_title(); ?>" ><i class="fa fa-link"></i></a>
		</div>
	<?php endif; ?>	

	<?php if ( has_post_thumbnail() && ( get_theme_mod( 'index_feat_image' ) != 1 ) ) : ?>
	<div class="post-inner">
	<?php else : ?>
	<div class="post-inner no-thumb">
	<?php endif; ?>
		<header class="entry-header">
			<?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h1>' ); ?>

			<?php if ( 'post' == get_post_type() && !get_theme_mod('meta_index') ) : ?>
			<div class="entry-meta">
				<?php oblique_posted_on(); ?>
			</div><!-- .entry-meta -->
			<?php endif; ?>
		</header><!-- .entry-header -->

		<div class="entry-content">
			<?php the_excerpt(); ?>

			<?php
				wp_link_pages( array(
					'before' => '<div class="page-links">' . __( 'Pages:', 'oblique' ),
					'after'  => '</div>',
				) );
			?>
		</div><!-- .entry-content -->
	</div>
	<?php if (!get_theme_mod('read_more')) : ?>
	<div class="read-more">
		<a>"><?php echo __('Continue reading …','oblique'); ?></a>
	</div>
	<?php endif; ?>
	<div class="svg-container post-bottom-svg svg-block">
		<?php echo oblique_svg_1(); ?>
    </div>	</div>
</article><!-- #post-## -->