.cloudimage-360 { 
	max-width:600px;
	width:100% ;
	height:auto !important;
	margin: 20px auto;
} 

.cloudimage-inner-box canvas {
	width:100%;
	height:auto;
}

.cloudimage-360 .cloudimage-360-prev, .cloudimage-360 .cloudimage-360-next {
    padding: 7px;
    background: rgb(230 230 230);
    border: none;
    border-radius: 58px;
    height: 45px;
    width: 45px;
}
.cloudimage-360 .cloudimage-360-prev:focus, .cloudimage-360 .cloudimage-360-next:focus {
	outline: none;
}
.cloudimage-360 .cloudimage-360-prev {
	display: none;
	position: absolute;
	z-index: 100;
	top: calc(50% - 15px);
	left: 20px;
}
.cloudimage-360 .cloudimage-360-next {
	display: none;
	position: absolute;
	z-index: 100;
	top: calc(50% - 15px);
	right: 20px;
}
.cloudimage-360 .cloudimage-360-prev:before, .cloudimage-360 .cloudimage-360-next:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: 50% 50% / cover no-repeat;
}
.cloudimage-360 .cloudimage-360-prev:before {
	background-image: url('../img/arrow-left.svg');
	transform: scale(0.8);
}
.cloudimage-360 .cloudimage-360-next:before {
	background-image: url('../img/arrow-right.svg');
	transform: scale(0.8);
}
.cloudimage-360 .cloudimage-360-prev.not-active, .cloudimage-360 .cloudimage-360-next.not-active {
	opacity: 0.4;
	cursor: default;
}