#galery{
 margin-bottom:10px;
}

.jcarousel-wrapper{
  position: relative;
}

a.galcontrol{
  width:60px;
  height:60px;
  background-size: 100% 100%;

  padding:10px;
  opacity: 0.9;
  padding:3px;
  z-index:1;
  top:50%;
  margin-top: -30px;
}

a.galcontrol:hover{
opacity: 1;
}

.jcarousel-control-prev{
background:rgb(48,143,203); border-radius:50px; left:30px; position:absolute; cursor: pointer;
background-image: url(../img/left-arrow.png);
background-repeat: no-repeat;
background-size: cover; background-position: center;
}
.jcarousel-control-next{
background:rgb(48,143,203); border-radius:50px; right:30px; position:absolute; cursor: pointer;
background-image: url(../img/right-arrow.png);
background-repeat: no-repeat;
background-size: cover; background-position: center;
}


.jcarousel ul{
  left: 0px; top: 0px;

}

.jcarousel li{
    width:350px;
    padding:0px;
    background-color: #fff;
    padding: 10px;
    position:relative;
}

.jcarousel li h2{
  position:absolute; width:40%;
font-size: 20px;
  background:rgba(0,142,203,0.5); color:white; text-align:center; top:45%;left:30%; padding:5px;
}
.jcarousel li h3{
  position:absolute; width:140px;   color:white; text-align:center; top:78%;left:50%; margin-left: -70px;
  border:2px solid white;
  padding:7px; z-index:999; font-size: 15px; background: transparent;
cursor: pointer;
}
.jcarousel li h3:hover{
  transition: 0.3s;
  color:white;
  border-color:rgba(0,142,203,1);
  background-color: rgba(0,142,203,1);
}
.jcarousel ul li img{
  width: 100%;
  margin-right: 0;
  position: relative;
  display: block;
}

.bigpicer{
 padding-left:60px; padding-right:60px
}

@media only screen and (max-width: 991px) {
  a.galcontrol {
      width: 50px;
      height: 50px;
      margin-top: -130px;
z-index: 99;
  }
  .jcarousel li{
    width:250px;
  }

  .jcarousel-control-next{
    right:0;
  }
  .jcarousel-control-prev{
    left:0;
  }
}