.rollbox {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#roll {
	width: 100%;
}
#roll dd {
	width:80px;
	float: left;
	padding-left: 0px;
    padding-right: 0px;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	margin-inline-start:0px;
	margin-left: 13px;
	margin-right: 13px;
}

#roll dd img{
	width:100%;
}

.rollbox span {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	z-index: 90;
	font-size: 0.75rem;
}
.rollbox .next {
	right: 0;
}

.roll-next, .roll-prev {
	position: absolute; 
    top: 24px;
	width: 70px;
	fill: #e6e6e6 !important;
}


	
	.roll-next {
		right: -15px;
		z-index: 10;
	}

	.roll-prev {
		left: -15px;
		z-index: 10;
	}

	.rollbox {
		width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width: calc(100% - 100px);
}



@media (max-width: 992px) {
	
/*	#roll dd {
	width:90px;
	margin-left: 15px;
	margin-right: 15px;
	}
	*/
	.rollbox {
		width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width: calc(100% - 40px);
		margin: 0 auto; 
}

	.roll-next {
		right: -30px;
		z-index: 10;
	}

	.roll-prev {
		left: -30px;
		z-index: 10;
	}

}

@media (max-width: 592px) {
	
	/*#roll dd {
	width:100px;
	margin-left: 15px;
	margin-right: 15px;
	}*/
	
	.rollbox {
		/*width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width: calc(100% - 70px);*/
		width: 100%;
}


}