Address Fields with Additional CSS

I use the following code to organize the address fields. However, it’s causing an incorrect appearance on mobile. If I delete the “margin-top: -89px;” it is OK on mobile but it displayed incorrectly on the desktop side. For both views, custom css was working fine before the update, but it brokes after the update. How can I fix?

Appearance → Customize → Additional CSS:

 

ul li.meta-author { 

    display: none; 

} 

 

#billing_country_field { 

  display: none; 

} 

 

.woocommerce .includes_tax .amount { 

    display: none; 

} 

 

//CSS Basi 

.fullwidth_custom{width: 100% !important;} 

#billing_first_name_field{width: 48%;float:left;} 

#billing_last_name_field{width: 48%;float:right;} 

#billing_city_field{width: 48%;float: left;} 

#billing_state_field{width: 48%;float: right;margin-top: -89px;} 

#billing_phone_field{width: 48%;float: left;} 

#billing_email_field{width: 48%;float: right;margin-top: -89px;} 

 

//CSS Sonu