Hello Friends,

Following is my code:

<div class="row">
<div class="col-md-12">
<div id="portfolio">
<ul class="items list-unstyled clearfix animated fadeInRight showing" data-animation="fadeInRight" style="position: relative; height: 438px;">
<li class="item web" style="position: absolute; left: 292px; top: 219px;"> <a href="images/work/Weight_Loss.png" class="fancybox"> <img src="images/work/Weight_Loss.png" alt="Weight Loss"> </a>
<div class="mybutton mybutton1"> <font size="4" style="color: #FFFFFF">Weight Loss</font></div>
</li>
<li class="item branding" style="position: absolute; left: 0px; top: 0px;">
<a href="images/work/Neuropathy.png" class="fancybox">
<img src="images/work/Neuropathy.png" alt="Neuropathy">
</a>
<div class="mybutton mybutton1">
<font size="4" style="color: #FFFFFF">Neuropathy</font>
</div>
</li>
<li class="item photography" style="position: absolute; left: 292px; top: 0px;"> <a href="images/work/Diabetes_Reversal.png" class="fancybox">
<img src="images/work/Diabetes_Reversal.png" alt="Diabetes Reversal" width="180" height="180">
</a>
<div class="mybutton mybutton1">
<font size="4" style="color: #FFFFFF">Diabetes Reversal</font>
</div>
</li>
<li class="item branding" style="position: absolute; left: 585px; top: 0px;"> <a href="images/work/Pain_Management.png" class="fancybox">
<img src="images/work/Pain_Management.png" alt="Pain Management">
</a>
<div class="mybutton mybutton1">
<font size="4" style="color: #FFFFFF">Pain Management</font>
</div>
</li>
<li class="item photography" style="position: absolute; left: 877px; top: 0px;"> <a href="images/work/PRP_Knee_Replacement.png" class="fancybox"> <img src="images/work/PRP_Knee_Replacement.png" alt="PRP Knee Replacement">
</a>
<div class="mybutton mybutton1">
<font size="4" style="color: #FFFFFF">PRP Knee Replacement</font> </div>
</li>
<li class="item photography" style="position: relative ; left: 0px; top: 219px;"> <a href="images/work/Skin&Hair_Aesthetic.png" class="fancybox"> <img src="images/work/Skin&Hair_Aesthetic.png" alt="Skin & Hair Aesthetic">
</a>
<div class="mybutton mybutton1"> <font size="4" style="color: #FFFFFF">Skin & Hair Aesthetic </font> </div>
</li>
</ul>
</div>
</div>
</div>
Its a templet i picked up i need to resize each Li so that i can have only 2 per row.
Please help me out ..