[viewBag]
==
{% put styles %}
    <style>
        .ts-service-box-img img{
            
            width: 60px;
                
        }
    </style>
{% endput %}

<section id="ts-service-area" class="ts-service-area">
	<div class="container">
		<div class="row text-center">
			<h2 class="border-title">{{'home.service.header'|_}}</h2>
			<p class="border-sub-title">
				{{'home.service.txt'|_}}
			</p>
		</div><!--/ Title row end -->

		<div class="row">
			<div class="col-md-4">
				<div class="ts-service-box">
					<div class="ts-service-box-img pull-left">
						<img src="{{'home/icon/service-icon1.png'|media}}" alt="" />
					</div>
					<div class="ts-service-box-info">
						<h3 class="service-box-title"><a href="#">{{'home.col1.service1'|_}}</a></h3>
						<p>{{'home.col1.service1.txt'|_}}</p>
					</div>
				</div><!-- Service 1 end -->

				<div class="ts-service-box">
					<div class="ts-service-box-img pull-left">
						<img src="{{'home/icon/service-icon2.png'|media}}" alt="" />
					</div>
					<div class="ts-service-box-info">
						<h3 class="service-box-title"><a href="#">{{'home.col1.service2'|_}}</a></h3>
						<p>{{'home.col1.service2.txt'|_}}</p>
					</div>
				</div><!-- Service 2 end -->

				<div class="ts-service-box">
					<div class="ts-service-box-img pull-left">
						<img src="{{'home/icon/service-icon3.png'|media}}" alt="" />
					</div>
					<div class="ts-service-box-info">
						<h3 class="service-box-title"><a href="#">{{'home.col1.service3'|_}}</a></h3>
						<p>{{'home.col1.service3.txt'|_}}</p>
					</div>
				</div><!-- Service 3 end -->

			</div><!-- Col end -->

			<div class="col-md-4 text-center">
				<img class="service-center-img img-responsive" src="{{'home/service/service-center.png'|media}}"
					alt="" />
			</div><!-- Col end -->

			<div class="col-md-4">
				<div class="ts-service-box">
					<div class="ts-service-box-img pull-left">
						<img src="{{'home/icon/service-icon4.png'|media}}" alt="" />
					</div>
					<div class="ts-service-box-info">
						<h3 class="service-box-title"><a href="#">{{'home.col2.service1'|_}}</a></h3>
						<p>{{'home.col2.service1.txt'|_}}</p>
					</div>
				</div><!-- Service 4 end -->

				<div class="ts-service-box">
					<div class="ts-service-box-img pull-left">
						<img src="{{'home/icon/service-icon5.png'|media}}" alt="" />
					</div>
					<div class="ts-service-box-info">
						<h3 class="service-box-title"><a href="#">{{'home.col2.service2'|_}}</a></h3>
						<p>{{'home.col2.service2.txt'|_}}</p>
					</div>
				</div><!-- Service 5 end -->

			<!--     <div class="ts-service-box">
			    <div class="ts-service-box-img pull-left">
			        <img src="{{'home/icon/service-icon6.png'|media}}" alt="" />
			    </div>
			    <div class="ts-service-box-info">
			        <h3 class="service-box-title"><a href="#">{{'home.col2.service3'|_}}</a>
			        </h3>
			        <p>{{'home.col2.service3.txt'|_}}</p>
			    </div>
			</div> -->
				
				<!-- Service 6 end -->
			</div><!-- Col end -->
		</div><!-- Content row end -->

	</div><!--/ Container end -->
</section><!-- Service end -->