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

  #igabinet{
    display: block;
 
   }



   .infoblok2{
    height: 260px;

  }
 



/*----------------- HomeTop ---------------------*/
.HomeTop-inc h2{
font-size: 28px;
line-height:28px;
}

#hc-1{
padding: 0 30px 40px 30px;
}

#hc-2{
padding: 0 30px 40px 30px;
}




#hc-4{
padding: 0 30px 40px 30px;
}


/* ---------------- 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 ------------- */


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


.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) {



  
  .infoblok2{
    height: 220px;

  }
 


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

#hci-3{
height: 420px;
}




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


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

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

#player{
  height: 120px;
}

/* ------------------------- 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 ------------------*/





}