.vanilla-zoom {
  width: 100%;
  /*display: flex;*/
}

.vanilla-zoom .sidebar {
  /*flex-basis: 30%;*/
  width: 100%;
  display: flex;
  /*flex-direction: column;*/
}

.vanilla-zoom .sidebar img.small-preview {
  width: 60px;
  margin-right: 5px;
  cursor: pointer;
  opacity: .5;
}

.vanilla-zoom .sidebar img.small-preview.active, .vanilla-zoom .sidebar img.small-preview:hover {
  opacity: 1;
}

.vanilla-zoom .sidebar img.small-preview:last-child {
  margin-right: 0;
}

.vanilla-zoom .zoomed-image {
  width: 100%;
  height: 300px;
  flex: 1;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  margin-bottom: 5px;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 20px; /* Place the button 30px from the right */
  z-index: 50; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(249, 251, 253, 0.594); /* Set a background color */
  color: rgb(130, 129, 129); /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 2px; /* Some padding */
  border-radius: 60px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
  color:aliceblue;
}




.width1{
  margin: auto;
}
@media (max-width: 800px) {
  .width1 {
    width:735px;
  }
}
@media (max-width: 550px) {
  .width1 {
    width:400px;
  }
}
@media (max-width: 430px) {
  .width1 {
    width:300px;
  }
}
@media (max-width: 376px) {
  .width1 {
    width:310px;
  }
}
@media (max-width: 180px) {
  .width1 {
    width:180px;
  }
}