.featherlight-next, .featherlight-previous {width:25px; background:#ccc; display:block; position:absolute; top:50%; margin-top:-40px; right: auto;left:auto; bottom:auto; cursor:pointer; -webkit-touch-callout:none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.featherlight-next {right:0;}
.featherlight-previous {left:0;}
.featherlight-next span, .featherlight-previous span {width:100%; display:block; text-align:center; line-height:80px;}
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {display:none;}


/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}

}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}