Adattare un form per cellulari

[max1975_na]

Salve a tutti
Ho la necessita di modificare la grafica di un form per la versione web e quella dei dispositivi mobile.
In pratica quella che non mi piace è quella della versione web, in cui tutti i campi della form, gli imput vengono visualizzati a cascata, ovvero uno sotto l'atro; Questa visualizzazione è perfetta per i dispositivi mobile.
Ho modificato il css inserendo un float:left e un whidt: 33%... cosi facendo sulla versione web ho ottenuto il risultato desiderato, ma sulla versione web in pratica adesso i campi sono accavallati.

Ho provato con questa variazione sul css, ma sembra che non sia andata bene:

/*versione mobile*/ 
@media all and (max-width: 599px)
{    
.rtb-booking-form fieldset>div     
  { 
  margin-top: 1em;    
  }
}
/*versione web*/
.rtb-booking-form fieldset>div 
{    
margin-top: 1em;        
width: 33%;    
float: left;
} 

Qualcuno potrebbe aiutarmi a capire
Grazie