<div class="cart-total" id="hideEmptyCols"> <!-- section title start --> <div class="section-small-title">

in short i don't want the empty lines
the code is this
<div class="cart-total" id="hideEmptyCols">
<!-- section title start -->
<div class="section-small-title">
<h3>Your order</h3>
</div>
<?php
$records = mysqli_query($con, "select * from trying"); // fetch data from database
while ($data = mysqli_fetch_array($records)) {
?>
<!-- section title end -->
<!-- single item -->
<p><?php echo $data['os1']; ?><span class="pull-right"></span> </p>
<!-- single item -->
<p><?php echo $data['os2']; ?><span class="pull-right"></span> </p>
<!-- total price -->
<p><?php echo $data['os3']; ?> <span class="pull-right"></span> </p>
<!-- shipping cost -->
<p><?php echo $data['os4']; ?><span class="pull-right"></span> </p>
<!-- vat cost -->
<p class="no-border">VAT <span class="pull-right">K 00.00</span> </p>
<!-- grand total -->
<p class="total-price">GRAND TOTAL <span class="pull-right">K 1405.50</span> </p>
<?php
}
?>
</div>

Just wrap it in an IF statement like:

<?php

if ($data['os1']) {

?>

<p><?php echo $data['os1']; ?><span class="pull-right"></span> </p>

<?php

}

?>