@media (max-width: 1199px) {

	.rolling-images {
		width: calc(300px + (500 - 300) * ((100vw - 320px) / (1199 - 320)));
		margin: auto;
	}

	.rolling-images--left {
		height: 420px;
	}

	.rolling-images--right {
		height: 420px;
	}

	.rolling-content {
		max-width: 100%;
		padding: 40px 20px;
		margin: auto;
	}

	.rolling-content h2 {
		font-size: 2rem;
	}

	.rolling-content p {
		font-size: 1rem;
	}

	.rolling-item img {
		width: 100%;
		height: 100%;
	}

	.rolling-item {
		position: absolute;
	}

	.rolling-item.rolling-item-left-1 {
		top: 60px;
		right: 25px;
		width: 130px;
		height: 130px;
	}

	.rolling-item.rolling-item-left-2 {
		left: 20px;
		top: 50px;
		width: 180px;
		height: 180px;
	}

	.rolling-item.rolling-item-left-3 {
		bottom: 20px;
		right: 30px;
		width: 180px;
		height: 180px;
	}

	.rolling-item.rolling-item-right-1 {
		top: 100px;
		left: 20px;
		width: 215px;
		height: 215px;
	}

	.rolling-item.rolling-item-right-2 {
		right: 30px;
		width: 160px;
		height: 160px;
	}

	.rolling-item.rolling-item-right-3 {
		bottom: 70px;
		right: 25px;
		width: 140px;
		height: 140px;
	}

}

/*@media (min-width: 768px) and (max-width: 1199px) {*/

/*	.rolling-images--left {*/
/*		left: -25%;*/
/*	}*/

/*	.rolling-images--right {*/
/*		left: -20%;*/
/*	}*/

/*	.rolling-images {*/
/*		display: flex;*/
/*		flex-direction: column;*/
/*		align-items: center;*/
/*	}*/

/*}*/

@media (min-width: 1200px) {

	/*--------------------------------------
	containers
	--------------------------------------*/

	.rolling-section {
		height: 80vh;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	/*--------------------------------------
	content
	--------------------------------------*/

	.rolling-content {
		z-index: 10;
		max-width: 650px;
		padding: 60px 40px;
	}

	.rolling-content .rolling-content__description {
		max-width: calc(450px + (650 - 450) * ((100vw - 1200px) / (1920 - 1200)));
		margin: auto;
		padding: 0 calc(35px + (0 - 35) * ((100vw - 1200px) / (1920 - 1200)));
	}

	/*--------------------------------------
	animated items
	--------------------------------------*/

	.rolling-images--left,
	.rolling-images--right {
		opacity: 0;
	}

	.rolling-images--left {
		transform: translateX(-100vw);
	}

	.rolling-images--right {
		transform: translateX(100vw);
	}

	.rolling-images {
		top: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 1;
	}

	.rolling-images--left {
		left: -10%;
		top: 44%;
		transform: translateY(-50%);
		gap: 80px;
	}

	.rolling-images--right {
		left: 10%;
		top: 44%;
		transform: translateY(-50%);
		gap: 60px;
	}

	.rolling-item {
		border-radius: 50%;
		/*overflow: hidden;*/
		opacity: 0;
		position: relative;
	}

	.rolling-images--left .rolling-item:nth-child(1) img {
		width: 140px;
		height: 140px;
	}

	.rolling-images--left .rolling-item:nth-child(2) img,
	.rolling-images--left .rolling-item:nth-child(3) img {
		width: calc(150px + (235 - 150) * ((100vw - 1200px) / (1920 - 1200)));
		height: calc(150px + (235 - 150) * ((100vw - 1200px) / (1920 - 1200)));
	}

	.rolling-images--right .rolling-item:nth-child(1) img {
		width: calc(140px + (290 - 140) * ((100vw - 1200px) / (1920 - 1200)));
		height: calc(140px + (290 - 140) * ((100vw - 1200px) / (1920 - 1200)));
	}

	.rolling-images--right .rolling-item:nth-child(2) img {
		width: calc(150px + (225 - 150) * ((100vw - 1200px) / (1920 - 1200)));
		height: calc(150px + (225 - 150) * ((100vw - 1200px) / (1920 - 1200)));
	}

	.rolling-images--right .rolling-item:nth-child(3) img {
		width: 140px;
		height: 140px;
	}

	/*.rolling-item:nth-child(1) {*/
	/*	background: linear-gradient(45deg, #ff6b6b, #ee5a52);*/
	/*}*/
	/*.rolling-item:nth-child(2) {*/
	/*	background: linear-gradient(45deg, #4ecdc4, #44a08d);*/
	/*}*/
	/*.rolling-item:nth-child(3) {*/
	/*	background: linear-gradient(45deg, #45b7d1, #3498db);*/
	/*}*/
	/*.rolling-item:nth-child(4) {*/
	/*	background: linear-gradient(45deg, #96ceb4, #85c1a0);*/
	/*}*/
	/*.rolling-item:nth-child(5) {*/
	/*	background: linear-gradient(45deg, #feca57, #ff9f43);*/
	/*}*/
	/*.rolling-item:nth-child(6) {*/
	/*	background: linear-gradient(45deg, #ff7675, #fd79a8);*/
	/*}*/

}

@media (min-width: 1366px) {

	.rolling-images--left {
		left: -15%;
	}

	.rolling-images--right {
		left: 14%;
	}

}

@media (min-width: 1600px) {

	.rolling-images--left {
		left: -20%;
	}

	.rolling-images--right {
		left: 18%;
	}

}