@media screen and (min-width:1921px) {
	.demo-3 {
		height: 1200px
	}
}

@media screen and (max-width:2560px) {
	.demo-3 {
		height: 1276px
	}
}

@media screen and (max-width:1920px) {
	.demo-3 {
		height: 957px
	}
}

@media screen and (max-width:1680px) {
	.demo-3 {
		height: 845px
	}
}

@media screen and (max-width:1600px) {
	.demo-3 {
		height: 805px
	}
}

@media screen and (max-width:1440px) {
	.demo-3 {
		height: 725px
	}
}

@media screen and (max-width:1360px) {
	.demo-3 {
		height: 654px
	}
}

@media screen and (max-width:1366px) {
	.demo-3 {
		height: 654px
	}
}

@media screen and (max-width:1280px) {
	.demo-3 {
		height: 644px
	}
}

@media screen and (max-width:1024px) {
	.demo-3 {
		height: 515px
	}
}

@media screen and (max-width:768px) {
	.demo-3 {
		height: 386px
	}
}

@media screen and (max-width:640px) {
	.demo-3 {
		height: 322px
	}
	.page-view .arrows {
		bottom: 10px;
	}
}

@media screen and (max-width:414px) {
	.demo-3 {
		height: 208px
	}
}

@media screen and (max-width:375px) {
	.demo-3 {
		height: 189px
	}
}

@media screen and (max-width:320px) {
	.demo-3 {
		height: 161px
	}
}
.page-view .arrows {
    top: 48%;
    left: 0;
    right: 0;
    margin-left: 10px;
    height: 56px;
}
.page-view .arrows .arrow.next {
    float: right;
}
.page-view .arrows .arrow svg {
    width: 31px;
    height: 50px;
}

@media screen and (max-width: 640px) {
	.page-view .arrows {
		transform: none !important;
		top: 42%
	}
	.page-view .arrows .arrow svg {
		width: 25px;
		height: 40px;
	}
}