#responses-slide {
	padding: var(--slide-v-padding) 0;
}

#responses-slider {
	overflow: hidden;
	padding-top: 50px;
}

#responses-slider .swiper-slide {
	width: calc(25 * var(--vw));
}

.response-item {
    border: 2px solid #fff;
    margin: var(--simple-padding);
    color: #fff;
    padding: calc(2 * var(--simple-padding));
    border-radius: var(--simple-padding);
}

.response-item__slide-number {
	color: #ccc;
	font-size: 1.5em;
	z-index: -1;
	opacity: .7;
	top: .5em;
	left: 1em;
	font-weight: 800;
}

#responses-slide h3 {
    font-size: calc(1.4 * var(--vw));
}

#responses-slide .nav-btn {
	font-size: 30px;
	cursor: pointer;
	width: 1.5em;
}

#responses-slide .navigation {
	margin-left: calc(2 * var(--simple-padding));
}

.nav-btn.swiper-button-disabled {
    opacity: .5;
}

@media (max-width: 1250px) and (min-width: 1040px) {
	
}

@media (max-width: 1039px) and (min-width: 900px) {
	
}

@media (max-width: 899px) and (min-width: 650px) {
	#responses-slider .swiper-slide { width: calc(35* var(--vw)); }
}

@media (max-width: 649px) {
	#responses-slider .swiper-slide { width: calc(85* var(--vw)); }
}