.page-museum-interactive, .page-library-interactive {
  overflow-x: hidden;
}
#vi_toolbar,
#vi_exit,
#vi_img_title {
  position: absolute;
  top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#vi_toolbar {
  display: none;
  z-index: 3;
  right: 30%;
  padding: 5px;
  background: rgba(12, 19, 62, 0.8);
}
#vi_exit {
  display: none;
  z-index: 999;
  right: 2%;
  padding: 5px;
  width: 38px;
  height: 38px;
  background: rgba(12, 19, 62, 0.8)
    url(../images/virtual-tour/anatomy-vt/close.png) center center no-repeat;
}
#vi_img_title {
  display: block;
  z-index: 3;
  left: auto;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  background: rgba(12, 19, 62, 0.7);
}

#vi_bg {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#vi_bgimg {
  display: none;
  -ms-interpolation-mode: bicubic;
}
#vi_preloader {
  position: absolute;
  z-index: 3;
  width: 66px;
  top: 34%;
  left: 50%;
  margin: auto;
}
#vi_preloader img {
  width: 66px;
  height: 66px;
}
#vi_thumbnails_wrapper {
  z-index: 2;
  position: absolute;
  bottom: 19%;
  width: 100%;
  background: url(../images/virtual-tour/anatomy-vt/empty.gif);
}

#vi_outer_container {
  position: relative;
  padding: 0;
  width: 100%;
  margin: 40px auto;
}
#vi_outer_container .vi_thumbScroller {
  position: relative;
  overflow: hidden;
  background: rgba(12, 19, 62, 0.6);
}
#vi_outer_container .vi_thumbScroller,
#vi_outer_container .thumbScroller .container,
#outer_container .thumbScroller .content {
  height: 122px;
}
#vi_outer_container .vi_thumbScroller .vi_container {
  position: relative;
  left: 0;
}
#vi_outer_container .vi_thumbScroller .vi_content {
  float: left;
}
#vi_outer_container .vi_thumbScroller .vi_content div {
  margin: 5px;
  height: 100%;
}
#vi_outer_container .vi_thumbScroller img {
  border: 1px solid #000;
}
#vi_outer_container .vi_thumbScroller .vi_content div a {
  display: block;
  padding: 5px;
}

.vi_nextImageBtn,
.vi_prevImageBtn {
  display: block;
  position: absolute;
  width: 40px;
  height: 100px;
  top: 40%;
  margin: -25px 10px 0 10px;
  z-index: 3;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.vi_nextImageBtn:hover,
.vi_prevImageBtn:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.vi_nextImageBtn {
  right: 0;
  background: rgba(12, 19, 62, 1)
    url(../images/virtual-tour/anatomy-vt/nextImgBtn.png) center center
    no-repeat;
}
.vi_prevImageBtn {
  background: rgba(12, 19, 62, 1)
    url(../images/virtual-tour/anatomy-vt/prevImgBtn.png) center center
    no-repeat;
}

.anatommus_left {
  float: left;
  width: 40%;
  margin-left: 5%;
  font-size: 12px;
}
.anatommus_left .comment_left {
  width: 250px;
}
.anatommus_right {
  float: left;
  width: 50%;
  font-family: Cambria;
  font-size: 14px;
}
.anatommus_right2 {
  float: left;
  width: 60%;
}
.anatommus_right3 {
  width: 220px;
  float: left;
}
.anatommus_right4 {
  clear: both;
  margin-top: 30px;
  display: block;
}
/*  */
/* .vi_thumbScroller,
.vi_container {
  width: 1360px !important;
} */
.vi_container {
  height: 1087px;
}
#vi_bgimg {
  margin-left: 0px !important;
  width: 100% !important;
}
#vi_bg {
  height: 784px !important;
}

@media screen and (max-width: 980px) {
  #vi_bgimg {
    object-fit: contain !important;
  }
  .vi_nextImageBtn,
  .vi_prevImageBtn {
    top: 46%;
  }
  #vi_bg {
    margin-top: -150px !important;
  }
}
@media screen and (max-width: 890px) {
  #vi_thumbnails_wrapper,
  #vi_outer_container .vi_thumbScroller {
    display: none;
  }
  .vi_nextImageBtn,
  .vi_prevImageBtn {
    top: 62%;
  }
}
@media screen and (max-width: 760px) {
  #vi_bg {
    height: 648px !important;
  }
  #vi_bg {
    margin-top: -200px !important;
  }
}
@media screen and (max-width: 500px) {
  .vi_nextImageBtn,
  .vi_prevImageBtn {
    top: 60%;
    width: 20px;
    height: 60px;
  }
  #vi_bg {
    margin-top: -264px !important;
  }
  #vi_img_title {
    display: none; 
  }
}