Mediaquery pour rendre un planning responsiv

J'ai défini en css, l'affichage d'un planning qui s'affiche à l'horizontal et au centre, sur écran d'ordinateur. Ce planning a 3 rangées : Dates (pour toutes les dates d'un séjour demandé), Appart_1 et Appart_2 (avec la mention disponible ou indisponible sous les dates et plus ou moins de colonnes, selon la demande).
Il doit, à présent, s'afficher à la verticale, sur les écrans de smartphone, toujours au centre de l'écran mais avec cette fois-ci : Dates, Appart_1 et Appart_2 en tête de colonnes et les différentes dates composant le séjour suivies de "disponible" ou "indisponible", en rangées.
Je fournirai donc le fichier css pour grand écran, afin de le récupérer enrichi du mediaquery responsive qui l'affichera à la verticale (sans espace entre les colonne) sur tous les smartphone, en portrait ou paysage.