.viewer-button {
  width: 60px !important;
  height: 60px !important;
  background-size: 50px !important;
  background-repeat: no-repeat !important;
  background-image: url(../img/btn_06.png) !important;
  background-position: center !important;
  right: 0px !important;
  top: 0px !important; 
  background-color: transparent !important;
}
  
.viewer-button::before {
  background-image: none !important; 
}

.viewer-large {
  background-color: transparent !important;
  width: 40px !important;
  height: 40px !important;
  background-size: cover !important;
  margin: 0 5px !important;
}

.viewer-large:nth-child(1) {
  background-image: url(../img/btn_01.png) !important;
}

.viewer-large:nth-child(2) {
    background-image: url(../img/btn_02.png) !important;
}

.viewer-large:nth-child(3) {
  background-image: url(../img/btn_03.png) !important;
  /*width: 92px !important;
  height: 60px !important;
  border-radius: 10px !important;*/
}

.viewer-large:nth-child(4) {
  background-image: url(../img/btn_04.png) !important;
}

.viewer-large:nth-child(5) {
  background-image: url(../img/btn_05.png) !important;
}

.viewer-large::before {
  background-image: none !important; 
}

@media (max-width: 599px) {
  .viewer-button {
    border-radius: 43% !important;
    width: 90px !important;
    height: 90px !important;
    background-size: 40px !important;
    background-position: 7px 42px !important;
    right: -46px !important;
    top: -44px !important; }

  .viewer-large {
    width: 46px !important;
    height: 46px !important;
    margin: 0 2px !important;
  }
    
  /*.viewer-large:nth-child(3) {
    width: 71px !important;
    height: 46px !important;
    border-radius: 10px !important;
  } */
}

.galley {
  display: none; 
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 1);
}