@media (max-width: 1200px) {



}


@media (max-width: 992px) {

.gallery-item-blok
{
width:calc(33.3333333333333% - 20px);
margin:10px 10px;
display: block;
cursor:pointer;
}



}


@media (max-width: 768px) {

.gallery-item-blok
{
width:calc(50% - 20px);
margin:10px 10px;
display: block;
cursor:pointer;
}

}



@media (max-width: 576px) {

.gallery-item-blok
{
width:calc(100% - 20px);
margin:10px 10px;
display: block;
cursor:pointer;
}

.okno-realizacje-lewo
{
  position: absolute;
  left:40px;
  bottom:auto;
  top:40px;
  margin-bottom:-0px;
  width:50px;
  height:50px;
  cursor:pointer;

}

.okno-realizacje-lewo::after
{
  position:absolute;
  content:'';
  top:42px;
  left:0px;
  width:30px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.okno-realizacje-lewo::before
{
  position:absolute;
  content:'';
  top:22px;
  left:0px;
  width:30px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

}





.okno-realizacje-prawo
{
  position: absolute;
  right:auto;
  bottom:auto;
  left:70px;
  top:40px;
  margin-bottom:0px;
  width:50px;
  height:50px;
  cursor:pointer;

}

.okno-realizacje-prawo::before
{
  position:absolute;
  content:'';
  top:22px;
  right:0px;
  width:30px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}


.okno-realizacje-prawo::after
{
  position:absolute;
  content:'';
  top:42px;
  right:0px;
  width:30px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

}