/* Smartphones (portrait and landscape) ----------- */
@media 
screen 
and (min-width: 320px) 
and (max-width: 768px),       
screen
and (min-device-width : 320px) 
and (max-device-width : 768px){
   #index, #page
   {
   padding: 0 10px;
   }
   
   #wrapper
   {
   margin: 20px auto;
   max-width: 100%;
   padding: 15px;
   }
   
   #column-1, #index #column-1, #column-2, #index #column-2, #column-top-home, #column-top
   {
   width: 100%;
   float: none;
   padding: 0;
   margin: 0 0 30px 0;
   }
   
   #content
   {
   background: none;
   padding: 0 0 40px 0;
   }
   
   #menu-top
   {
   float: none;
   width: 100%;
   text-align: center;
   margin: 0;
   padding: 15px 0;
   }
   
   #menu-top li
   {
   float: none;
   display: inline-block;
   }
   
   #menu-top li a
   {
   display: inline-block;
   float: none;
   font-size: 16px;
   height: auto;
   padding: 0;
   }
   
   #logo
   {
   float: none;
   width: 100%;
   text-align: center;
   }
   
   #gallery img
   {
   max-width: 100px;
   height: auto;
   }
   
   #content .wpcf7 {
  width: 100%;
  }
  
  #table-1, #table-2
  {
  font-size: 10px;
  }
  
  #table-1 td, #table-2 td
  {
  padding: 8px 5px;
  }
  
  
}