i want to get the recent-news divs to appear as a grid of 2 columns. Provide only coded answer like i only understand code: <div class="content-block">
				<div class="section-area section-sp1">
					<div class="container">
						<div class="row">
							<!-- Left part start -->
							<div class="col-md-7 col-lg-10 col-xl-10">
								<div class="recent-news blog-lg m-b40">
									<div class="action-box">
										<img src="assets/images/blog/default/thum2.jpg" alt="">
									</div>
									<div class="info-bx">
										<ul class="media-post">
											<li><a href="#"><i class="fa fa-calendar"></i>March 21 2019</a></li>
											<li><a href="#"><i class="fa fa-user"></i>By Thomas</a></li>
										</ul>
										<hr style="margin-bottom: 20px; width: 80%;">
										<h5 class="post-title"><a href="blog-details.php">What Will Education Be Like In The Next 50 Years?</a></h5>
										<p>Given that you want an exhaustive list of all possible title ideas for your keyword, you certainly can! Save time by downloading ALL the titles. We’ll mail you everything we have in store for easier access.</p>
										<hr style="margin-bottom: none; width: 80%;">
										<div class="post-extra">
											<a href="#" class="btn-link">READ MORE</a>
											<a href="#" class="comments-bx"><i class="fa fa-comments-o"></i>23 Comment</a>
										</div>
									</div>
								</div>
								<div class="recent-news blog-lg m-b40">
									<div class="action-box">
										<img src="assets/images/blog/default/thum3.jpg" alt="">
									</div>
									<div class="info-bx">
										<ul class="media-post">
											<li><a href="#"><i class="fa fa-calendar"></i>May 08 2019</a></li>
											<li><a href="#"><i class="fa fa-user"></i>By Arthur</a></li>
										</ul>
										<h5 class="post-title"><a href="blog-details.php">Master The Skills Of Education And Be.</a></h5>
										<p>Once you’ve gotten all the titles and have chosen the best one, the next thing you need to do is to craft a magnetic content. Great content marketers excel at creating content that their readers crave, but even the best struggle with delivering content to the right person at the right time.</p>
										<div class="post-extra">
											<a href="#" class="btn-link">READ MORE</a>
											<a href="#" class="comments-bx"><i class="fa fa-comments-o"></i>08 Comment</a>
										</div>
									</div>
								</div>
								<div class="recent-news blog-lg m-b40">
									<div class="action-box">
										<img src="assets/images/blog/default/thum4.jpg" alt="">
									</div>
									<div class="info-bx">
										<ul class="media-post">
											<li><a href="#"><i class="fa fa-calendar"></i>June 19 2019</a></li>
											<li><a href="#"><i class="fa fa-user"></i>By James</a></li>
										</ul>
										<h5 class="post-title"><a href="blog-details.php">Eliminate Your Fears And Doubts About Education.</a></h5>
										<p>To make sure your content drives results, the format needs to be just as well-researched as the information contained in it.</p>
										<div class="post-extra">
											<a href="#" class="btn-link">READ MORE</a>
											<a href="#" class="comments-bx"><i class="fa fa-comments-o"></i>15 Comment</a>
										</div>
									</div>
								</div>
								<!-- Pagination start -->
								<div class="pagination-bx rounded-sm gray clearfix">
									<ul class="pagination">
										<li class="previous"><a href="#"><i class="ti-arrow-left"></i> Prev</a></li>
										<li class="active"><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li class="next"><a href="#">Next <i class="ti-arrow-right"></i></a></li>
									</ul>
								</div>
								<!-- Pagination END -->
							</div>
							<!-- Left part END -->
							<!-- Side bar start -->
							<div class="col-md-5 col-lg-2 col-xl-2 sticky-top">
								<aside class="side-bar sticky-top">
									<div class="widget">
										<h6 class="widget-title">Search</h6>
										<div class="search-bx style-1">
											<form role="search" method="post">
												<div class="input-group">
													<input name="text" class="form-control" placeholder="Enter your keywords..." type="text">
													<span class="input-group-btn">
														<button type="submit" class="fa fa-search text-primary"></button>
													</span>
												</div>
											</form>
										</div>
									</div>
									<div class="widget recent-posts-entry">
										<h6 class="widget-title">Recent Posts</h6>
										<div class="widget-post-bx">
											<div class="widget-post clearfix">
												<div class="ttr-post-media"> <img src="assets/images/blog/recent-blog/pic1.jpg" width="200" height="143" alt=""> </div>
												<div class="ttr-post-info">
													<div class="ttr-post-header">
														<h6 class="post-title"><a href="blog-details.php">This Story Behind Education Will Haunt You Forever.</a></h6>
													</div>
													<ul class="media-post">
														<li><a href="#"><i class="fa fa-calendar"></i>Oct 23 2019</a></li>
														<li><a href="#"><i class="fa fa-comments-o"></i>15 Comment</a></li>
													</ul>
												</div>
											</div>
											<div class="widget-post clearfix">
												<div class="ttr-post-media"> <img src="assets/images/blog/recent-blog/pic2.jpg" width="200" height="160" alt=""> </div>
												<div class="ttr-post-info">
													<div class="ttr-post-header">
														<h6 class="post-title"><a href="blog-details.php">What Will Education Be Like In The Next 50 Years?</a></h6>
													</div>
													<ul class="media-post">
														<li><a href="#"><i class="fa fa-calendar"></i>May 14 2019</a></li>
														<li><a href="#"><i class="fa fa-comments-o"></i>23 Comment</a></li>
													</ul>
												</div>
											</div>
											<div class="widget-post clearfix">
												<div class="ttr-post-media"> <img src="assets/images/blog/recent-blog/pic3.jpg" width="200" height="160" alt=""> </div>
												<div class="ttr-post-info">
													<div class="ttr-post-header">
														<h6 class="post-title"><a href="blog-details.php">Eliminate Your Fears And Doubts About Education.</a></h6>
													</div>
													<ul class="media-post">
														<li><a href="#"><i class="fa fa-calendar"></i>June 12 2019</a></li>
														<li><a href="#"><i class="fa fa-comments-o"></i>27 Comment</a></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<div class="widget widget-newslatter">
										<h6 class="widget-title">Newsletter</h6>
										<div class="news-box">
											<p>Enter your e-mail and subscribe to our newsletter.</p>
											<form class="subscription-form" action="http://educhamp.themetrades.com/demo/assets/script/mailchamp.php" method="post">
												<div class="ajax-message"></div>
												<div class="input-group">
													<input name="dzEmail" required="required" type="email" class="form-control" placeholder="Your Email Address" />
													<button name="submit" value="Submit" type="submit" class="btn black radius-no">
														<i class="fa fa-paper-plane-o"></i>
													</button>
												</div>
											</form>
										</div>
									</div>
									<div class="widget widget_gallery gallery-grid-4">
										<h6 class="widget-title">Join us on Facebook</h6>
										<ul>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic2.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic1.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic5.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic7.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic8.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic9.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic3.jpg" alt=""></a></div>
											</li>
											<li>
												<div><a href="https://m.facebook.com/groups/704989174718376/"><img src="assets/images/gallery/pic4.jpg" alt=""></a></div>
											</li>
										</ul>
									</div>
									<div class="widget widget_tag_cloud">
										<h6 class="widget-title">Tags</h6>
										<div class="tagcloud">
											<a href="#">Design</a>
											<a href="#">User interface</a>
											<a href="#">SEO</a>
											<a href="#">WordPress</a>
											<a href="#">Development</a>
											<a href="#">Joomla</a>
										</div>
									</div>
								</aside>
							</div>
							<!-- Side bar END -->
						</div>
					</div>
				</div>
			</div>