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

  .imgs {
    width: 190px;
    height: 144px;
  }

  #img1 { background: url("pildid/260/ekrpilt1.png") no-repeat; }
  #img2 { background: url("pildid/260/ekrpilt2.png") no-repeat; }
  #img3 { background: url("pildid/260/ekrpilt3.png") no-repeat; }
  #img4 { background: url("pildid/260/ekrpilt4.png") no-repeat; }
  #img5 { background: url("pildid/260/ekrpilt5.png") no-repeat; }
  #img6 { background: url("pildid/260/ekrpilt1.png") no-repeat; }
}


@media only screen and (min-width:320px) and (max-width:767px)  {
  .imgs {
    width: 280px;
    height: 212px;
  }

  #img1 { background: url("pildid/320/ekrpilt1.png") no-repeat; }
  #img2 { background: url("pildid/320/ekrpilt2.png") no-repeat; }
  #img3 { background: url("pildid/320/ekrpilt3.png") no-repeat; }
  #img4 { background: url("pildid/320/ekrpilt4.png") no-repeat; }
  #img5 { background: url("pildid/320/ekrpilt5.png") no-repeat; }
  #img6 { background: url("pildid/320/ekrpilt1.png") no-repeat; }

}

@media only screen and (min-width:768px) and (max-width:959px)  {
  .imgs {
    width: 736px;
    height: 558px;
  }

  #img1 { background: url("pildid/760/ekrpilt1.png") no-repeat; }
  #img2 { background: url("pildid/760/ekrpilt2.png") no-repeat; }
  #img3 { background: url("pildid/760/ekrpilt3.png") no-repeat; }
  #img4 { background: url("pildid/760/ekrpilt4.png") no-repeat; }
  #img5 { background: url("pildid/760/ekrpilt5.png") no-repeat; }
  #img6 { background: url("pildid/760/ekrpilt1.png") no-repeat; }
}

@media only screen and (min-width:960px) {
  .imgs {
    width: 736px;
    height: 558px;
  }

  #img1 { background: url("pildid/960/ekrpilt1.png") no-repeat; }
  #img2 { background: url("pildid/960/ekrpilt2.png") no-repeat; }
  #img3 { background: url("pildid/960/ekrpilt3.png") no-repeat; }
  #img4 { background: url("pildid/960/ekrpilt4.png") no-repeat; }
  #img5 { background: url("pildid/960/ekrpilt5.png") no-repeat; }
  #img6 { background: url("pildid/960/ekrpilt1.png") no-repeat; }
}