.containerbox {
  overflow: hidden;
  position: relative;
  .panoramixImg {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    margin: auto;
  }
}


.desing_wrapp .containerbox img {
    width:auto;
    vertical-align: bottom;
}

.pano {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.pano .controls {
  position: relative;
  font-size: 1.8em;
}

.pano .controls a {
  position: absolute;
  display: block;
  text-decoration: none;
  color: #eee;
  font-size: 1.6em;
 margin: 25% 0;
	width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: rgba(0,0,0,0.4);
    z-index: 99;
    transition: all 1s ease-in-out 0s;
}

.pano .controls a:hover {
	background-color: rgba(0,0,0,0.8);
}

.pano .controls a.left {
	left: 10px; }

.pano .controls a.right {
  right: 10px;
  text-align: right;
}

.moving .pano .controls a {
  opacity: 0.4;
  color: #eee;
  z-index: 80;
}

.pano .controls {
position: relative;
display: block;
 margin:0;
	width: 100%;
    height: 100%;
    z-index: 99;
    transition: all 1s ease-in-out 0s;
	left: 0px;
}

.pano .controls.rig {
    left: auto;
    right: 50px;
}

.pano .controls .left {
  position: absolute;
  top: 50%;
  left: 30px;
  cursor: pointer;
  translate: 0 -50%;
}

.pano .controls .right {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 30px;
  translate: 0 -50%;
}


/****/
.pano .controls div {
  position: absolute;
  display: block;
  text-decoration: none;
	top:0;
}

.pano .controls div.left,
.pano .controls div.right {
  height: auto;
  z-index: 99;
  transition: all 1s ease-in-out 0s;
	width: 30px;
}

.pano .controls div.left:hover,
.pano .controls div.right:hover {
	opacity: 0.8;
}

.moving .pano .controls div {
  opacity: 0.4;
  color: #eee;
  z-index: 80;
}

@media only screen and (max-width: 750px) {
  .containerbox {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }	
	
	.pano .controls a {
    margin: 25vh 0;
    width: 50px;
    height: 50px;
  }
  
  .pano .controls {
    width: 100%;
  }

 .pano .controls.rig {
    left: auto;
    right: 30px;
  }   
  
  .desing_wrapp .containerbox .pano div img {
    width:100%;
    vertical-align: top;
  }

  .pano .controls div.left,
  .pano .controls div.right {
    width: 20px;
  }
  
  .pano .controls div.left:hover,
  .pano .controls div.right:hover {
    background-color: rgba(0,0,0,0.8);
  }
}