@media only screen and (max-width: 1024px) {


   .boxdividi_photo {
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
}

   #plistacategorie {
      padding: 20px;
      display:none;
   }

   #logo {
      color: #fff;
      float: left;
      font-weight: lighter;
      margin-left: 10px;
      margin-top: 20px;
      padding: 0;
      text-transform: none;
   }

   #logo img{
      height:24px;
      width: auto;
   }
   #pnavigation ul li {
      display: inline-block;
      text-align: center;
      width: 133px;
   }

   #navigation ul li {
      display: inline;
      margin-right: 7px;
   }

   .portfolio {
      width: 100%;
   }

   .portfolio li {
      width:33%;
      margin:0 auto;
   }

   .crop{
      width: 100%;
       overflow:hidden;
        margin:0; 
        height: 150px;
   }
   
  #portfolio img{
             display:block; /*remove inline-block spaces*/
       margin-left: -20px;
    margin-top: 0px;
        }
        
   .separator1-bg {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
   }

   .separator2-bg {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
   }

   .separator3-bg {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
   }

   .separator4-bg {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
   }

   .separator5-bg {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
   }
   
  
}