@media only screen and  (max-width: 1200px) {
  #page {
    width: 660px;
  }

  #header, #nav {
    width: 660px !important;

  }
    


  #navi-list { 
    width: 480px;
    float: right !important;
   
    
  }

  #navi-list li {
    margin-right: 30px !important;

  }
  
  
  #navi-list li.nav-collections {
    margin-left: 0 !important;

  }
  
  #navi-list li.nav-info {
    margin-left: 0 !important;

  }
  
  

  #modules {
    margin-left: 0;
  }
  
 .gallery_thumb { 
    width: 90px !important; 
    height: 135px !important; 
  }  

}




@media only screen and  (max-width: 640px) {
  #logo {
    float: none;
    margin-bottom: 0;
    margin-left: 130px
  
  }
  #header, #nav {
    width: 360px !important;
    height: 70px !important;  
    padding: 0 !important;
  }


  #navi-list {
    float: left !important;
    margin-top: 10px;
    margin-left: 100px;
    
  }

  #navi-list li {
    margin-right: 15px !important;

  }
  #page {
    width: 295px;
  }
  
  #homepage-modules {
    margin-left: 0;
  }
  
  #gallery_image {
    width: 300px !important;
    
  }
  .gallery_thumb { 
    width: 90px !important; 
    height: 135px !important; 
  }  

  #gallery_thumbs { width: 360px !important}  

}