Col-50 or other grid issue

col-50 or other grid is not working with the android version below 4.4


It is looking like this. how can i solve this issue?`

	    `<div class="row no-gap" id="menu_list">
	   
	   <div class="col-50 tablet-25 nopadding"> 
		   <a class="category_wise_product_list"  data-cat_id="" >
			   <div align="center" class="card demo-card-header-pic  padding-5 noshadow noradius"  >
			    
				  <div style="background:url('https://groseasy.com/admin/ctphotos/GROSERERERRE.jpg') center no-repeat; background-size:100%; height: 80px; width: 80px;" >
				   
				  
				  </div>
				  <div class='bold color-gray size-12'>BRANDED FOOD</div>
	   		   </div> 
   		   </a>
	   </div>
	   <div class="col-50 tablet-25 nopadding"> 
		   <a class="category_wise_product_list"  data-cat_id="" >
			   <div align="center" class="card demo-card-header-pic padding-5 noshadow noradius"  >
			    
				  <div style="background:url('https://groseasy.com/admin/ctphotos/GROSERERERRE.jpg') center no-repeat; background-size:100%; height: 80px; width: 80px;" >
				   
				  
				  </div>
				  <div class='bold color-gray size-12'>BRANDED FOOD</div>
	   		   </div> 
   		   </a>
	   </div></div>`

Android below 4.4 is not supported