/*=======================
MD2P Manual Pager CSS
=========================*/

.marker-right {
	width: 100%;
	height: 100%;
	position: relative;
	top: -26px;
	right: 10px;
	text-align: right;
	z-index:1000;
}


.marker-center {
	margin-top: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index:1000;
}

.markerItem {
	padding: 4px;
	cursor: pointer;
}

@media only screen and (max-width : 320px) { /* portrait */
	.marker-right {
		top: -24px;
		right: -30px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
	}
}

@media only screen and (-webkit-device-pixel-ratio: 2) and
	(orientation:portrait) {
	 .marker-right {
		top: -24px;
		right: -30px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
	}
}

@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
	.marker-right{top: -39px;}
}