/*
 * Règle commune mobile : exploiter presque toute la largeur de l'écran.
 * Cette feuille est chargée après les styles propres à chaque page.
 */
@media (max-width: 767px) {
   .home-page .main-product .container {
      width: 100%;
      padding-right: 4px;
      padding-left: 4px;
   }

   .home-page .main-product .row {
      margin-right: 0;
      margin-left: 0;
   }

   .home-page .find-box {
      width: 100%;
      max-width: none;
      padding-right: 3px;
      padding-left: 3px;
   }

   .home-page .home-panel {
      width: 100%;
      padding-right: 9px;
      padding-left: 9px;
      border-radius: 12px;
   }

   .home-page .product-sh,
   .admin-page .admin-grid,
   .registration-page .registration-form,
   .registration-page .registration-actions,
   .clients-page .clients-content,
   .client-dashboard-page .client-dashboard-grid {
      width: 100%;
   }

   .admin-page .admin-action .form-sh a.btn,
   .client-dashboard-page .client-dashboard-action .form-sh a.btn,
   .home-page .form-sh a.home-btn,
   .clients-page .client-row {
      width: 100%;
   }
}

@media (max-width: 380px) {
   .home-page .main-product .container {
      padding-right: 2px;
      padding-left: 2px;
   }

   .home-page .find-box {
      padding-right: 2px;
      padding-left: 2px;
   }

   .home-page .home-panel {
      padding-right: 7px;
      padding-left: 7px;
   }
}