.containerbox {
  overflow: hidden;
  position: relative;
  height: 35vw;
    min-height: 550px;
    max-height: 800px;
 /* cursor: move;*/
    margin-bottom: 15px;
}

.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: 45%;
    left: 80px;
    cursor: pointer;
      }

.pano .controls .right {
    position: absolute;
    top: 45%;
    right: 80px;
     cursor: pointer;
}




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

.pano .controls div.left { 

}

.pano .controls div.right {

}

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

.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) {
	
	
.mainimage .mv_txt {
  z-index: 10;
  top: 13%;
  left: 50%;
  transform: translate(-50%, -13%);
  -webkit-transform: translate(-50%, -13%);
  -ms-transform: translate(-50%, -13%);
  width: calc(930 / 1900 *100%);
}  
    
    
.mainimage .caption {
  font-size: 11px;
}
    
    
.containerbox {
	height: 400px;
    min-height: 400px;
    max-height: 700px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}	
	
	
	.pano .controls a {
 margin: 25vh 0;
	width: 50px;
    height: 50px;
}
	
.desing_wrapp .containerbox .pano .controls a img {
    width:100%;
	vertical-align: top;
}	
	

	
/****/

    
.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: 40px;
    height: 77px;
    z-index: 99;
    transition: all 1s ease-in-out 0s;
}
.pano .controls div.left {
    left: 20px;
} 
.pano .controls div.right {
    right: 20px;
}    

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