<!--------------------->
<style>
	.sty-img {
    border: solid 1px #9ea5a6;
    padding: 2px;
    background-color: #fff;  height:auto !important;
}
	
	.pd-bgo{padding: 40px; 0px;}
	.fact-counter {
    position: relative;
    padding: 0px 0px 5px;
    color: #ffffff;
    background-color: #f3f3f3;
}
	.cnt-us p{color:#676767;}
	.cnt-us h2 a {
    color: #000000;
    transition: all 1.5s;
    text-shadow: 0px 0px 0px #000;
    font-size: 18px;
    font-weight: bold;
}
	#app_mobile{padding: 5px; height: 30px; border:solid 1px #ccc;}
	.cnt-us h2{font-size:18px; color: #00bbd4; font-weight: bold;
    padding: 10px 0px 5px 0px;}
	.inc a{cursor:default !important;}
	.btnapp {
    background: #00bbd4;
    color: #fff;
    padding: 5px 5px 4px 5px; border-radius:5px;
}
	.bg-app{padding: 40px 0px;}
	.goprd p{font-size:30px; padding-top:70px;}	   
	@media (min-width:320px) and (max-width:767px) 
{
		.bg-app{padding:10px 0px;}
	.goprd p{font-size:20px; padding-top:20px;}	 
	.side-toggle-menu .side-menu-btn{display: none;}
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
	.sty-mrgd {
    overflow: hidden;
}
	.sty-mrgd:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
	.sty-mrgd img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
	.sty-mrgd img{width:100%;}
	.mpmgg{margin: 0px; padding:5px;}
</style>
<div class="clearfix"></div>
<section class="bg-app" style="background:url('images/bg2.png') no-repeat center; background-size:cover;">
	<div class="container">
		 <div class="row">
			  <div class="col-md-12 text-center">
				  <h2 style="color:#00bbd4; font-size:40px;">Find Your Soulmate Happily</h2>
			 </div>
			   <div class="col-md-12 text-center pd-bgo">
				   <div class="col-md-2 goprd">
					    <p>BRIDE</p>
				   </div>
				   <div class="col-md-10">
					   <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-1.jpg" class="sty-img"></a>
          </div></div>
					    <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-2.jpg" class="sty-img"></a>
							</div></div>
					  <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-3.jpg" class="sty-img"></a>
						  </div></div>
					    <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-13.jpg" class="sty-img"></a>
							</div></div>
				
					   
			 </div> </div>
			<div class="col-md-12 text-center pd-bgo">
				   <div class="col-md-2 goprd">
					    <p>GROOM</p>
				   </div>
				   <div class="col-md-10">
					   <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-1.jpg" class="sty-img"></a>
          </div></div>
					    <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-2.jpg" class="sty-img"></a>
							</div></div>
					  <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-3.jpg" class="sty-img"></a>
						  </div></div>
					    <div class="col-md-3 mpmgg">
					   <div class="sty-mrgd">
            <a href="#"><img src="images/br-gr/featured-image-13.jpg" class="sty-img"></a>
							</div></div>
				
					   
			 </div> </div>
		</div>
	</div>
</section>

	<section class="fact-counter bg-app">
  <div class="container">
    <div class="row">
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4 text-center cnt-us">
      <div class="inc">
       <a href="#"> <img src="images/m-p.png" style="height: 60px;"></a>
       </div>
       <h2>100% Verified Profile</h2>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p></div>
      <div class="col-md-4 text-center cnt-us">
      <div class="inc">
       <a href="#"> <img src="images/v-p100.png" style="height: 60px;"></a>
       </div>
       <h2>Maximum Privacy</h2>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p></div>
      <div class="col-md-4 text-center cnt-us">
      <div class="inc">
      <a href="#"> <img src="images/v-p.png" style="height: 60px;"></a>
       </div>
       <h2>Verified Phone Number</h2>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
      </div>
      
    </div>
  </div>
</section>
<!---------------------->


<section class="bg-app" style="background:url('images/bg2.png') no-repeat center; background-size:cover;">
<div class="container-fluid" id="mobile-app-area">
<div class="row">
<div class="col-md-6 text-center">
<img src="images/android.png" alt="Get Portal App " class="mobile-app-img">
</div>

<div class="col-md-6">
<div id="get-app-mobile">
<h3><b>Get ApniMatrimony App</b></h3>
<span>( Coming Soon )</span>
<p>Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, nibh et sagittis vehicula, mi velit dictum mi, vel vestibulum tortor nibh a felis. Ut accumsan hendrerit metus ut imperdiet. Nunc tempor sem sed ullamcorper faucibus. Ut auctor, lectus at gravida ultrices, sem dui sodales tortor, nec imperdiet mi risus vitae leo. Sed pulvinar imperdiet consectetur. Curabitur at erat massa. Quisque mauris orci, commodo nec libero in, faucibus euismod orci.</p>
<div id="send-link-to-mobile">
<label>+91</label>
<input type="text" placeholder=" Enter Mobile Number" id="app_mobile">
<button id="send_app_link_mobile" class="btnapp btn-success btn-send-app">Let Me Install</button>
<div id="app-msg"></div>
<p>We will send you a link, open it on your phone to download and install the App</p>

<a><img src="images/app_link.png" id="app_download"></a>
</div>

</div>
</div>
</div>
</div>
</section>