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

  #home-act-txt{
    padding: 20px;
    }

    

 
  .h1, .tresci h1{
    font-size: 38px;
  }

  .h1 span, .tresci h1 span{
    font-size: 22px;
  }

 
  .h2, .tresci h2{
      font-size: 32px;    
    }

    .h2 span{
      font-size: 18px;
    }
  
    .h3, .tresci h3{
        font-size: 20px;
      }
      
      .h4, .tresci h4{
        font-size: 18px;
      }




      .ikonki{
        width: 100%;
    }  




    .info-blx{
      width: 90%;
  margin: 20px auto;
    }


  #Home-top-info > a{
              
    width: 100%;
    height: auto;
    margin: 20px 0;

  }

  #swsp, #swsn{
display: none;
  }


  .counter_d{
    width: 100%;
padding: 0 20px;
    }

    .counter_d h4{
     
      left: 130px;
      top: 5px;
font-size: 15px;
    
    
    }



    .galeria-out {
      display: block;
    }




    .galeria-wrap{
      display: block;
      height: auto;
    }




   .galeria-art{
     width: 100%;
   height: 300px;
   margin: 10px 0;
   }
   
   .galeria-wrap .galeria-art{
     width: 100%;
   height: 300px;
   margin: 10px 0;
   }
   
   .galeria-art-b{
     height: 300px;
     margin: 10px 0;
   }







   #odts-galeria{
    height: 3430px;
    }
    









  .filmcaption h2{
    padding: 15px;
  font-size: 22px !important;

  }
  


  .filmcaption > div{
    padding: 15px;
  }

  .filmcaption > div b{
    font-size: 22px; 
  }


 


  .flex-img{
    height: 360px;
  }
  





    .grid-item, .grid-sizer {
        width: 50%;
       }
    







      .realizacje{
        width: 100%;
        height: 250px;
       }


.realizacje#relfrs{
        width: 100%;
      }
.realizacje#rellast{
width: 100%;
}













/*----------------- HomeTop ---------------------*/

.HomeTop-inc{
height: 300px;
}

#hci-3{
height: 380px;
}


    
.gala-h2 h3{
    font-size: 32px;
  }

  .gala-h2 a.more{

    width: 150px;

   
     }

/* ---------------- HOME -------------------------*/


.h-image-left, .h-image-right{
height: 460px !important;
}




/* ------------------------infoblk ------------------*/


  #player{
    height: 140px;
  }


  .film-th{
    height: 70px;
  }


/* ------------------------------ PRODUKTY *-------------------------*/


.p-image-img{
    height: 250px;
  }
    

  .p-image-img span{
  
    bottom: -20px;
    height: 20px;
    }



    .galeriaProdukty{
        padding: 30px 10px 10px 10px;
        }
        
        .galeria-prod{
           padding: 3px;
           }
          
          .g-img-prod{
              height: 80px;
           }









#mapa-google{
height: 200px;
}


.h-prezent-txt{
    max-width: 95%;
    }
    

.h-prezent ol li{
padding: 10px 0 10px 10px;
margin-left: 60px;
font-size: 42px;
}


.h-prezent h3{
font-size: 18px;
}

.h-ban-image{
height: 180px;
}


/*------------------------- TOP KATGEORIA --------------------------- */







.tab-sec{
padding: 10px 2px;
}


.tab-h{
font-size: 15px;
}



.tab-h span{
font-size: 12px;
}

.angl{
right: 5px;
top: 7px;
}






.galh-1, .galh-2, .galh-3, .galh-4{
    width: 100%;
    float: none;
    padding: 2px 0 0 0;
    height: 300px;
}




/* ------------------------- GALERIA --------------------------------------------- */

.gal-1{
width: 100%;
height: 360px;
padding: 2px 0 2px 0;
}

.gal-2{
width: 50%;
height: 360px;
padding: 2px 2px 2px 0;
}

.gal-3{
width: 50%;
height: 180px;
padding: 2px 0 2px 2px;
}

.gal-4{
width: 50%;
height: 180px;
padding: 2px 0 2px 2px;
}

.gal-5{
width: 50%;
height: 180px;
padding: 2px 2px 2px 0;
}

.gal-6{
width: 50%;
height: 180px;
padding: 2px 0 2px 2px;
}

.gal-7{
width: 50%;
height: 180px;
padding: 2px 2px 2px 0;
float: left;
}

.gal-8{
width: 50%;
height: 180px;
padding: 2px 0 2px 2px;
}

.gal-9{
width: 100%;
height: 360px;
padding: 2px 0 2px 0;
}





/* -------------------------  GALERIA artykuly --------------------------------------------- */






    
    




/* ---------------------------PODKATEGORIE STRONA ------------------------------- */


.kat-image-left, .kat-image-right{
    height: 300px;
    }
    
  
    .kat-text-right,  .kat-text-left{
        padding: 30px 20px;
      }
      
  





/* ------------------------------- ARTYKUŁY ----------------------------------*/

    
    .gal-list-img{
        height: 220px;
        }


     
          

/* -----------------------karta ------------- */


#art-foto span{
 
    bottom: -30px;
    height: 30px;
    }


#art-foto{
height: 240px;
}



h3.pole{
font-size: 22px;
}



form input[type="submit"]{
    width: 100%;
}
    



#mapa-google-doc{
height: 360px;
}

#mapid-doc{
    height: 360px;
    }


    .subcat-flx a{

      width: 100%;
    
    }

       
  
  

}