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





   .galeria-art{
  height: 260px;
  }
  
  .galeria-wrap .galeria-art{
  height: 260px;
  }
  
  .galeria-art-b{
    height: 260px;
  }



  
  #odts-galeria{
    height: 3000px;
    }
    





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


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


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


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


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

   
    .galeria-prod{
       padding: 3px;
       }
      
      .g-img-prod{
          height: 60px;
       }


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





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

#art-foto{
height: 200px;
}



.action-box{
height: 46px;
line-height: 46px;
padding: 0 10px;
font-size: 12px;
}

#art-soc-ico{
height: 56px;
line-height: 66px;
}

.soc-ico-a{
height: 30px;
margin: 0 3px;
}


.kat-image-left, .kat-image-right{
  height: 260px;
  }


a#art-zapytaj{
font-size: 16px;
}

a#art-mail{
background: #B29376 url('../img/ico-mail.png') no-repeat 10px center;
background-size: auto 20px;
font-size: 17px;
padding-left: 54px;
}

a#art-tel{
background: #3a2824 url('../img/ico-tel.png') no-repeat  10px center;
font-size: 17px;
padding-left: 54px;
background-size: auto 25px;
}

#art-soc-ico{
width: 110px;
height: 46px;
}



.soc-ico-a{
width: 25px;
height: 46px;
background-size: 100px auto;
}


#si-fb-a{
background-position: 10px 12px;
}

#si-gp-a{
background-position: -18px 12px;
}


#si-in-a{
background-position: -48px 12px;
}

#si-tw-a{
background-position: -76px 12px;
}



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

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

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

.gal-3{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

.gal-4{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

.gal-5{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

.gal-6{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

.gal-7{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

.gal-8{
width: 100%;
height: 300px;
padding: 2px 0 2px 0;
}

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




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






.film-th{
  height: 60px;
}




}




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





  .galeria-art{
    height: 220px;
    }
    
    .galeria-wrap .galeria-art{
    height: 220px;
    }
    
    .galeria-art-b{
      height: 220px;
    }
  



  
    #odts-galeria{
      height: 2550px;
      }
      



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



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


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

.gal-1{
height: 260px;
}

.gal-2{
height: 260px;
}

.gal-3{
height: 260px;
}

.gal-4{
height: 260px;
}

.gal-5{
height: 260px;
}

.gal-6{
height: 260px;
}

.gal-7{
height: 260px;
}

.gal-8{
height: 260px;
}

.gal-9{
height: 260px;
}



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



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





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





}